/* var(--secondGreen)
var(--mainGreen)  */
.account-types .items {
    display: grid;
    grid-template-columns:2fr repeat(5, 1fr);
    gap: 5px;
    max-width: 1250px;
    margin: 0 auto;
    padding: 0 20px;
}

body.sa * {
    text-align: right !important;
    justify-content: end;
}

body.sa .home-assets .container .home-assets-btn,
body.sa p,
body.sa  h2,
body.sa h3 {
    margin: 15px auto 15px auto !important;
    max-inline-size: none !important;
}

@media (max-width: 768px) {
    .account-types .items {
        grid-template-columns:1fr;
        grid-template-rows:1fr repeat(4, 1fr);
        gap: 20px;
        max-width: 100%;
    }

    .account-types .items .item .content p:first-child {
        display: block
    }

    .account-types .items .empty {
        display: none
    }
}

.account-types .items p {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 50px;
    margin: 0;
    text-align: center
}

@media (min-width: 768px) {
    .account-types .items .item .content p:first-child {
        display: none
    }
}

.account-types .items .item .content {
    border: 1px solid #ccc;
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 10px;
    height: 50px;
    margin: 0
}

.account-types .items .empty {
    text-align: left;
    height: 50px
}

.account-btn {
    display: inline-block;
    width: 100%;
    padding: 15px;
    border-radius: 0 0 20px 20px;
    text-align: center;
    color: #fff;
    background-color: var(--mainGreen)
}

.account-btn:hover {
    color: #fff
}

.account-table-title {
    text-align: center;
    background-color: var(--mainGreen);
    border-radius: 20px 20px 0 0;
    padding: 10px 0;
    color: #fff;
    margin: 0;
    height: 50px
}

#langs span {
    cursor: pointer !important;
    margin-right: 5px;
}

#langs span:hover {
    color: #338ce8;
}

@media screen and (max-width: 999px) {
    .header.header nav .navbar-wrap .navbar .main-nav > .has-dropdown .navbar-dropdown-toggle:before {
        background-image: none;
        content: '';
        background-size: cover;
        width: 18px;
        height: 18px;
        background-repeat: no-repeat;
    }

    .header.header nav .navbar-wrap .navbar .main-nav > .has-dropdown.is-active .navbar-dropdown-toggle:before {
        content: "";
        transform: rotate(180deg);
    }
}

.account-types .items .item.empty {
    text-align: left;
}

.glossary-search {
    -webkit-padding-after: 24px;
    padding-block-end: 24px;
    z-index: 2
}

.glossary-search, .glossary-search__container {
    position: relative
}

@media (min-width: 769px) {
    .glossary-search__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.glossary-search__data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    inline-size: 100%;
    inset-block-start: 56px;
    inset-inline-start: 0;
    -webkit-box-shadow: 1px 2px 6px 0 #ddd;
    box-shadow: 1px 2px 6px 0 #ddd;
    padding-block: 12px;
    padding-inline: 24px;
    border-radius: 0 0 4px 4px;
    background-color: #fff
}

@media (min-width: 769px) {
    .glossary-search__data {
        inline-size: calc(100% - 63px)
    }
}

.glossary-search__data--el {
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.glossary-search__data--el:hover {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    color: var(--mainGreen)
}

.glossary-search__read-more {
    -webkit-margin-before: 10px;
    margin-block-start: 10px;
    font-size: 11px;
    letter-spacing: .05em;
    text-transform: uppercase;
    font-weight: 700
}

.glossary-search__not-found {
    position: absolute;
    inset-block-start: 56px;
    inset-inline-start: 0;
    -webkit-padding-before: 4px;
    padding-block-start: 4px;
    font-size: 14px
}

.glossary-search__not-found span {
    cursor: pointer;
    color: var(--mainGreen);
    font-weight: 700
}

.glossary-search input {
    inline-size: 100%;
    block-size: 56px;
    border: 2px solid var(--mainGreen);
    border-radius: 8px;
    padding-block: 12px;
    padding-inline: 24px;
    font-size: 20px
}

@media (min-width: 769px) {
    .glossary-search input {
        -webkit-margin-end: 4px;
        margin-inline-end: 4px
    }
}

.glossary-search input.has-result {
    border-end-start-radius: 0;
    border-end-end-radius: 0
}

.glossary-search button {
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
    min-inline-size: 56px;
    block-size: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (min-width: 769px) {
    .glossary-search button {
        position: relative;
        inset-block-start: unset;
        inset-inline-end: unset
    }
}

.glossary-search button[disabled] {
    opacity: .6;
    cursor: not-allowed
}

.glossary-search button span {
    font-size: 28px
}

.quiz-section {
    margin-bottom: 36px
}

.quiz-section > span.bg-success {
    position: absolute;
    content: "";
    display: block;
    opacity: 0;
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
    -webkit-transform: scale(.4);
    -o-transform: scale(.4);
    transform: scale(.4)
}

.quiz-section.successful {
    position: relative
}

.quiz-section.successful > span.bg-success {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    top: -92px;
    right: -42px;
    left: -42px;
    bottom: -40px;
    -webkit-transition: 1.2s;
    -o-transition: 1.2s;
    transition: 1.2s;
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.quiz-section.wrong .quiz-section__question--finish .quiz-section__title {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#0b4375), to(#079dfe));
    background-image: -webkit-linear-gradient(bottom, #0b4375, #079dfe);
    background-image: -o-linear-gradient(bottom, #0b4375 0, #079dfe 100%);
    background-image: linear-gradient(0deg, #0b4375, #079dfe);
    font-size: 61px;
    font-weight: 700;
    font-family: Oxygen, sans-serif
}

.quiz-section.wrong .quiz-section__question--finish .quiz-section__answers {
    min-height: 346px;
    padding: 51px 43px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-image: -webkit-linear-gradient(239deg, #33353f, #1c1d22);
    background-image: -o-linear-gradient(239deg, #33353f 0, #1c1d22 100%);
    background-image: linear-gradient(211deg, #33353f, #1c1d22)
}

.quiz-section.wrong .quiz-section__question--finish .quiz-section__answers h3 {
    font-size: 61px;
    font-weight: 700;
    font-family: Oxygen, sans-serif;
    padding: 0;
    letter-spacing: normal;
    line-height: 70px
}

@media (max-width: 500px) {
    .quiz-section.wrong .quiz-section__question--finish .quiz-section__title {
        font-size: 39px;
        font-weight: 400;
        line-height: 42px
    }

    .quiz-section.wrong .quiz-section__question--finish .quiz-section__answers {
        padding: 44px 39px;
        min-height: 241px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .quiz-section.wrong .quiz-section__question--finish .quiz-section__answers h3 {
        font-size: 39px;
        font-weight: 400;
        line-height: 47px
    }
}

.quiz-section__container {
    width: 90%;
    max-width: 705px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 2
}

.quiz-section__questions {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.quiz-section__question {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.quiz-section__question--finish {
    position: relative
}

.quiz-section__question--finish .finish-btn {
    background-color: var(--mainGreen);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 18px auto 0;
    height: 54px;
    max-width: 312px;
    width: 90%;
    color: #fff;
    border-radius: 4px;
    padding: 12px 24px;
    font-size: 16px;
    letter-spacing: .05em;
    line-height: 22px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.quiz-section__question--finish .finish-btn:hover {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-color: #0050b3
}

.quiz-section__question--finish .quiz-section__data {
    max-width: 460px;
    margin: 0 auto
}

.quiz-section__question--finish .quiz-section__title {
    font-weight: 700;
    font-size: 56px;
    line-height: 72px
}

.quiz-section__question--finish .quiz-section__answers h3 {
    font-size: 56px;
    padding: 0 24px;
    line-height: 80px;
    font-weight: 600;
    color: #fff;
    margin: 0;
    text-align: center
}

.quiz-section__title {
    background-image: -webkit-linear-gradient(239deg, #33353f, #1c1d22);
    background-image: -o-linear-gradient(239deg, #33353f 0, #1c1d22 100%);
    background-image: linear-gradient(211deg, #33353f, #1c1d22);
    padding: 24px 50px;
    font-size: 30px;
    line-height: 38px;
    color: #fff;
    position: relative;
    min-height: 144px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.quiz-section__title span {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: .2em;
    opacity: .6
}

.quiz-section__answers {
    padding: 59px 37px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#0b4375), to(#079dfe));
    background-image: -webkit-linear-gradient(bottom, #0b4375, #079dfe);
    background-image: -o-linear-gradient(bottom, #0b4375 0, #079dfe 100%);
    background-image: linear-gradient(0deg, #0b4375, #079dfe);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.quiz-section__answer {
    display: grid;
    grid-template-columns:68px 1fr;
    grid-column-gap: 10px;
    margin-bottom: 11px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    cursor: pointer
}

.quiz-section__answer:hover .quiz-section__letter, .quiz-section__answer:hover .quiz-section__text {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-color: #e0e7f3
}

.quiz-section__answer:last-child {
    margin-bottom: 0
}

.quiz-section__letter, .quiz-section__text {
    min-height: 48px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .12);
    box-shadow: 0 4px 15px rgba(0, 0, 0, .12);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.quiz-section__letter {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    color: var(--mainGreen)
}

.quiz-section__text {
    padding: 0 24px;
    font-size: 18px;
    line-height: 24px
}

@media (max-width: 769px) {
    .quiz-section__container {
        width: 100%
    }

    .quiz-section__title {
        padding: 24px;
        font-size: 24px;
        font-weight: 400;
        min-height: 100px
    }

    .quiz-section__answers {
        padding: 24px 12px
    }

    .quiz-section__text {
        font-size: 16px
    }

    .quiz-section__question.quiz-section__question--finish .quiz-section__data {
        padding: 0 12px
    }

    .quiz-section__question.quiz-section__question--finish .quiz-section__title {
        font-size: 36px
    }

    .quiz-section__question.quiz-section__question--finish .quiz-section__answers h3 {
        font-size: 36px;
        line-height: 48px
    }
}

/*!
 * Copyright 2020 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.k-d-flex {
    display: -ms-flexbox;
    display: flex
}

.k-flex-row {
    -ms-flex-direction: row;
    flex-direction: row
}

.k-flex-row-reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.k-flex-col {
    -ms-flex-direction: column;
    flex-direction: column
}

.k-flex-col-reverse {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.k-flex-column {
    -ms-flex-direction: column;
    flex-direction: column
}

.k-flex-column-reverse {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.k-flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.k-flex-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.k-flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

.k-flex-initial {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.k-flex-1 {
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

.k-flex-auto {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.k-flex-none {
    -ms-flex: none;
    flex: none
}

.k-flex-grow {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.k-flex-grow-0 {
    -ms-flex-positive: 0;
    flex-grow: 0
}

.k-flex-shrink {
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.k-flex-shrink-0 {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.k-flex-basis-auto {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.k-flex-basis-0 {
    -ms-flex-preferred-size: 0;
    flex-basis: 0%
}

.k-align-items-start {
    -ms-flex-align: start;
    align-items: flex-start
}

.k-align-items-end {
    -ms-flex-align: end;
    align-items: flex-end
}

.k-align-items-center {
    -ms-flex-align: center;
    align-items: center
}

.k-align-items-stretch {
    -ms-flex-align: stretch;
    align-items: stretch
}

.k-align-items-baseline {
    -ms-flex-align: baseline;
    align-items: baseline
}

.k-align-content-start {
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.k-align-content-end {
    -ms-flex-line-pack: end;
    align-content: flex-end
}

.k-align-content-center {
    -ms-flex-line-pack: center;
    align-content: center
}

.k-align-content-stretch {
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.k-align-content-baseline {
    -ms-flex-line-pack: baseline;
    align-content: baseline
}

.k-align-self-start {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.k-align-self-end {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.k-align-self-center {
    -ms-flex-item-align: center;
    align-self: center
}

.k-align-self-stretch {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.k-align-self-baseline {
    -ms-flex-item-align: baseline;
    align-self: baseline
}

.k-justify-content-start {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.k-justify-content-end {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.k-justify-content-center {
    -ms-flex-pack: center;
    justify-content: center
}

.k-justify-content-between {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.k-justify-content-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.k-justify-content-evenly {
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.k-d-grid {
    display: grid
}

.k-grid-cols-none {
    grid-template-columns:none
}

.k-grid-rows-none {
    grid-template-rows:none
}

.k-grid-flow-col {
    grid-auto-flow: column
}

.k-grid-flow-col-dense {
    grid-auto-flow: column dense
}

.k-grid-flow-row {
    grid-auto-flow: row
}

.k-grid-flow-row-dense {
    grid-auto-flow: row dense
}

.k-colspan-all {
    grid-column: 1/-1
}

.k-colspan-auto {
    grid-column: auto
}

.k-rowspan-all {
    grid-row: 1/-1
}

.k-rowspan-auto {
    grid-row: auto
}

.k-grid-cols-1 {
    grid-template-columns:repeat(1, minmax(0, 1fr))
}

.k-colspan-1 {
    grid-column: span 1
}

.k-col-start-1 {
    grid-column-start: 1
}

.k-col-end-1 {
    grid-column-end: 1
}

.k-grid-cols-2 {
    grid-template-columns:repeat(2, minmax(0, 1fr))
}

.k-colspan-2 {
    grid-column: span 2
}

.k-col-start-2 {
    grid-column-start: 2
}

.k-col-end-2 {
    grid-column-end: 2
}

.k-grid-cols-3 {
    grid-template-columns:repeat(3, minmax(0, 1fr))
}

.k-colspan-3 {
    grid-column: span 3
}

.k-col-start-3 {
    grid-column-start: 3
}

.k-col-end-3 {
    grid-column-end: 3
}

.k-grid-cols-4 {
    grid-template-columns:repeat(4, minmax(0, 1fr))
}

.k-colspan-4 {
    grid-column: span 4
}

.k-col-start-4 {
    grid-column-start: 4
}

.k-col-end-4 {
    grid-column-end: 4
}

.k-grid-cols-5 {
    grid-template-columns:repeat(5, minmax(0, 1fr))
}

.k-colspan-5 {
    grid-column: span 5
}

.k-col-start-5 {
    grid-column-start: 5
}

.k-col-end-5 {
    grid-column-end: 5
}

.k-grid-cols-6 {
    grid-template-columns:repeat(6, minmax(0, 1fr))
}

.k-colspan-6 {
    grid-column: span 6
}

.k-col-start-6 {
    grid-column-start: 6
}

.k-col-end-6 {
    grid-column-end: 6
}

.k-grid-cols-7 {
    grid-template-columns:repeat(7, minmax(0, 1fr))
}

.k-colspan-7 {
    grid-column: span 7
}

.k-col-start-7 {
    grid-column-start: 7
}

.k-col-end-7 {
    grid-column-end: 7
}

.k-grid-cols-8 {
    grid-template-columns:repeat(8, minmax(0, 1fr))
}

.k-colspan-8 {
    grid-column: span 8
}

.k-col-start-8 {
    grid-column-start: 8
}

.k-col-end-8 {
    grid-column-end: 8
}

.k-grid-cols-9 {
    grid-template-columns:repeat(9, minmax(0, 1fr))
}

.k-colspan-9 {
    grid-column: span 9
}

.k-col-start-9 {
    grid-column-start: 9
}

.k-col-end-9 {
    grid-column-end: 9
}

.k-grid-cols-10 {
    grid-template-columns:repeat(10, minmax(0, 1fr))
}

.k-colspan-10 {
    grid-column: span 10
}

.k-col-start-10 {
    grid-column-start: 10
}

.k-col-end-10 {
    grid-column-end: 10
}

.k-grid-cols-11 {
    grid-template-columns:repeat(11, minmax(0, 1fr))
}

.k-colspan-11 {
    grid-column: span 11
}

.k-col-start-11 {
    grid-column-start: 11
}

.k-col-end-11 {
    grid-column-end: 11
}

.k-grid-cols-12 {
    grid-template-columns:repeat(12, minmax(0, 1fr))
}

.k-colspan-12 {
    grid-column: span 12
}

.k-col-start-12 {
    grid-column-start: 12
}

.k-col-end-12 {
    grid-column-end: 12
}

.k-grid-rows-1 {
    grid-template-rows:repeat(1, minmax(0, 1fr))
}

.k-rowspan-1 {
    grid-row: span 1
}

.k-row-start-1 {
    grid-row-start: 1
}

.k-row-end-1 {
    grid-row-end: 1
}

.k-grid-rows-2 {
    grid-template-rows:repeat(1, minmax(0, 1fr))
}

.k-rowspan-2 {
    grid-row: span 2
}

.k-row-start-2 {
    grid-row-start: 2
}

.k-row-end-2 {
    grid-row-end: 2
}

.k-grid-rows-3 {
    grid-template-rows:repeat(1, minmax(0, 1fr))
}

.k-rowspan-3 {
    grid-row: span 3
}

.k-row-start-3 {
    grid-row-start: 3
}

.k-row-end-3 {
    grid-row-end: 3
}

.k-grid-rows-4 {
    grid-template-rows:repeat(1, minmax(0, 1fr))
}

.k-rowspan-4 {
    grid-row: span 4
}

.k-row-start-4 {
    grid-row-start: 4
}

.k-row-end-4 {
    grid-row-end: 4
}

.k-grid-rows-5 {
    grid-template-rows:repeat(1, minmax(0, 1fr))
}

.k-rowspan-5 {
    grid-row: span 5
}

.k-row-start-5 {
    grid-row-start: 5
}

.k-row-end-5 {
    grid-row-end: 5
}

.k-grid-rows-6 {
    grid-template-rows:repeat(1, minmax(0, 1fr))
}

.k-rowspan-6 {
    grid-row: span 6
}

.k-row-start-6 {
    grid-row-start: 6
}

.k-row-end-6 {
    grid-row-end: 6
}

.k-grid-rows-7 {
    grid-template-rows:repeat(1, minmax(0, 1fr))
}

.k-rowspan-7 {
    grid-row: span 7
}

.k-row-start-7 {
    grid-row-start: 7
}

.k-row-end-7 {
    grid-row-end: 7
}

.k-grid-rows-8 {
    grid-template-rows:repeat(1, minmax(0, 1fr))
}

.k-rowspan-8 {
    grid-row: span 8
}

.k-row-start-8 {
    grid-row-start: 8
}

.k-row-end-8 {
    grid-row-end: 8
}

.k-grid-rows-9 {
    grid-template-rows:repeat(1, minmax(0, 1fr))
}

.k-rowspan-9 {
    grid-row: span 9
}

.k-row-start-9 {
    grid-row-start: 9
}

.k-row-end-9 {
    grid-row-end: 9
}

.k-grid-rows-10 {
    grid-template-rows:repeat(1, minmax(0, 1fr))
}

.k-rowspan-10 {
    grid-row: span 10
}

.k-row-start-10 {
    grid-row-start: 10
}

.k-row-end-10 {
    grid-row-end: 10
}

.k-hbox, .k-vbox {
    display: -ms-flexbox;
    display: flex
}

.k-ihbox, .k-ivbox {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.k-hbox, .k-ihbox {
    -ms-flex-direction: row;
    flex-direction: row
}

.k-ivbox, .k-vbox {
    -ms-flex-direction: column;
    flex-direction: column
}

.k-column {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.fake {
    color: red
}

.k-common-test-class {
    opacity: 0
}

.k-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.k-no-click {
    pointer-events: none
}

.k-floatwrap:after, .k-grid-toolbar:after, .k-slider-items:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden
}

.k-floatwrap, .k-grid-toolbar, .k-slider-items {
    display: inline-block;
    display: block
}

.k-autocomplete, .k-autocomplete.k-state-hover, .k-block, .k-draghandle, .k-dropdown-wrap, .k-dropdown-wrap.k-state-hover, .k-grid-header, .k-grouping-header, .k-header, .k-link.k-state-hover, .k-numeric-wrap, .k-numeric-wrap.k-state-hover, .k-pager-wrap, .k-picker-wrap, .k-picker-wrap.k-state-hover, .k-tabstrip-items .k-item, .k-toolbar {
    background-repeat: repeat;
    background-position: 0
}

.k-link:hover {
    text-decoration: none
}

.k-state-highlight > .k-link {
    color: inherit
}

.k-input[type=number], .k-input[type=text], .k-picker-wrap .k-input, .k-textarea, .k-textarea > .k-input .k-multiselect .k-input, .k-textarea > textarea, .k-textbox, .k-textbox > .k-input, .k-textbox > input {
    font-size: 100%;
    font-family: inherit;
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: none
}

.k-block, .k-draghandle, .k-inline-block, .k-widget {
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: none
}

.k-block, .k-widget {
    line-height: normal;
    outline: 0
}

.k-list-filter ::-ms-clear, .k-widget .k-input::-ms-clear {
    width: 0;
    height: 0
}

.k-block, .k-content, .k-grid, .k-header-column-menu, .k-panelbar, .k-slider, .k-splitter, .k-treeview, .k-widget {
    outline: 0;
    -webkit-tap-highlight-color: transparent
}

.k-block, .k-calendar, .k-grid-header .k-i-link-horizontal, .k-header-column-menu, .k-pager-wrap, .k-slider, .k-splitbar, .k-treeview {
    -webkit-touch-callout: none
}

.k-header-column-menu {
    color: inherit
}

.k-block {
    padding: 2px
}

.k-block > .k-header {
    margin: -2px 0 10px -2px;
    padding: .3em 2px;
    width: 100%;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-size: 1.2em;
    white-space: nowrap;
    min-height: 16px;
    position: relative
}

.k-toolbar .k-button-icontext {
    padding-right: .8em
}

.k-link {
    cursor: pointer;
    outline: 0;
    text-decoration: none
}

.k-grid-header span.k-link {
    cursor: default
}

.k-state-disabled, .k-state-disabled .k-draghandle, .k-state-disabled .k-icon, .k-state-disabled .k-link, .k-state-disabled .k-upload-button input {
    cursor: default !important;
    pointer-events: none;
    outline: 0
}

.k-state-disabled {
    opacity: .7
}

.k-state-disabled > .k-button {
    opacity: 1
}

@media print {
    .k-state-disabled, .k-state-disabled .k-input {
        opacity: 1 !important
    }
}

.k-state-error {
    border-style: ridge
}

.k-state-empty {
    font-style: italic
}

.k-icon.k-i-none {
    background-image: none !important
}

.k-image {
    border: 0
}

.k-widget .k-icon.k-i-collapse, .k-widget .k-icon.k-i-expand {
    cursor: pointer
}

html .k-success-colored {
    color: #507f50;
    border-color: #d0dfd0;
    background-color: #f0fff0
}

html .k-info-colored {
    color: #50607f;
    border-color: #d0d9df;
    background-color: #f0f9ff
}

html .k-error-colored {
    color: #7f5050;
    border-color: #dfd0d0;
    background-color: #fff0f0
}

.k-inline-block {
    padding: 0 2px
}

.k-icon.k-i-loading, .k-loading, .k-loading-image {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50%
}

.k-icon.k-i-loading:before {
    content: "";
    display: none
}

.k-loading-image, .k-loading-mask, .k-loading-text {
    position: absolute
}

.k-loading-mask {
    z-index: 100
}

.k-loading-mask.k-opaque .k-loading-color {
    opacity: 1
}

.k-loading-mask .k-loading-progress {
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.k-loading-text {
    text-indent: -4000px;
    text-align: center
}

.k-loading-color, .k-loading-image {
    width: 100%;
    height: 100%
}

.k-loading-image {
    top: 0;
    left: 0;
    z-index: 2
}

.k-loading-color {
    filter: alpha(opacity=30);
    opacity: .3
}

.k-content-frame {
    border: 0;
    width: 100%;
    height: 100%
}

.k-pane > .k-splitter-overlay {
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute
}

.k-drag-clue {
    position: absolute;
    z-index: 10003;
    border-style: solid;
    border-width: 1px;
    font-size: .9em;
    padding: .2em .4em;
    white-space: nowrap;
    cursor: default
}

.k-item.k-drag-clue {
    font-size: inherit
}

.k-drag-status {
    margin-top: -3px;
    margin-right: 4px;
    vertical-align: middle
}

.k-reorder-cue {
    width: 1px;
    overflow: visible
}

.k-reorder-cue .k-icon {
    position: absolute;
    left: -4px;
    width: 8px;
    height: 4px
}

.k-reorder-cue .k-i-arrow-60-down {
    top: -4px
}

.k-reorder-cue .k-i-arrow-60-up {
    bottom: -4px
}

.k-scrollbar {
    position: absolute;
    overflow: scroll
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    height: 100%;
    overflow-x: hidden
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    body .k-touch-scrollbar {
        height: 12px;
        width: 12px;
        border-radius: 7px
    }
}

.k-virtual-scrollable-wrap {
    overflow-x: auto
}

.k-current-time {
    background: red;
    position: absolute
}

.k-current-time-arrow-down {
    border-top: 4px solid red;
    border-right: 4px solid transparent
}

.k-current-time-arrow-down, .k-current-time-arrow-left {
    width: 0;
    height: 0;
    background: 0 0;
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent
}

.k-current-time-arrow-left {
    border-top: 4px solid transparent;
    border-right: 4px solid red
}

.k-current-time-arrow-right {
    width: 0;
    height: 0;
    background: 0 0;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid red;
    border-right: 4px solid transparent
}

.k-animation-container, .k-animation-container *, .k-animation-container :after, .k-block .k-header, .k-list-container, .k-widget, .k-widget *, .k-widget :before {
    box-sizing: content-box
}

.input-group .form-control, .k-autocomplete, .k-block, .k-edit-cell .k-widget, .k-grid-edit-row .k-widget, .k-grid-edit-row .text-box, .k-tabstrip > .k-content > .km-scroll-container, .k-textbox, .km-actionsheet > li, .km-shim {
    box-sizing: border-box
}

.form-control.k-widget {
    padding: 0
}

.km-widget, .km-widget * {
    -moz-background-clip: border-box;
    -webkit-background-clip: border-box;
    background-clip: border-box
}

.k-pdf-export-shadow {
    position: absolute;
    overflow: hidden;
    left: -15000px;
    width: 14400px
}

.km-native-scroller {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -ms-touch-action: pan-x pan-y;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -ms-scroll-snap-type: proximity
}

.k-hr {
    margin: .5em auto;
    padding: 0;
    height: 0;
    border-width: 1px 0 0;
    border-style: solid;
    display: block;
    float: none;
    clear: both
}

.k-icon, .k-tool-icon {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 1em;
    height: 1em;
    text-align: center;
    vertical-align: middle;
    background-image: none;
    font: 16px/1 WebComponentsIcons;
    speak: none;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: inherit
}

.k-drop-hint {
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    z-index: 1000;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.k-drop-hint-end, .k-drop-hint-start {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: 4px solid transparent
}

.k-drop-hint-line {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.k-drop-hint-h .k-drop-hint-start {
    border-left-width: 6.93px;
    border-right-width: 0
}

.k-drop-hint-h .k-drop-hint-line {
    width: 20px;
    height: 1px
}

.k-drop-hint-h .k-drop-hint-end {
    border-right-width: 6.93px;
    border-left-width: 0
}

.k-drop-hint-v {
    -ms-flex-direction: column;
    flex-direction: column
}

.k-drop-hint-v .k-drop-hint-start {
    border-top-width: 6.93px;
    border-bottom-width: 0
}

.k-drop-hint-v .k-drop-hint-line {
    width: 1px;
    height: 20px
}

.k-drop-hint-v .k-drop-hint-end {
    border-bottom-width: 6.93px;
    border-top-width: 0
}

.k-column-menu .k-sprite, .k-gantt-views > .k-current-view > .k-link:after, .k-grid-mobile .k-resize-handle-inner:after, .k-grid-mobile .k-resize-handle-inner:before, .k-pager-numbers .k-current-page .k-link:after {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 1em;
    height: 1em;
    text-align: center;
    vertical-align: middle;
    background-image: none;
    font: 16px/1 WebComponentsIcons;
    speak: none;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.k-icon:before {
    margin: auto;
    width: 1em;
    height: 1em;
    line-height: 1;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.k-button.k-button-icon .k-icon, .k-grid-filter .k-icon, .k-header .k-icon {
    text-indent: -99999px;
    overflow: hidden
}

.k-button.k-button-icon .k-icon:before, .k-grid-filter .k-icon:before, .k-header .k-icon:before {
    text-indent: 0
}

.k-sprite {
    width: 16px;
    height: 16px;
    font-size: 0;
    line-height: 0;
    text-align: center;
    background-repeat: no-repeat;
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    -ms-high-contrast-adjust: none
}

.k-list-container .k-footer:after, .k-list-container .k-footer:before {
    content: "";
    display: block;
    overflow: hidden
}

.k-reorder-cue {
    position: absolute
}

.k-reorder-cue:after, .k-reorder-cue:before {
    content: "";
    width: 0;
    height: 0;
    border: 3px solid transparent;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.k-reorder-cue:before {
    border-bottom-width: 0;
    border-top-color: currentColor;
    top: -4px
}

.k-reorder-cue:after {
    border-top-width: 0;
    border-bottom-color: currentColor;
    bottom: -4px
}

.k-flip-h {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.k-flip-v {
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1)
}

.k-flip-h.k-flip-v {
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1)
}

.k-text-align-left, .k-text-left {
    text-align: left
}

.k-text-align-center, .k-text-center {
    text-align: center
}

.k-text-align-right, .k-text-right {
    text-align: right
}

.k-text-align-justify, .k-text-justify {
    text-align: justify
}

.k-pos-static, .k-static {
    position: static
}

.k-pos-relative, .k-relative {
    position: relative
}

.k-absolute, .k-pos-absolute {
    position: absolute
}

.k-fixed, .k-pos-fixed {
    position: fixed
}

.k-pos-sticky, .k-sticky {
    position: sticky
}

.k-pos-top, .k-top {
    top: 0
}

.k-pos-right, .k-right {
    right: 0
}

.k-bottom, .k-pos-bottom {
    bottom: 0
}

.k-left, .k-pos-left {
    left: 0
}

.k-pos-top-start, .k-top-start {
    top: 0;
    left: 0
}

.k-pos-top-start[dir=rtl], .k-rtl .k-pos-top-start, .k-rtl .k-top-start, .k-top-start[dir=rtl], [dir=rtl] .k-pos-top-start, [dir=rtl] .k-top-start {
    left: auto;
    right: 0
}

.k-pos-top-end, .k-top-end {
    top: 0;
    right: 0
}

.k-pos-top-end[dir=rtl], .k-rtl .k-pos-top-end, .k-rtl .k-top-end, .k-top-end[dir=rtl], [dir=rtl] .k-pos-top-end, [dir=rtl] .k-top-end {
    right: auto;
    left: 0
}

.k-bottom-start, .k-pos-bottom-start {
    bottom: 0;
    left: 0
}

.k-bottom-start[dir=rtl], .k-pos-bottom-start[dir=rtl], .k-rtl .k-bottom-start, .k-rtl .k-pos-bottom-start, [dir=rtl] .k-bottom-start, [dir=rtl] .k-pos-bottom-start {
    left: auto;
    right: 0
}

.k-bottom-end, .k-pos-bottom-end {
    bottom: 0;
    right: 0
}

.k-bottom-end[dir=rtl], .k-pos-bottom-end[dir=rtl], .k-rtl .k-bottom-end, .k-rtl .k-pos-bottom-end, [dir=rtl] .k-bottom-end, [dir=rtl] .k-pos-bottom-end {
    right: auto;
    left: 0
}

.k-button {
    margin: 0;
    padding: 4px 8px;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    background-repeat: repeat-x;
    background-position: 0;
    font: inherit;
    line-height: 1.42857143;
    text-align: center;
    text-decoration: none;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: hidden;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: 0;
    -webkit-appearance: none;
    position: relative
}

.k-button::-moz-focus-inner {
    padding: 0;
    border: 0;
    outline: 0
}

.k-button:focus, .k-button:hover {
    text-decoration: none;
    outline: 0
}

.k-button .k-button-text, .k-button .k-text {
    overflow: hidden;
    white-space: nowrap
}

.k-button .k-icon, .k-button .k-image, .k-button .k-sprite {
    color: inherit;
    -ms-flex-item-align: center;
    align-self: center;
    pointer-events: none
}

.k-button-icontext {
    overflow: visible
}

.k-button-icontext .k-icon, .k-button-icontext .k-image, .k-button-icontext .k-sprite {
    margin-right: 3px;
    margin-right: .1875em;
    margin-left: -2px;
    margin-left: -.125em
}

.k-button-icon {
    width: calc(1.4285714286em + 10px);
    height: calc(1.4285714286em + 10px);
    padding: 4px
}

.k-button-icon .k-button-text, .k-button-icon .k-text {
    display: none
}

.k-button.k-state-disabled, .k-button[disabled], .k-state-disabled .k-button {
    cursor: default;
    outline: 0;
    box-shadow: none;
    opacity: .6
}

a.k-button-expand {
    display: block
}

button.k-button-expand, input[type=button].k-button-expand, input[type=reset].k-button-expand, input[type=submit].k-button-expand {
    width: 100%
}

.k-button.k-flat {
    border-color: transparent !important;
    color: inherit;
    background: 0 0 !important;
    box-shadow: none !important;
    transition: color .2s ease-in-out
}

.k-button.k-flat.k-state-active, .k-button.k-flat.k-state-hover, .k-button.k-flat:active, .k-button.k-flat:hover, .k-button.k-flat:hover.k-state-active, .k-button.k-flat:hover:active {
    color: inherit
}

.k-button.k-flat:after, .k-button.k-flat:before {
    display: block
}

.k-button.k-flat.k-state-focused:after, .k-button.k-flat:focus:after {
    box-shadow: inset 0 0 0 2px currentColor;
    opacity: .12
}

.k-button.k-flat.k-state-disabled, .k-button.k-flat[disabled], .k-button:before, .k-state-disabled .k-button.k-flat {
    pointer-events: none
}

.k-button:before {
    border-radius: inherit;
    content: "";
    background: currentColor;
    opacity: 0;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    transition: opacity .2s ease-in-out
}

.k-button.k-state-hover:before, .k-button:hover:before {
    opacity: .08
}

.k-button.k-no-focus:not(.k-state-hover):before, .k-button.k-no-focus:not(:hover):before {
    opacity: 0
}

.k-button.k-state-active:before, .k-button:active:before {
    opacity: .16
}

.k-button.k-state-selected:before {
    opacity: .2
}

.k-button:after {
    border-radius: inherit;
    content: "";
    opacity: 0;
    display: none;
    pointer-events: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    transition: opacity .2s ease-in-out
}

.k-button-group {
    margin: 0;
    padding: 0;
    border-width: 0;
    list-style: none;
    white-space: nowrap;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    vertical-align: middle;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.k-button-group, .k-button-group .k-button {
    position: relative
}

.k-button-group .k-button + .k-button {
    margin-left: -1px
}

.k-button-group.k-button-group-stretched {
    display: -ms-flexbox;
    display: flex
}

.k-button-group.k-button-group-stretched .k-button {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.k-button-group .k-button.k-state-active, .k-button-group .k-button:active {
    z-index: 2
}

.k-button-group .k-button.k-state-hover, .k-button-group .k-button:hover {
    z-index: 3
}

.k-button-group .k-button.k-state-disabled, .k-button-group.k-state-disabled .k-button {
    z-index: auto
}

.k-button-group .k-button.k-state-focused, .k-button-group .k-button:focus {
    z-index: 4
}

.k-button-group > input[type=checkbox], .k-button-group > input[type=radio], .k-button-group label input[type=checkbox], .k-button-group label input[type=radio] {
    margin: 0;
    padding: 0;
    clip: rect(0, 0, 0, 0);
    position: absolute;
    pointer-events: none
}

.k-split-button {
    margin: 0;
    padding: 0;
    border-width: 0;
    border-radius: 0;
    outline: 0;
    list-style: none;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex: row nowrap;
    flex: row nowrap;
    vertical-align: middle
}

.k-split-button > .k-button:last-child, .k-split-button > .k-split-button-arrow {
    margin-left: -1px;
    padding: 4px;
    width: auto;
    -ms-flex: none;
    flex: none
}

.k-split-container > li {
    padding: 1px
}

.k-split-container .k-button {
    width: 100%;
    border-color: transparent;
    background-color: transparent;
    background-image: none !important;
    text-align: left;
    white-space: nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.k-action-buttons {
    margin: 1em 0 0;
    padding: 6px 8px;
    text-align: right;
    position: relative;
    clear: both
}

.k-action-buttons .k-button {
    min-width: 75px
}

.k-action-buttons .k-button + .k-button {
    margin-left: 6px
}

.k-action-buttons .k-button.k-left {
    float: left;
    margin: 0 0 0 1em
}

.k-rtl .k-button-group .k-button {
    margin-left: 0
}

.k-rtl .k-button-group .k-button + .k-button {
    margin-right: -1px
}

.k-rtl .k-split-button .k-split-button-arrow {
    margin-left: 0;
    margin-right: -1px
}

.k-rtl .k-split-container .k-button {
    text-align: right
}

.k-no-flexbox .k-button, .k-no-flexbox .k-button-group {
    display: inline-block
}

.k-no-flexbox .k-button-group:after {
    content: "";
    display: block;
    clear: both
}

.k-no-flexbox .k-button-group .k-button {
    display: inline-block;
    vertical-align: top
}

.k-toolbar {
    margin: 0;
    padding: 2px 4px;
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    outline: 0;
    font-size: inherit;
    line-height: 1.42857143;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    overflow: hidden;
    box-sizing: border-box
}

.k-toolbar:before {
    content: "";
    height: calc(1.4285714286em + 10px)
}

.k-toolbar.k-toolbar-resizable {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.k-toolbar > * {
    margin-top: 2px;
    margin-bottom: 2px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: center;
    align-content: center;
    vertical-align: middle
}

.k-toolbar > *, .k-toolbar > * > label {
    margin-right: 4px
}

.k-toolbar > :last-child {
    margin-right: 0
}

.k-toolbar .k-button, .k-toolbar .k-button-group, .k-toolbar .k-separator, .k-toolbar .k-split-button, .k-toolbar .k-textbox, .k-toolbar .k-widget, .k-toolbar label {
    -ms-flex-item-align: center;
    align-self: center
}

.k-toolbar .k-split-button > .k-button {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.k-toolbar .k-overflow-anchor {
    margin: 0;
    width: calc(1.4285714286em + 18px);
    height: 100%;
    border-width: 0;
    border-left-width: 1px;
    border-radius: 0;
    border-color: inherit;
    box-sizing: border-box;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0
}

.k-toolbar .k-separator, .k-toolbar .k-toolbar-separator {
    width: 0;
    height: 1.42857143em;
    border-width: 0 0 0 1px;
    border-style: solid
}

.k-toolbar .k-spacer, .k-toolbar .k-toolbar-spacer {
    height: 1.42857143em;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.k-overflow-container > .k-item {
    padding: 1px
}

.k-overflow-container .k-overflow-tool-group {
    display: block
}

.k-overflow-container .k-overflow-button {
    width: 100%;
    border-color: transparent;
    background-color: transparent;
    background-image: none !important;
    text-align: left;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.k-overflow-container .k-button-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.k-overflow-container .k-button-group .k-button ~ .k-button {
    margin: 0
}

.k-overflow-container .k-split-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.k-overflow-container .k-split-button .k-button {
    padding: 4px 8px
}

.k-overflow-container .k-split-button .k-button ~ .k-button {
    margin: 0
}

.k-overflow-container .k-overflow-hidden, .k-overflow-container .k-separator {
    display: none
}

.k-rtl .k-toolbar > * {
    margin-right: 0;
    margin-left: 4px
}

.k-rtl .k-toolbar > :last-child {
    margin-left: 0
}

.k-rtl .k-toolbar .k-overflow-anchor {
    border-left-width: 0;
    border-right-width: 1px;
    right: auto;
    left: 0
}

.k-rtl .k-overflow-container .k-overflow-button {
    text-align: right
}

.k-no-flexbox .k-toolbar {
    display: block
}

.k-no-flexbox .k-toolbar.k-toolbar-resizable {
    white-space: nowrap
}

.k-no-flexbox .k-toolbar > * {
    display: inline-block;
    vertical-align: middle
}

.k-no-flexbox .k-toolbar > .k-align-left {
    float: none
}

.k-no-flexbox .k-toolbar > .k-align-right {
    float: right
}

.k-rpanel-left {
    -webkit-transform: translateX(-100%) translateZ(0);
    -ms-transform: translateX(-100%) translateZ(0);
    transform: translateX(-100%) translateZ(0);
    left: 0
}

.k-rpanel-right {
    -webkit-transform: translateX(100%) translateZ(0);
    -ms-transform: translateX(100%) translateZ(0);
    transform: translateX(100%) translateZ(0);
    right: 0
}

.k-rpanel-left, .k-rpanel-right {
    position: fixed;
    display: block;
    overflow: auto;
    min-width: 320px;
    height: 100%;
    top: 0
}

.k-rpanel-left.k-rpanel-expanded, .k-rpanel-right.k-rpanel-expanded {
    -webkit-transform: translateX(0) translateZ(0);
    -ms-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0)
}

.k-rpanel-left + *, .k-rpanel-right + * {
    overflow: auto
}

.k-ie9 .k-rpanel-left {
    left: -100%
}

.k-ie9 .k-rpanel-left.k-rpanel-expanded {
    left: 0
}

.k-rpanel-top {
    position: static;
    max-height: 0
}

.k-rpanel-top.k-rpanel-expanded {
    max-height: 568px;
    overflow: visible !important
}

.k-rpanel-toggle {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.k-form {
    font-size: inherit;
    line-height: 1.42857143
}

.k-form, .k-form-fieldset {
    border-width: 0;
    box-sizing: border-box
}

.k-form-fieldset {
    margin: 32px 0 0;
    padding: 0
}

.k-form-fieldset > :first-child {
    margin-top: 0
}

.k-form-legend {
    padding: 0;
    border-style: solid;
    width: 100%;
    border-width: 0 0 2px;
    font-size: inherit;
    line-height: 1.42857143;
    text-transform: uppercase
}

.k-form-field, .k-form-legend {
    margin: 0 0 16px;
    box-sizing: border-box
}

.k-form-field {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.k-form-field:first-child {
    margin-top: 0
}

.k-form-field > .k-form-label, .k-form-field > .k-label {
    margin: 0 0 4px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.k-form-field .k-checkbox-label, .k-form-field .k-radio-label {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.k-form-field .k-autocomplete, .k-form-field .k-combobox, .k-form-field .k-dateinput, .k-form-field .k-datepicker, .k-form-field .k-daterangepicker-wrap, .k-form-field .k-datetimepicker, .k-form-field .k-dropdown, .k-form-field .k-dropdowntree, .k-form-field .k-floating-label-container, .k-form-field .k-maskedtextbox, .k-form-field .k-multiselect, .k-form-field .k-numerictextbox, .k-form-field .k-textarea, .k-form-field .k-textbox, .k-form-field .k-textbox-container, .k-form-field .k-timepicker {
    width: 100%
}

.k-form-error, .k-form-hint {
    padding: 4px 0 0;
    margin: 0 0 4px;
    font-size: 12px
}

.k-form-error, .k-form-hint, .k-form-horizontal .k-form-field {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.k-form-horizontal .k-form-field > .k-form-label, .k-form-horizontal .k-form-field > .k-label {
    margin-right: 10px;
    padding-top: 5px;
    width: 25%;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.k-form-horizontal .k-form-field .k-label-optional {
    margin: 0;
    -ms-flex-item-align: inherit;
    align-self: inherit
}

.k-form-horizontal .k-form-field-wrap {
    -ms-flex: 1;
    flex: 1
}

.k-form-buttons {
    margin: 16px 0 0;
    padding: 0;
    border-width: 0;
    border-top-width: 0;
    border-style: solid;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.k-form-buttons > * {
    -webkit-margin-start: 8px;
    margin-inline-start: 8px
}

.k-form-buttons > :first-child {
    -webkit-margin-start: 0;
    margin-inline-start: 0
}

.k-form-buttons.k-buttons-end {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.k-edit-form {
    margin: 0;
    padding: 0
}

.k-window > div.k-popup-edit-form {
    padding: 1em 0
}

.k-grid-edit-row .k-edit-form td {
    border-bottom-width: 0
}

.k-edit-form-container {
    position: relative;
    width: 400px
}

.k-edit-form-container .editor-label, .k-edit-label {
    float: left;
    clear: both;
    width: 30%;
    padding: .4em 0 1em;
    margin-left: 2%;
    text-align: right
}

.k-edit-field, .k-edit-form-container .editor-field {
    float: right;
    clear: right;
    width: 60%;
    margin-right: 2%;
    padding: 0 0 .6em
}

.k-edit-field.k-no-editor, .k-edit-form-container .editor-field.k-no-editor {
    padding: .4em 0 1em
}

.k-edit-form-container .k-button {
    margin: 0 .16em
}

.k-edit-form-container .k-button-group .k-button {
    margin-right: 0
}

.k-edit-field > .k-button:first-child {
    margin-left: 0
}

.k-edit-form-container .k-edit-buttons {
    clear: both;
    text-align: right;
    border-width: 1px 0 0;
    border-style: solid;
    position: relative;
    bottom: -1em;
    padding: .6em
}

.k-tabstrip {
    margin: 0;
    padding: 0;
    zoom: 1;
    position: relative
}

.k-tabstrip-items {
    padding: .3em .3em 0
}

.k-tabstrip-scrollable .k-tabstrip-items {
    white-space: nowrap;
    overflow: hidden
}

.k-tabstrip > .k-button.k-flat {
    position: absolute;
    top: .27em;
    z-index: 2;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.k-tabstrip-bottom > .k-button.k-flat {
    top: auto;
    bottom: .15em
}

.k-tabstrip-prev {
    left: .4em
}

.k-tabstrip-next {
    right: .4em
}

.k-panelbar .k-tabstrip-items .k-item, .k-tabstrip-items .k-item {
    list-style-type: none;
    display: inline-block;
    position: relative;
    border-style: solid;
    border-width: 1px 1px 0;
    padding: 0;
    vertical-align: top
}

.k-tabstrip-items > .k-item {
    overflow: hidden
}

.k-panelbar .k-tabstrip-items .k-state-active, .k-tabstrip-items .k-state-active, .k-tabstrip-items .k-tab-on-top {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.k-panelbar .k-tabstrip-items .k-item, .k-tabstrip-top > .k-tabstrip-items .k-item {
    margin: 0 -1px 0 0
}

.k-panelbar .k-tabstrip-top > .k-tabstrip-items .k-state-active, .k-tabstrip-top > .k-tabstrip-items .k-state-active {
    border-bottom-width: 1px;
    margin-bottom: -1px;
    padding-bottom: 0
}

.k-tabstrip-items .k-tab-on-top {
    z-index: 1
}

.k-panelbar .k-tabstrip-items .k-link, .k-tabstrip-items .k-link {
    display: inline-block;
    border-bottom-width: 0;
    padding: .5em .92em
}

.k-panelbar .k-tabstrip-items .k-icon, .k-tabstrip-items .k-icon {
    margin: -1px 4px 0 -3px;
    vertical-align: top
}

.k-panelbar .k-tabstrip-items .k-item .k-image, .k-panelbar .k-tabstrip-items .k-item .k-sprite, .k-tabstrip-items .k-item .k-image, .k-tabstrip-items .k-item .k-sprite {
    margin: -3px 3px 0 -6px;
    vertical-align: middle
}

.k-tabstrip-items .k-loading {
    top: 0;
    left: 0;
    height: 0;
    width: 20%;
    position: absolute;
    background: 0 0;
    border-top: 1px solid transparent;
    border-color: inherit;
    transition: width .2s linear;
    -webkit-animation: k-tab-loader 1s ease-in-out infinite;
    animation: k-tab-loader 1s ease-in-out infinite
}

.k-tabstrip-items .k-progress {
    -webkit-animation: none;
    animation: none
}

.k-tabstrip-items .k-loading.k-complete {
    width: 100%;
    -webkit-animation: none;
    animation: none
}

.k-panelbar .k-tabstrip > .k-content, .k-tabstrip > .k-content {
    position: static;
    border-style: solid;
    border-width: 1px;
    margin: 0 .286em .3em;
    padding: .92em;
    zoom: 1
}

.k-tabstrip > .k-content {
    display: none;
    overflow: auto
}

.k-tabstrip > .k-content.km-scroll-wrapper {
    padding: 0
}

.k-tabstrip > .k-content > .km-scroll-container {
    padding: .3em .92em
}

@-webkit-keyframes k-tab-loader {
    0% {
        left: 0
    }
    50% {
        left: 80%
    }
    to {
        left: 0
    }
}

@keyframes k-tab-loader {
    0% {
        left: 0
    }
    50% {
        left: 80%
    }
    to {
        left: 0
    }
}

.k-tabstrip-left > div.k-content, .k-tabstrip-right > div.k-content {
    margin: .286em .3em
}

.k-tabstrip-left > .k-tabstrip-items .k-item, .k-tabstrip-right > .k-tabstrip-items .k-item {
    display: block;
    margin-bottom: -1px
}

.k-tabstrip-left > .k-tabstrip-items .k-link, .k-tabstrip-right > .k-tabstrip-items .k-link {
    display: block
}

.k-panelbar .k-tabstrip-left > .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-right > .k-tabstrip-items .k-state-active, .k-tabstrip-left > .k-tabstrip-items .k-state-active, .k-tabstrip-left > .k-tabstrip-items .k-tab-on-top, .k-tabstrip-right > .k-tabstrip-items .k-state-active, .k-tabstrip-right > .k-tabstrip-items .k-tab-on-top {
    margin-bottom: -1px;
    padding-bottom: 0
}

.k-tabstrip-left > .k-tabstrip-items {
    float: left;
    padding: .25em 0 .3em .3em
}

.k-tabstrip-left > .k-tabstrip-items .k-item {
    border-width: 1px 0 1px 1px;
    border-radius: 3px 0 0 3px
}

.k-tabstrip-left > .k-tabstrip-items .k-state-active {
    border-width: 1px 0 1px 1px
}

.k-panelbar .k-tabstrip-left > .k-tabstrip-items .k-state-active, .k-tabstrip-left > .k-tabstrip-items .k-state-active, .k-tabstrip-left > .k-tabstrip-items .k-tab-on-top {
    margin-right: -1px;
    padding-right: 1px
}

.k-tabstrip-right > .k-tabstrip-items {
    float: right;
    padding: .25em .3em .3em 0
}

.k-tabstrip-right > .k-tabstrip-items .k-item {
    border-width: 1px 1px 1px 0;
    border-radius: 0 3px 3px 0
}

.k-tabstrip-right > .k-tabstrip-items .k-state-active {
    border-width: 1px 1px 1px 0
}

.k-panelbar .k-tabstrip-right > .k-tabstrip-items .k-state-active, .k-tabstrip-right > .k-tabstrip-items .k-state-active, .k-tabstrip-right > .k-tabstrip-items .k-tab-on-top {
    margin-left: -1px;
    padding-left: 1px
}

.k-tabstrip-bottom > .k-tabstrip-items {
    margin-top: -1px;
    padding: 0 .3em .3em
}

.k-panelbar .k-tabstrip-bottom > .k-content, .k-tabstrip-bottom > .k-content {
    margin: .3em .286em 0;
    z-index: 1;
    position: relative
}

.k-tabstrip-bottom > .k-tabstrip-items .k-item {
    border-width: 0 1px 1px;
    border-radius: 0 0 4px 4px
}

.k-tabstrip-bottom > .k-tabstrip-items .k-state-active {
    margin-bottom: 0;
    padding-bottom: 0
}

.k-tabstrip-bottom > .k-content {
    min-height: 100px
}

.k-tabstrip-bottom > .k-tabstrip-items .k-loading {
    top: auto;
    bottom: 0
}

.k-panelbar {
    zoom: 1
}

.k-panel > .k-item, .k-panelbar > .k-item {
    list-style-type: none;
    display: block;
    border-width: 0;
    margin: 0;
    zoom: 1;
    border-radius: 0
}

.k-panelbar .k-link > .k-image, .k-panelbar .k-link > .k-sprite {
    margin-top: -2px;
    margin-right: 5px;
    vertical-align: middle
}

.k-panel > .k-item > .k-link, .k-panelbar > .k-item > .k-link {
    color: inherit;
    display: block;
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 0 1em;
    line-height: 2.34em;
    text-decoration: none;
    zoom: 1
}

.k-panelbar-collapse.k-icon, .k-panelbar-expand.k-icon {
    position: absolute;
    top: 50%;
    right: 4px;
    margin-top: -8px
}

.k-panelbar .k-content, .k-panelbar .k-panel {
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin: 0;
    padding: 0;
    zoom: 1
}

.k-panel > .k-item > .k-link {
    border-bottom: 0;
    font-size: .95em;
    line-height: 2.2
}

.k-panel .k-panel > .k-item > .k-link {
    padding-left: 2em
}

.k-panel .k-panel, .k-panelbar .k-i-arrow-end-right .k-link {
    border-bottom: 0
}

.k-pager-wrap {
    padding: 4px;
    border-width: 1px;
    border-style: solid;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    cursor: default;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.k-pager-wrap .k-link {
    color: inherit;
    text-decoration: none;
    outline: 0;
    font: inherit;
    background-color: inherit
}

.k-pager-wrap .k-widget, .k-pager-wrap select.k-dropdown {
    font-size: inherit
}

.k-pager-wrap[dir=rtl] .k-i-arrow-60-left, .k-pager-wrap[dir=rtl] .k-i-arrow-60-right, .k-pager-wrap[dir=rtl] .k-i-arrow-e, .k-pager-wrap[dir=rtl] .k-i-arrow-end-left, .k-pager-wrap[dir=rtl] .k-i-arrow-end-right, .k-pager-wrap[dir=rtl] .k-i-arrow-w, .k-pager-wrap[dir=rtl] .k-i-seek-e, .k-pager-wrap[dir=rtl] .k-i-seek-w, .k-rtl .k-pager-wrap .k-i-arrow-60-left, .k-rtl .k-pager-wrap .k-i-arrow-60-right, .k-rtl .k-pager-wrap .k-i-arrow-e, .k-rtl .k-pager-wrap .k-i-arrow-end-left, .k-rtl .k-pager-wrap .k-i-arrow-end-right, .k-rtl .k-pager-wrap .k-i-arrow-w, .k-rtl .k-pager-wrap .k-i-seek-e, .k-rtl .k-pager-wrap .k-i-seek-w, [dir=rtl] .k-pager-wrap .k-i-arrow-60-left, [dir=rtl] .k-pager-wrap .k-i-arrow-60-right, [dir=rtl] .k-pager-wrap .k-i-arrow-e, [dir=rtl] .k-pager-wrap .k-i-arrow-end-left, [dir=rtl] .k-pager-wrap .k-i-arrow-end-right, [dir=rtl] .k-pager-wrap .k-i-arrow-w, [dir=rtl] .k-pager-wrap .k-i-seek-e, [dir=rtl] .k-pager-wrap .k-i-seek-w {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.k-pager-nav {
    border-radius: 3em;
    padding: 4px;
    min-width: 2.14em;
    height: 2.14em;
    border-width: 1px;
    border-style: solid;
    outline: 0;
    box-sizing: border-box;
    color: inherit;
    text-align: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.k-pager-nav:hover {
    z-index: 2
}

.k-pager-nav.k-state-disabled {
    color: inherit
}

.k-pager-numbers-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.k-pager-numbers-wrap select.k-dropdown {
    height: 100%;
    display: none;
    cursor: pointer
}

.k-pager-numbers {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.k-pager-numbers, .k-pager-numbers li {
    -ms-flex-direction: row;
    flex-direction: row
}

.k-pager-numbers .k-link, .k-pager-numbers li {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.k-pager-numbers .k-link {
    border-radius: 3em;
    padding: 4px;
    min-width: 2.14em;
    height: 2.14em;
    border-width: 1px;
    border-style: solid;
    outline: 0;
    box-sizing: border-box;
    color: inherit;
    text-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.k-pager-numbers .k-link:hover {
    z-index: 2
}

.k-pager-numbers .k-link.k-state-disabled {
    color: inherit
}

.k-pager-numbers .k-state-selected {
    cursor: inherit;
    z-index: 2
}

.k-pager-nav + .k-pager-nav, .k-pager-nav + .k-pager-numbers-wrap, .k-pager-numbers-wrap + .k-pager-nav, .k-pager-numbers li + li {
    margin-left: 2px
}

.k-rtl .k-pager-nav + .k-pager-nav, .k-rtl .k-pager-nav + .k-pager-numbers-wrap, .k-rtl .k-pager-numbers-wrap + .k-pager-nav, .k-rtl .k-pager-numbers li + li, [dir=rtl] .k-pager-nav + .k-pager-nav, [dir=rtl] .k-pager-nav + .k-pager-numbers-wrap, [dir=rtl] .k-pager-numbers-wrap + .k-pager-nav, [dir=rtl] .k-pager-numbers li + li {
    margin-left: 0;
    margin-right: 2px
}

.k-pager-input {
    margin-left: 1em;
    margin-right: 1em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

.k-pager-input .k-textbox {
    margin: 0 1ex;
    width: 3em
}

.k-pager-sizes {
    margin-left: 1em;
    margin-right: 1em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

.k-pager-sizes .k-dropdown, .k-pager-sizes > select {
    margin-right: 1ex;
    width: 5em
}

.k-rtl .k-pager-sizes .k-dropdown, .k-rtl .k-pager-sizes > select, [dir=rtl] .k-pager-sizes .k-dropdown, [dir=rtl] .k-pager-sizes > select {
    margin-left: 1ex;
    margin-right: 0
}

.k-pager-info {
    margin-left: 1em;
    margin-right: 1em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    text-align: right;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    -ms-flex-order: 9;
    order: 9
}

.k-pager-refresh {
    border-radius: 3em;
    padding: 4px;
    min-width: 2.14em;
    height: 2.14em;
    border-width: 1px;
    border-style: solid;
    outline: 0;
    box-sizing: border-box;
    color: inherit;
    text-align: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-left: auto;
    -ms-flex-order: 10;
    order: 10
}

.k-pager-refresh:hover {
    z-index: 2
}

.k-pager-refresh.k-state-disabled {
    color: inherit
}

.k-rtl .k-pager-refresh, [dir=rtl] .k-pager-refresh {
    margin-left: 0;
    margin-right: auto
}

.k-pager-sm {
    overflow: visible
}

.k-pager-sm.k-pager-wrap .k-pager-numbers-wrap {
    margin-top: 0;
    margin-bottom: 0;
    -ms-flex-item-align: center;
    align-self: center
}

.k-pager-sm .k-pager-numbers-wrap {
    margin-left: 1em;
    margin-right: 1em;
    width: 5em;
    height: 2.14em;
    box-sizing: border-box;
    border-color: inherit
}

.k-pager-sm .k-pager-numbers-wrap select.k-dropdown {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box
}

.k-pager-sm[dir=rtl] .k-pager-numbers-wrap, .k-rtl .k-pager-sm .k-pager-numbers-wrap, [dir=rtl] .k-pager-sm .k-pager-numbers-wrap {
    margin-left: 1em;
    margin-right: 1em
}

.k-pager-md .k-pager-info, .k-pager-sm .k-pager-info, .k-pager-sm .k-pager-numbers, .k-pager-sm .k-pager-sizes {
    display: none
}

.k-menu {
    cursor: default
}

.k-menu .k-link {
    white-space: nowrap
}

.k-menu .k-item > .k-link {
    color: inherit
}

.k-menu, .k-menu-scroll-wrapper .k-menu-group, .k-menu .k-menu-group, .k-popups-wrapper .k-menu-group {
    list-style: none;
    margin: 0;
    padding: 0;
    zoom: 1
}

.k-menu:after {
    content: "";
    display: block;
    width: 99%;
    height: 0;
    float: inherit;
    clear: both
}

.k-menu-scroll-wrapper .k-item, .k-menu .k-item, .k-popups-wrapper .k-item {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.k-menu-scroll-wrapper .k-item .k-item, .k-menu-scroll-wrapper.vertical > .k-item, .k-menu .k-item .k-item, .k-popups-wrapper .k-item .k-item, .k-popups-wrapper.vertical > .k-item, ul.k-menu-vertical > .k-item {
    display: block;
    float: none;
    border-width: 0
}

.k-menu-scroll-wrapper .k-image, .k-menu-scroll-wrapper .k-item > .k-link > .k-icon, .k-menu-scroll-wrapper .k-sprite, .k-menu .k-image, .k-menu .k-item > .k-link > .k-icon, .k-menu .k-sprite, .k-popups-wrapper .k-image, .k-popups-wrapper .k-item > .k-link > .k-icon, .k-popups-wrapper .k-sprite {
    margin: -2px 4px 0 -4px;
    vertical-align: middle
}

.k-menu-scroll-wrapper .k-item > .k-link, .k-menu .k-item > .k-link, .k-popups-wrapper .k-item > .k-link {
    display: block;
    padding: .5em 1.1em .4em;
    line-height: 1.34em;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.k-menu-vertical > .k-menu-item > .k-menu-link {
    padding-right: 2em
}

.k-menu-scroll-wrapper .k-menu-group, .k-menu .k-menu-group, .k-popups-wrapper .k-menu-group {
    display: none;
    border-style: solid;
    border-width: 1px;
    overflow: visible;
    white-space: nowrap
}

.k-menu-scroll-wrapper .k-menu-group > .k-item, .k-menu .k-menu-group > .k-item, .k-popups-wrapper .k-menu-group > .k-item {
    display: block;
    border-width: 0
}

.k-menu-scroll-wrapper.horizontal > .k-item, .k-menu-scroll-wrapper .k-item, .k-menu .k-item, .k-popups-wrapper.horizontal > .k-item, .k-popups-wrapper .k-item, .k-widget.k-menu-horizontal > .k-item {
    position: relative;
    float: left;
    border-style: solid;
    border-width: 0 1px 0 0;
    vertical-align: top;
    zoom: 1;
    box-sizing: content-box
}

.k-context-menu.k-menu-vertical > .k-item > .k-link, .k-menu-scroll-wrapper .k-menu-group .k-item > .k-link, .k-menu .k-menu-group .k-item > .k-link, .k-popups-wrapper.vertical > .k-item > .k-link {
    padding: .28em 1.8em .38em .9em
}

.k-context-menu.k-menu-horizontal > .k-separator, .k-popups-wrapper.horizontal > .k-separator {
    display: none
}

.k-context-menu.k-menu-horizontal > .k-item, .k-popups-wrapper.horizontal > .k-item {
    box-sizing: border-box
}

.k-context-menu.k-menu-horizontal > .k-last, .k-popups-wrapper.horizontal > .k-last {
    border: 0
}

.k-menu-horizontal > .k-item > .k-link > .k-menu-expand-arrow, .k-popups-wrapper .k-item > .k-link > .k-menu-expand-arrow {
    margin: -2px 0 0
}

.k-menu-scroll-wrapper .k-item > .k-link > .k-i-arrow-60-down, .k-menu .k-item > .k-link > .k-i-arrow-60-down, .k-popups-wrapper .k-item > .k-link > .k-i-arrow-60-down {
    margin-right: -8px
}

.k-menu-group .k-item > .k-link > .k-menu-expand-arrow, .k-menu-scroll-wrapper .k-item > .k-link > .k-i-arrow-60-right, .k-menu-vertical .k-item > .k-link > .k-menu-expand-arrow, .k-popups-wrapper .k-item > .k-link > .k-i-arrow-60-right {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: .2rem
}

.k-menu-scroll-wrapper .k-animation-container, .k-menu .k-animation-container, .k-popups-wrapper .k-animation-container {
    border: 0
}

.k-menu-scroll-wrapper .k-animation-container, .k-menu-scroll-wrapper .k-menu-group, .k-menu .k-animation-container, .k-menu .k-menu-group, .k-popups-wrapper .k-animation-container, .k-popups-wrapper .k-menu-group {
    position: absolute;
    left: 0
}

.k-menu-scroll-wrapper .k-animation-container .k-animation-container, .k-menu-scroll-wrapper .k-menu-group .k-menu-group, .k-menu-scroll-wrapper.vertical .k-animation-container, .k-menu-scroll-wrapper.vertical .k-menu-group, .k-menu-vertical .k-animation-container, .k-menu-vertical .k-menu-group, .k-menu .k-animation-container .k-animation-container, .k-menu .k-menu-group .k-menu-group, .k-popups-wrapper .k-animation-container .k-animation-container, .k-popups-wrapper .k-menu-group .k-menu-group, .k-popups-wrapper.vertical .k-animation-container, .k-popups-wrapper.vertical .k-menu-group {
    top: 0;
    left: 0
}

.k-menu-scroll-wrapper .k-animation-container .k-menu-group, .k-menu .k-animation-container .k-menu-group, .k-popups-wrapper .k-animation-container .k-menu-group {
    top: auto;
    left: auto;
    margin-left: -1px
}

.k-menu-scroll-wrapper .k-animation-container, .k-menu .k-animation-container, .k-popup .k-animation-container, .k-popups-wrapper .k-animation-container {
    margin-top: -1px;
    padding-left: 1px
}

.k-ie .k-menu-scroll-wrapper .k-animation-container, .k-ie .k-menu .k-animation-container, .k-ie .k-popup .k-animation-container, .k-ie .k-popups-wrapper .k-animation-container {
    margin-top: -2px
}

.k-popup .k-animation-container .k-popup {
    margin-left: -1px
}

.k-menu-scroll-wrapper .k-separator, .k-popups-wrapper .k-separator, ul.k-menu .k-separator {
    padding: .25em 0;
    height: 100%;
    width: 1px;
    font-size: 0;
    line-height: 0;
    border-width: 0 1px 0 0
}

.k-menu-scroll-wrapper.vertical .k-menu-group .k-separator, .k-menu-scroll-wrapper.vertical .k-separator, .k-menu .k-menu-group .k-separator, .k-popups-wrapper.vertical .k-menu-group .k-separator, .k-popups-wrapper.vertical .k-separator, ul.k-menu-vertical .k-separator {
    padding: 0;
    height: 1px;
    width: 100%;
    border-width: 1px 0 0
}

.k-menu-scroll-wrapper .k-widget.k-menu, .k-popups-wrapper .k-widget.k-menu {
    white-space: nowrap;
    overflow: hidden
}

.k-menu-scroll-wrapper.vertical .k-menu.k-menu-vertical, .k-popups-wrapper.vertical .k-menu.k-menu-vertical {
    height: 100%;
    box-sizing: border-box
}

.k-menu-scroll-wrapper.horizontal .k-menu.k-menu-horizontal > .k-item, .k-popups-wrapper.horizontal .k-menu.k-menu-horizontal > .k-item {
    display: inline-block;
    overflow: hidden;
    float: none
}

.k-menu-scroll-wrapper.vertical .k-menu.k-menu-vertical > .k-item, .k-popups-wrapper.vertical .k-menu.k-menu-vertical > .k-item {
    overflow: hidden
}

.k-menu-scroll-wrapper, .k-popups-wrapper {
    position: relative;
    border: 0;
    margin: 0;
    padding: 0
}

.k-menu-scroll-wrapper.vertical, .k-popups-wrapper.vertical {
    height: 100%
}

.k-menu-scroll-wrapper > .k-animation-container .k-item, .k-popups-wrapper > .k-animation-container .k-item {
    float: none
}

.k-menu-scroll-wrapper .k-menu-scroll-button, .k-popups-wrapper .k-menu-scroll-button {
    border-radius: 0;
    position: absolute;
    display: none
}

.k-menu-scroll-wrapper .k-scroll-up, .k-popups-wrapper .k-scroll-up {
    top: 0;
    left: 0
}

.k-menu-scroll-wrapper .k-scroll-down, .k-popups-wrapper .k-scroll-down {
    bottom: 0;
    left: 0
}

.k-menu-scroll-wrapper .k-scroll-down, .k-menu-scroll-wrapper .k-scroll-up, .k-popups-wrapper .k-scroll-down, .k-popups-wrapper .k-scroll-up {
    width: 100%;
    height: 16px;
    padding: 0 .7em;
    line-height: .2em
}

.k-menu-scroll-wrapper .k-scroll-left, .k-popups-wrapper .k-scroll-left {
    top: 0;
    left: 0
}

.k-menu-scroll-wrapper .k-scroll-right, .k-popups-wrapper .k-scroll-right {
    top: 0;
    right: 0
}

.k-menu-scroll-wrapper .k-scroll-left, .k-menu-scroll-wrapper .k-scroll-right, .k-popups-wrapper .k-scroll-left, .k-popups-wrapper .k-scroll-right {
    width: 16px;
    height: 100%;
    padding-left: 0;
    padding-right: 0
}

.k-menu-scroll-wrapper .k-scroll-left .k-icon, .k-menu-scroll-wrapper .k-scroll-right .k-icon, .k-popups-wrapper .k-scroll-left .k-icon, .k-popups-wrapper .k-scroll-right .k-icon {
    margin-top: -.5em;
    position: absolute;
    top: 50%;
    left: 0
}

.k-rtl .k-menu .k-item, .k-rtl .k-widget.k-menu-horizontal > .k-item, [dir=rtl] .k-menu .k-item, [dir=rtl] .k-widget.k-menu-horizontal > .k-item {
    border-width: 0 0 0 1px
}

.k-rtl .k-menu-scroll-wrapper .k-image, .k-rtl .k-menu-scroll-wrapper .k-item > .k-link > .k-icon, .k-rtl .k-menu-scroll-wrapper .k-sprite, .k-rtl .k-menu .k-image, .k-rtl .k-menu .k-item > .k-link > .k-icon, .k-rtl .k-menu .k-sprite, .k-rtl .k-popups-wrapper .k-image, .k-rtl .k-popups-wrapper .k-item > .k-link > .k-icon, .k-rtl .k-popups-wrapper .k-sprite, [dir=rtl] .k-menu-scroll-wrapper .k-image, [dir=rtl] .k-menu-scroll-wrapper .k-item > .k-link > .k-icon, [dir=rtl] .k-menu-scroll-wrapper .k-sprite, [dir=rtl] .k-menu .k-image, [dir=rtl] .k-menu .k-item > .k-link > .k-icon, [dir=rtl] .k-menu .k-sprite, [dir=rtl] .k-popups-wrapper .k-image, [dir=rtl] .k-popups-wrapper .k-item > .k-link > .k-icon, [dir=rtl] .k-popups-wrapper .k-sprite {
    margin-right: -4px;
    margin-left: 4px
}

.k-rtl .k-menu-scroll-wrapper .k-menu-group > .k-item, .k-rtl .k-menu .k-menu-group > .k-item, .k-rtl .k-popups-wrapper .k-menu-group > .k-item, [dir=rtl] .k-menu-scroll-wrapper .k-menu-group > .k-item, [dir=rtl] .k-menu .k-menu-group > .k-item, [dir=rtl] .k-popups-wrapper .k-menu-group > .k-item {
    border: 0
}

.k-rtl .k-context-menu.k-menu-vertical > .k-item > .k-link, .k-rtl .k-menu-scroll-wrapper .k-menu-group .k-item > .k-link, .k-rtl .k-menu .k-menu-group .k-item > .k-link, .k-rtl .k-popups-wrapper.vertical > .k-item > .k-link, [dir=rtl] .k-context-menu.k-menu-vertical > .k-item > .k-link, [dir=rtl] .k-menu-scroll-wrapper .k-menu-group .k-item > .k-link, [dir=rtl] .k-menu .k-menu-group .k-item > .k-link, [dir=rtl] .k-popups-wrapper.vertical > .k-item > .k-link {
    padding: .28em .9em .38em 1.8em
}

.k-rtl .k-menu-vertical > .k-menu-item > .k-menu-link, [dir=rtl] .k-menu-vertical > .k-menu-item > .k-menu-link {
    padding: .5em 1.1em .4em;
    padding-left: 2em
}

.k-context-menu {
    border: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.k-listview {
    padding: 0;
    margin: 0;
    border-width: 0;
    border-style: solid;
    box-sizing: border-box;
    outline: 0;
    font-size: inherit;
    line-height: 1.42857143;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    position: relative
}

.k-listview-bordered {
    border-width: 1px
}

.k-listview-header {
    border-width: 0;
    border-style: solid;
    border-color: inherit
}

.k-listview-bordered > .k-listview-header {
    border-bottom-width: 1px
}

.k-listview-footer {
    border-width: 0;
    border-style: solid;
    border-color: inherit
}

.k-listview-bordered > .k-listview-footer {
    border-top-width: 1px
}

.k-listview-content {
    margin: 0;
    padding: 0;
    border-color: inherit;
    list-style: none;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    position: relative;
    overflow: auto
}

.k-listview-content:after {
    height: 0;
    clear: both;
    display: block
}

.k-listview-content.k-d-flex:after, .k-listview-content.k-d-grid:after {
    display: none
}

.k-listview-content-padding-rectangle {
    padding: 4px 8px
}

.k-listview-content-padding-square {
    padding: 4px
}

.k-listview-item {
    padding: 0;
    border-width: 0;
    border-style: solid;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.k-listview-item-padding-rectangle {
    padding: 4px 8px
}

.k-listview-item-padding-rectangle .k-listview-link {
    margin: -4px -8px;
    padding: 4px 8px
}

.k-listview-item-padding-square {
    padding: 4px
}

.k-listview-item-padding-square .k-listview-link {
    margin: -4px;
    padding: 4px
}

.k-listview-borders-all .k-listview-item {
    border-width: 1px
}

.k-listview-borders-horizontal .k-listview-item {
    border-top-width: 1px
}

.k-listview-borders-horizontal .k-listview-item:first-child {
    border-top-width: 0
}

.k-listview-borders-vertical .k-listview-item {
    border-left-width: 1px
}

.k-listview-borders-vertical .k-listview-item:first-child {
    border-left-width: 0
}

.k-listview-pager {
    border-width: 0;
    border-color: inherit;
    font: inherit
}

.k-listview-bordered > .k-listview-pager-top {
    border-bottom-width: 1px
}

.k-listview-bordered > .k-listview-pager-bottom {
    border-top-width: 1px
}

.k-grid {
    position: relative
}

.k-grid table {
    width: 100%;
    margin: 0;
    max-width: none;
    border-collapse: separate;
    border-spacing: 0;
    empty-cells: show;
    border-width: 0;
    outline: 0
}

.k-header.k-drag-clue {
    padding: .5em .6em .4em;
    line-height: 1.6;
    overflow: hidden
}

.k-filter-row th, .k-grid-header th.k-header {
    overflow: hidden;
    border-style: solid;
    border-width: 0 0 1px 1px;
    padding: .5em .6em .4em;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left
}

.k-grid-header th.k-header {
    vertical-align: bottom;
    cursor: default
}

.k-grid-header th.k-header .k-checkbox {
    vertical-align: top
}

.k-filtercell, .k-filtercell .k-widget, .k-filtercell > span {
    display: block;
    width: auto
}

.k-filtercell > span {
    padding-right: 4.8em;
    position: relative;
    min-height: 2em;
    line-height: 2em
}

.k-filtercell > .k-operator-hidden {
    padding-right: 2.3em
}

.k-filter-row .k-dropdown-operator, .k-filtercell > span > .k-button {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0
}

.k-filter-row .k-dropdown-operator {
    width: 2.1em;
    right: 2.5em
}

.k-filtercell > span > label {
    vertical-align: middle
}

.k-filter-row label > input[type=radio] {
    vertical-align: middle;
    position: relative;
    bottom: 2px
}

.k-ff .k-grid .k-filter-row .k-i-filter-clear {
    top: 1px
}

.k-ie10 .k-grid-header a:active {
    background-color: transparent
}

.k-grid-header th.k-header > .k-link {
    display: block;
    min-height: 18px;
    line-height: 18px;
    margin: -.5em -.6em -.4em 0;
    padding: .5em .6em .4em 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.k-grid-header th.k-with-icon .k-link {
    margin-right: 18px
}

.k-grid-header th > .k-link > .k-icon {
    vertical-align: text-top
}

.k-grid .k-state-hover {
    cursor: pointer
}

.k-grid-column-resizing, .k-grid-column-resizing .k-button, .k-grid-column-resizing .k-grid-filter, .k-grid-column-resizing .k-grid-toolbar, .k-grid-column-resizing .k-link {
    cursor: col-resize
}

.k-grid td {
    border-style: solid;
    border-width: 0 0 0 1px;
    padding: .4em .6em;
    overflow: hidden;
    line-height: 1.6em;
    vertical-align: middle;
    text-overflow: ellipsis
}

.k-grid .k-grouping-row td, .k-grid .k-hierarchy-cell {
    overflow: visible
}

.k-grid-edit-row td {
    text-overflow: clip
}

.k-grid-edit-row .k-textbox, .k-grid-edit-row .text-box {
    margin-top: 0;
    margin-bottom: 0
}

.k-grid-footer-wrap, .k-grid-header-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-style: solid;
    border-width: 0 1px 0 0;
    zoom: 1
}

div.k-grid-footer, div.k-grid-header {
    padding-right: 17px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    zoom: 1
}

.k-grid-header-locked > table, .k-grid-header-wrap > table {
    margin-bottom: -1px
}

.k-grid-content {
    position: relative;
    width: 100%;
    overflow: auto;
    overflow-x: auto;
    overflow-y: scroll;
    zoom: 1;
    min-height: 0
}

.k-mobile .k-grid tbody {
    -webkit-backface-visibility: hidden
}

.k-mobile .k-grid-backface tbody {
    -webkit-backface-visibility: visible
}

.k-grid-content-expander {
    position: absolute;
    visibility: hidden;
    height: 1px
}

.k-grid-norecords {
    width: 100%;
    height: 100%;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.k-grid-norecords-template {
    width: 20em;
    height: 4em;
    line-height: 4em;
    vertical-align: middle;
    margin: 0 auto
}

.k-grid-content > .k-grid-norecords > .k-grid-norecords-template {
    top: 50%;
    left: 50%;
    margin-left: -10em;
    margin-top: -2em;
    position: absolute
}

@media print {
    .k-grid {
        height: auto !important
    }

    .k-grid-header {
        padding: 0 !important
    }

    .k-grid-content, .k-grid-header-wrap {
        overflow: visible;
        height: auto !important
    }
}

.k-grid .k-scrollbar {
    -ms-overflow-style: scrollbar
}

.k-virtual-scrollable-wrap {
    height: 100%;
    overflow-y: hidden;
    position: relative
}

.k-grid-content-locked > table, .k-grid-content table, .k-grid-footer table, .k-grid-header table {
    table-layout: fixed
}

.k-grid-lockedcolumns {
    white-space: nowrap
}

.k-grid-content, .k-grid-content-locked, .k-pager-wrap {
    white-space: normal
}

.k-grid-content-locked, .k-grid-footer-locked, .k-grid-header-locked {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    position: relative;
    border-style: solid;
    border-width: 0 1px 0 0
}

.k-grid-content-locked + .k-grid-content, .k-grid-footer-locked + .k-grid-footer-wrap, .k-grid-header-locked + .k-grid-header-wrap {
    display: inline-block;
    vertical-align: top
}

.k-grid-toolbar {
    border-style: solid;
    border-width: 0 0 1px
}

.k-filter-row > th:first-child, .k-grid-header th.k-header:first-child, .k-grid tbody td:first-child, .k-grid tfoot td:first-child {
    border-left-width: 0
}

.k-grid-header th.k-header.k-first {
    border-left-width: 1px
}

.k-footer-template td {
    border-style: solid;
    border-width: 1px 0 0 1px
}

.k-group-footer td {
    border-style: solid;
    border-width: 1px 0
}

.k-group-footer .k-group-cell + td {
    border-left-width: 1px
}

.k-grid-footer {
    border-style: solid;
    border-width: 1px 0 0
}

.k-grid-footer td {
    border-top-width: 0
}

.k-grid-footer > td {
    border-top-width: 1px
}

.k-grid-pager {
    border-width: 1px 0 0
}

.k-grid-pager-top {
    border-width: 0 0 1px
}

.k-header > .k-grid-filter, .k-header > .k-header-column-menu {
    float: right;
    margin: -.5em -.6em -.4em 0;
    padding: .5em .2em .4em;
    position: relative;
    z-index: 1;
    color: inherit
}

.k-grid .k-animation-container {
    position: absolute
}

.k-filter-menu {
    padding: .5em
}

.k-list-filter, form.k-filter-menu .k-textbox, form.k-filter-menu .k-widget {
    display: block
}

form.k-filter-menu .k-textbox {
    width: 100%;
    margin-bottom: 3px
}

.k-column-menu, .k-filter-menu {
    font-size: 14px
}

.k-filter-help-text, .k-filter-menu .k-textbox, .k-filter-menu .k-widget {
    margin: .19em 0 0
}

.k-filter-menu span.k-filter-and {
    width: 6em;
    margin: .5em 0
}

.k-filter-menu .k-action-buttons {
    margin: 0;
    padding: 0;
    text-align: initial
}

.k-filter-menu .k-action-buttons .k-button {
    width: 48%;
    margin: .5em 4% 0 0;
    min-width: 0
}

.k-filter-menu .k-action-buttons .k-button + .k-button {
    margin-right: 0
}

.k-filter-menu .k-filter-selected-items {
    font-weight: 700;
    margin: .5em
}

.k-multicheck-wrap {
    overflow: auto;
    overflow-x: hidden;
    white-space: nowrap;
    max-height: 300px
}

.k-multicheck-wrap .k-item {
    line-height: 2.2em
}

.k-grouping-row .k-icon {
    margin: -3px 4px 0 2px
}

.k-grouping-row p {
    display: inline-block;
    vertical-align: middle;
    margin-left: -.6em;
    padding: 0 .6em
}

.k-grouping-row + tr td {
    border-top-width: 1px
}

.k-grouping-row + tr .k-group-cell, .k-grouping-row .k-group-cell {
    border-top-width: 0;
    text-overflow: clip
}

.k-grid .k-hierarchy-cell + td {
    border-left-width: 0
}

.k-grid .k-group-col, .k-grid .k-hierarchy-col {
    width: 27px
}

.k-grouping-header {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    line-height: 2;
    position: relative;
    white-space: normal
}

.k-grouping-dropclue {
    position: absolute;
    top: 3px;
    width: 6px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: -165px -148px
}

.k-grouping-dropclue:after, .k-grouping-dropclue:before {
    content: "";
    width: 0;
    height: 0;
    border: 3px solid;
    border-left-color: transparent;
    border-right-color: transparent;
    position: absolute;
    left: 0
}

.k-grouping-dropclue:before {
    top: 0;
    border-bottom: 0
}

.k-grouping-dropclue:after {
    bottom: 0;
    border-top: 0
}

.k-group-indicator {
    padding: .15em .15em .15em .4em;
    border-width: 1px;
    border-style: solid;
    line-height: 1.5em;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    vertical-align: top
}

.k-grouping-header .k-group-indicator {
    margin: 0 3px
}

.k-group-indicator .k-button.k-flat, .k-group-indicator .k-link {
    padding: 0;
    border-width: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

.k-group-indicator .k-link .k-icon {
    margin-right: 4px
}

.k-group-indicator .k-button.k-flat {
    margin-left: 8px;
    padding: 0;
    width: auto;
    height: auto;
    opacity: .5
}

.k-group-indicator .k-button.k-flat:after, .k-group-indicator .k-button.k-flat:before {
    display: none
}

.k-group-indicator .k-button.k-flat:hover {
    opacity: 1
}

.k-no-flexbox .k-group-indicator {
    display: inline-block
}

.k-no-flexbox .k-group-indicator .k-button, .k-no-flexbox .k-group-indicator .k-link {
    display: inline-block;
    vertical-align: middle
}

.k-dirty-cell:before {
    content: "\A0";
    display: inline-block;
    width: 0;
    float: left
}

.k-dirty-cell {
    position: relative
}

.k-dirty-cell.k-edit-cell {
    position: static
}

.k-dirty-cell .k-dirty {
    margin: 0;
    top: 0;
    left: 0
}

.k-dirty {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px;
    border-color: red transparent transparent red;
    margin: -.45em 0 0 -.6em;
    padding: 0;
    overflow: hidden;
    vertical-align: top
}

.k-grid-toolbar, .k-grouping-header {
    margin: 0;
    padding: .22em .2em .28em;
    cursor: default
}

.k-grid .k-edit-container {
    padding: 0
}

.k-grid .field-validation-error {
    display: block
}

.k-grid .input-validation-error {
    border-style: ridge;
    border-color: red;
    background-color: pink
}

.k-grid-toolbar .k-button {
    vertical-align: middle
}

.k-grid-actions {
    display: inline-block
}

.k-grid .k-button, .k-grid .k-grid-toolbar > * {
    margin: .16em
}

.k-grid tbody .k-button {
    min-width: 64px
}

.k-grid tbody button.k-button {
    min-width: 78px
}

html body .k-grid tbody .k-button-icon {
    width: auto;
    min-width: 0
}

.k-detail-row {
    position: relative
}

.k-grid .k-detail-cell {
    overflow: visible
}

.k-grid .k-edit-cell {
    padding: 0 .3em;
    white-space: nowrap
}

.k-edit-cell > .k-textbox, .k-edit-cell > .k-widget:not(.k-switch), .k-edit-cell > .text-box, .k-grid-edit-row > td > .k-textbox, .k-grid-edit-row > td > .k-widget:not(.k-switch), .k-grid-edit-row > td > .text-box {
    width: 100%
}

.k-edit-cell input[type=checkbox] {
    margin-left: .6em
}

.k-grid-resize-indicator {
    position: absolute;
    width: 2px;
    background-color: #aaa
}

.k-grid-header .k-resize-handle, .k-grid > .k-resize-handle {
    position: absolute;
    height: 25px;
    cursor: col-resize;
    z-index: 2
}

.k-marquee {
    position: absolute;
    z-index: 100000
}

.k-marquee-color, .k-marquee-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.k-marquee-color {
    filter: alpha(opacity=60);
    opacity: .6
}

.k-ie9 .k-column-menu {
    width: 160px
}

.k-column-menu {
    min-width: 160px
}

.k-column-menu .k-sprite {
    margin-right: 10px
}

.k-column-menu > .k-menu {
    border-width: 0
}

.k-column-menu .k-calendar .k-link {
    white-space: normal
}

.k-columns-item .k-group {
    max-height: 200px;
    overflow: auto
}

.k-pdf-export-shadow .k-grid {
    float: left;
    width: auto !important
}

.k-pdf-export-shadow .k-grid-content.k-auto-scrollable {
    padding-right: 0 !important
}

.k-pdf-export-shadow .k-grid, .k-pdf-export-shadow .k-grid-content, .k-pdf-export-shadow .k-grid-content-locked {
    height: auto !important;
    overflow: visible
}

.k-pdf-export-shadow .k-grid-content-locked + .k-grid-content, .k-pdf-export-shadow .k-grid-footer-locked + .k-grid-footer-wrap, .k-pdf-export-shadow .k-grid-header-locked + .k-grid-header-wrap {
    width: auto !important
}

.k-pdf-export-shadow .k-grid-header, .k-pdf-export-shadow .k-grid[data-role=grid] .k-grid-footer {
    padding: 0 !important
}

.k-loading-pdf-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100
}

.k-loading-pdf-mask .k-loading-color {
    filter: alpha(opacity=50);
    opacity: .5
}

.k-loading-pdf-mask .k-loading-pdf-progress {
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.k-pdf-export .k-loading-pdf-mask {
    display: none
}

.k-pdf-export .k-grid-filter {
    text-decoration: none
}

.k-autofitting {
    width: auto !important;
    table-layout: auto !important
}

.k-autofitting td, .k-autofitting th.k-header {
    white-space: nowrap !important
}

.k-autofitting .k-detail-row {
    display: none !important
}

.k-grid .k-grouping-row td {
    border-bottom-width: 0
}

.k-grid .k-grouping-row + tr td {
    border-top-width: 1px
}

.k-grid .k-grouping-row + tr td.k-group-cell {
    border-top-width: 0
}

.k-grid .k-group-cell {
    border-bottom-width: 0;
    border-top-width: 0
}

.k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm {
    margin-left: 7px
}

.k-grid-header .k-sort-order {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    margin-left: -1px;
    font-size: 12px
}

.k-grid-header .k-link .k-icon.k-i-sort-asc-sm, .k-grid-header .k-link .k-icon.k-i-sort-desc-sm, .k-grid-header .k-sort-order {
    margin-top: 1px;
    vertical-align: text-top
}

.k-grid .k-header .k-grid-search {
    width: 15.7em;
    float: right;
    display: -ms-flexbox;
    display: flex
}

.k-grid .k-grid-content-sticky, .k-grid .k-grid-footer-sticky, .k-grid .k-grid-header .k-filter-row .k-grid-header-sticky, .k-grid .k-grid-header .k-header.k-grid-header-sticky {
    position: sticky;
    z-index: 2
}

.k-grid .k-grid-content-sticky.k-edit-cell, .k-grid .k-grid-footer-sticky.k-edit-cell, .k-grid .k-grid-header .k-filter-row .k-grid-header-sticky.k-edit-cell, .k-grid .k-grid-header .k-header.k-grid-header-sticky.k-edit-cell {
    overflow: visible;
    z-index: 3
}

.k-grid .k-hierarchy-cell + td.k-grid-content-sticky {
    border-left-width: 1px
}

.k-grid td.k-grid-content-sticky, .k-grid td.k-grid-footer-sticky, .k-grid th.k-grid-header-sticky {
    border-right-width: 1px
}

.k-grid .k-grid-header-sticky.k-header.k-grid-no-left-border.k-first, .k-grid td.k-grid-content-sticky:not([style*="display: none"]) + td, .k-grid td.k-grid-content-sticky:not([style*="display: none"]) + th, .k-grid td.k-grid-footer-sticky:not([style*="display: none"]) + td, .k-grid td.k-grid-footer-sticky:not([style*="display: none"]) + th, .k-grid th.k-grid-header-sticky:not([style*="display: none"]) + td, .k-grid th.k-grid-header-sticky:not([style*="display: none"]) + th {
    border-left-width: 0
}

.k-grid[dir=rtl] .k-grid-header th.k-grid-header-sticky, .k-grid[dir=rtl] td.k-grid-content-sticky, .k-grid[dir=rtl] td.k-grid-footer-sticky, .k-grid[dir=rtl] th.k-grid-header-sticky:last-child, .k-rtl .k-grid .k-grid-header th.k-grid-header-sticky, .k-rtl .k-grid td.k-grid-content-sticky, .k-rtl .k-grid td.k-grid-footer-sticky, .k-rtl .k-grid th.k-grid-header-sticky:last-child {
    border-left-width: 1px
}

.k-grid[dir=rtl] td.k-grid-content-sticky:not([style*="display: none"]) + td, .k-grid[dir=rtl] td.k-grid-content-sticky:not([style*="display: none"]) + th, .k-grid[dir=rtl] th.k-grid-header-sticky:not([style*="display: none"]) + td, .k-grid[dir=rtl] th.k-grid-header-sticky:not([style*="display: none"]) + th, .k-rtl .k-grid td.k-grid-content-sticky:not([style*="display: none"]) + td, .k-rtl .k-grid td.k-grid-content-sticky:not([style*="display: none"]) + th, .k-rtl .k-grid th.k-grid-header-sticky:not([style*="display: none"]) + td, .k-rtl .k-grid th.k-grid-header-sticky:not([style*="display: none"]) + th {
    border-left-width: 1px;
    border-right-width: 0
}

.k-grid[dir=rtl] .k-grid-header-sticky.k-header.k-first, .k-grid[dir=rtl] .k-grid-header-sticky.k-header:first-child, .k-rtl .k-grid .k-grid-header-sticky.k-header.k-first, .k-rtl .k-grid .k-grid-header-sticky.k-header:first-child {
    border-left-width: 1px
}

.k-grid[dir=rtl] .k-grid-header-sticky.k-header.k-grid-no-left-border.k-first, .k-rtl .k-grid .k-grid-header-sticky.k-header.k-grid-no-left-border.k-first {
    border-left-width: 1px;
    border-right-width: 0
}

.k-treelist .k-status {
    padding: .4em .6em;
    line-height: 1.6em
}

.k-treelist .k-status .k-loading {
    vertical-align: baseline;
    margin-right: 5px
}

.k-treelist tr.k-hidden {
    display: none
}

.k-treelist.k-treelist-dragging, .k-treelist.k-treelist-dragging .k-state-hover {
    cursor: default
}

.k-treelist .k-drop-hint {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.k-treelist .k-i-arrow-45-down-right, .k-treelist .k-i-arrow-60-right {
    cursor: pointer
}

.k-treelist .k-i-arrow-45-down-right {
    margin-top: -.5em
}

.k-drag-separator {
    display: inline-block;
    border-right: 1px solid;
    height: 1em;
    vertical-align: top;
    margin: 0 .5em
}

.k-gantt {
    box-sizing: border-box;
    white-space: nowrap;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.k-gantt .k-splitbar {
    width: 5px;
    border-width: 0 1px;
    background-repeat: repeat-y;
    position: relative;
    cursor: e-resize;
    display: inline-block;
    vertical-align: top;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.k-gantt-header {
    border-width: 0 0 1px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    z-index: 2
}

.k-gantt-footer {
    border-width: 1px 0 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.k-gantt-toggle {
    display: none
}

.k-gantt-views-wrapper select.k-dropdown {
    width: auto;
    font: inherit;
    display: none;
    cursor: pointer
}

@media (max-width: 1024px) {
    .k-gantt-views-wrapper select.k-dropdown {
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .k-gantt-views-wrapper .k-gantt-views {
        display: none
    }
}

.k-gantt-content {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: stretch;
    align-items: stretch
}

.k-gantt .k-gantt-content .k-grid-header td, .k-gantt .k-gantt-content th {
    vertical-align: bottom
}

.k-gantt td {
    overflow: hidden;
    white-space: nowrap;
    vertical-align: top
}

.k-gantt .k-grid .k-edit-cell {
    vertical-align: middle
}

.k-gantt-timeline > .k-timeline, .k-gantt-treelist > .k-treelist {
    border-width: 0;
    height: 100%
}

.k-gantt-treelist {
    display: inline-block;
    vertical-align: top;
    white-space: normal
}

.k-gantt-treelist .k-grid-header tr {
    height: 5em
}

.k-gantt .k-treelist .k-grid-header {
    padding: 0 !important
}

.k-gantt .k-treelist .k-grid-content {
    overflow-y: hidden;
    overflow-x: scroll
}

.k-treelist-group > tr > span {
    font-weight: 700
}

.k-treelist-group .k-widget {
    font-weight: 400
}

.k-gantt-timeline {
    display: inline-block;
    vertical-align: top;
    white-space: normal
}

.k-gantt-timeline .k-grid-header tr, .k-gantt-treelist .k-gantt-treelist-nested-columns .k-grid-header tr {
    height: 2.5em
}

.k-gantt-timeline .k-grid-header .k-header {
    vertical-align: bottom;
    cursor: default
}

.k-gantt-tasks {
    position: relative
}

.k-gantt-rows tr, .k-gantt-tasks tr, .k-gantt .k-grid-content tr {
    height: 2.3em
}

.k-gantt .k-gantt-tasks td:after {
    content: "\A0"
}

.k-gantt-timeline {
    background: 0 0
}

.k-gantt-columns, .k-gantt-dependencies, .k-gantt-rows {
    position: absolute;
    top: 0;
    left: 0
}

.k-gantt-tables {
    position: relative
}

.k-gantt .k-timeline .k-grid-content {
    overflow-x: scroll
}

.k-gantt-timeline .k-grid-header td, .k-gantt .k-gantt-timeline th {
    text-align: center
}

.k-gantt .k-gantt-timeline .k-grid-header tr:first-child td, .k-gantt .k-gantt-timeline tr:first-child th {
    border-bottom-width: 1px
}

.k-gantt-timeline td.k-header {
    overflow: hidden;
    border-style: solid;
    border-width: 0 0 1px 1px;
    padding: .5em .6em .4em;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis
}

.k-task-summary {
    height: 10px;
    display: inline-block;
    vertical-align: top;
    margin-top: 3px
}

.k-task-summary-complete {
    height: 10px;
    position: relative;
    z-index: 2
}

.k-task-summary-progress {
    height: 15px;
    overflow: hidden
}

.k-task-summary-complete:after, .k-task-summary-complete:before, .k-task-summary:after, .k-task-summary:before {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border: 8px solid transparent
}

.k-task-summary-complete:before, .k-task-summary:before {
    left: 0;
    border-left-color: inherit
}

.k-task-summary-complete:after, .k-task-summary:after {
    right: 0;
    border-right-color: inherit
}

.k-gantt-line-h, .k-gantt-line-v {
    position: absolute
}

.k-gantt-line-h {
    height: 2px
}

.k-gantt-line-v {
    width: 2px
}

.k-arrow-e, .k-arrow-w {
    position: absolute;
    top: -4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px
}

.k-arrow-e {
    right: -6px;
    border-right-color: transparent
}

.k-arrow-e, .k-arrow-w {
    border-top-color: transparent;
    border-bottom-color: transparent
}

.k-arrow-w {
    left: -6px;
    border-left-color: transparent
}

.k-task-milestone {
    width: 13px;
    height: 13px;
    margin-top: 3px;
    border-style: solid;
    border-width: 1px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: -.2em
}

.k-gantt .k-gantt-tasks .k-button-icon, .k-gantt .k-gantt-treelist .k-button {
    padding-top: 0;
    padding-bottom: 0
}

.k-gantt .k-gantt-tasks .k-button-icon {
    margin-top: 4px
}

.k-gantt .k-gantt-treelist .k-button {
    margin-top: -4px;
    margin-bottom: -2px
}

.k-gantt .k-gantt-tasks .k-button-icon {
    padding-left: 2px;
    padding-right: 2px
}

.k-gantt .k-gantt-tasks .k-button .k-icon, .k-gantt .k-gantt-treelist .k-button .k-icon {
    vertical-align: text-top
}

.k-rel .k-button-icon {
    position: absolute;
    left: 200px
}

.k-rel {
    position: relative;
    height: 0;
    top: -.3em
}

.k-task-wrap {
    position: absolute;
    display: inline;
    padding: 0 23px 5px;
    margin: -1px -23px 0;
    z-index: 2
}

.k-gantt-line.k-state-selected, .k-task-wrap:hover {
    z-index: 3
}

.k-milestone-wrap {
    margin: 0 -13px 0 -27px
}

.k-task-content {
    position: relative;
    z-index: 2
}

.k-task-complete {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 20%;
    z-index: 1
}

.k-task-dot {
    position: absolute;
    top: 0;
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: none;
    cursor: pointer
}

.k-task-dot.k-state-hover {
    background-color: transparent
}

.k-task-single + .k-task-dot, .k-task-single + .k-task-dot + .k-task-dot {
    top: .2em
}

.k-task-wrap-active .k-task-dot, .k-task-wrap:hover .k-task-dot {
    display: block
}

.k-task-dot:before {
    content: "\A0";
    display: inline-block;
    width: 0;
    height: 16px
}

.k-task-dot:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    margin-left: 4px
}

.k-task-dot.k-state-hover:after, .k-task-dot:hover:after, .k-task-wrap-active .k-task-dot:after {
    border-style: solid;
    border-width: 1px;
    margin-left: 3px
}

.k-task-start {
    left: 0
}

.k-task-end {
    right: 0
}

.k-task-single {
    border-style: solid;
    border-width: 1px;
    text-align: left;
    overflow: hidden;
    cursor: default;
    min-height: 1.3em;
    white-space: nowrap
}

.k-task-template {
    padding: .2em 1.4em .2em .6em;
    line-height: normal
}

.k-task-actions, .k-task-content > .k-link {
    position: absolute;
    top: 0;
    right: 4px;
    white-space: nowrap
}

.k-task-actions {
    z-index: 1
}

.k-task-actions:first-child {
    position: static;
    float: left;
    margin: 4px 2px 0 4px
}

.k-webkit .k-task-actions:first-child {
    margin-top: 3px
}

.k-task-actions:first-child > .k-link {
    display: inline-block
}

.k-task-delete {
    display: none
}

.k-task-wrap-active .k-task-delete, .k-task-wrap:hover .k-task-delete {
    display: inline-block
}

.k-task-single .k-resize-handle {
    position: absolute;
    visibility: hidden;
    z-index: 2;
    height: auto
}

.k-task-single:hover .k-resize-handle, .k-task-wrap-active .k-resize-handle {
    visibility: visible
}

.k-task-single .k-resize-handle:after {
    content: "";
    position: absolute;
    opacity: .5
}

.k-task-content > .k-resize-e {
    right: 0;
    top: 0;
    bottom: 0;
    width: .4em
}

.k-task-content > .k-resize-w {
    left: 0;
    top: 0;
    bottom: 0;
    width: .4em
}

.k-task-content > .k-resize-e:after, .k-task-content > .k-resize-w:after {
    left: 1px;
    top: 50%;
    margin-top: -.7em;
    height: 1.4em;
    width: 1px
}

.k-task-content > .k-resize-e:after {
    left: auto;
    right: 1px
}

.k-task-draghandle {
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
    margin: 0 18px;
    border-width: 5px;
    border-style: solid;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    display: none;
    cursor: e-resize
}

.k-task-wrap-active .k-task-draghandle, .k-task-wrap:hover .k-task-draghandle {
    display: block
}

.k-gantt-dependency-hint {
    z-index: 4
}

.k-gantt-rowheight .k-task-dot, .k-gantt-rowheight .k-task-milestone, .k-gantt-rowheight .k-task-single + .k-task-dot, .k-gantt-rowheight .k-task-single + .k-task-dot + .k-task-dot, .k-gantt-rowheight .k-task-summary {
    top: 50%
}

.k-gantt-rowheight .k-task-milestone, .k-gantt-rowheight .k-task-summary {
    margin-top: -6px
}

.k-gantt-rowheight .k-task-dot, .k-gantt-rowheight .k-task-single + .k-task-dot, .k-gantt-rowheight .k-task-single + .k-task-dot + .k-task-dot {
    margin-top: -11px
}

.k-gantt-rowheight .k-task-single {
    height: calc(100% - 2px)
}

.k-ie .k-gantt-rowheight .k-task-single {
    height: 99%
}

.k-gantt-rowheight .k-task-content {
    height: 100%
}

.k-gantt-rowheight .k-task-content > .k-resize-e:after, .k-gantt-rowheight .k-task-content > .k-resize-w:after {
    top: 0;
    margin-top: 0;
    height: 100%
}

.k-task-details {
    padding: .4em;
    text-align: left;
    white-space: nowrap
}

.k-task-details > strong {
    font-size: 120%;
    display: block
}

.k-task-pct {
    margin: .5em 0 .1em;
    font-size: 170%
}

.k-task-details > ul {
    line-height: 1.2
}

.k-resources-wrap {
    position: absolute;
    display: inline;
    z-index: 2;
    zoom: 1;
    margin-left: 20px;
    margin-top: -2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.k-resources-wrap .k-resource {
    margin: 0 5px
}

.k-gantt-edit-form > .k-edit-form-container {
    width: 430px
}

.k-gantt-edit-form > .k-resources-form-container {
    width: 506px
}

.k-resources-form-container > .k-grid {
    margin: 0 .9em
}

.k-gantt-edit-form > .k-edit-form-container .k-numerictextbox, .k-gantt-edit-form > .k-edit-form-container .k-textbox {
    width: 15em
}

.k-gantt-edit-form .k-edit-buttons .k-gantt-delete, .k-pdf-export-shadow .k-gantt {
    float: left
}

.k-pdf-export-shadow .k-gantt, .k-pdf-export-shadow .k-gantt-timeline, .k-pdf-export-shadow .k-gantt .k-grid-content {
    width: auto !important;
    height: auto !important;
    overflow: visible !important
}

.k-pdf-export-shadow .k-gantt-treelist {
    height: auto !important;
    overflow: visible !important
}

.k-pdf-export-shadow .k-gantt-timeline .k-grid-header {
    padding: 0 !important
}

.k-pdf-export-shadow .k-gantt .k-splitbar, .k-pdf-export-shadow .k-pdf-export {
    display: none
}

@media (max-width: 480px) {
    .k-gantt-toolbar .k-gantt-toggle {
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .k-gantt-toolbar .k-button {
        padding: 4px;
        width: calc(1.4285714286em + 10px);
        height: calc(1.4285714286em + 10px)
    }

    .k-gantt-toolbar .k-button .k-icon {
        margin: 0
    }

    .k-gantt-toolbar .k-button .k-button-text {
        display: none
    }

    .k-gantt .k-treelist .k-grid-content {
        overflow-y: scroll
    }
}

.k-gantt-resize-hint {
    white-space: nowrap
}

.k-gantt-planned .k-gantt-rows tr, .k-gantt-planned .k-gantt-tasks tr, .k-gantt.k-gantt-planned .k-grid-content tr {
    height: 3.3em
}

.k-gantt-planned .k-gantt-dependencies {
    margin-top: .6em
}

.k-gantt-planned .k-task-dot {
    margin-top: 1.1em
}

.k-gantt-planned .k-resources-wrap {
    margin-top: .9em
}

.k-gantt-planned .k-milestone-wrap .k-task-dot {
    margin-top: 1.3em
}

.k-gantt-planned .k-milestone-wrap .k-task-dot.k-task-start {
    margin-left: -.2em
}

.k-gantt-planned .k-summary-wrap .k-task-dot {
    margin-top: 1.3em
}

.k-task-planned {
    margin: 0 0 .35em;
    line-height: .75em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.k-task-planned .k-task-moment {
    border-width: 2px;
    border-radius: 5px;
    border-style: solid;
    height: 6px;
    width: 6px
}

.k-task-planned .k-task-moment.k-moment-left {
    margin-left: -4px
}

.k-task-planned .k-task-duration {
    height: 2px
}

.k-task-planned:hover .k-task-duration {
    height: 3px
}

.k-milestone-wrap .k-task-planned {
    margin-bottom: .7em
}

.k-summary-wrap .k-task-planned {
    margin-bottom: .6em
}

.k-planned-tooltip .k-task-content {
    display: block
}

.k-task-offset-wrap .k-task {
    display: inline-block
}

.k-task-offset-wrap .k-task .k-task-content .k-resize-e {
    display: none
}

.k-task-offset-wrap .k-task-single + .k-task-offset {
    height: 1.65em
}

.k-task-offset {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    line-height: 1.46em;
    vertical-align: top
}

.k-task-offset .k-resize-handle {
    margin-right: 1.5em;
    top: 0;
    bottom: 0;
    width: .4em;
    position: absolute;
    visibility: hidden;
    z-index: 2;
    height: auto
}

.k-task-offset .k-resize-handle:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -.55em;
    height: 1.4em;
    width: 1px
}

.k-summary-wrap .k-task-offset {
    height: 10px;
    margin: 3px 0 0
}

.k-summary-wrap .k-task-offset:after {
    right: 1.4em
}

.k-rtl .k-summary-wrap .k-task-offset:before, .k-summary-wrap .k-task-offset:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px
}

.k-rtl .k-task-offset-wrap .k-task .k-task-content .k-resize-e {
    display: block
}

.k-rtl .k-task-offset-wrap .k-task .k-task-content .k-resize-w {
    display: none
}

.k-rtl .k-milestone-wrap {
    margin-left: -1.8em
}

.k-rtl .k-task-milestone {
    margin-right: -.15em
}

.k-ie .k-summary-wrap .k-task-offset:after {
    right: 20px
}

.k-ie .k-rtl .k-summary-wrap .k-task-offset:before {
    left: 20px
}

.k-task-offset .k-task-actions {
    visibility: hidden
}

.k-task-offset:hover .k-resize-handle, .k-task-offset:hover .k-task-actions, .k-task-single:hover + .k-task-offset .k-resize-handle, .k-task-single:hover + .k-task-offset .k-task-actions {
    visibility: visible
}

.k-pivot {
    position: relative
}

.k-pivot-toolbar {
    padding: .2em;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.k-pivot .k-pivot-toolbar {
    padding: .6em
}

.k-pivot-toolbar .k-button {
    margin-right: .4em;
    line-height: 1.2em;
    font-size: .9em;
    text-align: left;
    position: relative;
    padding: .3em 5em .3em .3em;
    cursor: move
}

.k-field-actions {
    position: absolute;
    right: 2px;
    top: 3px;
    cursor: pointer
}

.k-pivot .k-grid td {
    white-space: nowrap
}

.k-pivot-layout {
    border-spacing: 0;
    table-layout: auto
}

.k-pivot-layout > tbody > tr > td {
    vertical-align: top;
    padding: 0
}

.k-pivot td {
    vertical-align: top
}

.k-pivot-rowheaders > .k-grid, .k-pivot-table > .k-grid {
    border-width: 0
}

.k-pivot-rowheaders > .k-grid td:first-child, .k-pivot-table .k-grid-header .k-header.k-first {
    border-left-width: 1px
}

.k-pivot-rowheaders > .k-grid td.k-first {
    border-left-width: 0
}

.k-pivot-rowheaders > .k-grid {
    overflow: hidden
}

.k-pivot-table {
    border-left-width: 1px;
    border-left-style: solid
}

.k-pivot-table .k-grid-header-wrap > table {
    height: 100%
}

.k-pivot .k-grid-header .k-header {
    vertical-align: top
}

.k-header.k-alt, td.k-alt {
    font-weight: 700
}

.k-header.k-alt {
    background-image: none
}

.k-pivot-layout .k-grid td {
    border-bottom-width: 1px
}

.k-pivot-layout .k-grid-footer > td {
    border-top-width: 0
}

.k-pivot-filter-window .k-treeview {
    max-height: 600px
}

.k-fieldselector .k-edit-buttons {
    bottom: auto
}

.k-fieldselector .k-edit-label {
    width: 16%
}

.k-fieldselector .k-edit-field {
    width: 77%
}

.k-fieldselector .k-edit-field > .k-textbox, .k-fieldselector .k-edit-field > .k-widget {
    width: 99%
}

.k-fieldselector .k-edit-buttons > input, .k-fieldselector .k-edit-buttons > label {
    float: left;
    margin-top: .4em
}

.k-fieldselector p {
    margin: 0 0 .2em .5em;
    text-transform: uppercase
}

.k-fieldselector p .k-icon {
    margin: 0 5px 0 0
}

.k-fieldselector .k-columns {
    border-style: solid;
    border-width: 0
}

.k-fieldselector .k-columns > div {
    overflow: auto;
    padding: .6em;
    border-style: solid;
    border-width: 0 0 0 1px;
    float: left;
    width: 45%
}

.k-fieldselector .k-columns > div:first-child {
    border-width: 0;
    margin-right: -1px
}

.k-fieldselector .k-columns > div + div {
    float: right;
    border-width: 0
}

.k-fieldselector div.k-treeview {
    border-width: 0;
    margin-right: -1px;
    padding-left: 4px;
    overflow: visible
}

.k-fieldselector .k-list-container {
    margin-left: .5em;
    margin-bottom: 1em;
    padding: .2em 0 0;
    border-style: solid;
    border-width: 1px
}

.k-fieldselector .k-list {
    padding-bottom: 2em
}

.k-fieldselector .k-list li.k-item {
    padding: .3em 3.3em .3em .3em;
    margin: 0 .2em .2em;
    position: relative;
    font-size: .9em;
    line-height: 1.2em;
    min-height: 1em
}

.k-i-kpi-trend-decrease, .k-i-kpi-trend-equal, .k-i-kpi-trend-increase {
    color: #858585
}

.k-i-kpi-status-hold {
    color: #f9ce1d
}

.k-i-kpi-status-deny {
    color: #f44336
}

.k-i-kpi-status-open {
    color: #4caf50
}

.k-pdf-export-shadow .k-pivot .k-grid-content {
    overflow: visible !important
}

.k-pdf-export-shadow .k-pivot .k-grid-content, .k-pdf-export-shadow .k-pivot .k-pivot-rowheaders .k-grid {
    height: 100% !important
}

.k-pdf-export-shadow .k-pivot .k-grid-header {
    padding-right: 0 !important
}

.k-pdf-export-shadow .k-pivot {
    width: auto !important;
    height: auto !important
}

.k-pdf-export-shadow .k-pivot .k-grid-content > table, .k-pdf-export-shadow .k-pivot .k-grid-header-wrap > table {
    width: 100% !important;
    height: auto !important
}

.k-pivot .k-field-actions .k-icon {
    pointer-events: all
}

div.k-treeview {
    border-width: 0;
    background: 0 0;
    overflow: auto;
    white-space: nowrap
}

.k-treeview .k-item {
    display: block;
    border-width: 0;
    margin: 0;
    padding: 0 0 0 16px
}

.k-treeview .k-content, .k-treeview .k-item > .k-group, .k-treeview > .k-group {
    margin: 0;
    padding: 0;
    background: 0 0;
    list-style-type: none;
    position: relative
}

.k-treeview .k-checkbox, .k-treeview .k-icon, .k-treeview .k-image, .k-treeview .k-in, .k-treeview .k-sprite {
    display: inline-block;
    vertical-align: top
}

.k-checkbox-wrapper {
    display: inline-block;
    vertical-align: middle
}

.k-treeview .k-checkbox-wrapper + .k-in {
    margin-left: 4px
}

.k-treeview .k-icon, .k-treeview .k-in {
    vertical-align: middle
}

.k-treeview .k-request-retry {
    vertical-align: baseline
}

.k-treeview .k-i-collapse, .k-treeview .k-i-expand, .k-treeview .k-i-minus, .k-treeview .k-i-plus {
    margin-left: -16px;
    cursor: pointer
}

.k-treeview .k-i-collapse {
    margin-top: -4px
}

.k-treeview .k-image, .k-treeview .k-sprite {
    margin-right: 3px
}

.k-treeview .k-in {
    margin: 0;
    padding: 1px .3333em 1px .25em;
    line-height: 1.3333em;
    text-decoration: none;
    border-style: solid;
    border-width: 1px
}

.k-treeview span.k-in {
    cursor: default
}

.k-treeview .k-state-hover {
    cursor: pointer
}

.k-rtl .k-treeview .k-i-collapse, .k-rtl .k-treeview .k-i-expand {
    margin-left: 0;
    margin-right: -16px
}

.k-rtl .k-treeview .k-checkbox-wrapper + .k-in {
    margin-left: 0;
    margin-right: 4px
}

span.k-colorpicker, span.k-combobox, span.k-datepicker, span.k-datetimepicker, span.k-dropdown, span.k-dropdowntree, span.k-numerictextbox, span.k-timepicker {
    background-image: none
}

.k-autocomplete, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-dropdown, .k-dropdowntree, .k-listbox, .k-multiselect, .k-numerictextbox, .k-selectbox, .k-textbox, .k-timepicker {
    position: relative;
    display: inline-block;
    width: 12.4em;
    overflow: visible;
    border-width: 0;
    vertical-align: middle
}

.k-autocomplete > .k-i-close, .k-dropdown-wrap > .k-i-close, .k-multiselect-wrap > .k-i-close {
    font-size: 100%;
    display: none;
    position: absolute;
    cursor: pointer
}

.k-autocomplete > .k-i-close {
    right: calc(1em - 8px)
}

.k-multiselect-wrap > .k-i-close {
    right: calc(1em - 7px)
}

.k-autocomplete > .k-i-close, .k-dropdown-wrap > .k-i-close {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.k-dropdown-wrap > .k-i-close {
    right: calc(3em - 8px)
}

.k-dropdowntree > .k-multiselect-wrap > .k-i-close, .k-multiselect-wrap > .k-i-close {
    top: calc(1.00357143em - 7px)
}

.k-dropdown-wrap .k-readonly, .k-multiselect-wrap .k-readonly {
    opacity: .5
}

.k-autocomplete.k-state-focused > .k-i-close, .k-autocomplete.k-state-hover > .k-i-close, .k-dropdown-wrap.k-state-focused > .k-i-close, .k-dropdown-wrap.k-state-hover > .k-i-close, .k-multiselect-wrap.k-state-focused > .k-i-close, .k-multiselect-wrap.k-state-hover > .k-i-close, .k-multiselect.k-state-focused > .k-multiselect-wrap > .k-i-close, .k-multiselect.k-state-hover > .k-multiselect-wrap > .k-i-close {
    display: inline-block;
    outline: 0
}

.k-autocomplete > .k-hidden, .k-dropdown-wrap .k-hidden, .k-multiselect-wrap .k-hidden {
    display: none !important
}

.k-autocomplete, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-dropdown, .k-dropdowntree, .k-numerictextbox, .k-selectbox, .k-timepicker {
    white-space: nowrap
}

.k-filter-menu .k-autocomplete, .k-filter-menu .k-combobox, .k-filter-menu .k-datepicker, .k-filter-menu .k-datetimepicker, .k-filter-menu .k-dropdown, .k-filter-menu .k-dropdowntree, .k-filter-menu .k-numerictextbox, .k-filter-menu .k-textbox, .k-filter-menu .k-timepicker {
    width: 13.2em
}

.k-colorpicker {
    width: auto
}

.k-datetimepicker {
    width: 15em
}

.k-autocomplete, .k-numeric-wrap, .k-picker-wrap {
    position: relative;
    cursor: default
}

.k-dropdown-wrap, .k-multiselect-wrap, .k-numeric-wrap, .k-picker-wrap {
    display: block
}

.k-list-scroller {
    position: relative;
    overflow: auto
}

.k-popup.k-calendar-container, .k-popup.k-list-container {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    padding: 2px;
    border-width: 1px;
    border-style: solid
}

.k-list-container.k-popup-dropdowntree {
    padding: 0
}

.k-list-container.k-popup-dropdowntree .k-check-all {
    margin: 10px 10px 0
}

.k-list-container.k-popup-dropdowntree .k-treeview {
    box-sizing: border-box;
    padding: 10px
}

.k-autocomplete.k-state-border-down, .k-list-container.k-state-border-down, .k-numeric-wrap.k-state-border-down, .k-picker-wrap.k-state-border-down {
    border-bottom-width: 0;
    padding-bottom: 1px
}

.k-list-container .km-scroll-container {
    padding-bottom: 6px
}

.k-autocomplete, .k-dropdown-wrap, .k-multiselect-wrap, .k-numeric-wrap, .k-picker-wrap, .k-textarea, .k-textbox {
    border-width: 1px;
    border-style: solid
}

.k-dropdown-wrap {
    position: relative
}

.k-dropdown-wrap, .k-numeric-wrap, .k-picker-wrap {
    padding-right: 2em
}

.k-numeric-wrap.k-expand-padding {
    padding-right: 0
}

.k-numeric-wrap.k-expand-padding .k-i-warning {
    right: 0
}

.k-autocomplete, .k-textbox {
    padding: 0
}

.k-textbox.k-space-left {
    padding-left: 2em
}

.k-textbox.k-space-right {
    padding-right: 2em
}

.k-picker-wrap .k-input {
    margin: 0
}

.k-textbox .k-icon {
    top: 50%;
    margin: -8px 0 0;
    position: absolute
}

.k-space-left .k-icon {
    left: 3px
}

.k-space-right .k-icon {
    right: 3px
}

span.k-textbox:after {
    content: "\A0";
    display: block;
    height: .4px;
    overflow: hidden
}

.k-autocomplete, .k-dropdown-wrap, .k-numeric-wrap, .k-picker-wrap {
    transition: box-shadow .15s ease-out
}

.k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-textbox > input {
    width: 100%;
    box-sizing: border-box
}

.k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input {
    font-family: inherit;
    border-width: 0;
    outline: 0
}

.k-dropdown .k-input, .k-dropdowntree .k-dropdown-wrap .k-input, .k-selectbox .k-input {
    color: inherit;
    background: 0 0
}

.k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    vertical-align: top;
    text-decoration: none
}

.k-combobox .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    border-style: solid;
    border-width: 0 0 0 1px;
    border-color: inherit
}

span.k-datetimepicker .k-select, span.k-datetimepicker .k-select + .k-select {
    right: 0
}

.k-autocomplete .k-input, .k-textbox > input {
    display: block;
    width: 100%
}

.k-dropdown-wrap .k-select, .k-selectbox .k-select {
    overflow: hidden;
    border: 0;
    text-decoration: none;
    color: inherit
}

.k-dropdown .k-input, .k-dropdowntree .k-dropdown-wrap .k-input, .k-selectbox .k-input {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-multiselect-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input, .k-textbox > input {
    line-height: 1.65em;
    padding: .17857143em 0;
    text-indent: .571em;
    border: 0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.k-input::-webkit-input-placeholder, .k-textarea::-webkit-input-placeholder, .k-textarea > textarea::-webkit-input-placeholder, .k-textbox::-webkit-input-placeholder, .k-textbox > input::-webkit-input-placeholder {
    -webkit-user-select: none;
    user-select: none
}

.k-input:-ms-input-placeholder, .k-input::-ms-input-placeholder, .k-textarea:-ms-input-placeholder, .k-textarea::-ms-input-placeholder, .k-textarea > textarea:-ms-input-placeholder, .k-textarea > textarea::-ms-input-placeholder, .k-textbox:-ms-input-placeholder, .k-textbox::-ms-input-placeholder, .k-textbox > input:-ms-input-placeholder, .k-textbox > input::-ms-input-placeholder {
    -ms-user-select: none;
    user-select: none
}

.k-input::placeholder, .k-textarea::placeholder, .k-textarea > textarea::placeholder, .k-textbox::placeholder, .k-textbox > input::placeholder {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.k-dropdown-wrap .k-input:before {
    content: "";
    display: inline-block;
    width: 0
}

.k-ie .k-autocomplete .k-input {
    height: 1.65em
}

.k-ie .k-combobox .k-input, .k-ie .k-numeric-wrap .k-input, .k-ie .k-picker-wrap .k-input, .k-ie .k-textbox > input {
    height: 2em
}

.k-ie input.k-textbox {
    height: calc(2em + 2px)
}

.k-webkit .k-combobox .k-dropdown-wrap:before, .k-webkit .k-numeric-wrap:before, .k-webkit .k-picker-wrap:before {
    padding-bottom: .38em
}

.km.root .k-combobox .k-dropdown-wrap:before, .km.root .k-numeric-wrap:before, .km.root .k-picker-wrap:before {
    content: none
}

.k-combobox .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input {
    display: inline
}

.k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    line-height: 2em;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    text-align: center;
    width: 2em;
    height: 100%
}

.k-numeric-wrap .k-select {
    padding: 0
}

body .k-datetimepicker .k-select {
    border-radius: 0
}

.k-combobox .k-select, .k-dropdown, .k-dropdowntree .k-dropdown-wrap, .k-selectbox .k-icon {
    cursor: pointer
}

.k-popup {
    border-style: solid;
    border-width: 1px
}

.k-list-optionlabel, .k-popup .k-item {
    cursor: default
}

.k-popup .k-calendar {
    border: 0
}

.k-list {
    height: auto
}

.k-nodata {
    min-height: 138px;
    width: 100%;
    display: table;
    text-transform: uppercase;
    font-size: .85em;
    font-weight: lighter
}

.k-nodata > div {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 11px
}

.k-fieldselector .k-list .k-item, .k-item.k-drag-clue, .k-list-optionlabel, .k-listbox .k-item, .k-popup .k-list .k-item, .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
    padding: 1px 5px;
    line-height: 1.8em;
    min-height: 1.8em
}

.k-listbox .k-item, .k-popup .k-list .k-item {
    border: 1px solid transparent;
    padding: 0 4px
}

.k-popup .k-list .k-item > .k-group {
    top: -1px
}

.k-group-header + div > .k-list > .k-item.k-first:before {
    content: " ";
    display: block;
    border-top-width: 1px;
    border-top-style: solid;
    position: absolute;
    top: -1px;
    left: 0;
    right: 0
}

.k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
    padding-right: 22px
}

.k-fieldselector .k-list .k-item, .k-list-optionlabel.k-state-focused, .k-list-optionlabel.k-state-selected, .k-listbox .k-item, .k-popup .k-list .k-state-focused, .k-popup .k-list .k-state-hover, .k-popup .k-list .k-state-selected {
    padding: 0 4px;
    border-width: 1px;
    border-style: solid
}

.k-list-filter {
    position: relative;
    margin-bottom: 2px
}

.k-list-filter > .k-textbox {
    padding-right: 20px;
    width: 100%
}

.k-list-filter > .k-icon {
    position: absolute;
    right: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.km-root .k-list-filter > .k-textbox {
    padding-left: 0;
    padding-right: 0;
    border-left-width: 0;
    border-right-width: 0
}

.k-multiselect {
    display: block;
    width: auto
}

.k-multiselect-wrap {
    border-radius: 4px;
    padding-right: 22px
}

.k-multiselect-wrap .k-input {
    min-width: 25px;
    min-height: 1.65em;
    padding: .17857143em;
    text-indent: .571em;
    background-color: transparent;
    border: 0;
    margin: 0;
    float: left
}

.k-multiselect-wrap .k-input::-ms-clear {
    display: none
}

.k-multiselect-wrap li {
    margin: 1px 0 1px 1px;
    padding: .1em 1.6em .1em .4em;
    line-height: 1.5em;
    min-height: calc(1.7em + 2px);
    float: left;
    position: relative
}

.k-autocomplete .k-i-loading, .k-multiselect .k-i-loading {
    position: absolute;
    top: auto;
    right: .4em;
    bottom: .4em
}

.k-multiselect-wrap .k-select {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: .03em .2em
}

.k-autocomplete-clearable .k-input, .k-combobox-clearable .k-input, .k-dropdowntree-clearable .k-input, .k-multiselect-clearable .k-input {
    overflow: hidden;
    text-overflow: ellipsis
}

.k-combobox-clearable .k-input, .k-dropdowntree-clearable .k-dropdown-wrap .k-input, .k-dropdowntree-clearable .k-multiselect-wrap, .k-multiselect-clearable .k-multiselect-wrap {
    padding-right: 2em
}

.k-datetimepicker .k-picker-wrap {
    padding-right: 4em
}

.k-datetimepicker .k-select {
    width: 4em
}

.k-datetimepicker .k-select .k-link {
    display: inline-block;
    width: 50%
}

.k-datetimepicker .k-link {
    color: inherit
}

.k-datetimepicker .k-picker-wrap .k-icon {
    margin: 0 2px
}

.k-picker-wrap .k-icon {
    cursor: pointer
}

.k-datepicker, .k-datetimepicker, .k-textbox, .k-timepicker {
    display: inline-block;
    vertical-align: middle
}

.k-time-popup .k-item {
    padding: 1px 3px
}

.k-datetime-container .k-datetime-wrap {
    width: 21em;
    overflow: hidden
}

.k-datetime-container .k-datetime-buttongroup {
    padding: 8px
}

.k-datetime-container .k-datetime-selector {
    display: -ms-flexbox;
    display: flex;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.k-datetime-container .k-datetime-calendar-wrap, .k-datetime-container .k-datetime-time-wrap {
    text-align: center;
    -ms-flex: 0 0 21em;
    flex: 0 0 21em
}

.k-datetime-container .k-time-list-container {
    -ms-flex-pack: center;
    justify-content: center
}

.k-datetime-container .k-timeselector {
    outline: 0
}

.k-datetime-container .k-time-tab .k-datetime-selector {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.k-datetime-container > .k-popup {
    padding-bottom: 0
}

.k-datetime-container > .k-popup .k-action-buttons {
    margin-bottom: 0
}

.k-datetime-container.k-rtl .k-time-tab .k-datetime-selector, .k-datetime-container[dir=rtl] .k-time-tab .k-datetime-selector, .k-rtl .k-datetime-container .k-time-tab .k-datetime-selector, [dir=rtl] .k-datetime-container .k-time-tab .k-datetime-selector {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.k-time-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 8px 16px;
    line-height: 2em
}

.k-time-header .k-title {
    font-weight: 700
}

.k-time-header .k-time-now {
    border-width: 0;
    line-height: inherit;
    cursor: pointer
}

.k-time-list-wrapper {
    display: inline-block;
    overflow: hidden;
    box-sizing: content-box;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    padding: 20px 0;
    text-align: center;
    width: 5em;
    height: calc(10.00000001em + 56px)
}

.k-time-list-wrapper .k-title {
    display: block;
    text-align: center;
    font-size: 10px;
    position: absolute;
    text-transform: capitalize;
    font-weight: 700;
    min-width: 100%;
    height: 1.5em;
    line-height: 1.5em;
    margin-top: -20px;
    z-index: 12
}

.k-time-list-wrapper.k-state-focused:after, .k-time-list-wrapper.k-state-focused:before {
    display: block;
    content: " ";
    position: absolute;
    width: 100%;
    left: 0;
    pointer-events: none;
    height: calc(50% - 1em);
    box-sizing: border-box;
    border-width: 0;
    border-style: solid
}

.k-time-list-wrapper.k-state-focused:before {
    top: 0
}

.k-time-list-wrapper.k-state-focused:after {
    bottom: 0
}

.k-time-container {
    position: absolute;
    display: block;
    overflow-x: hidden;
    overflow-y: scroll;
    line-height: 1.42857143;
    left: 0;
    right: 0;
    top: 20px;
    bottom: 20px;
    padding-right: 100px;
    padding-left: 100px;
    margin-left: -100px;
    margin-right: -100px;
    margin-right: -117px
}

.k-time-container > ul {
    height: auto;
    width: 5em
}

.k-rtl .k-time-container, .k-time-container.k-rtl, .k-time-container[dir=rtl], [dir=rtl] .k-time-container {
    padding-right: 100px;
    padding-left: 100px;
    margin-left: -100px;
    margin-right: -100px;
    margin-left: -117px
}

.k-time-list-container {
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.k-time-list {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    z-index: 10;
    outline: 0;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0
}

.k-time-list:after, .k-time-list:before {
    display: block;
    position: absolute;
    content: " ";
    height: 0;
    line-height: 0;
    z-index: 1;
    width: 200%;
    left: -50%
}

.k-time-list:before {
    top: 0
}

.k-time-list:after {
    bottom: 0
}

.k-time-list .k-item {
    padding: 4px 8px
}

.k-time-highlight {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: calc(1.42857143em + 8px);
    z-index: 1;
    border-width: 1px 0;
    border-style: solid;
    border-radius: .1px
}

.k-time-container .k-scrollable-placeholder {
    position: absolute;
    width: 1px;
    top: 0;
    right: 0
}

.k-time-separator {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-item-align: center;
    align-self: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    z-index: 11
}

.k-time-footer {
    margin-top: 0
}

.k-input {
    font-size: inherit;
    padding: .25em 0
}

.k-input, .k-textarea > textarea, .k-textbox > input {
    outline: 0;
    -webkit-tap-highlight-color: transparent
}

.k-textbox {
    outline: 0
}

input.k-textbox, textarea.k-textarea {
    padding: .17857143em 0
}

input.k-textbox {
    line-height: 1.65em;
    text-indent: .571em
}

.k-ie input.k-textbox {
    text-indent: .2855em
}

textarea.k-textarea {
    height: auto
}

.k-input-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2em;
    position: relative
}

.k-input-icon .k-icon {
    position: static;
    margin: 0
}

.k-ie9 .k-input-icon {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0
}

.k-ie9 .k-rtl .k-input-icon, .k-ie9 [dir=rtl] .k-input-icon {
    left: 0;
    right: auto
}

span.k-numerictextbox {
    background-color: transparent
}

.k-numerictextbox .k-input {
    margin: 0
}

.k-numerictextbox .k-link {
    color: inherit;
    display: block;
    height: 1em;
    line-height: 1em;
    vertical-align: middle;
    border-width: 0;
    padding: 0;
    overflow: hidden
}

.k-numerictextbox .k-icon {
    display: block;
    margin: auto;
    height: 100%
}

.k-numerictextbox .k-i-arrow-60-up {
    top: 0
}

.k-numerictextbox .k-i-arrow-60-down {
    bottom: 0
}

.k-numeric-wrap .k-input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.k-rtl .k-multiselect-wrap {
    padding-right: 0;
    padding-left: 22px
}

.k-maskedtextbox {
    position: relative;
    display: inline-block;
    background-color: transparent;
    border-width: 0
}

.k-maskedtextbox ::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

.k-maskedtextbox .k-i-warning {
    display: none;
    position: absolute;
    width: 2em;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.k-dateinput, .k-maskedtextbox.k-state-invalid .k-i-warning {
    display: inline-block
}

.k-dateinput {
    position: relative;
    border-width: 0
}

.k-dateinput.k-widget {
    background-color: transparent
}

.k-dateinput ::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

.k-dateinput .k-i-warning {
    display: none;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: visible
}

.k-dateinput.k-state-invalid .k-i-warning {
    display: inline-block
}

.k-datepicker .k-picker-wrap .k-i-warning, .k-datetimepicker .k-picker-wrap .k-i-warning, .k-timepicker .k-picker-wrap .k-i-warning {
    display: none;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: visible
}

.k-datepicker .k-picker-wrap.k-state-invalid .k-i-warning, .k-datetimepicker .k-picker-wrap.k-state-invalid .k-i-warning, .k-timepicker .k-picker-wrap.k-state-invalid .k-i-warning {
    display: inline-block
}

.k-listbox {
    box-sizing: border-box;
    height: 200px
}

.k-listbox.k-widget {
    background-color: transparent
}

.k-listbox .k-list-scroller {
    height: 100%;
    overflow: auto;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box
}

.k-listbox .k-list-scroller li {
    cursor: default;
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none
}

.k-listbox .k-listbox-toolbar {
    box-sizing: border-box
}

.k-listbox.k-listbox-toolbar-top {
    padding: 15px 0 1.42857143em
}

.k-listbox.k-listbox-toolbar-top .k-listbox-toolbar {
    margin-top: -15px;
    margin-bottom: 5px
}

.k-listbox.k-listbox-toolbar-top .k-listbox-toolbar li {
    display: inline-block
}

.k-listbox.k-listbox-toolbar-top .k-listbox-toolbar li + li {
    margin-left: 5px
}

.k-listbox.k-listbox-toolbar-left .k-listbox-toolbar {
    float: left;
    margin-right: 5px
}

.k-listbox.k-listbox-toolbar-left .k-listbox-toolbar li + li {
    margin-top: 5px
}

.k-listbox.k-listbox-toolbar-right .k-listbox-toolbar {
    float: right;
    margin-left: 5px
}

.k-listbox.k-listbox-toolbar-right .k-listbox-toolbar li:not(:last-child) {
    margin-bottom: 5px
}

.k-listbox.k-listbox-toolbar-bottom {
    padding: 15px 0 1.45em
}

.k-listbox.k-listbox-toolbar-bottom .k-list-scroller {
    margin-top: -15px
}

.k-listbox.k-listbox-toolbar-bottom .k-listbox-toolbar {
    margin-top: 5px
}

.k-listbox.k-listbox-toolbar-bottom .k-listbox-toolbar li {
    display: inline-block
}

.k-listbox.k-listbox-toolbar-bottom .k-listbox-toolbar li + li {
    margin-left: 5px
}

.k-listbox .k-ghost {
    opacity: .5
}

.k-rtl .k-combobox-clearable .k-input, .k-rtl .k-dropdown-wrap, .k-rtl .k-dropdowntree-clearable .k-dropdown-wrap .k-input, .k-rtl .k-dropdowntree-clearable .k-multiselect-wrap, .k-rtl .k-multiselect-clearable .k-multiselect-wrap, .k-rtl .k-numeric-wrap, .k-rtl .k-picker-wrap {
    padding-right: 0;
    padding-left: 2em
}

.k-rtl .k-dropdown-wrap > .k-i-close {
    left: calc(3em - 8px)
}

.k-rtl .k-autocomplete > .k-i-close {
    left: calc(1em - 8px)
}

.k-rtl .k-multiselect-wrap > .k-i-close {
    left: calc(1em - 7px)
}

.k-rtl .k-numeric-wrap.k-state-invalid.k-expand-padding .k-i-warning {
    left: 0
}

.k-rtl .k-listbox.k-listbox-toolbar-left .k-listbox-toolbar, .k-rtl .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.k-rtl .k-listbox.k-listbox-toolbar-left .k-listbox-toolbar {
    float: right;
    margin-right: 0;
    margin-left: 5px
}

.k-rtl .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar {
    float: left;
    margin-right: 5px;
    margin-left: 0
}

.k-multiple-selection .k-in.k-state-selected {
    border-color: transparent;
    color: inherit;
    background: 0 0
}

.k-popup-flush, .k-popup-flush.k-list-container {
    padding: 0
}

.k-dropdowngrid-popup {
    overflow: hidden
}

.k-dropdowngrid-popup .k-footer, .k-dropdowngrid-popup .k-grid-header, .k-dropdowngrid-popup .k-group-header, .k-dropdowngrid-popup .k-list-scroller, .k-dropdowngrid-popup .k-virtual-content {
    line-height: 1.42857143
}

.k-dropdowngrid-popup .k-virtual-wrap {
    margin: 0
}

.k-dropdowngrid-popup .k-grid-header table {
    margin: 0 0 -1px;
    border-collapse: separate
}

.k-dropdowngrid-popup .k-grid-header table, .k-grid-list {
    width: 100%;
    max-width: none;
    border-width: 0;
    border-spacing: 0;
    table-layout: fixed;
    empty-cells: show;
    outline: 0
}

.k-grid-list {
    border-collapse: collapse;
    display: table
}

.k-grid-list > .k-item {
    box-sizing: border-box;
    display: table-row;
    position: relative
}

.k-grid-list > .k-item > .k-cell, .k-grid-list > .k-item > .k-group, .k-grid-list > .k-item > .k-spacer-group {
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle
}

.k-grid-list.k-virtual-list > .k-item > .k-cell, .k-grid-list.k-virtual-list > .k-item > .k-group, .k-grid-list.k-virtual-list > .k-item > .k-spacer-group {
    display: inline-block
}

.k-dropdowngrid-popup .k-grid-header .k-header, .k-grid-list > .k-item > .k-cell {
    border-width: 0 0 1px 1px;
    border-style: solid;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.k-dropdowngrid-popup .k-grid-header .k-header, .k-grid-list > .k-item > .k-cell {
    padding: 6px 8px
}

.k-dropdowngrid-popup .k-grid-header .k-header:first-child, .k-grid-list > .k-item > .k-cell:first-child {
    border-left-width: 0
}

div.k-dropdowngrid-popup .k-group-header {
    margin: 0;
    padding: 6px 8px;
    min-height: auto;
    text-align: left
}

.k-grid-list > .k-item > .k-group-cell, .k-grid-list > .k-item > .k-spacer-cell {
    padding-left: 0;
    padding-right: 0;
    width: 0;
    border-left-width: 0;
    border-right-width: 0;
    overflow: visible;
    position: relative
}

.k-grid-list > .k-item > .k-group-cell > span {
    padding: 0 4px;
    font-size: .875em;
    position: absolute;
    top: 0;
    right: 0
}

.k-grid-list > .k-item:last-child > .k-cell, .k-grid-list > .k-item:last-child > .k-group-cell, .k-grid-list > .k-item:last-child > .k-spacer-cell {
    border-bottom-width: 0
}

.k-dropdowngrid-popup .k-footer {
    padding: 6px 8px;
    border-width: 1px 0 0;
    border-style: solid;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative
}

.k-rtl .k-grid-list > .k-item > .k-cell {
    border-left-width: 1px;
    border-right-width: 1px;
    text-align: right
}

.k-rtl .k-grid-list > .k-item > .k-cell:first-child {
    border-right-width: 0
}

.k-rtl div.k-dropdowngrid-popup .k-group-header {
    text-align: right
}

.k-rtl .k-grid-list > .k-item > .k-group-cell > span {
    right: auto;
    left: 0
}

.k-floating-label-container, .k-textbox-container {
    padding-top: 1.2375em;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    position: relative;
    width: 12.4em;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: stretch;
    justify-content: stretch
}

.k-floating-label-container > .k-label, .k-textbox-container > .k-label {
    max-width: 90%;
    line-height: 1.65em;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute;
    top: calc(1.41607143em + 1px);
    left: calc(1px + .571em);
    overflow: hidden;
    cursor: text;
    transition: color .2s ease-out, -webkit-transform .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;
    pointer-events: none
}

.k-floating-label-container > .k-textarea, .k-floating-label-container > .k-textbox, .k-floating-label-container > .k-widget, .k-textbox-container > .k-textarea, .k-textbox-container > .k-textbox, .k-textbox-container > .k-widget {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: auto
}

.k-floating-label-container.k-state-empty > .k-label, .k-textbox-container.k-state-empty > .k-label {
    -webkit-transform: translate(0) scale(1);
    -ms-transform: translate(0) scale(1);
    transform: translate(0) scale(1);
    font-style: normal
}

.k-floating-label-container.k-state-focused, .k-textbox-container.k-state-focused {
    box-shadow: none
}

.k-floating-label-container.k-state-focused > .k-label, .k-floating-label-container > .k-label, .k-textbox-container.k-state-focused > .k-label, .k-textbox-container > .k-label {
    -webkit-transform: translate(-.571em, -.1339285725em) translate(-1px, -1.2375em) translate(-12.5%, -9.375%) scale(.75);
    -ms-transform: translate(-.571em, -.1339285725em) translate(-1px, -1.2375em) translate(-12.5%, -9.375%) scale(.75);
    transform: translate(-.571em, -.1339285725em) translate(-1px, -1.2375em) translate(-12.5%, -9.375%) scale(.75)
}

.k-floating-label-container.k-state-empty:not(.k-state-focused) ::-webkit-input-placeholder, .k-textbox-container.k-state-empty:not(.k-state-focused) ::-webkit-input-placeholder {
    color: transparent
}

.k-floating-label-container.k-state-empty:not(.k-state-focused) :-ms-input-placeholder, .k-floating-label-container.k-state-empty:not(.k-state-focused) ::-ms-input-placeholder, .k-textbox-container.k-state-empty:not(.k-state-focused) :-ms-input-placeholder, .k-textbox-container.k-state-empty:not(.k-state-focused) ::-ms-input-placeholder {
    color: transparent
}

.k-floating-label-container.k-state-empty:not(.k-state-focused) ::placeholder, .k-textbox-container.k-state-empty:not(.k-state-focused) ::placeholder {
    color: transparent
}

.k-floating-label-container[dir=rtl] > .k-label, .k-rtl .k-floating-label-container > .k-label, .k-rtl .k-textbox-container > .k-label, .k-textbox-container[dir=rtl] > .k-label {
    left: auto;
    right: calc(1px + .571em)
}

.k-floating-label-container[dir=rtl].k-state-empty > .k-label, .k-rtl .k-floating-label-container.k-state-empty > .k-label, .k-rtl .k-textbox-container.k-state-empty > .k-label, .k-textbox-container[dir=rtl].k-state-empty > .k-label {
    -webkit-transform: translate(0) scale(1);
    -ms-transform: translate(0) scale(1);
    transform: translate(0) scale(1)
}

.k-floating-label-container[dir=rtl].k-state-focused > .k-label, .k-floating-label-container[dir=rtl] > .k-label, .k-rtl .k-floating-label-container.k-state-focused > .k-label, .k-rtl .k-floating-label-container > .k-label, .k-rtl .k-textbox-container.k-state-focused > .k-label, .k-rtl .k-textbox-container > .k-label, .k-textbox-container[dir=rtl].k-state-focused > .k-label, .k-textbox-container[dir=rtl] > .k-label {
    -webkit-transform: translate(.571em, -.1339285725em) translate(1px, -1.2375em) translate(12.5%, -9.375%) scale(.75);
    -ms-transform: translate(.571em, -.1339285725em) translate(1px, -1.2375em) translate(12.5%, -9.375%) scale(.75);
    transform: translate(.571em, -.1339285725em) translate(1px, -1.2375em) translate(12.5%, -9.375%) scale(.75)
}

.k-input-label {
    margin-right: .571em;
    z-index: 1
}

.k-input-label.k-rtl, .k-input-label[dir=rtl], .k-rtl .k-input-label, [dir=rtl] .k-input-label {
    margin-right: 0;
    margin-left: .571em
}

.k-colorpicker .k-picker-wrap {
    line-height: 2.00714286em
}

.k-colorpicker .k-selected-color {
    vertical-align: top;
    display: inline-block;
    height: 2em;
    width: 2em
}

.k-colorpicker .k-selected-color .k-i-line {
    font-size: 2em;
    color: #ff525e;
    display: inline-block;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    -webkit-filter: FlipH;
    filter: FlipH;
    -ms-filter: "FlipH"
}

.k-colorpicker .k-selected-color .k-i-line:before {
    content: "\E510"
}

.k-colorpicker .k-tool-icon {
    position: relative;
    top: -2px;
    display: inline-block;
    padding: 3px 3px 2px;
    margin-right: 3px;
    margin-left: 2px;
    margin-bottom: 3px;
    background-repeat: no-repeat;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    -ms-high-contrast-adjust: none
}

.k-colorpicker .k-tool-icon .k-selected-color {
    display: block;
    height: 3px;
    width: 16px;
    position: absolute;
    left: 3px;
    bottom: -3px;
    border-radius: 0 !important
}

.k-colorpicker .k-select {
    cursor: pointer
}

.k-colorpicker .k-picker-wrap .k-icon {
    overflow: visible
}

.k-flatcolorpicker {
    position: relative;
    display: inline-block;
    width: 265px;
    padding-bottom: 5px;
    background-color: transparent;
    background-image: none
}

.k-flatcolorpicker .k-selected-color {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAACXBIWXMAABcSAAAXOQER7y87AAAAB3RJTUUH3AsbChsyNZaItwAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAABFSURBVEjHY0xLS2PABoyNjbGKnz17liT1TAw0BqMWjFpAOWChVnrHpX40DkYtGAr5gFrpfbQ+GLVgtD4YrQ9GLRjSFgAAbfUXEVeGAdQAAAAASUVORK5CYII=");
    background-position: 50% 50%;
    text-align: right
}

.k-flatcolorpicker .k-selected-color input.k-color-value {
    font-family: Consolas, Ubuntu Mono, Lucida Console, Courier New, monospace;
    padding: .75em .1em .65em;
    border: 0;
    margin: 0;
    width: 84%
}

.k-flatcolorpicker .k-selected-color .k-color-input {
    background-color: #fff;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 84%;
    text-align: left;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle
}

.k-flatcolorpicker .k-selected-color .k-clear-color {
    padding: .4em;
    line-height: 0
}

.k-flatcolorpicker .k-selected-color .k-clear-color .k-i-reset-color:before {
    color: #000;
    opacity: .8
}

.k-flatcolorpicker .k-selected-color .k-clear-color .k-i-reset-color:active, .k-flatcolorpicker .k-selected-color .k-clear-color .k-i-reset-color:hover {
    opacity: 1
}

.k-flatcolorpicker .k-clear-color-container .k-clear-color.k-state-focused:active {
    color: inherit
}

.k-flatcolorpicker .k-clear-color-container .k-clear-color:active {
    color: #000;
    opacity: 1
}

.k-flatcolorpicker .k-clear-color-container .k-clear-color .k-i-reset-color, .k-flatcolorpicker .k-selected-color .k-clear-color .k-i-reset-color {
    background-image: none
}

.k-flatcolorpicker .k-clear-color-container {
    text-align: left
}

.k-flatcolorpicker .k-hsv-rectangle {
    position: relative;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pinch-zoom double-tap-zoom
}

.k-flatcolorpicker .k-hsv-rectangle .k-draghandle {
    cursor: pointer;
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    border: 1px solid #eee;
    margin-left: -5px;
    margin-top: -5px;
    border-radius: 6px;
    box-shadow: 0 1px 2px #444;
    background: 0 0
}

.k-flatcolorpicker .k-hsv-rectangle .k-draghandle:focus, .k-flatcolorpicker .k-hsv-rectangle .k-draghandle:hover {
    background: 0 0;
    border-color: #fff;
    box-shadow: 0 1px 5px #000
}

.k-flatcolorpicker .k-hsv-rectangle.k-dragging, .k-flatcolorpicker .k-hsv-rectangle.k-dragging * {
    cursor: none
}

.k-flatcolorpicker .k-slider-horizontal {
    height: 20px;
    width: 90%;
    margin: 0 5%
}

.k-flatcolorpicker .k-slider-horizontal .k-slider-track {
    box-shadow: 0 1px 0 #fff, 0 -1px 0 #999
}

.k-flatcolorpicker .k-hue-slider, .k-flatcolorpicker .k-transparency-slider {
    display: block
}

.k-flatcolorpicker .k-hue-slider .k-slider-selection, .k-flatcolorpicker .k-transparency-slider .k-slider-selection {
    background: 0 0
}

.k-flatcolorpicker .k-hue-slider .k-draghandle, .k-flatcolorpicker .k-transparency-slider .k-draghandle {
    background: 0 0;
    border: 3px solid #eee;
    margin-top: 1px;
    height: 8px;
    width: 8px;
    box-shadow: 0 1px 4px #444
}

.k-flatcolorpicker .k-hue-slider .k-draghandle:focus, .k-flatcolorpicker .k-hue-slider .k-draghandle:hover, .k-flatcolorpicker .k-transparency-slider .k-draghandle:focus, .k-flatcolorpicker .k-transparency-slider .k-draghandle:hover {
    background: 0 0;
    border-color: #fff;
    box-shadow: 0 1px 5px #000;
    border-width: 2px;
    padding: 1px
}

.k-flatcolorpicker .k-hue-slider .k-slider-track {
    background: linear-gradient(90deg, red 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004)
}

.k-flatcolorpicker .k-transparency-slider .k-slider-track {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAAQCAYAAABnaabpAAAABmJLR0QA/wB+AABtSDmpAAAACXBIWXMAABbqAAAW6gHljkMQAAAAB3RJTUUH3AsbBx0zHBOM9AAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAaTSURBVHjarVxtstowDJSY3ih3eu9McCeulO2Pko4xknZlw8wbGsCOrY/VSlbq9/sdZgb79zpf79dneD6fb9fzb4/jmD8f389p/P/Pr38fx5HNf90/Wtt1fY2/vvuYfxiP6C+4v7r/a3w61szsdf957xj2P/7ep+8j+Z3B/dM1vsaf0drM7JzGf8h5WH+m/2z+avy8fyP6T+V7HEe6t9f9bZb5ND6bG8R+5vWfif5PMj5d+4b+M/l9/Ha4f+b/qewF+1fxI/3Na/yHXw/2W9l3uf7H43HeXl/49G7DNaZrH5x1/MwnEEIwl01j1RemtWBanxf3zV6+sA6b7l/NNcsOyW+dzBvJIZN7JbtozmzdRuSJZG3flDs29ICGvYHsNfMBZZ+ZT0WyQ6JjIzbBriNb8UTXq/7AsALCPiobi+ZAY65w/p+fH78lyJkZGApBMfDpgBOE7zxx6FWH8kSJinFlslPXpjjVDuAgcfgdY//mC8EaVdl3wDEKxtVn0W8qP0GwJ4jy9C/qCInOM3CJ7KQT3COdgchekQUWA2OEE6EubsXGvIgiEa10IfqZKPTKKbwwMHyZ2WVRyReMFESpKBihi4DqAqtk+4UIFJmhsbEg7KQDaBVrqQIGRAasOKQ61gSAZXtjGYKJoOMkSGMBdJTsUQFsJACdkRQ0QNQZAKIhBCdjnSywot1OUsUOC1GZIopIrLIgbDixk/TSCdvopidZwGNpEUjQqgLbjlO7ANgg4AchKJsACL4ACF0QVJgYxEALQYcsCO+y+C6bVTM9hZ2GAfbxeOBWKNs3hNHN9VcYFIhRVIaA5tpBjEcB7NW0fAfQFXbYdWYXazYu2JGTGhhLsVRQyOqD2VoZiEBgyhB10ClvdIKFF2zIm4Gg0kU3oIEEuCojQBMnKizwiAGaSPcVVEZBYVntSymaeoOhYSGd6dajKgaysl+FNSAxoMjJQVICiM6ngiZI4LIvGXwntUcjLe9cM6dGAQ5OwNJIuqraVwb8EBlUloaiAF4T5vdEXtV6swMSD/7SwDMegrCanWJIEAqgHUYGkjJ3U5aVNEZxdqaUVbDrrjc7RYyMAQuA4wTw1Q6CThq3Uj9jAaiyMRSpvDdZnBuvSaNI4UECepXGYsG3ujig2iOr2alliVmeq+WZt+s/QZ/R2w2nPqGZZVx9Vp5s+BqfMrZXn04WFeb7fyhh6LO6euje1jn0KYXReOgzCgU+9CmFexj6xDwZb1XUfT6f117PaJ5g/Nv8U5/TRwo39bl9pAjD/j1a33T/ca14yb9qlbHjONzyPsBr/ynwTveP9B/t/5zGewZ2g/5CGQT2N69/1u05rb9MlQf9h8Ax7D9iRpjsN/OfVAaF/c/yDxl9YD9v803yj/ynBK7p/rN8o/2/+fmgv9DObk1GodRnQKLW6gsk9a4OMVyMVOxzkIIxi2CZI6JRzGXyUJijCylWFr3RqHc6qZWq6Z/aIsQYbJXGd5ioupadjgEQBl0dICKwUaWdR23VUg+znMiwe8gJ4yft6LDZm7gJphxbMJAqdVopdKrN0J3DipV0m6UtkUKV/qnVeiVMb11RU2IsfgahHKJ8x+5ZNaGbxQcEagq1crrb7U9VDxhA0mjWcO/iWkDGRbV19eS5Akpf8DlG4FIAXD1JVAvPJjAcpdZWAZFyeNJ5ukEpAnfBw8SirxpI2Cm4B+xtt/aotKR0esrceIHeN21UPclncmatW6uBgTWCV4cWjFTsZl+djgMntpj18jEAzQIZOyvIbN9/f3/f2mDYKSH7jqU7O+yiMm4IzqQ8ZuQC88hSVhUk2KNtIEaGBlh5krZ2ewaVBmQUKfpKO1CnEdgXbKYbGHdsV2VZ3rSdDhH55sMBSpeAki0p/tYF5w6btvv97jcBXFYYgdteK0vniQwXlBzVf7L1ugAGSjc6iHMrzFNh3oqBdPsTXZB91H4AoRbVDQxKhuELDmsbQLEKJqx9DLbW3tVlmF3fUx+KUGxZzcA8YY6VfanZhJkZMga4kqqqvXIQqK8VgFO10IAoOiriohG9VGUxA1+pvUFkAEqLEUiqbKJxu1h+yAxSYTtKPxpj8r7p2Ct1WCWl7vpa5uzq/N21dJhm96CjW/ev/kchhcmndnQjynYhwrrIflgfmAt1F5ZCqukV6+liLDZq+1GfsNh5+qM6yfPiXW207QbCqglW7dFb/Z9llH5UpaSxkpJB1M1OOq2UlNRDINu8LzbAU02f1a6EilF7Yx1uZvYXV8OgnYxK3JEAAAAASUVORK5CYII=");
    background-size: 100% auto;
    background-position: 100% 50%;
    background-repeat: no-repeat
}

.k-flatcolorpicker .k-controls {
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 90%
}

.k-flatcolorpicker .k-controls .k-button {
    width: 6em
}

.k-flatcolorpicker .k-hsv-gradient {
    background: linear-gradient(180deg, transparent 0, #000), linear-gradient(90deg, #fff 0, hsla(0, 0%, 100%, 0));
    height: 180px;
    margin-bottom: 5px
}

.k-ie9 .k-flatcolorpicker .k-hue-slider .k-slider-track {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2ZmMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+")
}

.k-ie9 .k-flatcolorpicker .k-hsv-gradient {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+")
}

.k-colorpalette {
    position: relative;
    line-height: 0;
    border-width: 0;
    display: inline-block
}

.k-colorpalette .k-palette {
    border-collapse: collapse;
    position: relative;
    width: 100%;
    height: 100%
}

.k-colorpalette .k-item {
    width: 14px;
    height: 14px;
    overflow: hidden;
    -ms-high-contrast-adjust: none
}

.k-colorpalette .k-item.k-state-selected, .k-colorpalette .k-item.k-state-selected:hover {
    z-index: 100;
    background: 0 0;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .7), inset 0 0 0 1px hsla(0, 0%, 100%, .45);
    position: relative
}

.k-colorpalette .k-item:hover {
    z-index: 101;
    position: relative;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .5), inset 0 0 0 1px hsla(0, 0%, 100%, .3)
}

.k-cursor-auto {
    cursor: auto
}

.k-cursor-default {
    cursor: default
}

.k-cursor-none {
    cursor: none
}

.k-cursor-context-menu {
    cursor: context-menu
}

.k-cursor-help {
    cursor: help
}

.k-cursor-pointer {
    cursor: pointer
}

.k-cursor-progress {
    cursor: progress
}

.k-cursor-wait {
    cursor: wait
}

.k-cursor-cell {
    cursor: cell
}

.k-cursor-crosshair {
    cursor: crosshair
}

.k-cursor-text {
    cursor: text
}

.k-cursor-vertical-text {
    cursor: vertical-text
}

.k-cursor-alias {
    cursor: alias
}

.k-cursor-copy {
    cursor: copy
}

.k-cursor-move {
    cursor: move
}

.k-cursor-no-drop {
    cursor: no-drop
}

.k-cursor-not-allowed {
    cursor: not-allowed
}

.k-cursor-e-resize {
    cursor: e-resize
}

.k-cursor-n-resize {
    cursor: n-resize
}

.k-cursor-ne-resize {
    cursor: ne-resize
}

.k-cursor-nw-resize {
    cursor: nw-resize
}

.k-cursor-s-resize {
    cursor: s-resize
}

.k-cursor-se-resize {
    cursor: se-resize
}

.k-cursor-sw-resize {
    cursor: sw-resize
}

.k-cursor-w-resize {
    cursor: w-resize
}

.k-cursor-ew-resize {
    cursor: ew-resize
}

.k-cursor-ns-resize {
    cursor: ns-resize
}

.k-cursor-nesw-resize {
    cursor: nesw-resize
}

.k-cursor-nwse-resize {
    cursor: nwse-resize
}

.k-cursor-col-resize {
    cursor: col-resize
}

.k-cursor-row-resize {
    cursor: row-resize
}

.k-cursor-all-scroll {
    cursor: all-scroll
}

.k-cursor-zoom-in {
    cursor: zoom-in
}

.k-cursor-zoom-out {
    cursor: zoom-out
}

.k-cursor-grab {
    cursor: grab
}

.k-cursor-grabbing {
    cursor: grabbing
}

select.k-dropdown {
    border-radius: 4px;
    padding: 4px 8px;
    outline: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .1s ease;
    cursor: pointer
}

.k-notification, select.k-dropdown {
    border-width: 1px;
    border-style: solid
}

.k-notification {
    cursor: default;
    position: relative;
    white-space: nowrap;
    box-sizing: border-box
}

.k-notification > .k-notification-wrap {
    padding: .6em .5em
}

.k-notification-closable > .k-notification-wrap {
    padding-right: 20px
}

.k-notification .k-notification-content {
    display: inline-block;
    vertical-align: top;
    white-space: normal
}

.k-notification-wrap > .k-i-error, .k-notification-wrap > .k-i-info, .k-notification-wrap > .k-i-success, .k-notification-wrap > .k-i-warning {
    margin-right: 4px;
    vertical-align: text-bottom
}

.k-notification-wrap > .k-i-close {
    position: absolute;
    top: 50%;
    right: 4px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none
}

.k-notification-closable .k-notification-wrap > .k-i-close {
    display: block
}

.k-rtl.k-notification-closable .k-notification-wrap, .k-rtl .k-notification-closable .k-notification-wrap {
    padding-right: .5em;
    padding-left: 20px
}

.k-rtl .k-notification-wrap > .k-i-error, .k-rtl .k-notification-wrap > .k-i-info, .k-rtl .k-notification-wrap > .k-i-success, .k-rtl .k-notification-wrap > .k-i-warning {
    margin-right: 0;
    margin-left: 4px
}

.k-rtl .k-notification-wrap > .k-i-close {
    right: auto;
    left: 4px
}

.k-progressbar {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    border-radius: 4px
}

.k-progressbar-horizontal {
    width: 27em;
    height: 1.9em
}

.k-progressbar-vertical {
    width: 1.9em;
    height: 27em
}

.k-progressbar > .k-state-selected {
    position: absolute;
    border-style: solid;
    border-width: 1px;
    overflow: hidden
}

.k-progressbar-horizontal > .k-state-selected, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected {
    left: -1px;
    right: auto;
    top: -1px;
    height: 100%;
    border-radius: 4px 0 0 4px
}

.k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected, .k-rtl .k-progressbar-horizontal > .k-state-selected {
    left: auto;
    right: -1px;
    border-radius: 0 4px 4px 0
}

.k-progressbar-vertical > .k-state-selected {
    left: -1px;
    bottom: -1px;
    width: 100%;
    border-radius: 0 0 4px 4px
}

.k-progressbar-vertical.k-progressbar-reverse > .k-state-selected {
    bottom: auto;
    top: -1px;
    border-radius: 4px 4px 0 0
}

.k-progressbar > .k-state-selected.k-complete, .k-rtl .k-progressbar > .k-state-selected.k-complete {
    border-radius: 4px
}

.k-progressbar > .k-reset {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: -1px;
    top: -1px;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    white-space: nowrap
}

.k-progressbar-horizontal .k-item {
    display: inline-block;
    height: 100%;
    border-style: solid;
    margin-left: -1px
}

.k-progressbar-horizontal .k-item.k-first {
    margin-left: 0
}

.k-progressbar-horizontal .k-item.k-last {
    border-right-width: 0
}

.k-progressbar-horizontal .k-item, .k-progressbar-horizontal.k-progressbar-reverse .k-item, .k-rtl .k-progressbar-horizontal .k-item, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-item {
    border-width: 1px 0 1px 1px
}

.k-progressbar-horizontal .k-first, .k-rtl .k-progressbar-horizontal .k-last, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-last {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-left-width: 1px
}

.k-progressbar-horizontal .k-last, .k-rtl .k-progressbar-horizontal .k-first {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.k-progressbar-horizontal .k-last.k-state-selected, .k-progressbar-horizontal.k-progressbar-reverse .k-last, .k-rtl .k-progressbar-horizontal .k-first {
    border-right-width: 1px
}

.k-progressbar-vertical .k-item {
    width: 100%;
    border-style: solid;
    border-width: 1px 1px 0;
    margin-top: -1px
}

.k-progressbar-vertical .k-item.k-first {
    margin-top: 0
}

.k-progressbar-vertical li.k-item.k-last {
    border-bottom-width: 0
}

.k-progressbar-vertical .k-first {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.k-progressbar-vertical .k-last {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-width: 1px
}

.k-progressbar-vertical.k-progressbar-reverse .k-item {
    border-width: 0 1px 1px
}

.k-progressbar-vertical.k-progressbar-reverse .k-first {
    border-top-width: 1px
}

.k-progress-status-wrap {
    position: absolute;
    top: -1px;
    border: 1px solid transparent;
    line-height: 2em;
    width: 100%;
    height: 100%
}

.k-progress-status-wrap, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap {
    left: -1px;
    right: auto;
    text-align: right
}

.k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap, .k-rtl .k-progressbar-horizontal .k-progress-status-wrap {
    left: auto;
    right: -1px;
    text-align: left
}

.k-progressbar-vertical .k-progress-status-wrap {
    top: auto;
    bottom: -1px
}

.k-progressbar-vertical.k-progressbar-reverse .k-progress-status-wrap {
    bottom: auto;
    top: -1px
}

.k-progress-status {
    display: inline-block;
    padding: 0 .5em;
    min-width: 10px;
    white-space: nowrap
}

.k-progressbar-vertical.k-progressbar-reverse .k-progress-status {
    position: absolute;
    bottom: 0;
    left: 0
}

.k-progressbar-vertical .k-progress-status {
    -webkit-transform: rotate(-90deg) translateX(-100%);
    -ms-transform: rotate(-90deg) translateX(-100%);
    transform: rotate(-90deg) translateX(-100%);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.k-progressbar-vertical.k-progressbar-reverse .k-progress-status {
    -webkit-transform: rotate(90deg) translateX(-100%);
    -ms-transform: rotate(90deg) translateX(-100%);
    transform: rotate(90deg) translateX(-100%);
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%
}

div.k-slider {
    position: relative;
    border-width: 0;
    background-color: transparent;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.k-slider-vertical {
    width: 26px;
    height: 200px
}

.k-slider-horizontal {
    display: inline-block;
    width: 200px;
    height: 26px
}

.k-slider-wrap {
    width: 100%;
    height: 100%
}

.k-grid .k-slider .k-button, .k-slider .k-button {
    position: absolute;
    top: 0;
    width: 24px;
    min-width: 0;
    height: 24px;
    margin: 0;
    padding: 0;
    outline: 0
}

.k-state-disabled .k-slider-wrap {
    filter: alpha(opacity=60);
    opacity: .6
}

.k-state-disabled .k-slider-wrap .k-slider-items {
    color: #333
}

.k-slider .k-button-decrease {
    left: 0
}

.k-grid .k-slider-vertical .k-button-decrease, .k-slider-vertical .k-button-decrease {
    top: auto;
    bottom: 0
}

.k-slider .k-button-increase {
    right: 0
}

.k-slider-track, .k-slider .k-icon, .k-slider .k-tick {
    cursor: pointer
}

.k-slider-selection, .k-slider-track {
    position: absolute;
    margin: 0;
    padding: 0
}

.k-slider-horizontal .k-slider-selection, .k-slider-horizontal .k-slider-track {
    top: 50%;
    left: 0;
    height: 8px;
    margin-top: -4px;
    background-repeat: repeat-x
}

.k-slider-horizontal .k-slider-buttons .k-slider-track {
    left: 34px
}

.k-slider-vertical .k-slider-selection, .k-slider-vertical .k-slider-track {
    left: 50%;
    bottom: 0;
    width: 8px;
    margin-left: -4px;
    background-repeat: repeat-y
}

.k-slider-vertical .k-slider-buttons .k-slider-track {
    bottom: 34px
}

.k-draghandle {
    position: absolute;
    background-repeat: no-repeat;
    background-color: transparent;
    text-indent: -3333px;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
    outline: 0
}

.k-slider-horizontal .k-draghandle {
    top: -4px;
    width: 13px;
    height: 14px
}

.k-slider-vertical .k-draghandle {
    left: -4px;
    width: 14px;
    height: 13px
}

.k-slider-buttons .k-slider-items {
    margin-left: 34px
}

.k-slider-horizontal .k-slider-items {
    height: 100%
}

.k-slider-vertical .k-slider-items {
    padding-top: 1px
}

.k-slider-vertical .k-slider-buttons .k-slider-items {
    padding-top: 0;
    margin: 0;
    padding-top: 35px
}

.k-slider .k-tick {
    position: relative;
    margin: 0;
    padding: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50%
}

.k-slider-horizontal .k-tick {
    float: left;
    height: 100%;
    text-align: center;
    background-position: center -92px
}

.k-slider-horizontal .k-slider-topleft .k-tick {
    background-position: center -122px
}

.k-slider-horizontal .k-slider-bottomright .k-tick {
    background-position: center -152px
}

.k-slider-horizontal .k-tick-large {
    background-position: center -2px
}

.k-slider-horizontal .k-slider-topleft .k-tick-large {
    background-position: center -32px
}

.k-slider-horizontal .k-slider-bottomright .k-tick-large {
    background-position: center -62px
}

.k-slider-vertical .k-tick {
    background-position: -92px
}

.k-slider-vertical .k-slider-topleft .k-tick {
    background-position: -122px
}

.k-slider-vertical .k-slider-bottomright .k-tick {
    background-position: -152px
}

.k-slider-vertical .k-tick-large {
    background-position: -2px
}

.k-slider-vertical .k-slider-topleft .k-tick-large {
    background-position: -32px
}

.k-slider-vertical .k-slider-bottomright .k-tick-large {
    background-position: -62px
}

.k-slider-horizontal .k-first {
    background-position: 0 -92px
}

.k-slider-horizontal .k-tick-large.k-first {
    background-position: 0 -2px
}

.k-slider-horizontal .k-slider-topleft .k-first {
    background-position: 0 -122px
}

.k-slider-horizontal .k-slider-topleft .k-tick-large.k-first {
    background-position: 0 -32px
}

.k-slider-horizontal .k-slider-bottomright .k-first {
    background-position: 0 -152px
}

.k-slider-horizontal .k-slider-bottomright .k-tick-large.k-first {
    background-position: 0 -62px
}

.k-slider-horizontal .k-last {
    background-position: 100% -92px
}

.k-slider-horizontal .k-tick-large.k-last {
    background-position: 100% -2px
}

.k-slider-horizontal .k-slider-topleft .k-last {
    background-position: 100% -122px
}

.k-slider-horizontal .k-slider-topleft .k-tick-large.k-last {
    background-position: 100% -32px
}

.k-slider-horizontal .k-slider-bottomright .k-last {
    background-position: 100% -152px
}

.k-slider-horizontal .k-slider-bottomright .k-tick-large.k-last {
    background-position: 100% -62px
}

.k-slider-vertical .k-first {
    background-position: -92px 100%
}

.k-slider-vertical .k-tick-large.k-first {
    background-position: -2px 100%
}

.k-slider-vertical .k-slider-topleft .k-first {
    background-position: -122px 100%
}

.k-slider-vertical .k-slider-topleft .k-tick-large.k-first {
    background-position: -32px 100%
}

.k-slider-vertical .k-slider-bottomright .k-first {
    background-position: -152px 100%
}

.k-slider-vertical .k-slider-bottomright .k-tick-large.k-first {
    background-position: -62px 100%
}

.k-slider-vertical .k-last {
    background-position: -92px 0
}

.k-slider-vertical .k-tick-large.k-last {
    background-position: -2px 0
}

.k-slider-vertical .k-slider-topleft .k-last {
    background-position: -122px 0
}

.k-slider-vertical .k-slider-topleft .k-tick-large.k-last {
    background-position: -32px 0
}

.k-slider-vertical .k-slider-bottomright .k-last {
    background-position: -152px 0
}

.k-slider-vertical .k-slider-bottomright .k-tick-large.k-last {
    background-position: -62px 0
}

.k-slider-vertical .k-tick {
    text-align: right
}

.k-slider-vertical .k-slider-topleft .k-tick {
    text-align: left
}

.k-slider .k-label {
    position: absolute;
    white-space: nowrap;
    font-size: .92em
}

.k-slider-horizontal .k-label {
    left: 0;
    width: 100%;
    line-height: 1
}

.k-slider-horizontal .k-first .k-label {
    left: -50%
}

.k-slider-horizontal .k-last .k-label {
    left: auto;
    right: -50%
}

.k-slider-horizontal .k-label {
    bottom: -1.2em
}

.k-slider-horizontal .k-slider-topleft .k-label {
    top: -1.2em
}

.k-slider-vertical .k-label {
    left: 120%;
    display: block;
    text-align: left
}

.k-slider-vertical .k-last .k-label {
    top: -.5em
}

.k-slider-vertical .k-first .k-label {
    bottom: -.5em
}

.k-slider-vertical .k-slider-topleft .k-label {
    left: auto;
    right: 120%
}

.k-slider-tooltip {
    display: inline-block;
    text-align: center
}

.k-scheduler .k-link {
    color: inherit
}

.k-scheduler-toolbar {
    border-width: 0 0 1px;
    z-index: 2
}

.k-scheduler-toolbar .k-nav-current {
    color: inherit;
    text-decoration: none;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.k-scheduler-toolbar .k-nav-current .k-icon {
    -webkit-margin-end: 4px;
    margin-inline-end: 4px
}

.k-scheduler-toolbar .k-nav-current .k-lg-date-format, .k-scheduler-toolbar .k-nav-current .k-sm-date-format {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.k-scheduler-toolbar .k-nav-current .k-lg-date-format {
    display: inline-block
}

.k-scheduler-toolbar .k-nav-current .k-sm-date-format {
    display: none
}

.k-scheduler-toolbar .k-scheduler-search {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.k-scheduler-toolbar .k-scheduler-views-wrapper {
    margin-left: auto
}

.k-scheduler-toolbar .k-scheduler-views-wrapper .k-views-dropdown {
    width: auto;
    font: inherit;
    display: none
}

@media (max-width: 1400px) {
    .k-scheduler-toolbar .k-nav-current .k-lg-date-format {
        max-width: 200px
    }
}

@media (max-width: 1024px) {
    .k-scheduler-toolbar .k-nav-current .k-lg-date-format {
        display: none
    }

    .k-scheduler-toolbar .k-nav-current .k-sm-date-format {
        display: inline-block
    }

    .k-scheduler-toolbar .k-scheduler-views-wrapper .k-scheduler-views {
        display: none
    }

    .k-scheduler-toolbar .k-scheduler-views-wrapper .k-views-dropdown {
        display: inline-block
    }
}

.k-scheduler-footer {
    border-width: 1px 0 0
}

.k-edit-field.k-scheduler-toolbar {
    border-width: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0
}

.k-scheduler-header {
    text-align: center
}

.k-scheduler-header .k-link {
    color: inherit
}

.k-scheduler-header, .k-scheduler-header-wrap {
    overflow: hidden
}

.k-scheduler-header-wrap {
    position: relative;
    border-style: solid;
    border-width: 0
}

.k-scheduler .k-scrollbar-v .k-scheduler-header-wrap {
    border-right-width: 1px
}

.k-scheduler-content, .k-scheduler-times {
    position: relative
}

.k-scheduler-times {
    overflow: hidden;
    border-style: solid;
    border-width: 0
}

.k-scheduler-content {
    overflow: auto
}

.k-scheduler-monthview .k-scheduler-content {
    overflow-y: scroll
}

.k-scheduler-layout, .k-scheduler-table {
    border-spacing: 0;
    width: 100%;
    margin: 0;
    border-collapse: separate
}

.k-scheduler-layout > tbody > tr > td {
    padding: 0;
    vertical-align: top
}

.k-safari .k-scheduler-layout > tbody > tr > td + td {
    width: 100%
}

.k-scheduler-table {
    table-layout: fixed;
    max-width: none
}

.k-scheduler-times .k-scheduler-table {
    table-layout: auto
}

.k-scheduler-monthview .k-scheduler-content .k-scheduler-table {
    height: 100%
}

.k-scheduler-table td, .k-scheduler-table th {
    height: 1.5em;
    padding: 4px .5em;
    font-size: 100%
}

.k-scheduler .k-scheduler-table td, .k-scheduler .k-scheduler-table th {
    box-sizing: content-box
}

.k-scheduler-dayview div:not(.k-scheduler-header) .k-today:not(.k-nonwork-hour):not(.k-state-selected), .k-scheduler-timelineview .k-today:not(.k-nonwork-hour) {
    background-color: transparent
}

.k-scheduler-monthview .k-hidden, .k-scheduler-monthview .k-hidden > div {
    width: 0 !important;
    overflow: hidden !important
}

.k-scheduler-monthview .k-hidden {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-right-width: 0 !important
}

.k-scheduler-monthview > tbody > tr:first-child .k-scheduler-times {
    margin-right: 1px
}

.k-scheduler-monthview > tbody > tr:first-child .k-scheduler-times .k-hidden {
    height: auto
}

.k-scheduler-monthview .k-hidden, .k-scheduler-monthview .k-scheduler-table td {
    height: 85px;
    text-align: right
}

.k-scheduler-monthview .k-scheduler-content .k-scheduler-table-auto, .k-scheduler-monthview .k-scheduler-table-auto, .k-scheduler-monthview .k-scheduler-table-auto td {
    height: auto
}

.k-scheduler-layout tr + tr .k-scheduler-times th:last-child, .k-scheduler-table td, .k-slot-cell {
    vertical-align: top
}

.k-scheduler-header th {
    overflow: hidden;
    text-overflow: ellipsis
}

.k-scheduler-header th, .k-scheduler-table td {
    border-style: solid;
    border-width: 0 0 1px 1px
}

.k-scheduler-header th:first-child, .k-scheduler-table td:first-child {
    border-left-width: 0
}

.k-scheduler-agendaview .k-scheduler-table td:first-child {
    border-left-width: 1px
}

.k-scheduler-agendaview .k-scheduler-table td.k-first {
    border-left-width: 0
}

.k-scheduler-layout tr + tr .k-scheduler-table > tbody > tr:last-child > td, .k-scheduler-layout tr + tr .k-scheduler-times tr:last-child > th, .k-scheduler-table > tbody > tr > .k-last {
    border-bottom-width: 0
}

.k-scheduler-agendaview.k-scrollbar-h .k-scheduler-table > tbody > tr > td.k-last, .k-scrollbar-h .k-scheduler-content .k-scheduler-table > tbody > tr:last-child > td, .k-scrollbar-h tr + tr .k-scheduler-times {
    border-bottom-width: 1px
}

.k-scheduler-times th {
    text-align: right;
    padding-right: .6em;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: transparent;
    white-space: nowrap
}

.k-scheduler-layout tr + tr .k-scheduler-times th {
    border-bottom-color: transparent
}

.k-scheduler-layout tr + tr .k-scheduler-times th.k-scheduler-times-all-day, .k-scheduler-layout tr + tr .k-scheduler-times th.k-slot-cell {
    border-bottom-color: inherit
}

.k-scheduler .k-middle-row td {
    border-bottom-style: dotted
}

.k-scheduler-now-arrow, .k-scheduler-now-line {
    position: absolute
}

.k-scheduler-now-arrow {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    left: 0
}

.k-scheduler-now-line {
    left: 5px;
    right: 0;
    height: 1px
}

.k-task {
    position: relative
}

div.k-more-events {
    padding: 0;
    height: 13px
}

.k-more-events > .k-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.k-event, .k-more-events {
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    text-align: left;
    overflow: hidden;
    position: absolute
}

.k-event .k-nav-day {
    display: inline-block
}

.k-event {
    cursor: default;
    min-height: 1.3em
}

.k-event-drag-hint {
    filter: alpha(opacity=60);
    opacity: .6;
    cursor: -moz-grabbing
}

.k-scheduler-header .k-event {
    white-space: nowrap
}

.k-event-template {
    padding: 4px 1.4em 4px .6em
}

.k-event-time {
    display: none;
    padding-bottom: 0;
    font-size: .9em
}

.k-event-drag-hint .k-event-time {
    display: block
}

.k-event-actions, .k-event > .k-link, .k-task > .k-link {
    position: absolute;
    top: 3px;
    right: 4px;
    white-space: nowrap
}

.k-event-actions {
    z-index: 1
}

.k-scheduler-agendaview .k-task > .k-link {
    top: 0;
    right: 0
}

.k-event-actions:first-child {
    position: static;
    float: left;
    margin: 4px 2px 0 4px
}

.k-webkit .k-event-actions:first-child {
    margin-top: 3px
}

.k-event-actions:first-child > .k-link {
    display: inline-block
}

.k-event-delete {
    display: none
}

.k-event:hover .k-event-delete, tr:hover > td > .k-task .k-event-delete {
    display: inline-block
}

.k-event .k-event-bottom-actions, .k-event .k-event-top-actions {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center
}

.k-event .k-event-bottom-actions {
    top: auto;
    bottom: 0
}

.k-event .k-resize-handle, .k-scheduler-mobile .k-event:hover .k-resize-handle {
    position: absolute;
    visibility: hidden;
    z-index: 2
}

.k-event-active .k-resize-handle, .k-event:hover .k-resize-handle, .k-scheduler-mobile .k-event-active:hover .k-resize-handle {
    visibility: visible
}

.k-event .k-resize-handle:after {
    content: "";
    position: absolute;
    filter: alpha(opacity=50);
    opacity: .5
}

.k-scheduler-mobile .k-event .k-resize-handle:after {
    -webkit-filter: none;
    filter: none;
    opacity: 1
}

.k-event > .k-resize-n {
    top: 0;
    left: 0;
    right: 0;
    height: .4em
}

.k-event > .k-resize-s {
    bottom: 0;
    left: 0;
    right: 0;
    height: .4em
}

.k-event > .k-resize-e {
    right: 0;
    top: 0;
    bottom: 0;
    width: .4em
}

.k-event > .k-resize-w {
    left: 0;
    top: 0;
    bottom: 0;
    width: .4em
}

.k-event > .k-resize-n:after, .k-event > .k-resize-s:after {
    top: 1px;
    left: 50%;
    margin-left: -1em;
    width: 2em;
    height: 1px
}

.k-event > .k-resize-s:after {
    top: auto;
    bottom: 1px
}

.k-event > .k-resize-e:after, .k-event > .k-resize-w:after {
    left: 1px;
    top: 50%;
    margin-top: -.7em;
    height: 1.4em;
    width: 1px
}

.k-event > .k-resize-e:after {
    left: auto;
    right: 1px
}

.k-scheduler-mobile .k-event > .k-resize-n, .k-scheduler-mobile .k-event > .k-resize-s {
    height: .6em
}

.k-scheduler-mobile .k-event > .k-resize-e, .k-scheduler-mobile .k-event > .k-resize-w {
    width: .6em
}

.k-scheduler-mobile .k-event > .k-resize-n:after, .k-scheduler-mobile .k-event > .k-resize-s:after {
    top: 0;
    margin-left: -3em;
    width: 4em;
    height: .6em
}

.k-scheduler-mobile .k-event > .k-resize-s:after {
    bottom: 0
}

.k-scheduler-mobile .k-event > .k-resize-e:after, .k-scheduler-mobile .k-event > .k-resize-w:after {
    left: 0;
    margin-top: -.7em;
    height: 1.4em;
    width: .6em
}

.k-scheduler-mobile .k-event > .k-resize-e:after {
    right: 0
}

.k-scheduler-mobile .k-event > .k-resize-n:after {
    border-radius: 0 0 4px 4px
}

.k-scheduler-mobile .k-event > .k-resize-s:after {
    border-radius: 4px 4px 0 0
}

.k-scheduler-mobile .k-event > .k-resize-w:after {
    border-radius: 0 4px 4px 0
}

.k-scheduler-mobile .k-event > .k-resize-e:after {
    border-radius: 4px 0 0 4px
}

.k-scheduler-marquee {
    border-style: solid;
    border-width: 0
}

.k-scheduler-marquee.k-first:before, .k-scheduler-marquee.k-last:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px
}

div.k-scheduler-marquee:before {
    top: 0;
    left: 0;
    border-right-color: transparent;
    border-bottom-color: transparent
}

div.k-scheduler-marquee:after {
    bottom: 0;
    right: 0;
    border-top-color: transparent;
    border-left-color: transparent
}

.k-scheduler-marquee .k-label-top {
    position: absolute;
    top: .3em;
    left: .8em;
    font-size: .8em
}

.k-scheduler-marquee .k-label-bottom {
    position: absolute;
    bottom: .3em;
    right: .81em;
    font-size: .8em
}

.k-scheduler-quickedit .k-textbox {
    width: 200px
}

.k-scheduler-agendaview .k-scheduler-table td, .k-scheduler-agendaview .k-scheduler-table th {
    text-align: left
}

.k-scheduler-groupcolumn, .k-scheduler-times .k-slot-cell {
    width: 6em
}

.k-scheduler-datecolumn {
    width: 12em
}

.k-scheduler-timecolumn {
    width: 11em
}

.k-scheduler-timecolumn > div {
    position: relative;
    vertical-align: top
}

.k-webkit .k-scheduler-timecolumn > div > .k-icon {
    vertical-align: top
}

.k-scheduler-timecolumn > div > .k-i-arrow-60-right {
    position: absolute;
    right: -4px
}

.k-scheduler-timecolumn .k-i-arrow-60-left {
    margin-left: -4px
}

.k-scheduler-mark {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    margin-right: .5em
}

.k-scheduler-agendaday {
    float: left;
    margin: 0 .2em 0 0;
    font-size: 3em;
    font-weight: 400
}

.k-scheduler-agendaweek {
    display: block;
    margin: .4em 0 0;
    font-size: 1.1em;
    font-style: normal
}

.k-scheduler-agendadate {
    font-size: .8em
}

.k-scheduler-timecolumn {
    white-space: nowrap
}

.k-scheduler-edit-form .k-edit-form-container, .k-scheduler-timezones .k-edit-form-container {
    width: 520px
}

.k-scheduler-edit-form .k-edit-label {
    width: 17%
}

.k-scheduler-edit-form .k-edit-field {
    width: 77%
}

.k-scheduler-edit-form .k-textbox[name=title], .k-scheduler-edit-form textarea.k-textarea {
    width: 100%
}

.k-scheduler-edit-form textarea.k-textarea {
    min-height: 4em;
    resize: vertical
}

.k-scheduler-edit-form > .k-edit-box:first-child .k-datetimepicker {
    margin-right: 1em
}

.k-edit-box {
    float: left
}

.k-edit-box + .k-edit-box {
    float: right
}

.k-scheduler-edit-form label + input {
    margin-left: 1em
}

.k-edit-field > ul.k-reset > li {
    margin: .2em 0 .4em;
    line-height: 2.4
}

.k-edit-field > ul.k-reset.k-toolbar > li {
    margin: 0
}

.k-edit-field > ul.k-reset .k-widget {
    margin-left: .8em
}

.k-edit-field > ul.k-reset .k-numerictextbox, .k-edit-field span.k-recur-interval {
    width: 5em
}

.k-edit-field > ul.k-reset .k-datepicker, .k-edit-field > ul.k-reset .k-dropdown, div[name=recurrenceRule] > .k-dropdown {
    width: 9em
}

.k-scheduler-edit-form .k-edit-buttons .k-scheduler-delete, .k-scheduler-edit-form .k-edit-buttons .k-scheduler-resetSeries {
    float: left
}

.k-popup-message {
    margin: 0;
    padding: 1em 0 2em;
    text-align: center
}

.k-scheduler-timezones .k-dropdown:first-child {
    width: 100%
}

.k-scheduler-timezones .k-dropdown + .k-dropdown {
    margin: .5em 0 .7em
}

.k-scheduler-refresh {
    float: right;
    padding: 0 .5em
}

@media (max-width: 480px) {
    .k-scheduler-timecolumn {
        width: 5em
    }

    .k-scheduler-datecolumn {
        width: 6em;
        overflow: hidden
    }

    .k-scheduler-datecolumn > div, .k-scheduler-timecolumn > div {
        white-space: normal
    }
}

.k-scheduler-pdf-export {
    overflow: hidden
}

.k-pdf-export-shadow .k-scheduler, .k-scheduler-pdf-export .k-scheduler-content, .k-scheduler-pdf-export .k-scheduler-times {
    height: auto !important;
    overflow: visible !important
}

.k-scheduler-pdf-export .k-scheduler-header {
    padding: 0 !important
}

.k-scheduler-pdf-export .k-scheduler-header-wrap {
    border-width: 0 !important
}

.k-scheduler-pdf-export .k-scheduler-content .k-scheduler-table, .k-scheduler-pdf-export .k-scheduler-header .k-scheduler-table {
    width: 100% !important
}

.k-rtl .k-scheduler .k-scheduler-navigation .k-i-arrow-60-left, .k-rtl .k-scheduler .k-scheduler-navigation .k-i-arrow-60-right {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.k-tooltip {
    padding: 4px 8px;
    min-width: 30px;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    background-position: 0 0;
    background-repeat: repeat-x;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: start;
    align-items: flex-start;
    position: absolute;
    z-index: 12000
}

.k-tooltip-icon {
    -webkit-margin-end: 4px;
    margin-inline-end: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.k-tooltip-title {
    display: block
}

.k-tooltip-content {
    overflow: hidden;
    text-overflow: ellipsis
}

.k-tooltip-button {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.k-callout {
    width: 12px;
    height: 12px;
    border: 6px solid transparent;
    box-sizing: border-box;
    position: absolute;
    pointer-events: none
}

.k-callout-n {
    border-bottom-color: inherit;
    top: -1px;
    left: 50%;
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    pointer-events: none
}

.k-callout-e {
    border-left-color: inherit;
    top: 50%;
    right: -1px;
    -webkit-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
    pointer-events: none
}

.k-callout-s {
    border-top-color: inherit;
    bottom: -1px;
    left: 50%;
    -webkit-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    pointer-events: none
}

.k-callout-w {
    border-right-color: inherit;
    top: 50%;
    left: -1px;
    -webkit-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    pointer-events: none
}

span.k-tooltip {
    position: relative
}

.k-validator-tooltip {
    margin-top: 6px;
    width: auto;
    white-space: normal;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    z-index: 9999
}

.k-validator-tooltip .k-callout-n {
    inset-inline-start: 16px
}

.k-grid .k-validation-tooltip {
    max-width: 300px
}

.k-splitter {
    position: relative;
    height: 300px
}

.k-pane > .k-splitter {
    border-width: 0;
    overflow: hidden
}

.k-splitter .k-pane {
    overflow: hidden
}

.k-splitter .k-scrollable {
    overflow: auto
}

.k-splitter .k-pane-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px
}

.k-ghost-splitbar, .k-splitbar {
    position: absolute;
    border-style: solid;
    font-size: 0;
    outline: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.k-ghost-splitbar-horizontal, .k-splitbar-horizontal {
    top: 0;
    width: 5px;
    border-width: 0 1px;
    background-repeat: repeat-y
}

.k-ghost-splitbar-vertical, .k-splitbar-vertical {
    left: 0;
    height: 5px;
    border-width: 1px 0;
    background-repeat: repeat-x
}

.k-splitbar-draggable-horizontal {
    cursor: w-resize
}

.k-splitbar-draggable-vertical {
    cursor: n-resize
}

.k-splitbar .k-resize-handle {
    display: none
}

.k-restricted-size-horizontal, .k-restricted-size-vertical {
    background-color: red
}

.k-splitbar-horizontal .k-i-arrow-60-right {
    margin-left: -2px
}

.k-splitbar-horizontal.k-splitbar-draggable-horizontal .k-i-arrow-60-right {
    margin-top: 13px
}

.k-splitbar-horizontal .k-i-arrow-60-left {
    margin-left: -3px
}

.k-splitbar-horizontal.k-splitbar-draggable-horizontal .k-i-arrow-60-left {
    margin-top: -28px
}

.k-splitbar-vertical .k-i-arrow-60-down, .k-splitbar-vertical .k-i-arrow-60-up {
    margin-top: -2px
}

.k-splitbar-vertical.k-splitbar-draggable-vertical .k-i-arrow-60-up {
    margin-left: -17px
}

.k-splitbar-vertical.k-splitbar-draggable-vertical .k-i-arrow-60-down {
    margin-left: 23px
}

.k-i-arrow-60-down, .k-i-arrow-60-left, .k-i-arrow-60-right, .k-i-arrow-60-up {
    cursor: pointer
}

.k-splitbar-horizontal .k-icon {
    position: absolute;
    top: 50%;
    width: 7px;
    height: 20px;
    margin-top: -10px
}

.k-splitbar-static-horizontal {
    width: 1px
}

.k-splitbar-static-vertical {
    height: 1px
}

.k-splitbar-vertical .k-icon {
    position: absolute;
    left: 50%
}

.k-splitbar-draggable-horizontal .k-resize-handle, .k-splitbar-draggable-vertical .k-resize-handle {
    display: inline-block;
    border-radius: 1px
}

.k-splitbar-draggable-horizontal .k-resize-handle {
    width: 3px;
    height: 20px
}

.k-splitbar-draggable-vertical .k-resize-handle {
    width: 20px;
    height: 3px
}

.k-splitbar .k-i-arrow-60-down, .k-splitbar .k-i-arrow-60-left, .k-splitbar .k-i-arrow-60-right, .k-splitbar .k-i-arrow-60-up {
    font-size: 10px
}

.k-splitter-resizing {
    overflow: hidden
}

.k-rtl .k-splitbar-horizontal .k-i-arrow-60-right {
    margin-top: 13px;
    margin-right: -3px
}

.k-rtl .k-splitbar-horizontal .k-i-arrow-60-left {
    margin-top: -28px;
    margin-right: -2px
}

.k-rtl .k-splitbar-vertical .k-i-arrow-60-up {
    margin-top: -2px;
    margin-left: -17px
}

.k-rtl .k-splitbar-vertical .k-i-arrow-60-down {
    margin-top: -2px;
    margin-left: 23px
}

html .k-upload {
    position: relative
}

.k-dropzone .k-dropzone-hint, .k-upload-button {
    vertical-align: middle
}

.k-dropzone, .k-file {
    position: relative
}

.k-dropzone {
    border-style: solid;
    border-width: 0;
    padding: .8em;
    background-color: transparent
}

.k-dropzone .k-dropzone-hint {
    margin-left: .6em
}

.k-dropzone-active .k-dropzone-hint {
    display: inline-block
}

.k-dropzone-active .k-upload-status {
    display: none
}

.k-upload-button {
    position: relative;
    overflow: hidden;
    direction: ltr
}

.k-upload .k-upload-button {
    min-width: 7.167em;
    margin-right: 1.6em
}

.k-upload-button input {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    font: 170px monospace !important;
    opacity: 0;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.k-upload-files {
    border-style: solid;
    border-width: 1px 0 0
}

.k-upload-files .k-button {
    padding: 0
}

.k-upload-status .k-i-warning {
    display: none
}

.k-upload-status-total .k-icon {
    display: inline-block;
    margin-right: 4px;
    vertical-align: text-bottom
}

.k-upload-files ~ .k-clear-selected, .k-upload-files ~ .k-upload-selected {
    margin-top: -5px
}

.k-upload .k-fail {
    background-position: -161px -111px
}

.k-file {
    border-style: solid;
    border-width: 0 0 1px;
    padding: .65em 1em calc(.65em + 2px);
    white-space: nowrap
}

.k-file .k-upload-action {
    background: 0 0;
    border-width: 0;
    box-shadow: none;
    margin-right: 3px
}

.k-file:last-child {
    border-bottom-width: 0
}

.k-file .k-icon {
    display: inline-block;
    position: relative
}

.k-upload-files .k-file {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative
}

.k-file-extension-wrapper, .k-file-group-wrapper, .k-file-invalid-extension-wrapper, .k-file-name-size-wrapper, .k-multiple-files-extension-wrapper, .k-multiple-files-group-wrapper, .k-multiple-files-invalid-extension-wrapper {
    display: block
}

.k-file-extension-wrapper, .k-file-invalid-extension-wrapper, .k-multiple-files-extension-wrapper, .k-multiple-files-invalid-extension-wrapper {
    position: relative;
    width: 24px;
    height: 34px;
    border-width: 2px;
    border-style: solid;
    vertical-align: top;
    font-size: .57em;
    text-transform: uppercase
}

.k-file-invalid-extension-wrapper, .k-multiple-files-invalid-extension-wrapper {
    font-size: 1.2em
}

.k-multiple-files-extension-wrapper, .k-multiple-files-invalid-extension-wrapper {
    margin-top: 4px
}

.k-file-group-wrapper .k-file-group, .k-file-invalid-group-wrapper .k-file-group, .k-multiple-files-group-wrapper .k-file-group, .k-multiple-files-invalid-group-wrapper .k-file-group {
    font-size: 32px
}

.k-file-group-wrapper .k-file-state, .k-file-invalid-group-wrapper .k-file-state, .k-multiple-files-group-wrapper .k-file-state, .k-multiple-files-invalid-group-wrapper .k-file-state {
    position: absolute
}

.k-multiple-files-group-wrapper, .k-multiple-files-invalid-group-wrapper {
    vertical-align: top
}

.k-file-state {
    visibility: hidden
}

.k-file-single > .k-file-name-size-wrapper, .k-file > .k-file-name-size-wrapper, .k-multiple-files-wrapper {
    overflow: hidden;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    margin-left: 1em
}

.k-multiple-files-wrapper .k-file-name-size-wrapper {
    margin-bottom: 1em
}

.k-file-name-size-wrapper {
    vertical-align: middle
}

.k-file-extension-wrapper:before, .k-file-invalid-extension-wrapper:before, .k-multiple-files-extension-wrapper:after, .k-multiple-files-extension-wrapper:before, .k-multiple-files-invalid-extension-wrapper:after, .k-multiple-files-invalid-extension-wrapper:before {
    position: absolute;
    content: "";
    display: inline-block;
    border-style: solid
}

.k-file-extension-wrapper:before, .k-file-invalid-extension-wrapper:before, .k-multiple-files-extension-wrapper:before, .k-multiple-files-invalid-extension-wrapper:before {
    top: -1px;
    right: -1px;
    width: 0;
    height: 0;
    border-width: 6px;
    margin-top: -1px;
    margin-right: -1px
}

.k-multiple-files-extension-wrapper:after, .k-multiple-files-invalid-extension-wrapper:after {
    top: -6px;
    left: -6px;
    width: 15px;
    height: 35px;
    border-width: 2px 0 0 2px
}

.k-file-extension, .k-file-invalid-icon {
    position: absolute;
    bottom: 0;
    line-height: normal
}

.k-file-extension {
    margin-left: .4em;
    margin-bottom: .3em;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.k-file-invalid-icon {
    margin-left: 5px
}

.k-file-information, .k-file-name, .k-file-size, .k-file-validation-message {
    display: block
}

.k-file-name {
    position: relative;
    max-width: 100%;
    vertical-align: middle;
    line-height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis
}

.k-file-information, .k-file-size, .k-file-validation-message {
    font-size: .78em;
    line-height: 1.5em
}

.k-file-information, .k-file-validation-message {
    line-height: 1.5em
}

.k-file-size {
    line-height: 1.2em
}

.k-upload-files .k-upload-status {
    line-height: 1;
    opacity: .65
}

.k-button.k-upload-action.k-state-active:hover, .k-button.k-upload-action:active:hover, .k-button.k-upload-action:hover, .k-upload-action {
    color: inherit;
    background: 0 0;
    border: 0
}

.k-upload-action {
    opacity: .6
}

.k-upload-action:hover {
    opacity: 1
}

.k-upload-action .k-icon {
    vertical-align: top
}

.k-file .k-upload-status .k-button, .k-file .k-upload-status > .k-icon {
    vertical-align: middle;
    border-radius: 50%
}

.k-dropzone {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.k-dropzone .k-upload-status {
    position: static;
    margin-left: 10px
}

.k-upload-pct {
    margin-right: .75em
}

.k-ie9 .k-upload-status-total {
    top: 1.5em
}

.k-ie9 .k-upload-status-total > .k-icon {
    margin-top: -3px
}

.k-upload-action {
    line-height: normal
}

.k-upload .k-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px
}

.k-upload .k-progressbar {
    height: 2px;
    position: absolute;
    bottom: .32em;
    width: calc(100% - 2em)
}

.k-upload .k-progressbar .k-progress {
    width: 100%;
    max-width: 100%;
    height: 100%
}

.k-file-invalid > .k-progress {
    width: 100%
}

.k-rtl .k-file-extension-wrapper {
    margin-left: 14px
}

.k-upload .k-action-buttons {
    border-width: 1px 0 0;
    border-style: solid
}

.k-no-flexbox .k-upload .k-action-buttons .k-button {
    border-width: 0
}

.k-mediaplayer {
    position: relative
}

.k-mediaplayer > iframe, .k-mediaplayer > video {
    vertical-align: top
}

.k-mediaplayer .k-mediaplayer-overlay {
    z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute
}

.k-mediaplayer-titlebar {
    padding: 8px;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    color: #fff;
    background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .05) 80%, transparent)
}

.k-mediaplayer-toolbar-wrap {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    right: 0
}

.k-mediaplayer-toolbar {
    padding: 2px;
    border-width: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative
}

.k-mediaplayer-toolbar > * {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.k-mediaplayer-toolbar > * + * {
    margin-left: 5px
}

.k-mediaplayer-toolbar .k-toolbar-spacer {
    margin-top: 0;
    margin-bottom: 0;
    border-width: 0;
    -ms-flex: 1;
    flex: 1;
    opacity: 0
}

.k-mediaplayer-toolbar .k-align-right > * + * {
    margin-left: 5px
}

.k-mediaplayer-toolbar .k-mediaplayer-quality {
    width: auto;
    padding: 0;
    background: none transparent
}

.k-mediaplayer-toolbar .k-mediaplayer-quality .k-dropdown-wrap {
    border: 0 none;
    box-shadow: none;
    padding: 0;
    background: none transparent;
    color: inherit
}

.k-mediaplayer-toolbar .k-mediaplayer-quality .k-input {
    display: none
}

.k-mediaplayer-toolbar .k-mediaplayer-quality .k-select {
    position: relative;
    width: auto;
    min-height: 0;
    line-height: inherit
}

.k-mediaplayer-quality-wrap, .k-mediaplayer-volume-wrap {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

.k-quality-list {
    width: 80px !important;
    margin-left: -32px !important
}

.k-slider.k-mediaplayer-seekbar {
    width: 100%;
    position: absolute;
    z-index: 3;
    top: -17px;
    left: 0
}

.k-slider.k-mediaplayer-seekbar .k-slider-track {
    width: 100% !important;
    border-radius: 0
}

.k-slider.k-mediaplayer-seekbar .k-slider-selection {
    border-radius: 0
}

.k-slider.k-mediaplayer-seekbar .k-draghandle {
    opacity: 0;
    transition: opacity .2s
}

.k-slider.k-mediaplayer-seekbar .k-draghandle.k-state-selected, .k-slider.k-mediaplayer-seekbar:hover .k-draghandle {
    opacity: 1
}

.k-mediaplayer-fullscreen {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.k-no-flexbox .k-mediaplayer-toolbar .k-align-right > * {
    display: inline-block;
    vertical-align: middle
}

.k-no-flexbox .k-mediaplayer-toolbar .k-flat.k-button {
    height: auto
}

.k-no-flexbox .k-mediaplayer-toolbar .k-toolbar-spacer {
    display: none
}

.k-toolbar-wrap {
    float: left
}

.k-toolbar-wrap .k-dropzone em, .k-toolbar-wrap .k-upload-files {
    display: none
}

.k-toolbar-wrap .k-dropzone {
    border: 0;
    padding: 0
}

.k-toolbar-wrap .k-dropzone-active {
    text-align: center
}

.k-toolbar-wrap .k-dropzone-active em {
    display: inline;
    margin: 0;
    font-size: 5em;
    font-style: normal
}

.k-toolbar-wrap .k-dropzone-active .k-upload-button {
    display: none
}

.k-filebrowser-dropzone {
    z-index: 10010;
    opacity: .4;
    position: fixed
}

.k-search-wrap {
    padding: 0;
    width: 20%;
    position: relative
}

.k-search-wrap label {
    position: absolute;
    top: 0;
    left: 4px;
    line-height: 20px;
    font-style: italic
}

.k-search-wrap input.k-input {
    padding-left: 0;
    padding-right: 0
}

.k-search-wrap .k-search {
    position: absolute;
    top: 50%;
    right: 2px;
    margin: 0;
    margin-top: -8px
}

.k-filebrowser .k-filebrowser-toolbar {
    border-style: solid;
    border-width: 1px;
    margin: 8px 0 0;
    padding: .25em;
    line-height: 23px;
    white-space: nowrap
}

.k-filebrowser .k-tiles-arrange {
    float: right
}

.k-filebrowser .k-tiles-arrange .k-dropdown {
    width: 5.3em
}

.k-filebrowser .k-upload {
    border-width: 0;
    background-color: transparent
}

.k-filebrowser .k-upload .k-upload-files, .k-filebrowser .k-upload .k-upload-status {
    display: none
}

.k-filebrowser .k-upload .k-upload-button {
    margin: 0;
    width: auto;
    min-width: auto
}

.k-filebrowser .k-breadcrumb {
    position: relative;
    float: left;
    width: 79%;
    margin: 0
}

.k-filebrowser .k-filemanager-listview {
    height: 390px;
    max-height: 50vh;
    margin-bottom: 2em
}

.k-filebrowser .k-filemanager-listview .k-listview-content {
    height: 100%
}

.k-filebrowser .k-form-text-row {
    text-align: right
}

.k-filebrowser .k-form-text-row label {
    width: 14%
}

.k-filebrowser .k-form-text-row input {
    width: 80%
}

.k-chart, .k-gauge, .k-sparkline, .k-stockchart {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.k-chart, .k-stockchart {
    height: 400px
}

.k-chart > canvas {
    vertical-align: top
}

.k-stockchart, div.k-chart, div.k-gauge, span.k-sparkline {
    background-color: transparent
}

.k-gauge {
    text-align: left;
    position: relative
}

.k-arcgauge {
    display: inline-block
}

.k-arcgauge-label {
    position: absolute;
    text-align: center;
    padding: 0;
    margin: 0
}

.k-baseline-marker {
    zoom: 1
}

.k-chart-tooltip {
    padding: 4px 8px;
    border-radius: 4px;
    color: #fff;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAYAAADAQbwGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNJREFUeNpi/P//vwMDFQELEP8beQb+HTWQYgP/DHoD/466cAR4edRAyg38P6hLbIAAAwCnWhhVsxvdCAAAAABJRU5ErkJggg==");
    background-position: 0 0;
    background-repeat: repeat-x;
    line-height: normal;
    white-space: nowrap;
    z-index: 12000
}

.k-chart-tooltip-inverse {
    color: #000
}

.k-chart-tooltip table {
    border-spacing: 0;
    border-collapse: collapse
}

.k-chart-tooltip th {
    width: auto;
    text-align: center;
    padding: 1px
}

.k-chart-tooltip td {
    width: auto;
    text-align: left;
    padding: .1em .2em
}

.k-chart-shared-tooltip-marker {
    display: block;
    width: 15px;
    height: 3px
}

.k-selector {
    position: absolute;
    -webkit-transform: translateZ(0)
}

.k-selection {
    border: 1px solid #d2d2d2;
    border-bottom: 0
}

.k-selection, .k-selection-bg {
    position: absolute;
    height: 100%
}

.k-selection-bg {
    width: 100%;
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .01);
    filter: alpha(opacity=1)
}

.k-handle {
    background: #d2d2d2;
    width: 7px;
    height: 26px;
    cursor: e-resize;
    z-index: 1;
    border-radius: 6px;
    position: absolute
}

.k-handle div {
    width: 100%;
    height: 100%;
    background-color: transparent
}

.k-left-handle {
    left: -4px
}

.k-right-handle {
    right: -4px
}

.k-left-handle div {
    margin: -20px 0 0 -15px;
    padding: 40px 30px 0 0
}

.k-left-handle.k-handle-active div {
    margin-left: -40px;
    padding-right: 55px
}

.k-right-handle div {
    margin: -20px 0 0 -15px;
    padding: 40px 0 0 30px
}

.k-right-handle.k-handle-active div {
    padding-left: 55px
}

.k-mask {
    background-color: #fff;
    filter: alpha(opacity=80);
    opacity: .8
}

.k-border, .k-mask {
    position: absolute;
    height: 100%
}

.k-border {
    background: #d2d2d2;
    width: 1px
}

.k-navigator-hint div {
    position: absolute
}

.k-navigator-hint .k-scroll {
    position: absolute;
    height: 4px;
    border-radius: 4px;
    background: #d2d2d2
}

.k-navigator-hint .k-tooltip {
    margin-top: 20px;
    min-width: 160px;
    opacity: 1;
    text-align: center;
    border: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    background: #fff
}

.k-sparkline, .k-sparkline span {
    display: inline-block;
    vertical-align: top
}

.k-sparkline span {
    height: 100%;
    width: 100%
}

.k-diagram, .k-map {
    height: 600px
}

.k-diagram .km-scroll-wrapper, .k-map .km-scroll-wrapper {
    padding-bottom: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.k-diagram .km-scroll-container, .k-diagram .km-scroll-wrapper, .k-map .km-scroll-container, .k-map .km-scroll-wrapper {
    position: absolute;
    width: 100%;
    height: 100%
}

.k-diagram .k-layer, .k-map .k-layer {
    position: absolute;
    left: 0;
    top: 0
}

.k-diagram .km-touch-scrollbar, .k-map .km-touch-scrollbar {
    display: none
}

.k-map {
    border-width: 0;
    border-style: solid;
    box-sizing: border-box
}

.k-map .k-map-controls {
    position: absolute
}

.k-map .k-pos-top {
    top: 0
}

.k-map .k-pos-bottom {
    bottom: 0
}

.k-map .k-pos-left {
    left: 0
}

.k-map .k-pos-right {
    right: 0
}

.k-map .k-navigator {
    margin: 1em;
    width: 50px;
    height: 50px;
    border-width: 1px;
    border-style: solid;
    border-radius: 80px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.k-pdf-export .k-map .k-navigator {
    display: none
}

.k-map .k-zoom-control {
    margin: 1em;
    vertical-align: middle
}

.k-map .k-zoom-control .k-button {
    width: auto;
    height: auto
}

.k-pdf-export .k-map .k-zoom-control {
    display: none
}

.k-map .k-attribution {
    padding: 2px 4px;
    font-size: 10px;
    background-color: hsla(0, 0%, 100%, .8);
    z-index: 1000
}

.k-map .k-marker {
    width: 28px;
    height: 40px;
    margin: -40px 0 0 -14px;
    font-size: 28px;
    position: absolute;
    cursor: pointer;
    overflow: visible
}

.k-navigator > .k-button {
    margin: 0;
    padding: 0;
    border-color: transparent;
    border-radius: 16px;
    line-height: 10px;
    background: 0 0;
    position: absolute
}

.k-navigator .k-navigator-n, .k-navigator .k-navigator-up {
    top: 2px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.k-navigator .k-navigator-e, .k-navigator .k-navigator-right {
    right: 2px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.k-navigator .k-navigator-down, .k-navigator .k-navigator-s {
    bottom: 2px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.k-navigator .k-navigator-left, .k-navigator .k-navigator-w {
    left: 2px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.k-pdf-export .k-navigator {
    display: none
}

.k-button-wrap {
    border-radius: 4px;
    display: inline-block
}

.k-button-wrap .k-button {
    position: relative;
    padding: 4px;
    line-height: 16px
}

.k-button-wrap .k-button .k-icon {
    vertical-align: top
}

.k-buttons-horizontal :first-child {
    border-radius: 4px 0 0 4px
}

.k-buttons-horizontal :first-child + .k-zoom-in {
    border-radius: 0;
    margin-left: -1px
}

.k-buttons-horizontal .k-zoom-out {
    border-radius: 0 4px 4px 0;
    margin-left: -1px
}

.k-button-wrap .k-button:hover {
    z-index: 1
}

.k-buttons-vertical .k-button {
    display: block
}

.k-buttons-vertical :first-child {
    border-radius: 4px 4px 0 0
}

.k-buttons-vertical .k-zoom-out {
    border-radius: 0 0 4px 4px;
    margin-top: -1px
}

.k-zoom-text {
    margin: 0;
    width: 4.3em;
    vertical-align: top
}

.k-rtl .k-buttons-horizontal :first-child {
    border-radius: 0 4px 4px 0
}

.k-rtl .k-buttons-horizontal :first-child + .k-zoom-in {
    border-radius: 0;
    margin-left: 0;
    margin-right: -1px
}

.k-rtl .k-buttons-horizontal .k-zoom-out {
    border-radius: 4px 0 0 4px;
    margin-left: 0;
    margin-right: -1px
}

.k-diagram {
    height: 600px
}

.k-diagram .km-scroll-wrapper {
    width: 100%;
    height: 100%;
    position: relative
}

.k-canvas-container {
    width: 100%;
    height: 100%
}

.k-diagram img {
    box-sizing: content-box
}

.k-treemap {
    overflow: hidden;
    height: 400px
}

.k-treemap-tile {
    box-sizing: border-box;
    border-style: solid;
    border-width: 1px;
    position: absolute;
    margin: -1px 0 0 -1px;
    overflow: hidden
}

.k-treemap-tile.k-leaf {
    padding: .6em
}

.k-treemap-wrap.k-last > .k-treemap-tile {
    padding: .3em
}

.k-treemap-tile.k-state-hover {
    z-index: 2;
    background-image: none
}

.k-treemap > .k-treemap-tile {
    position: relative;
    height: 100%
}

.k-treemap-title {
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 2.42em;
    height: 2.42em;
    padding: 0 .6em;
    white-space: nowrap
}

.k-treemap-wrap .k-treemap-title {
    border-width: 0 0 1px;
    border-style: solid
}

.k-treemap-wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.k-treemap-title + .k-treemap-wrap {
    top: 2.42em
}

.k-treemap-title-vertical {
    box-sizing: border-box;
    text-overflow: ellipsis;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2.42em;
    line-height: 2.42em;
    overflow: hidden;
    padding: .6em 0;
    white-space: nowrap
}

.k-treemap-title-vertical > div {
    position: absolute;
    top: 0;
    right: 1.23em;
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.k-treemap-title-vertical + .k-treemap-wrap {
    left: 2.42em
}

.k-pane-wrapper {
    position: relative;
    font-size: 14px
}

.k-pane-wrapper .k-pane {
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    font-family: sans-serif;
    overflow-x: hidden
}

.k-pane-wrapper .k-view {
    top: 0;
    left: 0;
    position: relative;
    border: 0;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    vertical-align: top
}

.k-pane-wrapper .k-content {
    min-height: 1px;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: block;
    width: auto;
    overflow: hidden;
    position: relative
}

.k-pane-wrapper .k-grid-column-menu > .k-header, .k-pane-wrapper .k-grid-edit-form > .k-header, .k-pane-wrapper .k-grid-filter-menu > .k-header, .k-pane-wrapper .k-scheduler-edit-form > .k-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .3em .6em;
    width: auto;
    line-height: 2em
}

.k-pane-wrapper .k-grid-column-menu > .k-header .k-header-cancel .k-icon, .k-pane-wrapper .k-grid-column-menu > .k-header .k-header-done .k-icon, .k-pane-wrapper .k-grid-edit-form > .k-header .k-header-cancel .k-icon, .k-pane-wrapper .k-grid-edit-form > .k-header .k-header-done .k-icon, .k-pane-wrapper .k-grid-filter-menu > .k-header .k-header-cancel .k-icon, .k-pane-wrapper .k-grid-filter-menu > .k-header .k-header-done .k-icon, .k-pane-wrapper .k-scheduler-edit-form > .k-header .k-header-cancel .k-icon, .k-pane-wrapper .k-scheduler-edit-form > .k-header .k-header-done .k-icon {
    font-size: 1.5em
}

.k-pane-wrapper .k-grid-edit-row .k-textbox {
    box-sizing: border-box
}

.k-ie .k-pane-wrapper .k-scheduler .k-scheduler-footer, .k-ie .k-pane-wrapper .k-scheduler .k-scheduler-toolbar {
    line-height: 2em
}

.k-pane-wrapper > div.k-pane {
    box-shadow: none;
    font-weight: 400
}

.k-pane-wrapper .k-grid-column-menu .k-content, .k-pane-wrapper .k-grid-edit-form .k-content, .k-pane-wrapper .k-grid-filter-menu .k-content, .k-pane-wrapper .k-popup-edit-form .k-content {
    overflow-y: auto
}

.k-pane-wrapper .k-grid-column-menu .k-content > .k-scroll-container, .k-pane-wrapper .k-grid-edit-form .k-content > .k-scroll-container, .k-pane-wrapper .k-grid-filter-menu .k-content > .k-scroll-container, .k-pane-wrapper .k-popup-edit-form .k-content > .k-scroll-container {
    position: absolute;
    width: 100%;
    min-height: 100%;
    box-sizing: border-box
}

.k-pane-wrapper .k-grid-filter-menu .k-filter-selected-items {
    margin: 1em;
    font-weight: 400
}

.k-pane-wrapper .k-grid-edit-form .k-edit-form-container, .k-pane-wrapper .k-grid-edit-form .k-popup-edit-form {
    width: auto
}

.k-pane-wrapper .k-grid .k-grid-search {
    width: 100%;
    margin-left: 0;
    margin-top: 6px
}

.k-pane-wrapper .k-grid .k-grid-search:first-child {
    margin-top: 0
}

.k-grid-mobile {
    border-width: 0
}

.k-grid-mobile .k-resize-handle-inner:before {
    content: "\E01E";
    position: absolute;
    top: calc(50% - 1px);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: .2em
}

.k-grid-mobile .k-edit-cell > input, .k-grid-mobile .k-edit-cell > select, .k-grid-mobile .k-grid-edit-row > td > input, .k-grid-mobile .k-grid-edit-row > td > select {
    width: 100%;
    box-sizing: border-box
}

.k-grid-mobile .k-header a {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-drag: none
}

.k-pane-wrapper .k-scheduler-edit-form .k-recur-view {
    padding: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch
}

.k-pane-wrapper .k-scheduler-edit-form .k-recur-view > .k-listgroup-form-row {
    margin: 0
}

.k-pane-wrapper .k-scheduler-edit-form .k-recur-items-wrap {
    width: 100%;
    margin: -1px 0
}

.k-pane-wrapper .k-scheduler-edit-form .k-scheduler-recur-end-wrap {
    white-space: nowrap
}

.k-scheduler-mobile {
    border-width: 0
}

.k-scheduler-mobile th {
    font-weight: 400
}

.k-scheduler-mobile .k-scheduler-toolbar > * {
    margin: 0
}

.k-scheduler-mobile .k-scheduler-toolbar:before {
    display: none
}

.k-scheduler-mobile .k-scheduler-toolbar .k-scheduler-navigation {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0
}

.k-scheduler-mobile .k-scheduler-toolbar .k-scheduler-navigation .k-nav-current {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.k-scheduler-mobile .k-scheduler-toolbar .k-scheduler-navigation .k-y-date-format {
    font-size: 12px
}

.k-scheduler-mobile .k-scheduler-toolbar .k-scheduler-navigation .k-nav-current {
    -ms-flex-direction: column;
    flex-direction: column
}

.k-scheduler-mobile .k-scheduler-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.k-scheduler-mobile .k-scheduler-footer > * {
    margin: 0
}

.k-scheduler-mobile .k-scheduler-footer:before {
    display: none
}

.k-scheduler-mobile .k-scheduler-monthview .k-hidden {
    height: 40px
}

.k-scheduler-mobile .k-scheduler-monthview .k-scheduler-table td {
    height: 40px;
    vertical-align: top;
    text-align: center
}

.k-scheduler-mobile .k-scheduler-monthview .k-events-container {
    position: absolute;
    text-align: center;
    height: 6px;
    line-height: 6px
}

.k-scheduler-mobile .k-scheduler-monthview .k-event {
    position: static;
    display: inline-block;
    width: 4px;
    height: 4px;
    min-height: 0;
    margin: 1px
}

.k-scheduler-mobile .k-scheduler-agendaview .k-mobile-header, .k-scheduler-mobile .k-scheduler-dayview .k-mobile-header.k-mobile-horizontal-header .k-scheduler-times table tr:first-child, .k-scheduler-mobile .k-scheduler-dayview .k-mobile-header .k-scheduler-header .k-scheduler-date-group {
    display: none
}

.k-scheduler-mobile .k-scheduler-agendaview .k-scheduler-table {
    table-layout: auto
}

.k-scheduler-mobile .k-scheduler-agendaview .k-scheduler-table .k-scheduler-groupcolumn {
    width: 1%
}

.k-scheduler-mobile .k-mobile-header .k-scheduler-table td, .k-scheduler-mobile .k-mobile-header .k-scheduler-table th {
    height: 1.5em
}

.k-scheduler-mobile .k-scheduler-table td, .k-scheduler-mobile .k-scheduler-table th {
    height: 2em;
    vertical-align: middle
}

.k-scheduler-mobile .k-scheduler-times th {
    font-size: 1em
}

.k-scheduler-mobile .k-scheduler-datecolumn-wrap {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.k-scheduler-mobile .k-scheduler-datecolumn-wrap, .k-scheduler-mobile .k-task {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.k-scheduler-mobile .k-task .k-scheduler-mark {
    border-radius: 50%
}

.k-scheduler-mobile .k-task .k-i-reload {
    font-size: 1em;
    margin-right: .5em
}

.k-scheduler-mobile .k-task .k-scheduler-task-text {
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

.k-scheduler-mobile .k-scheduler-agenda .k-scheduler-group-cell, .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-groupcolumn, .k-scheduler-mobile .k-scheduler-times .k-scheduler-group-cell, .k-scheduler-mobile .k-scheduler-times .k-scheduler-groupcolumn {
    vertical-align: top
}

.k-scheduler-mobile .k-scheduler-agenda .k-scheduler-group-cell .k-scheduler-group-text, .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-groupcolumn .k-scheduler-group-text, .k-scheduler-mobile .k-scheduler-times .k-scheduler-group-cell .k-scheduler-group-text, .k-scheduler-mobile .k-scheduler-times .k-scheduler-groupcolumn .k-scheduler-group-text {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    white-space: nowrap
}

.k-scheduler-mobile .k-scrollbar-h tr + tr .k-scheduler-times {
    border-bottom-width: 0
}

.k-pane-wrapper .k-pane * {
    background-clip: border-box
}

.k-pane-wrapper .k-filter-help-text, .k-pane-wrapper .k-list-title {
    padding: .5em 1em;
    display: block
}

.k-pane-wrapper .k-listgroup .k-listgroup-item {
    border-color: inherit
}

.k-pane-wrapper .k-listgroup + .k-listgroup {
    margin-top: 2em
}

.k-pane-wrapper .k-column-menu .k-filter-item .k-filterable * {
    pointer-events: none
}

.k-pane-wrapper .k-filter-menu {
    padding: 0
}

.k-pane-wrapper .k-filter-menu .k-space-right {
    border: 0;
    padding: 0 10px;
    background: 0
}

.k-pane-wrapper .k-filter-menu .k-space-right > input {
    width: 100%;
    height: 2em;
    padding: 1px 0;
    margin: 0;
    border-radius: 3px;
    text-indent: 1em;
    border-width: 1px;
    border-style: solid
}

.k-pane-wrapper .k-filter-menu .k-space-right > .k-i-zoom {
    right: 15px;
    z-index: 2
}

.k-pane-wrapper .k-filter-menu .k-filter-tools {
    margin: 1em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.k-pane-wrapper .k-popup-edit-form .k-recur-editor-wrap {
    display: -ms-flexbox;
    display: flex
}

.k-pane-wrapper .k-popup-edit-form .k-mobiletimezoneeditor {
    width: 100;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.k-pane-wrapper .k-multicheck-wrap.k-listgroup {
    overflow-y: auto
}

.k-pane-wrapper .k-state-disabled {
    opacity: 1
}

.k-pane-wrapper .k-state-disabled > * {
    opacity: .7
}

.k-ie .k-pane-wrapper .k-grid .k-icon {
    text-indent: 0
}

.k-pane-wrapper .k-pager-wrap.k-pager-sm {
    -ms-flex-pack: center;
    justify-content: center
}

.k-pane-wrapper .k-pager-wrap.k-pager-sm .k-pager-refresh {
    display: none
}

.km-scroll-container {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-margin-collapse: separate;
    -webkit-transform: translatez(0)
}

.k-widget .km-scroll-wrapper {
    position: relative;
    padding-bottom: 0
}

.km-touch-scrollbar {
    position: absolute;
    visibility: hidden;
    z-index: 200000;
    height: .3em;
    width: .3em;
    background-color: rgba(0, 0, 0, .7);
    opacity: 0;
    transition: opacity .3s linear
}

.km-vertical-scrollbar {
    height: 100%;
    right: 2px;
    top: 2px
}

.km-horizontal-scrollbar {
    width: 100%;
    left: 2px;
    bottom: 2px
}

.k-pane-wrapper[dir=rtl] .k-grid-column-menu > .k-header, .k-pane-wrapper[dir=rtl] .k-grid-edit-form > .k-header, .k-pane-wrapper[dir=rtl] .k-grid-filter-menu > .k-header, .k-pane-wrapper[dir=rtl] .k-scheduler-edit-form > .k-header, .k-rtl .k-pane-wrapper .k-grid-column-menu > .k-header, .k-rtl .k-pane-wrapper .k-grid-edit-form > .k-header, .k-rtl .k-pane-wrapper .k-grid-filter-menu > .k-header, .k-rtl .k-pane-wrapper .k-scheduler-edit-form > .k-header, [dir=rtl] .k-pane-wrapper .k-grid-column-menu > .k-header, [dir=rtl] .k-pane-wrapper .k-grid-edit-form > .k-header, [dir=rtl] .k-pane-wrapper .k-grid-filter-menu > .k-header, [dir=rtl] .k-pane-wrapper .k-scheduler-edit-form > .k-header {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.k-pane-wrapper[dir=rtl] .k-filter-menu .k-space-right > .k-i-zoom, .k-rtl .k-pane-wrapper .k-filter-menu .k-space-right > .k-i-zoom, [dir=rtl] .k-pane-wrapper .k-filter-menu .k-space-right > .k-i-zoom {
    left: 15px;
    right: auto
}

.k-pane-wrapper[dir=rtl] .k-scheduler-mobile .k-scheduler-toolbar > ul > li, .k-rtl .k-pane-wrapper .k-scheduler-mobile .k-scheduler-toolbar > ul > li, [dir=rtl] .k-pane-wrapper .k-scheduler-mobile .k-scheduler-toolbar > ul > li {
    border: 0
}

.k-pane-wrapper[dir=rtl] .k-scheduler-mobile .k-scheduler-toolbar .k-nav-next, .k-pane-wrapper[dir=rtl] .k-scheduler-mobile .k-scheduler-toolbar .k-nav-prev, .k-rtl .k-pane-wrapper .k-scheduler-mobile .k-scheduler-toolbar .k-nav-next, .k-rtl .k-pane-wrapper .k-scheduler-mobile .k-scheduler-toolbar .k-nav-prev, [dir=rtl] .k-pane-wrapper .k-scheduler-mobile .k-scheduler-toolbar .k-nav-next, [dir=rtl] .k-pane-wrapper .k-scheduler-mobile .k-scheduler-toolbar .k-nav-prev {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.k-pane-wrapper[dir=rtl] .k-scheduler-mobile .k-task .k-i-reload, .k-rtl .k-pane-wrapper .k-scheduler-mobile .k-task .k-i-reload, [dir=rtl] .k-pane-wrapper .k-scheduler-mobile .k-task .k-i-reload {
    margin-left: .5em;
    margin-right: 0
}

.k-pane-wrapper[dir=rtl] .k-scheduler-edit-form .k-item .k-i-arrow-chevron-right, .k-rtl .k-pane-wrapper .k-scheduler-edit-form .k-item .k-i-arrow-chevron-right, [dir=rtl] .k-pane-wrapper .k-scheduler-edit-form .k-item .k-i-arrow-chevron-right {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.k-fx-end .k-fx-current, .k-fx-end .k-fx-next {
    transition: all .35s ease-out
}

.k-fx {
    position: relative
}

.k-fx .k-fx-current {
    z-index: 0
}

.k-fx .k-fx-next {
    z-index: 1
}

.k-fx-hidden, .k-fx-hidden * {
    visibility: hidden !important
}

.k-fx-reverse .k-fx-current {
    z-index: 1
}

.k-fx-reverse .k-fx-next {
    z-index: 0
}

.k-fx-zoom.k-fx-start .k-fx-next {
    -webkit-transform: scale(0) !important;
    -ms-transform: scale(0) !important;
    transform: scale(0) !important
}

.k-fx-zoom.k-fx-end .k-fx-next, .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next, .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current, .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important
}

.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: scale(0) !important;
    -ms-transform: scale(0) !important;
    transform: scale(0) !important
}

.k-fx-fade.k-fx-start .k-fx-next {
    will-change: opacity;
    opacity: 0
}

.k-fx-fade.k-fx-end .k-fx-next {
    opacity: 1
}

.k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current {
    will-change: opacity;
    opacity: 1
}

.k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current {
    opacity: 0
}

.k-fx-slide.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-end .k-fx-current .k-footer, .k-fx-slide.k-fx-end .k-fx-current .k-header, .k-fx-slide.k-fx-end .k-fx-current .km-content, .k-fx-slide.k-fx-end .k-fx-current .km-footer, .k-fx-slide.k-fx-end .k-fx-current .km-header, .k-fx-slide.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-end .k-fx-next .km-content, .k-fx-slide.k-fx-end .k-fx-next .km-footer, .k-fx-slide.k-fx-end .k-fx-next .km-header {
    transition: all .35s ease-out
}

.k-fx-slide.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-start .k-fx-next .km-content {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-slide.k-fx-start .k-fx-next .k-footer, .k-fx-slide.k-fx-start .k-fx-next .k-header, .k-fx-slide.k-fx-start .k-fx-next .km-footer, .k-fx-slide.k-fx-start .k-fx-next .km-header {
    will-change: opacity;
    opacity: 0
}

.k-fx-slide.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-slide.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-end .k-fx-next .km-footer, .k-fx-slide.k-fx-end .k-fx-next .km-header {
    opacity: 1
}

.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-content, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content {
    will-change: transform;
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header {
    will-change: opacity;
    opacity: 1
}

.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header {
    opacity: 1
}

.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header {
    opacity: 0
}

.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header {
    opacity: 1
}

.k-fx-slide.k-fx-right.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-slide.k-fx-right.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-tile.k-fx-start .k-fx-next {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-tile.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current {
    will-change: transform;
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-tile.k-fx-right.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-tile.k-fx-right.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0)
}

.k-fx.k-fx-overlay.k-fx-left.k-fx-start .k-fx-next, .k-fx.k-fx-overlay.k-fx-start .k-fx-next {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next {
    -webkit-transform: translatey(100%);
    -ms-transform: translatey(100%);
    transform: translatey(100%)
}

.k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next {
    -webkit-transform: translatey(-100%);
    -ms-transform: translatey(-100%);
    transform: translatey(-100%)
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current {
    will-change: transform;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current, .k-fx.k-fx-overlay.k-fx-reverse.k-fx-left.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current {
    -webkit-transform: translatey(100%);
    -ms-transform: translatey(100%);
    transform: translatey(100%)
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current {
    -webkit-transform: translatey(-100%);
    -ms-transform: translatey(-100%);
    transform: translatey(-100%)
}

.k-virtual-wrap {
    position: relative
}

.k-virtual-wrap .k-list.k-virtual-list {
    height: auto
}

.k-virtual-content {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative
}

.k-virtual-list > .k-virtual-content {
    position: absolute;
    top: 0
}

.k-virtual-list > .k-virtual-content, .k-virtual-option-label {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.k-virtual-wrap > .k-virtual-header {
    text-align: right
}

.k-popup .k-item.k-first {
    position: relative
}

.k-virtual-content > .k-virtual-list > .k-virtual-item {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap
}

.k-popup .k-list .k-item > .k-group, .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
    text-transform: uppercase;
    font-size: .857em
}

.k-popup .k-list .k-item > .k-group {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 .5em;
    line-height: 1.8
}

.k-popup .k-state-hover > .k-group {
    right: -1px
}

.k-group-header + .k-list > .k-item.k-first, .k-static-header + .k-list > .k-item.k-first, .k-virtual-item.k-first {
    border-top-style: solid;
    border-top-width: 1px;
    padding-top: 0
}

.k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
    text-align: right
}

@font-face {
    font-family: WebComponentsIcons;
    src: none;
    src: none format("embedded-opentype"), none format("truetype"), none format("woff"), none format("svg");
    font-weight: 400;
    font-style: normal
}

.k-i-arrow-45-up-right:before, .k-i-collapse-ne:before, .k-i-resize-ne:before {
    content: "\E000"
}

.k-i-arrow-45-down-right:before, .k-i-collapse-se:before, .k-i-collapse:before, .k-i-resize-se:before {
    content: "\E001"
}

.k-i-arrow-45-down-left:before, .k-i-collapse-sw:before, .k-i-resize-sw:before {
    content: "\E002"
}

.k-i-arrow-45-up-left:before, .k-i-collapse-nw:before, .k-i-resize-new:before {
    content: "\E003"
}

.k-i-arrow-60-up:before, .k-i-arrow-n:before, .k-i-kpi-trend-increase:before {
    content: "\E004"
}

.k-i-arrow-60-right:before, .k-i-arrow-e:before, .k-i-expand:before {
    content: "\E005"
}

.k-i-arrow-60-down:before, .k-i-arrow-s:before, .k-i-kpi-trend-decrease:before {
    content: "\E006"
}

.k-i-arrow-60-left:before, .k-i-arrow-w:before {
    content: "\E007"
}

.k-i-arrow-end-up:before, .k-i-seek-n:before {
    content: "\E008"
}

.k-i-arrow-end-right:before, .k-i-seek-e:before {
    content: "\E009"
}

.k-i-arrow-end-down:before, .k-i-seek-s:before {
    content: "\E00A"
}

.k-i-arrow-end-left:before, .k-i-seek-w:before {
    content: "\E00B"
}

.k-i-arrow-double-60-up:before, .k-i-arrow-seek-up:before {
    content: "\E00C"
}

.k-i-arrow-double-60-right:before, .k-i-arrow-seek-right:before, .k-i-forward-sm:before {
    content: "\E00D"
}

.k-i-arrow-double-60-down:before, .k-i-arrow-seek-down:before {
    content: "\E00E"
}

.k-i-arrow-double-60-left:before, .k-i-arrow-seek-left:before, .k-i-rewind-sm:before {
    content: "\E00F"
}

.k-i-arrows-kpi:before, .k-i-kpi:before {
    content: "\E010"
}

.k-i-arrows-no-change:before {
    content: "\E011"
}

.k-i-arrow-overflow-down:before {
    content: "\E012"
}

.k-i-arrow-chevron-up:before {
    content: "\E013"
}

.k-i-arrow-chevron-right:before {
    content: "\E014"
}

.k-i-arrow-chevron-down:before {
    content: "\E015"
}

.k-i-arrow-chevron-left:before {
    content: "\E016"
}

.k-i-arrow-up:before {
    content: "\E017"
}

.k-i-arrow-right:before {
    content: "\E018"
}

.k-i-arrow-down:before {
    content: "\E019"
}

.k-i-arrow-left:before {
    content: "\E01A"
}

.k-i-arrow-drill:before {
    content: "\E01B"
}

.k-i-arrow-parent:before {
    content: "\E01C"
}

.k-i-arrow-root:before {
    content: "\E01D"
}

.k-i-arrows-resizing:before {
    content: "\E01E"
}

.k-i-arrows-dimensions:before {
    content: "\E01F"
}

.k-i-arrows-swap:before {
    content: "\E020"
}

.k-i-drag-and-drop:before {
    content: "\E021"
}

.k-i-categorize:before {
    content: "\E022"
}

.k-i-grid:before {
    content: "\E023"
}

.k-i-grid-layout:before {
    content: "\E024"
}

.k-i-group:before {
    content: "\E025"
}

.k-i-ungroup:before {
    content: "\E026"
}

.k-i-handler-drag:before {
    content: "\E027"
}

.k-i-layout:before {
    content: "\E028"
}

.k-i-layout-1-by-4:before {
    content: "\E029"
}

.k-i-layout-2-by-2:before {
    content: "\E02A"
}

.k-i-layout-side-by-side:before {
    content: "\E02B"
}

.k-i-layout-stacked:before {
    content: "\E02C"
}

.k-i-columns:before {
    content: "\E02D"
}

.k-i-rows:before {
    content: "\E02E"
}

.k-i-reorder:before {
    content: "\E02F"
}

.k-i-menu:before {
    content: "\E030"
}

.k-i-more-vertical:before {
    content: "\E031"
}

.k-i-more-horizontal:before {
    content: "\E032"
}

.k-i-undo:before {
    content: "\E100"
}

.k-i-redo:before {
    content: "\E101"
}

.k-i-reset:before {
    content: "\E102"
}

.k-i-recurrence:before, .k-i-refresh:before, .k-i-reload:before {
    content: "\E103"
}

.k-i-non-recurrence:before {
    content: "\E104"
}

.k-i-reset-sm:before {
    content: "\E105"
}

.k-i-recurrence-sm:before, .k-i-refresh-sm:before, .k-i-reload-sm:before {
    content: "\E106"
}

.k-i-clock:before {
    content: "\E107"
}

.k-i-calendar:before {
    content: "\E108"
}

.k-i-floppy:before, .k-i-save:before {
    content: "\E109"
}

.k-i-print:before, .k-i-printer:before {
    content: "\E10A"
}

.k-i-edit:before, .k-i-pencil:before {
    content: "\E10B"
}

.k-i-delete:before, .k-i-trash:before {
    content: "\E10C"
}

.k-i-attachment:before, .k-i-clip:before {
    content: "\E10D"
}

.k-i-clip-45:before {
    content: "\E10E"
}

.k-i-hyperlink:before, .k-i-link-horizontal:before {
    content: "\E10F"
}

.k-i-hyperlink-remove:before, .k-i-unlink-horizontal:before {
    content: "\E110"
}

.k-i-link-vertical:before {
    content: "\E111"
}

.k-i-unlink-vertical:before {
    content: "\E112"
}

.k-i-lock:before {
    content: "\E113"
}

.k-i-unlock:before {
    content: "\E114"
}

.k-i-cancel:before {
    content: "\E115"
}

.k-i-cancel-outline:before {
    content: "\E116"
}

.k-i-cancel-circle:before {
    content: "\E117"
}

.k-i-check:before, .k-i-checkmark:before, .k-i-tick:before {
    content: "\E118"
}

.k-i-check-outline:before, .k-i-checkmark-outline:before, .k-i-success:before {
    content: "\E119"
}

.k-i-check-circle:before, .k-i-checkmark-circle:before {
    content: "\E11A"
}

.k-i-close:before, .k-i-x:before {
    content: "\E11B"
}

.k-i-close-outline:before, .k-i-error:before, .k-i-x-outline:before {
    content: "\E11C"
}

.k-i-close-circle:before, .k-i-x-circle:before {
    content: "\E11D"
}

.k-i-add:before, .k-i-plus:before {
    content: "\E11E"
}

.k-i-plus-outline:before {
    content: "\E11F"
}

.k-i-plus-circle:before {
    content: "\E120"
}

.k-i-kpi-trend-equal:before, .k-i-minus:before {
    content: "\E121"
}

.k-i-minus-outline:before {
    content: "\E122"
}

.k-i-minus-circle:before {
    content: "\E123"
}

.k-i-sort-asc:before {
    content: "\E124"
}

.k-i-sort-desc:before {
    content: "\E125"
}

.k-i-sort-clear:before, .k-i-unsort:before {
    content: "\E126"
}

.k-i-sort-asc-sm:before {
    content: "\E127"
}

.k-i-sort-desc-sm:before {
    content: "\E128"
}

.k-i-filter:before {
    content: "\E129"
}

.k-i-filter-clear:before {
    content: "\E12A"
}

.k-i-filter-sm:before {
    content: "\E12B"
}

.k-i-filter-sort-asc-sm:before {
    content: "\E12C"
}

.k-i-filter-sort-desc-sm:before {
    content: "\E12D"
}

.k-i-filter-add-expression:before {
    content: "\E12E"
}

.k-i-filter-add-group:before {
    content: "\E12F"
}

.k-i-login:before {
    content: "\E130"
}

.k-i-logout:before {
    content: "\E131"
}

.k-i-download:before {
    content: "\E132"
}

.k-i-upload:before {
    content: "\E133"
}

.k-i-hyperlink-open:before {
    content: "\E134"
}

.k-i-hyperlink-open-sm:before {
    content: "\E135"
}

.k-i-launch:before {
    content: "\E136"
}

.k-i-window-maximize:before, .k-i-window:before {
    content: "\E137"
}

.k-i-tiles:before, .k-i-window-restore:before, .k-i-windows:before {
    content: "\E138"
}

.k-i-window-minimize:before {
    content: "\E139"
}

.k-i-cog:before, .k-i-custom:before, .k-i-gear:before {
    content: "\E13A"
}

.k-i-cogs:before, .k-i-gears:before {
    content: "\E13B"
}

.k-i-settings:before, .k-i-wrench:before {
    content: "\E13C"
}

.k-i-eye:before, .k-i-preview:before {
    content: "\E13D"
}

.k-i-search:before, .k-i-zoom:before {
    content: "\E13E"
}

.k-i-zoom-in:before {
    content: "\E13F"
}

.k-i-zoom-out:before {
    content: "\E140"
}

.k-i-move:before, .k-i-pan:before {
    content: "\E141"
}

.k-i-calculator:before {
    content: "\E142"
}

.k-i-cart:before, .k-i-shopping-cart:before {
    content: "\E143"
}

.k-i-connector:before {
    content: "\E144"
}

.k-i-plus-sm:before {
    content: "\E145"
}

.k-i-minus-sm:before {
    content: "\E146"
}

.k-i-kpi-status-deny:before {
    content: "\E147"
}

.k-i-kpi-status-hold:before {
    content: "\E148"
}

.k-i-kpi-status-open:before {
    content: "\E149"
}

.k-i-play:before {
    content: "\E200"
}

.k-i-pause:before {
    content: "\E201"
}

.k-i-stop:before {
    content: "\E202"
}

.k-i-rewind:before {
    content: "\E203"
}

.k-i-forward:before {
    content: "\E204"
}

.k-i-volume-down:before {
    content: "\E205"
}

.k-i-volume-up:before {
    content: "\E206"
}

.k-i-volume-off:before {
    content: "\E207"
}

.k-i-hd:before {
    content: "\E208"
}

.k-i-subtitles:before {
    content: "\E209"
}

.k-i-playlist:before {
    content: "\E20A"
}

.k-i-audio:before {
    content: "\E20B"
}

.k-i-play-sm:before {
    content: "\E20C"
}

.k-i-pause-sm:before {
    content: "\E20D"
}

.k-i-stop-sm:before {
    content: "\E20E"
}

.k-i-fav-outline:before, .k-i-favorite-outline:before, .k-i-heart-outline:before {
    content: "\E300"
}

.k-i-fav:before, .k-i-favorite:before, .k-i-heart:before {
    content: "\E301"
}

.k-i-bookmark-outline:before, .k-i-star-outline:before {
    content: "\E302"
}

.k-i-bookmark:before, .k-i-star:before {
    content: "\E303"
}

.k-i-checkbox:before, .k-i-shape-rect:before {
    content: "\E304"
}

.k-i-checkbox-checked:before {
    content: "\E305"
}

.k-i-tri-state-indeterminate:before {
    content: "\E306"
}

.k-i-tri-state-null:before {
    content: "\E307"
}

.k-i-circle:before {
    content: "\E308"
}

.k-i-radiobutton:before, .k-i-shape-circle:before {
    content: "\E309"
}

.k-i-radiobutton-checked:before {
    content: "\E30A"
}

.k-i-bell:before, .k-i-notification:before {
    content: "\E400"
}

.k-i-info:before, .k-i-information:before, .k-i-note:before {
    content: "\E401"
}

.k-i-help:before, .k-i-question:before {
    content: "\E402"
}

.k-i-exception:before, .k-i-warning:before {
    content: "\E403"
}

.k-i-photo-camera:before {
    content: "\E500"
}

.k-i-image:before, .k-i-photo:before {
    content: "\E501"
}

.k-i-image-export:before, .k-i-photo-export:before {
    content: "\E502"
}

.k-i-zoom-actual-size:before {
    content: "\E503"
}

.k-i-zoom-best-fit:before {
    content: "\E504"
}

.k-i-image-resize:before {
    content: "\E505"
}

.k-i-crop:before {
    content: "\E506"
}

.k-i-mirror:before {
    content: "\E507"
}

.k-i-flip-horizontal:before {
    content: "\E508"
}

.k-i-flip-vertical:before {
    content: "\E509"
}

.k-i-rotate:before {
    content: "\E50A"
}

.k-i-rotate-right:before {
    content: "\E50B"
}

.k-i-rotate-left:before {
    content: "\E50C"
}

.k-i-brush:before {
    content: "\E50D"
}

.k-i-palette:before {
    content: "\E50E"
}

.k-i-background:before, .k-i-droplet:before, .k-i-paint:before {
    content: "\E50F"
}

.k-i-line:before, .k-i-shape-line:before {
    content: "\E510"
}

.k-i-brightness-contrast:before {
    content: "\E511"
}

.k-i-saturation:before {
    content: "\E512"
}

.k-i-invert-colors:before {
    content: "\E513"
}

.k-i-opacity:before, .k-i-transperancy:before {
    content: "\E514"
}

.k-i-greyscale:before {
    content: "\E515"
}

.k-i-blur:before {
    content: "\E516"
}

.k-i-sharpen:before {
    content: "\E517"
}

.k-i-shape:before {
    content: "\E518"
}

.k-i-round-corners:before {
    content: "\E519"
}

.k-i-front-element:before {
    content: "\E51A"
}

.k-i-back-element:before {
    content: "\E51B"
}

.k-i-forward-element:before {
    content: "\E51C"
}

.k-i-backward-element:before {
    content: "\E51D"
}

.k-i-align-left-element:before {
    content: "\E51E"
}

.k-i-align-center-element:before {
    content: "\E51F"
}

.k-i-align-right-element:before {
    content: "\E520"
}

.k-i-align-top-element:before {
    content: "\E521"
}

.k-i-align-middle-element:before {
    content: "\E522"
}

.k-i-align-bottom-element:before {
    content: "\E523"
}

.k-i-thumbnails-up:before {
    content: "\E524"
}

.k-i-thumbnails-right:before {
    content: "\E525"
}

.k-i-thumbnails-down:before {
    content: "\E526"
}

.k-i-thumbnails-left:before {
    content: "\E527"
}

.k-i-full-screen:before, .k-i-fullscreen:before {
    content: "\E528"
}

.k-i-full-screen-exit:before, .k-i-fullscreen-exit:before {
    content: "\E529"
}

.k-i-background-remove:before, .k-i-paint-remove:before, .k-i-reset-color:before {
    content: "\E52A"
}

.k-i-align-stretch-element-horizontal:before {
    content: "\E53E"
}

.k-i-align-stretch-element-vertical:before {
    content: "\E53F"
}

.k-i-align-align-left-elements:before {
    content: "\E540"
}

.k-i-align-center-elements:before {
    content: "\E541"
}

.k-i-align-right-elements:before {
    content: "\E542"
}

.k-i-align-stretch-elements-horizontal:before {
    content: "\E543"
}

.k-i-align-baseline-horizontal:before {
    content: "\E544"
}

.k-i-align-top-elements:before {
    content: "\E545"
}

.k-i-align-middle-elements:before {
    content: "\E546"
}

.k-i-align-bottom-elements:before {
    content: "\E547"
}

.k-i-align-stretch-elements-vertical:before {
    content: "\E548"
}

.k-i-align-baseline-vertical:before {
    content: "\E549"
}

.k-i-justify-start-horizontal:before {
    content: "\E54A"
}

.k-i-justify-center-horizontal:before {
    content: "\E54B"
}

.k-i-justify-end-horizontal:before {
    content: "\E54C"
}

.k-i-justify-between-horizontal:before {
    content: "\E54D"
}

.k-i-justify-around-horizontal:before {
    content: "\E54E"
}

.k-i-justify-start-vertical:before {
    content: "\E54F"
}

.k-i-justify-center-vertical:before {
    content: "\E550"
}

.k-i-justify-end-vertical:before {
    content: "\E551"
}

.k-i-justify-between-vertical:before {
    content: "\E552"
}

.k-i-justify-around-vertical:before {
    content: "\E553"
}

.k-i-page-properties:before {
    content: "\E600"
}

.k-i-bold:before {
    content: "\E601"
}

.k-i-italic:before {
    content: "\E602"
}

.k-i-underline:before {
    content: "\E603"
}

.k-i-font-family:before {
    content: "\E604"
}

.k-i-foreground-color:before {
    content: "\E605"
}

.k-i-convert-lowercase:before {
    content: "\E606"
}

.k-i-convert-uppercase:before {
    content: "\E607"
}

.k-i-strikethrough:before {
    content: "\E608"
}

.k-i-sub-script:before {
    content: "\E609"
}

.k-i-sup-script:before {
    content: "\E60A"
}

.k-i-div:before {
    content: "\E60B"
}

.k-i-all:before {
    content: "\E60C"
}

.k-i-h1:before {
    content: "\E60D"
}

.k-i-h2:before {
    content: "\E60E"
}

.k-i-h3:before {
    content: "\E60F"
}

.k-i-h4:before {
    content: "\E610"
}

.k-i-h5:before {
    content: "\E611"
}

.k-i-h6:before {
    content: "\E612"
}

.k-i-list-numbered:before, .k-i-list-ordered:before {
    content: "\E613"
}

.k-i-list-bulleted:before, .k-i-list-unordered:before {
    content: "\E614"
}

.k-i-indent-increase:before, .k-i-indent:before {
    content: "\E615"
}

.k-i-indent-decrease:before, .k-i-outdent:before {
    content: "\E616"
}

.k-i-insert-n:before, .k-i-insert-top:before, .k-i-insert-up:before {
    content: "\E617"
}

.k-i-insert-m:before, .k-i-insert-middle:before {
    content: "\E618"
}

.k-i-insert-bottom:before, .k-i-insert-down:before, .k-i-insert-s:before {
    content: "\E619"
}

.k-i-align-top:before {
    content: "\E61A"
}

.k-i-align-middle:before {
    content: "\E61B"
}

.k-i-align-bottom:before {
    content: "\E61C"
}

.k-i-align-left:before {
    content: "\E61D"
}

.k-i-align-center:before {
    content: "\E61E"
}

.k-i-align-right:before {
    content: "\E61F"
}

.k-i-align-justify:before {
    content: "\E620"
}

.k-i-align-remove:before {
    content: "\E621"
}

.k-i-text-wrap:before {
    content: "\E622"
}

.k-i-rule-horizontal:before {
    content: "\E623"
}

.k-i-table-align-top-left:before {
    content: "\E624"
}

.k-i-table-align-top-center:before {
    content: "\E625"
}

.k-i-table-align-top-right:before {
    content: "\E626"
}

.k-i-table-align-middle-left:before {
    content: "\E627"
}

.k-i-table-align-middle-center:before {
    content: "\E628"
}

.k-i-table-align-middle-right:before {
    content: "\E629"
}

.k-i-table-align-bottom-left:before {
    content: "\E62A"
}

.k-i-table-align-bottom-center:before {
    content: "\E62B"
}

.k-i-table-align-bottom-right:before {
    content: "\E62C"
}

.k-i-table-align-remove:before {
    content: "\E62D"
}

.k-i-all-borders:before, .k-i-borders-all:before {
    content: "\E62E"
}

.k-i-borders-outside:before, .k-i-outside-borders:before {
    content: "\E62F"
}

.k-i-borders-inside:before, .k-i-inside-borders:before {
    content: "\E630"
}

.k-i-borders-inside-horizontal:before, .k-i-inside-horizontal-borders:before {
    content: "\E631"
}

.k-i-borders-inside-vertical:before, .k-i-inside-vertical-borders:before {
    content: "\E632"
}

.k-i-border-top:before, .k-i-top-border:before {
    content: "\E633"
}

.k-i-border-bottom:before, .k-i-bottom-border:before {
    content: "\E634"
}

.k-i-border-left:before, .k-i-left-border:before {
    content: "\E635"
}

.k-i-border-right:before, .k-i-right-border:before {
    content: "\E636"
}

.k-i-border-no:before, .k-i-no-borders:before {
    content: "\E637"
}

.k-i-borders-show-hide:before {
    content: "\E638"
}

.k-i-border:before, .k-i-form:before {
    content: "\E639"
}

.k-i-form-element:before {
    content: "\E63A"
}

.k-i-code-snippet:before {
    content: "\E63B"
}

.k-i-select-all:before {
    content: "\E63C"
}

.k-i-button:before {
    content: "\E63D"
}

.k-i-select-box:before {
    content: "\E63E"
}

.k-i-calendar-date:before {
    content: "\E63F"
}

.k-i-group-box:before {
    content: "\E640"
}

.k-i-textarea:before {
    content: "\E641"
}

.k-i-textbox:before {
    content: "\E642"
}

.k-i-textbox-hidden:before {
    content: "\E643"
}

.k-i-password:before {
    content: "\E644"
}

.k-i-paragraph-add:before {
    content: "\E645"
}

.k-i-edit-tools:before {
    content: "\E646"
}

.k-i-template-manager:before {
    content: "\E647"
}

.k-i-change-manually:before {
    content: "\E648"
}

.k-i-track-changes:before {
    content: "\E649"
}

.k-i-track-changes-enable:before {
    content: "\E64A"
}

.k-i-track-changes-accept:before {
    content: "\E64B"
}

.k-i-track-changes-accept-all:before {
    content: "\E64C"
}

.k-i-track-changes-reject:before {
    content: "\E64D"
}

.k-i-track-changes-reject-all:before {
    content: "\E64E"
}

.k-i-document-manager:before {
    content: "\E64F"
}

.k-i-custom-icon:before {
    content: "\E650"
}

.k-i-dictionary-add:before {
    content: "\E651"
}

.k-i-image-insert:before, .k-i-image-light-dialog:before {
    content: "\E652"
}

.k-i-image-edit:before {
    content: "\E653"
}

.k-i-image-map-editor:before {
    content: "\E654"
}

.k-i-comment:before {
    content: "\E655"
}

.k-i-comment-remove:before {
    content: "\E656"
}

.k-i-comments-remove-all:before {
    content: "\E657"
}

.k-i-silverlight:before {
    content: "\E658"
}

.k-i-media-manager:before {
    content: "\E659"
}

.k-i-video-external:before {
    content: "\E65A"
}

.k-i-flash-manager:before {
    content: "\E65B"
}

.k-i-find-and-replace:before, .k-i-find:before {
    content: "\E65C"
}

.k-i-copy:before, .k-i-files:before {
    content: "\E65D"
}

.k-i-cut:before {
    content: "\E65E"
}

.k-i-paste:before {
    content: "\E65F"
}

.k-i-paste-as-html:before {
    content: "\E660"
}

.k-i-paste-from-word:before {
    content: "\E661"
}

.k-i-paste-from-word-strip-file:before {
    content: "\E662"
}

.k-i-paste-html:before {
    content: "\E663"
}

.k-i-paste-markdown:before {
    content: "\E664"
}

.k-i-paste-plain-text:before {
    content: "\E665"
}

.k-i-apply-format:before {
    content: "\E666"
}

.k-i-clear-css:before {
    content: "\E667"
}

.k-i-copy-format:before {
    content: "\E668"
}

.k-i-strip-all-formating:before {
    content: "\E669"
}

.k-i-strip-css-format:before {
    content: "\E66A"
}

.k-i-strip-font-elements:before {
    content: "\E66B"
}

.k-i-strip-span-elements:before {
    content: "\E66C"
}

.k-i-strip-word-formatting:before {
    content: "\E66D"
}

.k-i-format-code-block:before {
    content: "\E66E"
}

.k-i-style-builder:before {
    content: "\E66F"
}

.k-i-module-manager:before {
    content: "\E670"
}

.k-i-hyperlink-insert:before, .k-i-hyperlink-light-dialog:before {
    content: "\E671"
}

.k-i-hyperlink-globe:before {
    content: "\E672"
}

.k-i-hyperlink-globe-remove:before {
    content: "\E673"
}

.k-i-hyperlink-email:before {
    content: "\E674"
}

.k-i-anchor:before {
    content: "\E675"
}

.k-i-table-insert:before, .k-i-table-light-dialog:before {
    content: "\E676"
}

.k-i-table:before {
    content: "\E677"
}

.k-i-table-properties:before, .k-i-table-wizard:before {
    content: "\E678"
}

.k-i-table-cell:before {
    content: "\E679"
}

.k-i-table-cell-properties:before {
    content: "\E67A"
}

.k-i-table-column-insert-left:before {
    content: "\E67B"
}

.k-i-table-column-insert-right:before {
    content: "\E67C"
}

.k-i-table-row-insert-above:before {
    content: "\E67D"
}

.k-i-table-row-insert-below:before {
    content: "\E67E"
}

.k-i-table-column-delete:before {
    content: "\E67F"
}

.k-i-table-row-delete:before {
    content: "\E680"
}

.k-i-table-cell-delete:before {
    content: "\E681"
}

.k-i-table-delete:before {
    content: "\E682"
}

.k-i-cells-merge:before {
    content: "\E683"
}

.k-i-cells-merge-horizontally:before {
    content: "\E684"
}

.k-i-cells-merge-vertically:before {
    content: "\E685"
}

.k-i-cell-split-horizontally:before {
    content: "\E686"
}

.k-i-cell-split-vertically:before {
    content: "\E687"
}

.k-i-table-unmerge:before {
    content: "\E688"
}

.k-i-pane-freeze:before {
    content: "\E689"
}

.k-i-row-freeze:before {
    content: "\E68A"
}

.k-i-column-freeze:before {
    content: "\E68B"
}

.k-i-toolbar-float:before {
    content: "\E68C"
}

.k-i-spell-checker:before {
    content: "\E68D"
}

.k-i-validation-xhtml:before {
    content: "\E68E"
}

.k-i-validation-data:before {
    content: "\E68F"
}

.k-i-toggle-full-screen-mode:before {
    content: "\E690"
}

.k-i-formula-fx:before {
    content: "\E691"
}

.k-i-sum:before {
    content: "\E692"
}

.k-i-symbol:before {
    content: "\E693"
}

.k-i-currency:before, .k-i-dollar:before {
    content: "\E694"
}

.k-i-percent:before {
    content: "\E695"
}

.k-i-custom-format:before {
    content: "\E696"
}

.k-i-decimal-increase:before {
    content: "\E697"
}

.k-i-decimal-decrease:before {
    content: "\E698"
}

.k-i-font-size:before {
    content: "\E699"
}

.k-i-image-absolute-position:before {
    content: "\E69A"
}

.k-i-globe-outline:before {
    content: "\E700"
}

.k-i-globe:before {
    content: "\E701"
}

.k-i-marker-pin:before {
    content: "\E702"
}

.k-i-marker-pin-target:before {
    content: "\E703"
}

.k-i-pin:before {
    content: "\E704"
}

.k-i-unpin:before {
    content: "\E705"
}

.k-i-share:before {
    content: "\E800"
}

.k-i-user:before {
    content: "\E801"
}

.k-i-inbox:before {
    content: "\E802"
}

.k-i-blogger:before {
    content: "\E803"
}

.k-i-blogger-box:before {
    content: "\E804"
}

.k-i-delicious:before {
    content: "\E805"
}

.k-i-delicious-box:before {
    content: "\E806"
}

.k-i-digg:before {
    content: "\E807"
}

.k-i-digg-box:before {
    content: "\E808"
}

.k-i-email:before, .k-i-envelop:before, .k-i-letter:before {
    content: "\E809"
}

.k-i-email-box:before, .k-i-envelop-box:before, .k-i-letter-box:before {
    content: "\E80A"
}

.k-i-facebook:before {
    content: "\E80B"
}

.k-i-facebook-box:before {
    content: "\E80C"
}

.k-i-google:before {
    content: "\E80D"
}

.k-i-google-box:before {
    content: "\E80E"
}

.k-i-google-plus:before {
    content: "\E80F"
}

.k-i-google-plus-box:before {
    content: "\E810"
}

.k-i-linkedin:before {
    content: "\E811"
}

.k-i-linkedin-box:before {
    content: "\E812"
}

.k-i-myspace:before {
    content: "\E813"
}

.k-i-myspace-box:before {
    content: "\E814"
}

.k-i-pinterest:before {
    content: "\E815"
}

.k-i-pinterest-box:before {
    content: "\E816"
}

.k-i-reddit:before {
    content: "\E817"
}

.k-i-reddit-box:before {
    content: "\E818"
}

.k-i-stumble-upon:before {
    content: "\E819"
}

.k-i-stumble-upon-box:before {
    content: "\E81A"
}

.k-i-tell-a-friend:before {
    content: "\E81B"
}

.k-i-tell-a-friend-box:before {
    content: "\E81C"
}

.k-i-tumblr:before {
    content: "\E81D"
}

.k-i-tumblr-box:before {
    content: "\E81E"
}

.k-i-twitter:before {
    content: "\E81F"
}

.k-i-twitter-box:before {
    content: "\E820"
}

.k-i-yammer:before {
    content: "\E821"
}

.k-i-yammer-box:before {
    content: "\E822"
}

.k-i-behance:before {
    content: "\E823"
}

.k-i-behance-box:before {
    content: "\E824"
}

.k-i-dribbble:before {
    content: "\E825"
}

.k-i-dribbble-box:before {
    content: "\E826"
}

.k-i-rss:before {
    content: "\E827"
}

.k-i-rss-box:before {
    content: "\E828"
}

.k-i-vimeo:before {
    content: "\E829"
}

.k-i-vimeo-box:before {
    content: "\E82A"
}

.k-i-youtube:before {
    content: "\E82B"
}

.k-i-youtube-box:before {
    content: "\E82C"
}

.k-i-folder:before {
    content: "\E900"
}

.k-i-folder-open:before {
    content: "\E901"
}

.k-i-folder-add:before {
    content: "\E902"
}

.k-i-folder-up:before {
    content: "\E903"
}

.k-i-fields-more:before, .k-i-folder-more:before {
    content: "\E904"
}

.k-i-aggregate-fields:before {
    content: "\E905"
}

.k-i-file-vertical:before, .k-i-file:before {
    content: "\E906"
}

.k-i-file-add:before {
    content: "\E907"
}

.k-i-file-txt:before, .k-i-txt:before {
    content: "\E908"
}

.k-i-csv:before, .k-i-file-csv:before {
    content: "\E909"
}

.k-i-excel:before, .k-i-file-excel:before, .k-i-file-xls:before, .k-i-xls:before {
    content: "\E90A"
}

.k-i-doc:before, .k-i-file-doc:before, .k-i-file-word:before, .k-i-word:before {
    content: "\E90B"
}

.k-i-file-mdb:before, .k-i-mdb:before {
    content: "\E90C"
}

.k-i-file-ppt:before, .k-i-ppt:before {
    content: "\E90D"
}

.k-i-file-pdf:before, .k-i-pdf:before {
    content: "\E90E"
}

.k-i-file-psd:before, .k-i-psd:before {
    content: "\E90F"
}

.k-i-file-flash:before, .k-i-flash:before {
    content: "\E910"
}

.k-i-config:before, .k-i-file-config:before {
    content: "\E911"
}

.k-i-ascx:before, .k-i-file-ascx:before {
    content: "\E912"
}

.k-i-bac:before, .k-i-file-bac:before {
    content: "\E913"
}

.k-i-file-zip:before, .k-i-zip:before {
    content: "\E914"
}

.k-i-film:before {
    content: "\E915"
}

.k-i-css3:before {
    content: "\E916"
}

.k-i-html5:before {
    content: "\E917"
}

.k-i-html:before, .k-i-source-code:before, .k-i-view-source:before {
    content: "\E918"
}

.k-i-css:before {
    content: "\E919"
}

.k-i-js:before {
    content: "\E91A"
}

.k-i-exe:before {
    content: "\E91B"
}

.k-i-csproj:before {
    content: "\E91C"
}

.k-i-vbproj:before {
    content: "\E91D"
}

.k-i-cs:before {
    content: "\E91E"
}

.k-i-vb:before {
    content: "\E91F"
}

.k-i-sln:before {
    content: "\E920"
}

.k-i-cloud:before {
    content: "\E921"
}

.k-i-file-horizontal:before {
    content: "\E922"
}

.k-i-equal:before {
    content: "\E14A"
}

.k-i-not-equal:before {
    content: "\E14B"
}

.k-i-less-or-equal:before {
    content: "\E14C"
}

.k-i-greater-or-equal:before {
    content: "\E14D"
}

.k-i-divide:before {
    content: "\E14E"
}

.k-i-accessibility:before {
    content: "\E14F"
}

.k-i-barcode-outline:before {
    content: "\E150"
}

.k-i-barcode:before {
    content: "\E151"
}

.k-i-barcode-scanner:before {
    content: "\E152"
}

.k-i-qr-code-outline:before {
    content: "\E153"
}

.k-i-qr-code:before {
    content: "\E154"
}

.k-i-qr-code-scanner:before {
    content: "\E155"
}

.k-i-barcode-qr-code-scanner:before {
    content: "\E156"
}

.k-i-signature:before {
    content: "\E157"
}

.k-i-hand:before {
    content: "\E158"
}

.k-i-cursor:before {
    content: "\E159"
}

.k-i-attachment-45:before {
    content: "\E10E"
}

.k-i-images:before {
    content: "\E52B"
}

.k-i-strip-all-formatting:before {
    content: "\E669"
}

.k-i-home:before {
    content: "\E034"
}

.k-i-overlap:before {
    content: "\E033"
}

.k-i-align-to-grid:before {
    content: "\E52C"
}

.k-i-size-to-grid:before {
    content: "\E52D"
}

.k-i-make-same-size:before {
    content: "\E52E"
}

.k-i-make-same-width:before {
    content: "\E52F"
}

.k-i-make-same-height:before {
    content: "\E530"
}

.k-i-make-horizontal-spacing-equal:before {
    content: "\E531"
}

.k-i-increase-horizontal-spacing:before {
    content: "\E532"
}

.k-i-decrease-horizontal-spacing:before {
    content: "\E533"
}

.k-i-remove-horizontal-spacing:before {
    content: "\E534"
}

.k-i-make-vertical-spacing-equal:before {
    content: "\E535"
}

.k-i-increase-vertical-spacing:before {
    content: "\E536"
}

.k-i-decrease-vertical-spacing:before {
    content: "\E537"
}

.k-i-remove-vertical-spacing:before {
    content: "\E538"
}

.k-i-eyedropper:before {
    content: "\E539"
}

.k-i-snap-grid:before {
    content: "\E53A"
}

.k-i-snap-to-gridlines:before {
    content: "\E53B"
}

.k-i-snap-to-snaplines:before {
    content: "\E53C"
}

.k-i-dimensions:before {
    content: "\E53D"
}

.k-i-crosstab:before {
    content: "\E69C"
}

.k-i-table-body:before {
    content: "\E69E"
}

.k-i-table-column-groups:before {
    content: "\E69F"
}

.k-i-table-corner:before {
    content: "\E6A0"
}

.k-i-table-row-groups:before {
    content: "\E6A1"
}

.k-i-subreport:before {
    content: "\E923"
}

.k-i-data:before {
    content: "\E924"
}

.k-i-report-header-section:before {
    content: "\E925"
}

.k-i-report-footer-section:before {
    content: "\E926"
}

.k-i-group-header-section:before {
    content: "\E927"
}

.k-i-group-footer-section:before {
    content: "\E928"
}

.k-i-page-header-section:before {
    content: "\E929"
}

.k-i-page-footer-section:before {
    content: "\E92A"
}

.k-i-detail-section:before {
    content: "\E92B"
}

.k-i-toc-section:before {
    content: "\E92C"
}

.k-i-group-section:before {
    content: "\E92D"
}

.k-i-parameters:before {
    content: "\E92E"
}

.k-i-data-csv:before {
    content: "\E92F"
}

.k-i-data-json:before {
    content: "\E930"
}

.k-i-data-sql:before {
    content: "\E931"
}

.k-i-data-web:before {
    content: "\E932"
}

.k-i-group-collection:before {
    content: "\E933"
}

.k-i-parameter-boolean:before {
    content: "\E934"
}

.k-i-parameter-date-time:before {
    content: "\E935"
}

.k-i-parameter-float:before {
    content: "\E936"
}

.k-i-parameter-integer:before {
    content: "\E937"
}

.k-i-parameter-string:before {
    content: "\E938"
}

.k-i-toc-section-level:before {
    content: "\E939"
}

.k-i-inherited:before {
    content: "\E93A"
}

.k-i-file-video:before {
    content: "\E93B"
}

.k-i-file-audio:before {
    content: "\E93C"
}

.k-i-file-image:before {
    content: "\E93D"
}

.k-i-file-presentation:before {
    content: "\E93E"
}

.k-i-file-data:before {
    content: "\E93F"
}

.k-i-file-disc-image:before {
    content: "\E940"
}

.k-i-file-programming:before {
    content: "\E941"
}

.k-i-parameters-byte-array:before {
    content: "\E942"
}

.k-i-parameters-unknown:before {
    content: "\E943"
}

.k-i-file-error:before {
    content: "\E944"
}

.k-i-files-error:before {
    content: "\E945"
}

.k-i-data-rest:before {
    content: "\E946"
}

.k-i-file-typescript:before {
    content: "\E947"
}

.k-i-graph:before {
    content: "\EA00"
}

.k-i-column-clustered:before {
    content: "\EA01"
}

.k-i-column-stacked:before {
    content: "\EA02"
}

.k-i-column-stacked100:before {
    content: "\EA03"
}

.k-i-column-range:before {
    content: "\EA04"
}

.k-i-bar-clustered:before {
    content: "\EA05"
}

.k-i-bar-stacked:before {
    content: "\EA06"
}

.k-i-bar-stacked100:before {
    content: "\EA07"
}

.k-i-bar-range:before {
    content: "\EA08"
}

.k-i-area-clustered:before {
    content: "\EA09"
}

.k-i-area-stacked:before {
    content: "\EA0A"
}

.k-i-area-stacked100:before {
    content: "\EA0B"
}

.k-i-area-range:before {
    content: "\EA0C"
}

.k-i-line-stacked:before {
    content: "\EA0E"
}

.k-i-line-stacked100:before {
    content: "\EA0F"
}

.k-i-line-markers:before {
    content: "\EA10"
}

.k-i-line-stacked-markers:before {
    content: "\EA11"
}

.k-i-line-stacked100-markers:before {
    content: "\EA12"
}

.k-i-pie:before {
    content: "\EA13"
}

.k-i-doughnut:before {
    content: "\EA14"
}

.k-i-scatter:before {
    content: "\EA15"
}

.k-i-scatter-smooth-lines-markers:before {
    content: "\EA16"
}

.k-i-scatter-smooth-lines:before {
    content: "\EA17"
}

.k-i-scatter-straight-lines-markers:before {
    content: "\EA18"
}

.k-i-scatter-straight-lines:before {
    content: "\E6A19"
}

.k-i-bubble:before {
    content: "\EA1A"
}

.k-i-candlestick:before {
    content: "\EA1B"
}

.k-i-bar:before {
    content: "\EA1C"
}

.k-i-radar:before {
    content: "\EA1D"
}

.k-i-radar-markers:before {
    content: "\EA1E"
}

.k-i-radar-filled:before {
    content: "\EA1F"
}

.k-i-rose:before {
    content: "\EA20"
}

.k-i-choropleth:before {
    content: "\EA21"
}

.k-i-set-column-position:before {
    content: "\E15C"
}

.k-i-stick:before {
    content: "\E15A"
}

.k-i-unstick:before {
    content: "\E15B"
}

.k-i-page-portrait:before {
    content: "\E906"
}

.k-i-page-landscape:before {
    content: "\E922"
}

.k-rtl .k-i-collapse, .k-rtl .k-i-expand, .k-rtl .k-i-indent-decrease, .k-rtl .k-i-indent-increase {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.k-spreadsheet {
    width: 800px;
    height: 600px;
    position: relative;
    border-width: 1px;
    border-style: solid;
    cursor: default
}

.k-spreadsheet .k-spreadsheet-cell-comment {
    position: absolute;
    white-space: pre-wrap;
    text-align: left;
    border-width: 1px;
    border-style: solid;
    max-width: 200px
}

.k-spreadsheet .k-spreadsheet-pane {
    padding-right: 1px;
    position: absolute;
    border-width: 1px;
    border-bottom-width: 0;
    border-right-width: 0;
    border-style: solid;
    box-sizing: border-box;
    overflow: hidden
}

.k-spreadsheet .k-spreadsheet-pane.k-top {
    border-top-width: 0
}

.k-spreadsheet .k-spreadsheet-pane.k-left {
    border-left-width: 0
}

.k-spreadsheet .k-spreadsheet-pane .k-spreadsheet-cell {
    position: absolute;
    white-space: pre;
    box-sizing: border-box;
    overflow: hidden;
    padding: 1px 3px;
    background-clip: padding-box
}

.k-spreadsheet .k-spreadsheet-pane .k-spreadsheet-cell.k-spreadsheet-has-comment:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    border-width: 3px;
    border-style: solid
}

.k-spreadsheet .k-spreadsheet-haxis, .k-spreadsheet .k-spreadsheet-vaxis {
    position: absolute;
    border-style: solid
}

.k-spreadsheet .k-spreadsheet-vaxis {
    top: 0;
    border-width: 0 0 0 1px
}

.k-spreadsheet .k-spreadsheet-haxis {
    left: 0;
    border-width: 1px 0 0
}

.k-spreadsheet .k-filter-range, .k-spreadsheet .k-spreadsheet-selection {
    border-width: 1px;
    border-style: solid;
    position: absolute;
    box-sizing: border-box
}

.k-spreadsheet .k-spreadsheet-active-cell {
    position: absolute;
    outline-color: transparent !important;
    box-sizing: border-box;
    z-index: 10
}

.k-spreadsheet .k-spreadsheet-action-bar {
    border-width: 0 0 1px;
    border-style: solid;
    position: relative;
    display: table;
    width: 100%
}

.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar, .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor {
    display: table-cell;
    vertical-align: middle
}

.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor {
    position: relative;
    vertical-align: top;
    border-width: 0 1px 0 0;
    border-style: solid
}

.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox {
    width: 9.5em;
    border-radius: 0;
    border-color: transparent
}

.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox .k-dropdown-wrap {
    border-radius: 0;
    border-color: transparent;
    background-image: none;
    box-shadow: none;
    border-width: 0
}

.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox .k-dropdown-wrap .k-input, .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox .k-dropdown-wrap .k-select {
    border-radius: 0
}

.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar {
    width: 100%;
    padding-left: 31px
}

.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar:before {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 1em;
    height: 1em;
    text-align: center;
    vertical-align: middle;
    background-image: none;
    font: 16px/1 WebComponentsIcons;
    speak: none;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E691";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-width: 0 1px 0 0;
    border-style: solid;
    width: 24px;
    margin-left: -24px
}

.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar .k-spreadsheet-formula-input.k-spreadsheet-array-formula:before {
    content: "{";
    font-weight: 700
}

.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar .k-spreadsheet-formula-input.k-spreadsheet-array-formula:after {
    content: "}";
    font-weight: 700
}

.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-input {
    overflow: hidden;
    text-indent: .571em;
    border: 0;
    margin: 0
}

.k-spreadsheet .k-spreadsheet-action-bar .k-state-border-down {
    padding-bottom: 0
}

.k-spreadsheet .k-spreadsheet-formula-input {
    outline: 0;
    border-width: 0;
    height: 26px;
    line-height: 20px;
    width: 100%;
    box-sizing: border-box;
    white-space: pre;
    padding: 3px .5em
}

.k-spreadsheet .k-spreadsheet-cell-editor {
    position: absolute;
    display: none;
    padding: 0 3px;
    line-height: 20px;
    z-index: 2000;
    overflow: hidden
}

.k-spreadsheet > .k-spreadsheet-view {
    position: relative;
    font-size: 12px;
    font-family: Arial, Verdana, sans-serif
}

.k-spreadsheet > .k-spreadsheet-view .k-state-disabled {
    pointer-events: auto
}

.k-spreadsheet .k-tabstrip-wrapper {
    position: relative;
    line-height: 1.7em
}

.k-spreadsheet .k-tabstrip-wrapper .k-tabstrip-items {
    padding: .3em 0 0
}

.k-spreadsheet .k-spreadsheet-quick-access-toolbar {
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    padding: .3em .3em 0
}

.k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button {
    padding: .3em;
    line-height: 1.4em;
    height: auto
}

.k-spreadsheet .k-filter-wrapper, .k-spreadsheet .k-merged-cells-wrapper, .k-spreadsheet .k-selection-wrapper, .k-spreadsheet .k-spreadsheet-row-header {
    position: relative
}

.k-spreadsheet .k-spreadsheet-column-header {
    position: absolute
}

.k-spreadsheet .k-filter-wrapper {
    pointer-events: none;
    z-index: 50
}

.k-spreadsheet .k-spreadsheet-sheets-bar {
    border-width: 1px 0 0
}

.k-spreadsheet .k-vertical-align-center {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.k-spreadsheet .k-vertical-align-bottom {
    position: relative;
    top: 100%;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.k-spreadsheet .k-dirty {
    position: absolute;
    top: 0;
    left: 0;
    right: unset
}

.k-spreadsheet .k-single-selection {
    cursor: crosshair
}

.k-spreadsheet .k-single-selection:after {
    content: " ";
    height: 6px;
    width: 6px;
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    border-radius: 50%;
    margin-bottom: -4px;
    margin-right: -4px;
    border-width: 1px;
    border-style: solid;
    z-index: 100
}

.k-spreadsheet .k-spreadsheet-edit-container .k-single-selection:after {
    display: none
}

.k-spreadsheet .k-auto-fill, .k-spreadsheet .k-auto-fill-bl-hint, .k-spreadsheet .k-auto-fill-br-hint, .k-spreadsheet .k-auto-fill-punch, .k-spreadsheet .k-auto-fill-tr-hint {
    position: absolute;
    box-sizing: border-box
}

.k-spreadsheet .k-auto-fill {
    border-width: 1px;
    border-style: solid;
    cursor: crosshair
}

.k-spreadsheet .k-auto-fill-wrapper {
    position: relative
}

.k-spreadsheet .k-spreadsheet-vborder {
    position: absolute;
    border-left-style: solid;
    border-left-width: 1px
}

.k-spreadsheet .k-spreadsheet-hborder {
    position: absolute;
    border-top-style: solid;
    border-top-width: 1px
}

.k-spreadsheet-list-popup {
    margin-right: -1px
}

.k-spreadsheet-names-popup .k-item {
    position: relative
}

.k-spreadsheet-names-popup .k-icon {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: .7;
    cursor: pointer
}

.k-spreadsheet-names-popup .k-icon:hover {
    opacity: 1
}

.k-horizontal-resize {
    cursor: col-resize
}

.k-vertical-resize {
    cursor: row-resize
}

.k-merged-cells-wrapper, .k-selection-wrapper, .k-spreadsheet-active-cell, .k-spreadsheet-data {
    cursor: cell
}

.k-horizontal-resize .k-merged-cells-wrapper, .k-horizontal-resize .k-selection-wrapper, .k-horizontal-resize .k-spreadsheet-active-cell, .k-horizontal-resize .k-spreadsheet-data {
    cursor: col-resize
}

.k-vertical-resize .k-merged-cells-wrapper, .k-vertical-resize .k-selection-wrapper, .k-vertical-resize .k-spreadsheet-active-cell, .k-vertical-resize .k-spreadsheet-data {
    cursor: row-resize
}

.k-spreadsheet .k-colorpicker .k-tool-icon {
    overflow: visible
}

.k-button.k-custom-color, .k-button.k-reset-color {
    display: block;
    width: 100%;
    border-radius: 0;
    border: none;
    text-align: left;
    line-height: 2em
}

.k-spreadsheet-colorpicker .k-colorpalette {
    border: 1px solid #dbdbdb;
    border-left: none;
    border-right: none;
    padding: .4em
}

.k-spreadsheet-filter {
    position: absolute;
    cursor: pointer;
    pointer-events: all
}

.k-spreadsheet-sample {
    float: right
}

.k-spreadsheet-clipboard, .k-spreadsheet-clipboard-paste {
    position: fixed;
    opacity: 0;
    top: 0;
    left: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: 0;
    width: 1px;
    height: 1px;
    box-sizing: border-box
}

textarea.k-spreadsheet-clipboard {
    position: fixed
}

.k-spreadsheet-top-corner {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    border-width: 0 1px 1px 0;
    border-style: solid
}

.k-spreadsheet-top-corner:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    right: 0;
    border-width: 6px;
    border-style: solid
}

.k-spreadsheet-scroller {
    width: 100%;
    height: 100%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    z-index: 1
}

@media (hover: none),(pointer: coarse) {
    .k-spreadsheet-scroller {
        z-index: 3
    }
}

.k-spreadsheet-fixed-container {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: 2;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden
}

.k-spreadsheet-view-size {
    position: relative
}

.k-spreadsheet-column-header, .k-spreadsheet-row-header {
    text-align: center;
    z-index: 100
}

.k-spreadsheet-column-header .k-spreadsheet-cell, .k-spreadsheet-row-header .k-spreadsheet-cell {
    border-style: solid;
    border-width: 0 1px 1px 0
}

div.k-spreadsheet-window {
    padding: 1.167em .75em .75em
}

.k-spreadsheet-window .k-edit-form-container {
    width: 100%
}

.k-spreadsheet-window .k-root-tabs {
    border-width: 0;
    margin: -1em -1em 0;
    padding: .5em 1em 0
}

.k-spreadsheet-window .k-root-tabs .k-loading {
    display: none
}

.k-spreadsheet-window .k-list-wrapper {
    padding: .15em 0;
    height: 190px
}

.k-spreadsheet-window .k-list .k-item {
    border-radius: 0;
    padding: .5em .6em .4em;
    cursor: pointer;
    line-height: 1.1em
}

.k-spreadsheet-window .k-format-filter {
    width: 100%
}

.k-spreadsheet-window .k-format-filter + .k-group-header + .k-list-wrapper {
    margin-top: 1em
}

.k-spreadsheet-window .k-action-buttons {
    top: 10px;
    padding: 10px;
    margin-bottom: calc(10px - 1em)
}

.k-spreadsheet-window .k-edit-label {
    width: 25%;
    margin: 0 0 0 .75em
}

.k-spreadsheet-window .k-edit-field {
    width: 67%;
    margin: 0 .917em 0 0
}

.k-spreadsheet-window .k-edit-field, .k-spreadsheet-window .k-edit-label {
    padding: 0;
    line-height: 3em
}

.k-spreadsheet-window .k-edit-field .k-dropdown, .k-spreadsheet-window .k-edit-field .k-textbox {
    width: 100%
}

.k-spreadsheet-window .k-export-config .k-hr {
    margin-left: 15px;
    margin-right: 15px
}

.k-spreadsheet-window .k-export-config .k-edit-field {
    width: 40%;
    float: left;
    margin-left: 30px
}

.k-spreadsheet-window .k-page-orientation {
    position: absolute;
    right: 2em;
    top: 25%
}

.k-spreadsheet-window .k-page-orientation .k-icon {
    font-size: 6em
}

.k-spreadsheet-window .k-export-config:after, .k-spreadsheet-window > div:after {
    content: "";
    display: block;
    clear: both;
    height: 0
}

.k-spreadsheet-format-cells .k-spreadsheet-preview {
    font-weight: 700;
    text-align: center;
    font-size: 1.16em;
    line-height: 3.64em;
    margin: 0 -.863em .72em;
    border-style: solid;
    border-width: 1px 0
}

.k-spreadsheet-border-palette {
    width: 153px
}

.k-spreadsheet-border-palette .k-spreadsheet-border-type-palette .k-button {
    box-sizing: border-box;
    width: 20%
}

.k-spreadsheet-border-palette .k-colorpalette {
    vertical-align: bottom
}

.k-spreadsheet-popup .k-separator {
    width: 1px;
    height: 1.8em;
    vertical-align: middle;
    display: inline-block
}

.k-spreadsheet-popup .k-colorpalette {
    vertical-align: top
}

.k-spreadsheet-popup .k-button.k-button-icon {
    padding: .6em;
    border-width: 0;
    border-radius: 0
}

.k-spreadsheet-popup .k-button.k-button-icontext {
    display: block;
    text-align: left;
    text-transform: none;
    padding: .3em 1.5em .3em .9em;
    border-width: 0;
    border-radius: 0
}

.k-spreadsheet-filter-menu {
    width: 280px
}

.k-spreadsheet-filter-menu > .k-menu {
    border-width: 0
}

.k-spreadsheet-filter-menu > .k-menu .k-link {
    padding-left: 26px
}

.k-spreadsheet-filter-menu > .k-menu .k-link .k-icon {
    margin-left: -26px;
    width: 26px
}

.k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper {
    height: 200px;
    overflow-y: scroll;
    overflow-x: auto;
    border-width: 1px;
    border-style: solid
}

.k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper .k-treeview {
    overflow: visible;
    padding: 6px 7px
}

.k-spreadsheet-filter-menu .k-details {
    border-top-width: 1px;
    border-top-style: solid;
    padding: 4px 0
}

.k-spreadsheet-filter-menu .k-details-summary {
    cursor: pointer;
    line-height: 26px
}

.k-spreadsheet-filter-menu .k-details-summary .k-icon {
    margin: 0 5px
}

.k-spreadsheet-filter-menu .k-details-content {
    padding: 0 8px 0 26px
}

.k-spreadsheet-filter-menu .k-details-content > .k-textbox, .k-spreadsheet-filter-menu .k-details-content > .k-widget {
    width: 100%;
    margin-bottom: 3px
}

.k-spreadsheet-filter-menu .k-details-content .k-space-right {
    background-image: none
}

.k-spreadsheet-filter-menu .k-details-content .k-filter-and {
    width: 75px;
    margin: 8px 0
}

.k-spreadsheet-filter-menu .k-action-buttons {
    border-top-width: 0;
    margin: 8px;
    padding: 0;
    position: static
}

.k-resize-handle, .k-resize-hint {
    position: absolute;
    z-index: 200
}

.k-resize-hint-handle {
    width: 100%;
    height: 20px
}

.k-resize-hint-marker {
    width: 2px;
    height: 100%;
    margin: 0 auto
}

.k-resize-hint-vertical .k-resize-hint-handle {
    height: 100%;
    width: 20px;
    float: left
}

.k-resize-hint-vertical .k-resize-hint-marker {
    height: 2px;
    width: 100%
}

.k-button.k-spreadsheet-sheets-bar-add, .k-spreadsheet-quick-access-toolbar .k-button {
    border-color: transparent;
    background-color: transparent;
    background-image: none
}

.k-spreadsheet-tabstrip {
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0
}

.k-spreadsheet-tabstrip > .k-content {
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    margin: 0;
    padding: 0
}

.k-spreadsheet-tabstrip .k-loading {
    display: none
}

.k-spreadsheet-toolbar {
    border-width: 0
}

.k-spreadsheet-toolbar > .k-widget[data-property=fontSize] {
    width: 75px
}

.k-spreadsheet-toolbar > .k-widget[data-property=format] {
    width: 100px
}

.k-spreadsheet-toolbar > .k-widget[data-property=fontFamily] {
    width: 130px
}

.k-spreadsheet-toolbar [data-tool=alignment], .k-spreadsheet-toolbar [data-tool=backgroundColor], .k-spreadsheet-toolbar [data-tool=borders], .k-spreadsheet-toolbar [data-tool=freeze], .k-spreadsheet-toolbar [data-tool=merge], .k-spreadsheet-toolbar [data-tool=textColor] {
    width: auto
}

.k-spreadsheet-formula-input > .k-syntax-bool.k-syntax-at-point, .k-spreadsheet-formula-input > .k-syntax-func.k-syntax-at-point, .k-spreadsheet-formula-input > .k-syntax-num.k-syntax-at-point, .k-spreadsheet-formula-input > .k-syntax-ref.k-syntax-at-point, .k-spreadsheet-formula-input > .k-syntax-str.k-syntax-at-point {
    text-decoration: underline
}

.k-spreadsheet-formula-input > .k-series-a, .k-spreadsheet-formula-input > .k-series-b, .k-spreadsheet-formula-input > .k-series-c, .k-spreadsheet-formula-input > .k-series-d {
    background-color: transparent
}

.k-spreadsheet-selection-highlight {
    border-width: 1px;
    border-style: solid;
    position: absolute;
    box-sizing: border-box
}

.k-spreadsheet-formula-list {
    min-width: 100px
}

.k-spreadsheet-formula-list .k-item {
    padding: 0 .3em;
    box-shadow: none
}

.k-spreadsheet-sheets-bar {
    position: relative
}

.k-button.k-spreadsheet-sheets-bar-add {
    position: absolute;
    bottom: .2em;
    left: .4em;
    z-index: 1
}

.k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove {
    padding: 0;
    margin: .5em .5em .5em -.5em;
    vertical-align: middle
}

.k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove .k-button-icon {
    padding: 2px;
    line-height: normal
}

.k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove .k-icon {
    margin: 0
}

.k-spreadsheet-sheets-items-hint {
    margin-top: .1em;
    background: 0 0 !important;
    border-width: 0 !important
}

.k-spreadsheet-editor-button {
    position: absolute;
    width: 20px;
    z-index: 10;
    margin-left: 2px;
    padding: 0 !important
}

.k-spreadsheet-editor-button.k-spreadsheet-last-column {
    margin-left: -21px
}

.k-spreadsheet-editor-button span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.hint-wrapper {
    margin-top: 1em
}

.k-edit-form-container > div:after {
    display: block;
    content: "";
    clear: both
}

.k-spreadsheet-filter-menu .k-i-arrow-45-down-right {
    cursor: pointer
}

.k-spreadsheet-import-errors .k--header-message {
    font-weight: 700;
    padding-bottom: 5px;
    border-bottom: 1px solid #888;
    margin-bottom: 5px
}

.k-spreadsheet-import-errors .k--errors {
    max-height: 350px;
    overflow: auto
}

.k-spreadsheet-import-errors .k--errors table {
    border-collapse: collapse;
    font-size: 90%
}

.k-spreadsheet-import-errors .k--errors table td, .k-spreadsheet-import-errors .k--errors table th {
    padding: 2px 4px;
    border-bottom: 1px solid #bbb
}

.k-spreadsheet-import-errors .k--errors table th {
    text-align: left;
    border-bottom: 1px solid #000
}

.k-spreadsheet-insert-image-dialog {
    margin: 0 1em;
    border-style: dashed;
    border-width: 2px
}

.k-spreadsheet-insert-image-dialog label {
    position: relative;
    display: block;
    width: 355px;
    height: 200px;
    padding: 10px;
    background-image: none;
    background-size: auto 70%;
    background-repeat: no-repeat;
    background-position: 50% 30%
}

.k-spreadsheet-insert-image-dialog label div {
    position: relative;
    top: 75%;
    padding: 10px;
    text-align: center;
    pointer-events: none
}

.k-spreadsheet-insert-image-dialog label input {
    display: none
}

.k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image {
    background-size: auto 90%;
    background-position: 50% 50%
}

.k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-state-hovered div, .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover div {
    opacity: 1;
    top: 50%
}

.k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image div {
    opacity: 0
}

.k-spreadsheet-drawing {
    position: absolute;
    box-sizing: border-box;
    z-index: 101
}

.k-spreadsheet-drawing.k-spreadsheet-active-drawing {
    outline-style: solid;
    outline-width: 2px
}

.k-spreadsheet-drawing .k-spreadsheet-drawing-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    cursor: move
}

.k-spreadsheet-drawing .k-spreadsheet-drawing-handle {
    position: absolute;
    width: 6px;
    height: 6px;
    border-style: solid;
    border-width: 1px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.k-spreadsheet-drawing .k-spreadsheet-drawing-handle.N {
    left: 50%;
    top: 0;
    cursor: ns-resize
}

.k-spreadsheet-drawing .k-spreadsheet-drawing-handle.NE {
    left: 100%;
    top: 0;
    cursor: nesw-resize
}

.k-spreadsheet-drawing .k-spreadsheet-drawing-handle.E {
    left: 100%;
    top: 50%;
    cursor: ew-resize
}

.k-spreadsheet-drawing .k-spreadsheet-drawing-handle.SE {
    left: 100%;
    top: 100%;
    cursor: nwse-resize
}

.k-spreadsheet-drawing .k-spreadsheet-drawing-handle.S {
    left: 50%;
    top: 100%;
    cursor: ns-resize
}

.k-spreadsheet-drawing .k-spreadsheet-drawing-handle.SW {
    left: 0;
    top: 100%;
    cursor: nesw-resize
}

.k-spreadsheet-drawing .k-spreadsheet-drawing-handle.W {
    left: 0;
    top: 50%;
    cursor: ew-resize
}

.k-spreadsheet-drawing .k-spreadsheet-drawing-handle.NW {
    left: 0;
    top: 0;
    cursor: nwse-resize
}

.k-avatar {
    width: 32px;
    height: 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.k-avatar-circle, .k-avatar-circle.k-avatar-image > * {
    border-radius: 50%
}

.k-avatar-rounded, .k-avatar-rounded.k-avatar-image > * {
    border-radius: 5px
}

.k-avatar-image > * {
    width: 32px;
    height: 32px;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.k-card {
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.k-card .k-card-callout {
    position: absolute;
    width: 20px;
    height: 20px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0
}

.k-card .k-card-callout.k-callout-n {
    top: 0;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    left: 50%
}

.k-card .k-card-callout.k-callout-e {
    top: 50%;
    left: auto;
    right: 0;
    -webkit-transform: translate(50%, -50%) rotate(135deg) scaleX(-1);
    -ms-transform: translate(50%, -50%) rotate(135deg) scaleX(-1);
    transform: translate(50%, -50%) rotate(135deg) scaleX(-1)
}

.k-card .k-card-callout.k-callout-s {
    top: auto;
    bottom: 0;
    -webkit-transform: translate(-50%, 50%) rotate(135deg);
    -ms-transform: translate(-50%, 50%) rotate(135deg);
    transform: translate(-50%, 50%) rotate(135deg);
    left: 50%
}

.k-card .k-card-callout.k-callout-w {
    top: 50%;
    left: 0;
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    -ms-transform: translate(-50%, -50%) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(-135deg)
}

.k-card .k-avatar {
    margin-right: 16px
}

.k-card .k-avatar, .k-card .k-avatar.k-avatar-image > * {
    width: 45px;
    height: 45px
}

.k-card.k-card-flat {
    box-shadow: none
}

.k-card-horizontal {
    -ms-flex-direction: row;
    flex-direction: row
}

.k-card-header {
    padding: 12px 16px;
    border-width: 0 0 1px;
    border-style: solid;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.k-card > .k-card-header:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.k-card > .k-card-header:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.k-card-header h1, .k-card-header h2, .k-card-header h3, .k-card-header h4, .k-card-header h5, .k-card-header h6 {
    margin: 0
}

.k-card-header .k-card-title + .k-card-subtitle {
    margin-top: 0
}

.k-card-footer {
    padding: 12px 16px;
    border-width: 1px 0 0;
    border-style: solid;
    display: block
}

.k-card-body {
    padding: 12px 16px;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.k-card > .k-card-body:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.k-card > .k-card-body:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.k-card-body p {
    margin: 0 0 8px
}

.k-card-body > .k-last, .k-card-body > :last-child {
    margin-bottom: 0
}

.k-card-image, .k-card-media {
    border: 0;
    max-width: 100%;
    overflow: hidden
}

.k-card > .k-card-image:first-child, .k-card > .k-card-media:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.k-card > .k-card-image:last-child, .k-card > .k-card-media:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.k-card-image > img, .k-card-media > img {
    border: 0;
    max-width: 100%
}

.k-card-horizontal .k-card-image, .k-card-horizontal .k-card-media {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 100px;
    object-fit: cover
}

.k-card-title {
    font-family: inherit;
    font-size: 19px;
    line-height: normal;
    font-weight: 400;
    margin: 0 0 8px
}

.k-card-subtitle {
    font-size: 12px;
    margin: 0 0 8px;
    opacity: .6
}

.k-card-separator {
    margin: 0;
    border-width: 1px 0 0;
    border-style: solid;
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.k-card-separator.k-separator-vertical {
    width: 0;
    border-width: 0 0 0 1px
}

.k-card > .k-hr {
    margin: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-color: inherit
}

.k-card-actions {
    padding: 8px 16px;
    border-width: 0;
    border-style: solid;
    border-color: inherit;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.k-card > .k-card-actions:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.k-card > .k-card-actions:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.k-card-horizontal .k-card-actions, .k-card-vertical .k-card-actions {
    border: 0
}

.k-card-actions .k-button {
    max-width: 100%;
    white-space: normal
}

.k-card-actions > .k-button.k-flat:first-child {
    margin-left: -8px
}

.k-card-actions.k-card-actions-start {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.k-card-actions.k-card-actions-end {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.k-card-actions.k-card-actions-center {
    -ms-flex-pack: center;
    justify-content: center
}

.k-card-action {
    border-width: 0;
    border-style: solid;
    border-color: inherit;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.k-card-action > .k-button {
    border-radius: 0;
    padding: 16px;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.k-card-actions-vertical {
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.k-card-actions-vertical .k-button {
    padding: 12px 16px
}

.k-card-actions-vertical .k-button.k-flat:first-child {
    margin-left: 0
}

.k-card-actions-vertical .k-card-action + .k-card-action {
    border-top-width: 1px
}

.k-card-horizontal .k-card-actions-vertical {
    border-top-width: 0;
    border-left-width: 1px
}

.k-card-vertical .k-card-actions-vertical.k-card-actions-start {
    -ms-flex-align: start;
    align-items: flex-start
}

.k-card-vertical .k-card-actions-vertical.k-card-actions-end {
    -ms-flex-align: end;
    align-items: flex-end
}

.k-card-vertical .k-card-actions-vertical.k-card-actions-center {
    -ms-flex-align: center;
    align-items: center
}

.k-card-vertical .k-card-actions-vertical.k-card-actions-center, .k-card-vertical .k-card-actions-vertical.k-card-actions-end, .k-card-vertical .k-card-actions-vertical.k-card-actions-start {
    padding: 8px 16px
}

.k-card-vertical .k-card-actions-vertical.k-card-actions-center .k-button, .k-card-vertical .k-card-actions-vertical.k-card-actions-end .k-button, .k-card-vertical .k-card-actions-vertical.k-card-actions-start .k-button {
    padding: 4px 8px
}

.k-card-actions-stretched {
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.k-card-actions-stretched .k-button {
    padding: 12px 16px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-radius: 0
}

.k-card-actions-stretched .k-button.k-flat:first-child {
    margin-left: 0
}

.k-card-actions-stretched .k-card-action + .k-card-action {
    border-left-width: 1px
}

.k-card .k-card-actions-stretched {
    border-top-width: 1px;
    border-style: solid
}

.k-card-horizontal > .k-card-actions-stretched {
    border-left-width: 1px;
    border-top-width: 0
}

.k-card-actions-stretched.k-card-actions-vertical {
    -ms-flex-direction: column;
    flex-direction: column
}

.k-card-actions-stretched.k-card-actions-vertical .k-card-action + .k-card-action {
    border-top-width: 1px;
    border-left-width: 0
}

.k-card-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    align-items: stretch
}

.k-card-list, .k-card-list .k-card {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.k-card-list .k-card + .k-card {
    margin-top: 16px
}

.k-card-deck {
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    align-items: stretch
}

.k-card-deck, .k-card-deck .k-card {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.k-card-deck .k-card + .k-card {
    margin-left: 16px
}

.k-card-deck-scrollwrap {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-align: center;
    align-items: center
}

.k-card-deck-scrollwrap > .k-button {
    border-radius: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: absolute;
    z-index: 1
}

.k-card-deck-scrollwrap > .k-button:first-child {
    left: -1px
}

.k-card-deck-scrollwrap > .k-button:last-child {
    right: -1px
}

.k-card-deck-scrollwrap > .k-card-deck {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.k-card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.k-card-group .k-card {
    border-radius: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.k-card-group .k-card > .k-card-header {
    border-radius: 0
}

.k-card-group .k-card + .k-card {
    margin-left: -1px
}

.k-card-group .k-card.k-first {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.k-card-group .k-card.k-first > .k-card-header {
    border-top-left-radius: 4px
}

.k-card-group .k-card.k-last {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.k-card-group .k-card.k-last > .k-card-header {
    border-top-right-radius: 4px
}

.k-card-group .k-card.k-only {
    border-radius: 4px
}

.k-card-group .k-card.k-only > .k-card-header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.k-rtl .k-card-deck .k-card + .k-card, [dir=rtl] .k-card-deck .k-card + .k-card {
    margin-left: 0;
    margin-right: 16px
}

.k-rtl .k-card-actions-stretched .k-card-action + .k-card-action, .k-rtl .k-card-horizontal .k-card-actions-vertical, .k-rtl .k-card-horizontal > .k-card-actions-stretched, [dir=rtl] .k-card-actions-stretched .k-card-action + .k-card-action, [dir=rtl] .k-card-horizontal .k-card-actions-vertical, [dir=rtl] .k-card-horizontal > .k-card-actions-stretched {
    border-right-width: 1px;
    border-left-width: 0
}

.k-ie11 .k-card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.k-tilelayout {
    border-width: 0;
    border-style: solid;
    box-sizing: border-box;
    outline: 0;
    display: grid
}

.k-layout-item-hint {
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    position: relative
}

.k-layout-item-hint.k-layout-item-hint-resize {
    z-index: 3
}

.k-hidden {
    display: none !important
}

.k-chat {
    height: 600px;
    max-height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    max-width: 500px;
    margin: auto
}

.k-chat .k-message-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow-x: hidden;
    overflow-y: auto;
    scroll-behavior: smooth
}

.k-chat .k-message-list-content {
    padding: 16px;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow: hidden
}

.k-chat .k-message-list-content > * + * {
    margin-top: 16px
}

.k-chat .k-message-group {
    max-width: 80%;
    background: 0 0;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.k-chat .k-message-group:not(.k-alt) {
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left
}

.k-chat .k-message-group:not(.k-alt) .k-message-time {
    margin-left: 8px;
    left: 100%
}

.k-chat .k-message-group:not(.k-alt) .k-message-status {
    left: 0
}

.k-chat .k-message-group:not(.k-alt) .k-first .k-bubble, .k-chat .k-message-group:not(.k-alt) .k-only .k-bubble {
    border-bottom-left-radius: 2px
}

.k-chat .k-message-group:not(.k-alt) .k-last .k-bubble, .k-chat .k-message-group:not(.k-alt) .k-middle .k-bubble {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.k-chat .k-message-group.k-alt {
    -ms-flex-item-align: end;
    align-self: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    text-align: right
}

.k-chat .k-message-group.k-alt .k-message-time {
    margin-right: 8px;
    right: 100%
}

.k-chat .k-message-group.k-alt .k-message-status {
    right: 0
}

.k-chat .k-message-group.k-alt .k-first .k-bubble, .k-chat .k-message-group.k-alt .k-only .k-bubble {
    border-bottom-right-radius: 2px
}

.k-chat .k-message-group.k-alt .k-last .k-bubble, .k-chat .k-message-group.k-alt .k-middle .k-bubble {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.k-chat .k-message {
    max-width: 100%;
    margin: 2px 0 0;
    position: relative;
    transition: margin .2s ease-in-out
}

.k-chat .k-message-status, .k-chat .k-message-time {
    font-size: smaller;
    line-height: normal;
    white-space: nowrap;
    pointer-events: none;
    position: absolute
}

.k-chat .k-message-time {
    opacity: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: opacity .2s ease-in-out
}

.k-chat .k-message-status {
    margin-top: 2px;
    height: 0;
    overflow: hidden;
    top: 100%;
    transition: height .2s ease-in-out
}

.k-chat .k-bubble {
    border-radius: 12px;
    padding: 8px 12px;
    border-width: 1px;
    border-style: solid;
    line-height: 18px;
    word-wrap: break-word
}

.k-chat .k-message.k-state-selected {
    margin-bottom: 16px;
    border: 0;
    color: inherit;
    background: 0 0
}

.k-chat .k-message.k-state-selected .k-message-time {
    opacity: 1
}

.k-chat .k-message.k-state-selected .k-message-status {
    height: 1.2em
}

.k-chat .k-message-error, .k-chat .k-message-sending {
    margin-bottom: 16px
}

.k-chat .k-message-error .k-message-status, .k-chat .k-message-sending .k-message-status {
    height: 1.2em
}

.k-chat .k-avatar {
    border-radius: 100%;
    width: 32px;
    height: 32px;
    position: absolute
}

.k-chat .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
    padding-left: 40px
}

.k-chat .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
    padding-right: 40px
}

.k-chat .k-message-group:not(.k-alt) > .k-avatar {
    left: 0;
    bottom: 0
}

.k-chat .k-message-group.k-alt > .k-avatar {
    right: 0;
    bottom: 0
}

.k-author {
    margin: 0;
    font-size: smaller;
    line-height: normal
}

.k-chat .k-author {
    margin: 0
}

.k-timestamp {
    font-size: smaller;
    line-height: normal;
    text-align: center;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.k-quick-replies {
    display: block;
    max-width: 100%
}

.k-quick-reply {
    border-radius: 100px;
    margin-right: 8px;
    margin-bottom: 4px;
    padding: 8px 12px;
    border-width: 1px;
    line-height: 18px;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    transition-property: color, background-color, border-color;
    transition-duration: .2s;
    transition-timing-function: ease-in-out
}

.k-message-box, .k-quick-reply {
    border-style: solid;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.k-message-box {
    padding: 10px 16px;
    border-width: 1px 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.k-message-box .k-input {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    background: 0 0;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.k-message-box .k-button {
    padding: 0
}

.k-message-box .k-button svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
    display: inline-block
}

.k-message-box .k-button:after, .k-message-box .k-button:before {
    display: none
}

.k-chat .k-card-list {
    margin: 2px 0 0
}

.k-chat .k-card-deck {
    max-width: calc(100% + 32px);
    box-sizing: border-box;
    margin-left: -16px;
    margin-right: -16px;
    padding: 16px;
    overflow: hidden;
    overflow-x: auto;
    scroll-behavior: smooth
}

.k-chat .k-card-deck .k-card-wrap + .k-card-wrap {
    margin-left: 16px
}

.k-chat .k-card-deck .k-card, .k-chat .k-card-deck .k-card-wrap {
    width: 200px
}

.k-card-deck-scrollwrap {
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
    overflow: hidden;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    box-sizing: content-box
}

.k-card-deck-scrollwrap > .k-card-deck {
    margin-bottom: -20px;
    padding-bottom: 20px
}

.k-chat .k-card-deck .k-card-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.k-chat .k-card-deck .k-card-wrap .k-card {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.k-chat .k-card-deck .k-card-wrap .k-card + .k-card {
    margin-left: 16px
}

.k-chat .k-card-deck .k-card-wrap.k-state-selected {
    background: 0 0
}

.k-typing-indicator {
    padding: 0;
    border-radius: 50px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.k-typing-indicator span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    -ms-flex: 0 0 8px;
    flex: 0 0 8px;
    background-color: currentColor
}

.k-typing-indicator span + span {
    margin-left: 5px
}

@-webkit-keyframes k-animation-blink {
    50% {
        opacity: 1
    }
}

@keyframes k-animation-blink {
    50% {
        opacity: 1
    }
}

.k-chat .k-toolbar-box {
    width: 100%;
    border-width: 1px 0 0;
    border-style: solid;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.k-chat .k-toolbar-box .k-button-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden;
    scroll-behavior: smooth;
    padding: 10px 16px
}

.k-chat .k-toolbar-box .k-button-list:after {
    content: "";
    padding-right: 16px
}

.k-chat .k-toolbar-box .k-button-list .k-button + .k-button {
    margin-left: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.k-chat .k-toolbar-box .k-scroll-button {
    position: absolute;
    z-index: 2;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.k-chat .k-toolbar-box .k-scroll-button-left {
    left: 0
}

.k-chat .k-toolbar-box .k-scroll-button-right {
    right: 0
}

.k-chat .k-toolbar-box .k-button {
    border-width: 0;
    color: inherit;
    background: 0 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    box-shadow: none
}

.k-rtl .k-message-group:not(.k-alt), [dir=rtl] .k-message-group:not(.k-alt) {
    text-align: right
}

.k-rtl .k-message-group:not(.k-alt) .k-message-time, [dir=rtl] .k-message-group:not(.k-alt) .k-message-time {
    margin-left: 0;
    margin-right: 8px;
    left: auto;
    right: 100%
}

.k-rtl .k-message-group:not(.k-alt) .k-message-status, [dir=rtl] .k-message-group:not(.k-alt) .k-message-status {
    left: auto;
    right: 0
}

.k-rtl .k-message-group.k-alt, [dir=rtl] .k-message-group.k-alt {
    text-align: left
}

.k-rtl .k-message-group.k-alt .k-message-time, [dir=rtl] .k-message-group.k-alt .k-message-time {
    margin-right: 0;
    margin-left: 8px;
    right: auto;
    left: 100%
}

.k-rtl .k-message-group.k-alt .k-message-status, [dir=rtl] .k-message-group.k-alt .k-message-status {
    right: auto;
    left: 0
}

.k-rtl .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar), [dir=rtl] .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
    padding-left: 0;
    padding-right: 40px
}

.k-rtl .k-avatars .k-message-group.k-alt:not(.k-no-avatar), [dir=rtl] .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
    padding-right: 0;
    padding-left: 40px
}

.k-rtl .k-message-box .k-button svg, [dir=rtl] .k-message-box .k-button svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.k-rtl .k-quick-reply, [dir=rtl] .k-quick-reply {
    margin-right: 0;
    margin-left: 8px
}

.k-calendar {
    padding: 0;
    border-width: 1px;
    border-style: solid;
    line-height: 1.42857143;
    position: relative;
    overflow: hidden;
    display: inline-block
}

.k-calendar .k-link {
    color: inherit;
    text-decoration: none;
    outline: 0
}

.k-calendar .k-action-link {
    text-decoration: underline
}

.k-calendar .k-state-focused, .k-calendar .k-state-focused.k-state-selected {
    box-shadow: none
}

.k-calendar table {
    margin: 0;
    padding: 0;
    border-spacing: 0;
    border-width: 0;
    outline: 0;
    table-layout: fixed;
    float: left
}

.k-calendar td, .k-calendar th {
    border-width: 0;
    padding: 0;
    text-align: center;
    border-style: solid;
    border-color: inherit;
    color: inherit;
    background: 0 0;
    font-weight: 400;
    cursor: default
}

.k-calendar .k-header {
    padding: 2px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    text-align: center;
    position: relative;
    z-index: 1
}

.k-calendar .k-header .k-link {
    padding: 4px;
    border-width: 0;
    border-style: solid;
    border-radius: 4px;
    display: inline-block
}

.k-calendar .k-nav-next, .k-calendar .k-nav-prev {
    width: 1.42857143em;
    height: 1.42857143em;
    box-sizing: content-box;
    position: absolute;
    top: 2px
}

.k-calendar .k-nav-next .k-icon, .k-calendar .k-nav-prev .k-icon {
    vertical-align: text-top
}

.k-calendar .k-nav-prev {
    left: 2px
}

.k-calendar .k-nav-next {
    right: 2px
}

.k-calendar .k-nav-fast {
    margin: auto;
    width: 75%;
    box-sizing: border-box
}

.k-calendar .k-footer {
    text-align: center;
    position: relative;
    clear: both
}

.k-calendar .k-footer > .k-state-disabled, .k-calendar .k-nav-today {
    padding: .5em;
    border-width: 0;
    border-radius: 0;
    display: block
}

.k-calendar .k-nav-today:hover {
    text-decoration: underline
}

.k-calendar .k-calendar-view {
    width: 17em;
    height: 17em;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.k-calendar.k-week-number .k-calendar-view {
    width: 19.42857143em;
    padding: 0
}

.k-calendar .k-content {
    width: 100%;
    background-color: transparent
}

.k-calendar .k-content th {
    padding: .25em 2px;
    border-bottom-width: 1px;
    box-sizing: border-box
}

.k-calendar .k-content td {
    border-radius: 4px
}

.k-calendar .k-content td.k-alt {
    width: 2.42857143em;
    border-radius: 0
}

.k-calendar .k-content .k-link {
    margin: auto;
    padding: .5em;
    box-sizing: border-box;
    border-radius: 4px;
    line-height: 1.42857143;
    display: block
}

.k-calendar .k-month .k-link {
    width: 2.42857143em;
    height: 2.42857143em
}

.k-calendar .k-month th {
    height: 2.42857143em
}

.k-calendar .k-decade .k-link, .k-calendar .k-year .k-link {
    width: 4.28571429em;
    height: 4.28571429em;
    line-height: 3.28571429em
}

.k-calendar .k-century .k-link {
    width: 4.28571429em;
    height: 4.28571429em;
    text-align: left;
    line-height: 1.64285714em;
    white-space: normal
}

.k-calendar .k-animation-container .k-content {
    height: 100%
}

.k-calendar .k-calendar-header {
    padding: 8px 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.k-calendar .k-calendar-header .k-button {
    white-space: nowrap;
    border-color: transparent !important;
    color: inherit;
    background: 0 0 !important;
    box-shadow: none !important;
    transition: color .2s ease-in-out
}

.k-calendar .k-calendar-header .k-button.k-state-active, .k-calendar .k-calendar-header .k-button.k-state-hover, .k-calendar .k-calendar-header .k-button:active, .k-calendar .k-calendar-header .k-button:hover, .k-calendar .k-calendar-header .k-button:hover.k-state-active, .k-calendar .k-calendar-header .k-button:hover:active {
    color: inherit
}

.k-calendar .k-calendar-header .k-button:after, .k-calendar .k-calendar-header .k-button:before {
    display: block
}

.k-calendar .k-calendar-header .k-button.k-state-focused:after, .k-calendar .k-calendar-header .k-button:focus:after {
    box-shadow: inset 0 0 0 2px currentColor;
    opacity: .12
}

.k-calendar .k-calendar-header .k-button.k-state-disabled, .k-calendar .k-calendar-header .k-button[disabled], .k-state-disabled .k-calendar .k-calendar-header .k-button {
    pointer-events: none
}

.k-calendar .k-calendar-header .k-today {
    cursor: pointer
}

.k-calendar .k-calendar-decadeview, .k-calendar .k-calendar-monthview, .k-calendar .k-calendar-yearview {
    padding: 0 16px
}

.k-calendar .k-calendar-decadeview th, .k-calendar .k-calendar-monthview th, .k-calendar .k-calendar-yearview th {
    border-bottom-width: 0;
    background-color: transparent
}

.k-calendar .k-calendar-decadeview .k-alt, .k-calendar .k-calendar-monthview .k-alt, .k-calendar .k-calendar-yearview .k-alt {
    opacity: .5;
    background-color: transparent
}

.k-calendar-range {
    width: auto;
    text-align: left;
    line-height: 1.42857143
}

.k-calendar-range .k-calendar-header {
    padding: 8px 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.k-calendar-range .k-calendar-header .k-button {
    white-space: nowrap;
    border-color: transparent !important;
    color: inherit;
    background: 0 0 !important;
    box-shadow: none !important;
    transition: color .2s ease-in-out
}

.k-calendar-range .k-calendar-header .k-button.k-state-active, .k-calendar-range .k-calendar-header .k-button.k-state-hover, .k-calendar-range .k-calendar-header .k-button:active, .k-calendar-range .k-calendar-header .k-button:hover, .k-calendar-range .k-calendar-header .k-button:hover.k-state-active, .k-calendar-range .k-calendar-header .k-button:hover:active {
    color: inherit
}

.k-calendar-range .k-calendar-header .k-button:after, .k-calendar-range .k-calendar-header .k-button:before {
    display: block
}

.k-calendar-range .k-calendar-header .k-button.k-state-focused:after, .k-calendar-range .k-calendar-header .k-button:focus:after {
    box-shadow: inset 0 0 0 2px currentColor;
    opacity: .12
}

.k-calendar-range .k-calendar-header .k-button.k-state-disabled, .k-calendar-range .k-calendar-header .k-button[disabled], .k-state-disabled .k-calendar-range .k-calendar-header .k-button {
    pointer-events: none
}

.k-calendar-range .k-calendar-nav {
    display: inline-block;
    white-space: nowrap
}

.k-calendar-range .k-calendar-view {
    height: auto;
    width: auto;
    min-height: 17em;
    text-align: center;
    white-space: nowrap
}

.k-animation-container-sm .k-calendar-range .k-calendar-view {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.k-calendar-range.k-week-number .k-calendar-view {
    width: auto
}

.k-calendar-range .k-content {
    padding: 0 16px 8px;
    width: auto;
    height: auto;
    text-align: center;
    display: inline-table;
    vertical-align: top;
    float: none;
    color: inherit;
    background-color: transparent
}

.k-calendar-range .k-content td, .k-calendar-range .k-content th {
    padding: 0;
    border-width: 0;
    color: inherit;
    background-color: transparent;
    background-image: none;
    text-align: inherit;
    vertical-align: middle
}

.k-calendar-range .k-content th {
    padding: .5em 0;
    font-size: 12px;
    line-height: 1.5;
    text-transform: uppercase;
    opacity: .5
}

.k-calendar-range .k-content td {
    border-radius: 4px
}

.k-calendar-range .k-content td.k-alt {
    opacity: .5
}

.k-calendar-range .k-content .k-link {
    padding: .5em;
    min-height: 0;
    box-sizing: border-box;
    border-radius: 4px;
    line-height: inherit
}

.k-calendar-range .k-content .k-meta-header, .k-calendar-range .k-content .k-month-header {
    margin: 0 16px;
    padding: .5em 8px;
    font-size: 12px;
    line-height: 1.5;
    text-transform: uppercase;
    text-align: left;
    opacity: .5
}

.k-calendar-range .k-content td.k-range-start {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.k-calendar-range .k-content td.k-range-mid {
    border-radius: 0
}

.k-calendar-range .k-content td.k-range-end {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.k-calendar-range .k-content td.k-range-split-end, .k-calendar-range .k-content td.k-range-split-start {
    position: relative
}

.k-calendar-range .k-content td.k-range-split-end:after, .k-calendar-range .k-content td.k-range-split-start:after {
    content: "";
    width: 5px;
    display: block;
    position: absolute;
    top: 1px;
    bottom: 1px
}

.k-calendar-range .k-content td.k-range-split-start:after {
    right: auto;
    left: -5px
}

.k-calendar-range .k-content td.k-range-split-end:after {
    right: -5px;
    left: auto
}

.k-calendar-range .k-content td.k-weekend {
    background-color: transparent
}

.k-calendar-range .k-state-selected {
    color: inherit;
    background: 0 0;
    border-color: transparent
}

.k-calendar-range .k-state-focused, .k-calendar-range .k-state-focused.k-state-selected {
    box-shadow: none
}

.k-calendar-range td.k-state-disabled {
    opacity: .5
}

.k-calendar-range td.k-state-disabled .k-link {
    color: inherit
}

.k-calendar-range .k-footer .k-nav-today {
    padding: 8px 16px;
    width: auto;
    height: auto;
    display: block
}

.k-calendar-range .k-calendar-decadeview, .k-calendar-range .k-calendar-monthview, .k-calendar-range .k-calendar-yearview {
    padding: 0
}

.k-widget.k-daterangepicker {
    border: 0;
    box-shadow: none
}

.k-calendar-monthview .k-content .k-link {
    width: 2.42857143em
}

.k-calendar-monthview .k-content tbody tr {
    height: 2.42857143em
}

.k-calendar-yearview .k-content {
    margin: 0 -1px
}

.k-calendar-yearview .k-content .k-link {
    width: 4.28571429em;
    height: 4.28571429em;
    line-height: 3.25
}

.k-calendar-decadeview .k-content {
    margin: 0 -1px
}

.k-calendar-decadeview .k-content .k-link {
    width: 4.28571429em;
    height: 4.28571429em;
    line-height: 3.25
}

.k-calendar-centuryview .k-content {
    margin: 0 -1px
}

.k-calendar-centuryview .k-content .k-link {
    padding: .5em;
    width: 4.28571429em;
    height: 4.28571429em;
    text-align: left;
    line-height: 1.625;
    white-space: normal
}

.k-rtl .k-calendar-range {
    text-align: right
}

.k-rtl .k-calendar-range .k-calendar-nav {
    float: left
}

.k-pdf-viewer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.k-pdf-viewer .k-toolbar {
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
    border-color: inherit;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    z-index: 2
}

.k-pdf-viewer .k-pager-wrap {
    padding: 0;
    min-height: auto;
    border-width: 0;
    color: inherit;
    background: 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-align: center;
    align-items: center
}

.k-pdf-viewer .k-list-scroller {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    outline: 0
}

.k-pdf-viewer .k-list-scroller .k-enable-text-select {
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text;
    cursor: text
}

.k-pdf-viewer .k-list-scroller .k-enable-panning {
    cursor: grab
}

.k-pdf-viewer .k-list-scroller .k-enable-panning span::selection {
    background-color: transparent
}

.k-pdf-viewer .k-page {
    position: relative;
    margin: 30px auto
}

.k-pdf-viewer .k-page canvas {
    direction: ltr
}

.k-pdf-viewer .k-page .k-text-layer {
    position: absolute;
    top: 0;
    left: 0;
    opacity: .2;
    overflow: hidden
}

.k-pdf-viewer .k-page .k-text-layer > span {
    position: absolute;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    color: transparent
}

.k-pdf-viewer .k-page .k-text-layer mark {
    color: transparent
}

.k-pdf-viewer-window {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.k-pdf-viewer-window .k-edit-field .k-file-format, .k-pdf-viewer-window .k-edit-field .k-textbox {
    width: 100%
}

.k-pdf-viewer-window .k-action-buttons {
    top: 10px;
    padding: 10px;
    margin-bottom: calc(10px - 1em)
}

.k-pdf-viewer-search-dialog {
    padding: .28571428em
}

.k-pdf-viewer-search-dialog .k-search-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center
}

.k-pdf-viewer-search-dialog .k-search-container .k-textbox {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    padding-right: .17857143em;
    margin: 0 .28571428em
}

.k-pdf-viewer-search-dialog .k-search-container .k-textbox .k-icon {
    position: relative;
    top: auto;
    margin: 0;
    font-size: inherit
}

.k-pdf-viewer-search-dialog .k-search-container .k-textbox .k-search-dialog-input::-ms-clear {
    display: none
}

.k-pdf-viewer-search-dialog .k-search-container .k-textbox:after {
    content: ""
}

.k-pdf-viewer-search-dialog .k-search-container .k-match-case-button {
    height: 1.65em
}

.k-pdf-viewer-search-dialog .k-search-container .k-search-matches {
    display: inline-block;
    min-width: 4.5em;
    margin: 0 .28571428em;
    vertical-align: middle
}

.k-pdf-viewer-search-dialog .k-search-container > .k-button {
    margin-left: .28571428em
}

.k-pdf-viewer-search-dialog .k-search-container .k-search-dialog-draghandle {
    cursor: move;
    margin-left: 0
}

.k-scrollview {
    position: relative;
    overflow: hidden;
    outline: 0;
    display: block
}

ul.k-scrollview-wrap {
    list-style-type: none;
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    cursor: default
}

ul.k-scrollview-wrap img {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

ul.k-scrollview-wrap > li {
    display: inline-block;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}

div.k-scrollview-wrap {
    white-space: nowrap
}

div.k-scrollview-wrap > [data-role=page] {
    vertical-align: top;
    display: inline-block;
    min-height: 1px
}

.k-scrollview-nav-wrap {
    position: absolute;
    bottom: 15px;
    left: 10px;
    right: 10px;
    height: 20px;
    overflow: hidden
}

.k-scrollview-nav {
    margin: 0;
    padding: 5px 0 0;
    display: block;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    text-align: center;
    list-style: none;
    pointer-events: auto
}

.k-scrollview-nav > li.k-link {
    margin: 0 20px;
    padding: 0;
    width: 8px;
    height: 8px;
    box-sizing: content-box;
    vertical-align: top;
    display: inline-block;
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-radius: 50%;
    cursor: pointer;
    pointer-events: all
}

.k-scrollview-nav > li.k-link:before {
    content: "";
    width: 28px;
    height: 20px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.k-scrollview-next, .k-scrollview-prev {
    display: table;
    position: absolute;
    padding: 0;
    height: 60%;
    top: 20%;
    text-decoration: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    overflow: hidden
}

.k-scrollview-prev {
    left: 0
}

.k-scrollview-next {
    right: 0
}

.k-scrollview-next span, .k-scrollview-prev span {
    display: table-cell;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    font-size: 4.5em;
    font-weight: 400;
    position: static
}

.k-scrollview-elements {
    width: 100%
}

.k-scrollview-animation {
    transition-duration: .3s;
    transition-timing-function: ease-in-out
}

.k-i-arrowhead-e:before {
    content: "\E014"
}

.k-i-arrowhead-w:before {
    content: "\E016"
}

@supports (-webkit-user-select:none) {
    div.k-scrollview ul.k-scrollview-wrap li > * {
        pointer-events: auto
    }
}

@supports (not (-webkit-user-select:none)) {
    div.k-scrollview ul.k-scrollview-wrap li > * {
        pointer-events: none
    }
}

.k-switch {
    border-radius: 5em;
    cursor: pointer;
    width: 5em;
    background: 0 0;
    border: 0;
    outline: 0;
    box-shadow: none;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: hidden;
    vertical-align: middle;
    font-size: 12px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left
}

.k-switch [type=checkbox] {
    display: none
}

.k-ie .k-switch {
    display: inline-block
}

.k-switch, .k-switch-container, .k-switch-handle {
    box-sizing: border-box
}

.k-switch-container {
    border-radius: 5em;
    padding: 2px;
    border-width: 1px;
    border-style: solid;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    outline: 0;
    transition: background-color .2s ease-out 0s
}

.k-ie .k-switch-container {
    display: block
}

.k-switch-handle {
    border-radius: 5em;
    width: 2em;
    height: 2em;
    border-width: 1px;
    border-style: solid;
    background-position: 50%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    left: 0;
    transition: left .2s ease-out 0s
}

.k-ie11 .k-switch-handle {
    display: block
}

.k-switch-on .k-switch-handle {
    left: calc(100% - 2em)
}

.k-edge .k-switch-on .k-switch-handle, .k-ie .k-switch-on .k-switch-handle {
    left: 100%;
    margin-left: -2em
}

.k-switch-off .k-switch-handle {
    left: 0
}

.k-switch-label-off, .k-switch-label-on {
    display: inline;
    width: calc(100% - 2em - 12px);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-shadow: none;
    line-height: 2em;
    overflow: hidden
}

.k-switch-label-on {
    text-align: left;
    left: 7px
}

.k-switch-label-off {
    text-align: right;
    right: 7px
}

.k-rtl .k-switch.k-switch-on .k-switch-handle, .k-switch[dir=rtl].k-switch-on .k-switch-handle {
    left: 0
}

.k-rtl .k-switch.k-switch-off .k-switch-handle, .k-switch[dir=rtl].k-switch-off .k-switch-handle {
    left: calc(100% - 2em)
}

.k-rtl .k-switch .k-switch-label-on, .k-switch[dir=rtl] .k-switch-label-on {
    text-align: right;
    left: auto;
    right: 7px
}

.k-rtl .k-switch .k-switch-label-off, .k-switch[dir=rtl] .k-switch-label-off {
    text-align: left;
    left: 7px;
    right: auto
}

.k-filter {
    display: inline-block;
    border-width: 0;
    box-shadow: none
}

.k-filter ul {
    padding: 0
}

.k-filter ul li {
    list-style-type: none
}

.k-filter .k-filter-container, .k-filter .k-filter-preview {
    margin-bottom: 2.1em
}

.k-filter .k-filter-item, .k-filter .k-filter-lines {
    padding-left: 8px
}

.k-filter .k-filter-toolbar {
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    padding: 4px 0
}

.k-filter .k-filter-toolbar:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 1px;
    top: 50%;
    left: -8px
}

.k-filter .k-filter-toolbar .k-toolbar {
    border-style: solid;
    border-width: 1px
}

.k-filter .k-filter-toolbar .k-filter-operator .k-dropdown {
    width: 15em
}

.k-filter .k-filter-toolbar .k-filter-toolbar-item > .k-textbox {
    margin: 0 .2em;
    vertical-align: middle
}

.k-filter .k-filter-item {
    position: relative
}

.k-filter .k-filter-item:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: -4px;
    left: 0
}

.k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar:after {
    content: "";
    position: absolute;
    width: 1px;
    top: -5px;
    bottom: 50%;
    left: -8px
}

.k-filter .k-filter-group-main:before, .k-filter .k-filter-group-main > .k-filter-toolbar:after, .k-filter .k-filter-group-main > .k-filter-toolbar:before, .k-filter .k-filter-lines .k-filter-item:last-child:before {
    display: none
}

.k-filter[dir=rtl] .k-filter-item, .k-filter[dir=rtl] .k-filter-lines, .k-rtl .k-filter .k-filter-item, .k-rtl .k-filter .k-filter-lines, [dir=rtl] .k-filter .k-filter-item, [dir=rtl] .k-filter .k-filter-lines {
    padding-left: 0;
    padding-right: 8px
}

.k-filter[dir=rtl] .k-filter-toolbar:before, .k-rtl .k-filter .k-filter-toolbar:before, [dir=rtl] .k-filter .k-filter-toolbar:before {
    left: auto;
    right: -8px
}

.k-filter[dir=rtl] .k-filter-item:before, .k-rtl .k-filter .k-filter-item:before, [dir=rtl] .k-filter .k-filter-item:before {
    left: auto;
    right: 0
}

.k-filter[dir=rtl] .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar:after, .k-rtl .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar:after, [dir=rtl] .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar:after {
    left: auto;
    right: -8px
}

.k-drawer-container {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: start;
    align-items: flex-start
}

.k-drawer, .k-drawer-container {
    display: -ms-flexbox;
    display: flex
}

.k-drawer {
    height: 100%;
    border-width: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    transition: all .3s ease-in-out
}

.k-drawer-left.k-drawer-expanded .k-drawer, .k-drawer-left.k-drawer-mini .k-drawer, .k-drawer.k-drawer-start {
    border-right-width: 1px
}

.k-drawer-right.k-drawer-expanded .k-drawer, .k-drawer-right.k-drawer-mini .k-drawer, .k-drawer.k-drawer-end {
    border-left-width: 1px
}

.k-drawer-left .k-drawer, .k-drawer.k-drawer-start {
    top: 0;
    left: 0
}

.k-drawer-right .k-drawer, .k-drawer.k-drawer-end {
    top: 0;
    right: 0
}

.k-drawer-content {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.k-drawer-overlay .k-drawer {
    max-width: 80vw;
    position: fixed;
    z-index: 10002
}

.k-drawer-overlay .k-overlay {
    display: none
}

.k-drawer-push {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.k-drawer-push .k-drawer {
    height: auto;
    position: relative;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.k-drawer-push.k-drawer-right .k-drawer {
    -ms-flex-order: 1;
    order: 1
}

.k-drawer-wrapper {
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    transition: all .3s ease-in-out
}

.k-drawer-wrapper::-webkit-scrollbar {
    width: 7px
}

.k-drawer-wrapper::-webkit-scrollbar-thumb {
    border-radius: 20px
}

.k-drawer-items, .k-drawer-items ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch
}

.k-drawer-item {
    padding: 8px;
    color: inherit;
    font-size: 16px;
    line-height: 1.5;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    cursor: pointer
}

.k-drawer-item .k-icon {
    margin: 0 8px;
    font-size: 18px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.k-drawer-item .k-item-text {
    padding: 0 8px;
    display: inline-block;
    white-space: nowrap
}

.k-drawer-separator {
    padding: 0;
    height: 1px
}

.k-drawer-mini .k-drawer-wrapper {
    width: 50px
}

.k-rtl .k-drawer-left.k-drawer-push .k-drawer, [dir=rtl] .k-drawer-left.k-drawer-push .k-drawer {
    -ms-flex-order: 1;
    order: 1
}

.k-rtl .k-drawer-right.k-drawer-push .k-drawer, [dir=rtl] .k-drawer-right.k-drawer-push .k-drawer {
    -ms-flex-order: 0;
    order: 0
}

.k-rating {
    display: -ms-inline-flexbox;
    display: inline-flex;
    box-sizing: border-box;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 14px;
    box-shadow: none;
    outline: 0
}

.k-rating-container {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    box-sizing: border-box;
    margin: 0 4px
}

.k-rating-container .k-rating-item {
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    padding: 4px;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    margin: 0;
    outline: 0;
    overflow: hidden;
    transition: color .2s ease-out 0s
}

.k-rating-container .k-rating-item * {
    pointer-events: none
}

.k-rating-container .k-rating-item .k-icon {
    font-size: 24px;
    overflow: visible
}

.k-rating-container .k-rating-item .k-rating-precision-complement, .k-rating-container .k-rating-item .k-rating-precision-part {
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 4px;
    overflow: hidden
}

.k-rating-container .k-rating-item .k-rating-precision-complement {
    direction: rtl
}

.k-rating-label {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    line-height: 1.5;
    margin: 4px 8px
}

.k-ie9 .k-rating-container, .k-ie9 .k-rating-item, .k-ie9 .k-rating-label {
    display: inline-block
}

.k-rtl .k-rating-precision-part, [dir=rtl] .k-rating-precision-part {
    left: auto;
    right: 4px
}

.k-rtl .k-rating-item .k-rating-precision-complement, [dir=rtl] .k-rating-item .k-rating-precision-complement {
    direction: ltr
}

.k-timeline ul {
    margin: 0;
    padding: 0
}

.k-timeline ul li {
    list-style-type: none
}

.k-timeline .k-timeline-flag {
    display: inline-block;
    text-align: center;
    padding: 4px 8px;
    border-radius: 2px;
    line-height: 1.42857143;
    min-width: 80px;
    max-width: 160px;
    box-sizing: border-box;
    position: relative;
    z-index: 1
}

.k-timeline .k-timeline-circle {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    z-index: 1
}

.k-timeline .k-event-collapse, .k-timeline.k-timeline-dates-hidden .k-timeline-date {
    display: none
}

.k-timeline.k-timeline-collapsible .k-card-header {
    cursor: pointer
}

.k-timeline .k-timeline-arrow, .k-timeline.k-timeline-collapsible .k-event-collapse {
    display: -ms-flexbox;
    display: flex
}

.k-timeline .k-timeline-arrow {
    width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 50%;
    position: absolute;
    bottom: 8px;
    z-index: 3;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.k-timeline .k-timeline-arrow-left {
    left: 0
}

.k-timeline .k-timeline-arrow-right {
    right: 0
}

.k-timeline-card .k-card {
    position: relative;
    overflow: visible
}

.k-timeline-card .k-card .k-card-header {
    overflow: visible;
    border-bottom: 0;
    border-radius: 4px
}

.k-timeline-card .k-card .k-card-header + .k-card-body {
    padding-top: 0
}

.k-timeline-card .k-card .k-card-body {
    overflow-y: auto;
    scrollbar-width: thin
}

.k-timeline-card .k-card .k-card-body::-webkit-scrollbar {
    width: 5px
}

.k-timeline-card .k-card .k-card-body::-webkit-scrollbar-thumb {
    border-radius: 2px
}

.k-timeline-card .k-timeline-card-callout.k-callout-e, .k-timeline-card .k-timeline-card-callout.k-callout-w {
    top: 36px
}

.k-timeline-horizontal, .k-timeline-vertical {
    width: 100%;
    padding: 0 40px;
    margin: 40px 0;
    position: relative;
    box-sizing: border-box;
    border: 0
}

.k-timeline-horizontal .k-timeline-track-wrap:after, .k-timeline-vertical:after {
    content: "";
    position: absolute;
    top: 0;
    border-width: 1px;
    border-style: solid;
    background-clip: padding-box
}

.k-timeline-vertical {
    padding-left: 127px
}

.k-timeline-vertical.k-timeline-dates-hidden {
    padding-left: 77px
}

.k-timeline-vertical:after {
    height: 100%;
    width: 6px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 4px
}

.k-timeline-vertical .k-timeline-flag-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.k-timeline-vertical .k-timeline-flag-wrap:first-child {
    padding-top: 40px
}

.k-timeline-vertical .k-timeline-flag {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.k-timeline-vertical .k-timeline-date-wrap {
    position: absolute;
    padding-right: 16px;
    margin-top: 36px;
    -webkit-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    text-align: right
}

.k-timeline-vertical .k-timeline-event {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 40px 0
}

.k-timeline-vertical .k-timeline-card {
    padding-left: 16px
}

.k-timeline-vertical .k-timeline-card .k-card {
    margin-left: 16px;
    min-height: 72px;
    width: 400px;
    max-width: 100%
}

.k-timeline-vertical .k-timeline-card .k-card .k-card-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.k-timeline-vertical .k-timeline-card .k-card .k-card-title .k-event-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.k-timeline-vertical .k-timeline-card .k-event-collapse {
    margin: -4px 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

.k-timeline-vertical .k-timeline-card.k-collapsed .k-card-actions, .k-timeline-vertical .k-timeline-card.k-collapsed .k-card-body {
    display: none
}

.k-timeline-vertical .k-timeline-card.k-collapsed .k-event-collapse {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.k-timeline-vertical .k-timeline-circle {
    margin-top: 36px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-right: -8px
}

.k-timeline-vertical.k-timeline-alternating {
    padding-left: 40px
}

.k-timeline-vertical.k-timeline-alternating:after {
    left: 50%
}

.k-timeline-vertical.k-timeline-alternating .k-timeline-flag-wrap {
    -ms-flex-pack: center;
    justify-content: center
}

.k-timeline-vertical.k-timeline-alternating .k-timeline-flag {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.k-timeline-vertical.k-timeline-alternating .k-timeline-event {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.k-timeline-vertical.k-timeline-alternating .k-timeline-event.k-reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.k-timeline-vertical.k-timeline-alternating .k-timeline-event.k-reverse .k-timeline-date-wrap {
    text-align: left;
    padding-right: 0;
    padding-left: 16px
}

.k-timeline-vertical.k-timeline-alternating .k-timeline-event.k-reverse .k-timeline-card {
    padding-left: 0;
    padding-right: 16px
}

.k-timeline-vertical.k-timeline-alternating .k-timeline-event.k-reverse .k-timeline-card .k-card {
    margin-right: 16px;
    margin-left: auto
}

.k-timeline-vertical.k-timeline-alternating .k-timeline-card, .k-timeline-vertical.k-timeline-alternating .k-timeline-date-wrap {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    min-width: 0
}

.k-timeline-vertical.k-timeline-alternating .k-timeline-date-wrap {
    position: static;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.k-timeline-vertical.k-timeline-alternating .k-timeline-circle {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-right: 0
}

.k-timeline-horizontal .k-timeline-track-item {
    -ms-flex: 1 0 20%;
    flex: 1 0 20%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    -ms-flex-direction: column;
    flex-direction: column
}

.k-timeline-horizontal .k-timeline-track-item:hover {
    cursor: pointer
}

.k-timeline-horizontal .k-timeline-track-item.k-timeline-flag-wrap:hover {
    cursor: default
}

.k-timeline-horizontal .k-timeline-date-wrap {
    margin-top: auto;
    margin-bottom: 8px
}

.k-timeline-horizontal .k-timeline-card {
    height: 100%;
    box-sizing: border-box
}

.k-timeline-horizontal .k-card {
    max-height: 100%;
    box-sizing: border-box
}

.k-timeline-horizontal .k-timeline-events-list {
    overflow-x: hidden;
    padding-top: 16px
}

.k-timeline-horizontal .k-timeline-events-list .k-timeline-scrollable-wrap {
    position: relative;
    height: 600px
}

.k-timeline-horizontal .k-timeline-events-list .k-timeline-scrollable-wrap .k-timeline-event {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.k-timeline-horizontal .k-timeline-track-wrap {
    position: relative;
    padding: 15px 0
}

.k-timeline-horizontal .k-timeline-track-wrap:after {
    top: auto;
    bottom: 15px;
    left: 28px;
    right: 28px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 6px
}

.k-timeline-horizontal .k-timeline-track-wrap .k-timeline-track {
    overflow: hidden;
    margin: 0 30px;
    position: relative;
    z-index: 2
}

.k-timeline-horizontal .k-timeline-track-wrap .k-timeline-track .k-timeline-scrollable-wrap {
    transition: -webkit-transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
    transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out
}

.k-timeline-horizontal .k-timeline-track-wrap .k-timeline-flag {
    margin-bottom: 22px;
    position: relative;
    min-width: 60px
}

.k-timeline-horizontal .k-timeline-track-wrap .k-timeline-flag:after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, 50%) rotate(45deg);
    -ms-transform: translate(-50%, 50%) rotate(45deg);
    transform: translate(-50%, 50%) rotate(45deg)
}

.k-timeline-horizontal .k-timeline-scrollable-wrap {
    display: -ms-flexbox;
    display: flex
}

.k-timeline-mobile {
    padding: 0 16px;
    margin: 16px 0
}

.k-timeline-mobile .k-timeline-flag {
    max-width: 112px
}

.k-timeline-mobile.k-timeline-horizontal .k-timeline-flag-wrap {
    display: none
}

.k-timeline-mobile.k-timeline-vertical {
    padding-left: 103px
}

.k-timeline-mobile.k-timeline-vertical.k-timeline-dates-hidden {
    padding-left: 53px
}

.k-timeline-mobile.k-timeline-vertical.k-timeline-alternating {
    padding-left: 16px
}

.k-timeline-mobile.k-timeline-vertical .k-timeline-card {
    width: 100%
}

.k-timeline-mobile.k-timeline-vertical .k-timeline-card .k-card {
    width: auto
}

.k-timeline-mobile.k-timeline-vertical .k-card-actions > .k-button.k-flat:first-child {
    margin-left: 0
}

.k-breadcrumb {
    min-height: 2.11em;
    border-width: 0;
    box-sizing: border-box;
    border-style: solid;
    background-color: transparent
}

.k-breadcrumb, .k-breadcrumb .k-breadcrumb-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.k-breadcrumb .k-breadcrumb-container {
    margin: 0;
    padding: 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    list-style: none;
    overflow: hidden
}

.k-breadcrumb .k-breadcrumb-item {
    vertical-align: middle;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.k-breadcrumb .k-breadcrumb-root-item {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.k-breadcrumb .k-breadcrumb-link, .k-breadcrumb .k-breadcrumb-root-link {
    padding: 4px 8px;
    border-radius: 4px;
    position: relative;
    line-height: 1.6em;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    overflow: hidden;
    white-space: nowrap;
    text-decoration: none;
    outline: 0
}

.k-breadcrumb .k-breadcrumb-root-link {
    margin-right: 8px
}

.k-breadcrumb .k-breadcrumb-icon-link {
    padding: 8px
}

.k-breadcrumb .k-breadcrumb-icontext-link .k-icon {
    margin-right: 8px
}

.k-breadcrumb .k-breadcrumb-delimiter-icon {
    font-size: 12px
}

.k-breadcrumb .k-breadcrumb-input-container, .k-breadcrumb .k-breadcrumb-input-container .k-textbox {
    width: 100%;
    height: 100%
}

.k-no-flexbox .k-breadcrumb, .k-no-flexbox .k-breadcrumb-container {
    display: block
}

.k-no-flexbox .k-breadcrumb-item {
    display: inline-block
}

.k-listgroup {
    border-width: 1px;
    border-style: solid;
    font: inherit;
    line-height: 1.42857143;
    position: relative;
    overflow: hidden
}

.k-listgroup, .k-listgroup > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.k-listgroup .k-listgroup-item + .k-listgroup-item {
    border-top-width: 1px
}

.k-listgroup-flush {
    border-left-width: 0;
    border-right-width: 0
}

.k-listgroup-item {
    border-width: 0;
    border-style: solid;
    border-color: inherit;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -ms-flex-pack: start;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.k-listgroup-item, .k-listgroup-item > .k-link {
    padding: .5em 1em;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative
}

.k-listgroup-item > .k-link {
    margin: -.5em -1em;
    color: inherit;
    text-decoration: none;
    outline: 0;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -ms-flex-pack: start;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.k-listgroup-item > .k-link > .k-select {
    padding: .5em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.k-listgroup-item-segmented {
    -ms-flex-align: stretch;
    align-items: stretch
}

.k-listgroup-item-segmented > .k-link {
    margin-right: 0
}

.k-listgroup-item-segmented > .k-select {
    margin: -.5em -1em -.5em 0;
    padding: .5em;
    border-width: 0 0 0 1px;
    border-style: solid;
    border-color: inherit;
    cursor: pointer
}

.k-listgroup-form-row {
    margin: -.5em -1em;
    padding: .5em 1em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative
}

.k-listgroup-form-row .k-listgroup-form-field-label {
    width: 40%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.k-listgroup-form-row .k-listgroup-form-field-wrapper {
    width: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
    position: relative
}

.k-listgroup-form-row .k-listgroup-form-field-wrapper input[type=date], .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type=datetime-local], .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type=number], .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type=password], .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type=text], .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type=time], .k-listgroup-form-row .k-listgroup-form-field-wrapper select {
    width: 100%;
    box-sizing: border-box;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.k-listgroup-item.k-listgroup-form-row {
    margin: 0
}

.k-rtl .k-listgroup-item > .k-link > .k-select, [dir=rtl] .k-listgroup-item > .k-link > .k-select {
    right: auto;
    left: 0
}

.k-rtl .k-listgroup-item > .k-link > .k-select .k-icon, [dir=rtl] .k-listgroup-item > .k-link > .k-select .k-icon {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.k-rtl .k-listgroup-item-segmented > .k-link, [dir=rtl] .k-listgroup-item-segmented > .k-link {
    margin-right: -1em;
    margin-left: 0
}

.k-rtl .k-listgroup-item-segmented > .k-select, [dir=rtl] .k-listgroup-item-segmented > .k-select {
    margin-right: 0;
    margin-left: -1em;
    border-right-width: 1px;
    border-left-width: 0
}

.k-rtl .k-listgroup-item-segmented > .k-select .k-icon, [dir=rtl] .k-listgroup-item-segmented > .k-select .k-icon {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.k-noflexbox .k-listgroup, .k-noflexbox .k-listgroup-item > .k-link, .k-noflexbox .k-listgroup > ul .k-listgroup-item {
    display: block
}

.k-messagebox {
    margin: 0 0 16px;
    padding: 4px 8px;
    border-width: 0 0 0 4px;
    border-style: solid;
    box-sizing: border-box;
    font-size: inherit;
    line-height: 1.42857143
}

.k-messagebox a {
    color: inherit;
    font-style: italic;
    text-decoration: underline
}

.k-badge {
    padding: 0;
    border: 0 solid transparent;
    box-sizing: border-box;
    background-color: transparent;
    font: inherit;
    text-align: center;
    white-space: nowrap;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis
}

.k-badge, .k-badge > * {
    color: inherit
}

.k-badge > a, a.k-badge {
    text-decoration: none
}

.k-badge > a:hover, a.k-badge:hover {
    text-decoration: underline
}

.k-badge-icon {
    max-width: 1em;
    max-height: 1em;
    font-size: inherit
}

.k-badge-icon.k-svg-icon svg {
    fill: currentColor
}

.k-badge-sm {
    padding: 2px;
    border-width: 1px;
    font-size: 10px;
    line-height: 1
}

.k-badge-sm:empty {
    padding: 2px
}

.k-badge-md {
    padding: 4px;
    border-width: 1px;
    font-size: 10px;
    line-height: 1
}

.k-badge-md:empty {
    padding: 4px
}

.k-badge-lg {
    padding: 6px;
    border-width: 1px;
    font-size: 12px;
    line-height: 1
}

.k-badge-lg:empty {
    padding: 6px
}

.k-badge-rounded.k-badge-sm {
    border-radius: 1px
}

.k-badge-rounded.k-badge-md {
    border-radius: 2px
}

.k-badge-rounded.k-badge-lg {
    border-radius: 4px
}

.k-badge-pill {
    border-radius: 5rem
}

.k-badge-circle {
    padding: 0 !important;
    border-radius: 100%
}

.k-badge-circle.k-badge-sm {
    width: calc(1em + 6px);
    height: calc(1em + 6px)
}

.k-badge-circle.k-badge-md {
    width: calc(1em + 10px);
    height: calc(1em + 10px)
}

.k-badge-circle.k-badge-lg {
    width: calc(1em + 14px);
    height: calc(1em + 14px)
}

.k-badge-dot {
    padding: 0 !important;
    border-radius: 100%;
    font-size: 0
}

.k-badge-dot.k-badge-sm {
    width: 6px;
    height: 6px
}

.k-badge-dot.k-badge-md {
    width: 10px;
    height: 10px
}

.k-badge-dot.k-badge-lg {
    width: 12px;
    height: 12px
}

.k-badge-container {
    position: relative;
    overflow: visible
}

.k-badge-edge, .k-badge-inside {
    position: absolute;
    z-index: 9999
}

.k-badge-edge.k-top-start {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.k-badge-edge.k-top-end {
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.k-badge-edge.k-bottom-start {
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.k-badge-edge.k-bottom-end {
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%)
}

.k-rtl .k-badge-edge.k-top-start, [dir=rtl].k-badge-edge.k-top-start, [dir=rtl] .k-badge-edge.k-top-start {
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.k-rtl .k-badge-edge.k-top-end, [dir=rtl].k-badge-edge.k-top-end, [dir=rtl] .k-badge-edge.k-top-end {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.k-rtl .k-badge-edge.k-bottom-start, [dir=rtl].k-badge-edge.k-bottom-start, [dir=rtl] .k-badge-edge.k-bottom-start {
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%)
}

.k-rtl .k-badge-edge.k-bottom-end, [dir=rtl].k-badge-edge.k-bottom-end, [dir=rtl] .k-badge-edge.k-bottom-end {
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.k-badge-outside {
    position: absolute;
    z-index: 9999
}

.k-badge-outside.k-top-start {
    -webkit-transform: translate(-100%, -100%);
    -ms-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%)
}

.k-badge-outside.k-top-end {
    -webkit-transform: translate(100%, -100%);
    -ms-transform: translate(100%, -100%);
    transform: translate(100%, -100%)
}

.k-badge-outside.k-bottom-start {
    -webkit-transform: translate(-100%, 100%);
    -ms-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%)
}

.k-badge-outside.k-bottom-end {
    -webkit-transform: translate(100%, 100%);
    -ms-transform: translate(100%, 100%);
    transform: translate(100%, 100%)
}

.k-rtl .k-badge-outside.k-top-start, [dir=rtl].k-badge-outside.k-top-start, [dir=rtl] .k-badge-outside.k-top-start {
    -webkit-transform: translate(100%, -100%);
    -ms-transform: translate(100%, -100%);
    transform: translate(100%, -100%)
}

.k-rtl .k-badge-outside.k-top-end, [dir=rtl].k-badge-outside.k-top-end, [dir=rtl] .k-badge-outside.k-top-end {
    -webkit-transform: translate(-100%, -100%);
    -ms-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%)
}

.k-rtl .k-badge-outside.k-bottom-start, [dir=rtl].k-badge-outside.k-bottom-start, [dir=rtl] .k-badge-outside.k-bottom-start {
    -webkit-transform: translate(100%, 100%);
    -ms-transform: translate(100%, 100%);
    transform: translate(100%, 100%)
}

.k-rtl .k-badge-outside.k-bottom-end, [dir=rtl].k-badge-outside.k-bottom-end, [dir=rtl] .k-badge-outside.k-bottom-end {
    -webkit-transform: translate(-100%, 100%);
    -ms-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%)
}

.k-checkbox {
    margin: 0;
    padding: 0;
    width: 16px;
    height: 16px;
    line-height: normal;
    border-width: 1px;
    border-style: solid;
    outline: 0;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    -webkit-appearance: none
}

.k-checkbox:before {
    content: "\E118";
    width: 12px;
    height: 12px;
    font-size: 12px;
    font-family: WebComponentsIcons, monospace;
    -webkit-transform: scale(0) translate(-50%, -50%);
    -ms-transform: scale(0) translate(-50%, -50%);
    transform: scale(0) translate(-50%, -50%);
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%
}

.k-checkbox:hover {
    cursor: pointer
}

.k-checkbox:checked:before {
    -webkit-transform: scale(1) translate(-50%, -50%);
    -ms-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%)
}

.k-checkbox.k-state-indeterminate:before, .k-checkbox:indeterminate:before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: currentColor;
    -webkit-transform: scale(1) translate(-50%, -50%);
    -ms-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%)
}

.k-checkbox:disabled, .k-checkbox:disabled + .k-checkbox-label {
    opacity: .6;
    -webkit-filter: grayscale(.8);
    filter: grayscale(.8);
    cursor: default
}

.k-checkbox + .k-checkbox-label {
    display: inline
}

.k-checkbox-label {
    margin: 0;
    padding: 0;
    line-height: 17px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: start;
    align-items: flex-start;
    vertical-align: middle;
    position: relative;
    cursor: pointer
}

.k-checkbox-label:empty {
    display: none
}

.k-checkbox-label.k-no-text {
    min-width: 1px
}

.k-checkbox-label .k-ripple {
    visibility: hidden !important
}

.k-checkbox + .k-checkbox-label {
    margin-left: 4px
}

.k-checkbox-label > .k-checkbox {
    margin-right: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.k-rtl .k-checkbox + .k-checkbox-label, [dir=rtl] .k-checkbox + .k-checkbox-label {
    margin-left: 0;
    margin-right: 4px
}

.k-rtl .k-checkbox-label > .k-checkbox, [dir=rtl] .k-checkbox-label > .k-checkbox {
    margin-right: 0;
    margin-left: 4px
}

.k-checkbox::-ms-check {
    border-width: 0;
    border-color: inherit;
    border-radius: inherit;
    color: inherit;
    background-color: inherit
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .k-checkbox::-ms-check {
        border-width: 1px
    }
}

.k-radio {
    margin: 0;
    padding: 0;
    width: 16px;
    height: 16px;
    border-width: 1px;
    border-style: solid;
    outline: 0;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    -webkit-appearance: none
}

.k-radio:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: currentColor;
    -webkit-transform: scale(0) translate(-50%, -50%);
    -ms-transform: scale(0) translate(-50%, -50%);
    transform: scale(0) translate(-50%, -50%);
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%
}

.k-radio:hover {
    cursor: pointer
}

.k-radio:checked:before {
    -webkit-transform: scale(1) translate(-50%, -50%);
    -ms-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%)
}

.k-radio:disabled, .k-radio:disabled + .k-radio-label {
    opacity: .6;
    -webkit-filter: grayscale(.8);
    filter: grayscale(.8);
    cursor: default
}

.k-radio + .k-radio-label {
    display: inline
}

.k-radio-label {
    margin: 0;
    padding: 0;
    line-height: 17px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: start;
    align-items: flex-start;
    vertical-align: middle;
    position: relative;
    cursor: pointer
}

.k-radio-label.k-no-text, .k-radio-label:empty {
    display: none
}

.k-radio-label .k-ripple {
    display: none !important
}

.k-radio + .k-radio-label, .k-radio-label + .k-radio {
    margin-left: 4px
}

.k-radio-label > .k-radio {
    margin-right: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.k-radio-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.k-radio-list .k-radio-item {
    margin-top: 16px
}

.k-radio-list .k-radio-item:first-child {
    margin-top: 0
}

.k-list-horizontal .k-radio-item {
    display: inline-block;
    margin: 0 32px 0 0
}

.k-list-horizontal .k-radio-item:last-child {
    margin-right: 0
}

.k-rtl .k-radio + .k-radio-label, .k-rtl .k-radio-label + .k-radio, [dir=rtl] .k-radio + .k-radio-label, [dir=rtl] .k-radio-label + .k-radio {
    margin-left: 0;
    margin-right: 4px
}

.k-rtl .k-radio-label > .k-radio, [dir=rtl] .k-radio-label > .k-radio {
    margin-right: 0;
    margin-left: 4px
}

.k-rtl .k-list-horizontal .k-radio-item, [dir=rtl] .k-list-horizontal .k-radio-item {
    margin-right: 0;
    margin-left: 32px
}

.k-rtl .k-list-horizontal .k-radio-item:last-child, [dir=rtl] .k-list-horizontal .k-radio-item:last-child {
    margin-left: 0
}

.k-radio::-ms-check {
    border-width: 0;
    border-color: inherit;
    color: inherit;
    background-color: inherit
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .k-radio::-ms-check {
        border-width: 1px
    }
}

.k-filemanager {
    border-width: 1px;
    border-style: solid;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.k-filemanager-header {
    border-color: inherit
}

.k-filemanager-toolbar {
    border-width: 0;
    border-bottom-width: 1px;
    border-color: inherit;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.k-filemanager-search-tool {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.k-filemanager-content-container {
    border-color: inherit;
    box-sizing: border-box;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    overflow: hidden
}

.k-filemanager-navigation {
    width: 20%;
    border-width: 0;
    border-right-width: 1px;
    border-style: solid;
    border-color: inherit;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden
}

.k-filemanager-navigation > .k-treeview {
    padding: 16px;
    height: 100%;
    box-sizing: border-box
}

.k-filemanager-treeview > .k-group > .k-item {
    padding: 0
}

.k-filemanager-content {
    border-color: inherit;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    overflow: hidden
}

.k-filemanager-breadcrumb {
    border-width: 0;
    border-bottom-width: 1px;
    padding: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.k-filemanager-view {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.k-filemanager-view > .k-filemanager-grid, .k-filemanager-view > .k-filemanager-listview {
    border-width: 0
}

.k-filemanager-listview {
    height: 100%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    overflow: auto
}

.k-filemanager-listview .k-listview-item {
    padding: 16px;
    width: 120px;
    height: 120px;
    text-align: center
}

.k-filemanager-listview .k-file-preview {
    height: 48px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center
}

.k-filemanager-listview .k-file-icon {
    font-size: 48px
}

.k-filemanager-listview .k-file-image {
    max-width: 100%;
    max-height: 48px;
    display: block
}

.k-filemanager-listview .k-file-name, .k-filemanager-listview .k-file-size {
    margin-top: 8px;
    display: block;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.k-filemanager-listview .k-edit-item .k-textbox {
    width: 100%
}

.k-filemanager-grid {
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

.k-filemanager-grid .k-file-preview {
    margin-right: 4px
}

.k-filemanager-grid .k-file-name, .k-filemanager-grid .k-file-preview {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    vertical-align: middle
}

.k-filemanager-preview {
    padding: 48px 16px 16px;
    width: 20%;
    min-height: 304px;
    border-width: 0;
    border-left-width: 1px;
    border-style: solid;
    border-color: inherit;
    box-sizing: border-box;
    text-align: center;
    overflow-x: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.k-filemanager-preview .k-file-preview {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center
}

.k-filemanager-preview .k-file-icon {
    font-size: 96px
}

.k-filemanager-preview .k-file-name {
    margin-top: 16px;
    display: block
}

.k-filemanager-preview .k-multiple-files-selected, .k-filemanager-preview .k-single-file-selected {
    font-weight: 700
}

.k-filemanager-preview .k-file-size {
    font-size: inherit;
    line-height: normal
}

.k-filemanager-preview .k-file-meta {
    margin: 16px 0 0;
    box-sizing: border-box;
    text-align: start;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.k-filemanager-preview .k-file-meta-label {
    display: inline-block
}

.k-filemanager-preview .k-file-meta-value {
    margin: 0
}

.k-filemanager-preview .k-file-type {
    text-transform: capitalize
}

.k-filemanager-preview .k-line-break {
    margin: 16px 0 0;
    width: 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.k-filemanager-resizable .k-filemanager-navigation, .k-filemanager-resizable .k-filemanager-preview {
    border-width: 0
}

.k-filemanager .k-splitbar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative
}

.k-filemanager .k-splitbar-horizontal {
    width: 6px;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.k-filemanager .k-splitbar-horizontal .k-resize-handle {
    width: 2px
}

.k-filemanager-upload-dialog .k-upload-files {
    max-height: 200px;
    overflow-y: auto
}

.k-filemanager-drag-hint {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

.k-filemanager-drag-hint .k-icon {
    margin-right: 4px
}

.k-window {
    padding: 0;
    border-width: 1px;
    border-style: solid;
    line-height: 1.42857143;
    display: inline-block;
    position: absolute;
    z-index: 10001
}

.k-window .k-overlay {
    position: absolute;
    opacity: 0
}

.k-window.k-window-maximized {
    border-radius: 0;
    box-shadow: none
}

.k-window.k-window-maximized .k-window-content, .k-window.k-window-maximized .k-window-titlebar {
    border-radius: 0
}

.k-window-sm {
    width: 300px
}

.k-window-md {
    width: 800px
}

.k-window-lg {
    width: 1200px
}

.k-window-titlebar {
    padding: 8px 12px;
    border-width: 0 0 1px;
    border-style: solid;
    width: 100%;
    box-sizing: border-box;
    background-position: 0 0;
    background-repeat: repeat-x;
    white-space: nowrap;
    min-height: 16px;
    position: relative
}

.k-window-title {
    font-size: 1.2em;
    line-height: 1.25;
    font-weight: 400;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: default
}

.k-window-title:before {
    content: "";
    display: inline-block
}

.k-window-titlebar .k-window-actions {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 6px
}

.k-window-titlebar .k-window-action {
    padding: 2px;
    width: 20px;
    height: 20px;
    border: 0 solid transparent;
    color: inherit;
    box-sizing: content-box;
    opacity: .7
}

.k-window-titlebar .k-window-action .k-icon, .k-window-titlebar .k-window-action:hover {
    opacity: 1
}

.k-prompt-container, .k-window-content {
    padding: 12px;
    height: 100%;
    box-sizing: border-box;
    overflow: auto;
    position: relative;
    outline: 0
}

.k-window-content + .k-prompt-container {
    margin-top: -12px
}

.k-prompt-container .k-textbox {
    width: 100%
}

.k-window-iframecontent {
    padding: 0;
    overflow: visible
}

.k-window-iframecontent .k-content-frame {
    vertical-align: top;
    border: 0;
    width: 100%;
    height: 100%
}

.k-window-content > .km-scroll-container {
    height: 100%
}

.k-window > .k-resize-handle {
    position: absolute;
    z-index: 1;
    background-color: #fff;
    font-size: 0;
    line-height: 6px;
    opacity: 0;
    zoom: 1
}

.k-resize-n {
    top: -3px;
    left: 0;
    width: 100%;
    height: 6px;
    cursor: n-resize
}

.k-resize-e {
    top: 0;
    right: -3px;
    width: 6px;
    height: 100%;
    cursor: e-resize
}

.k-resize-s {
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 6px;
    cursor: s-resize
}

.k-resize-w {
    top: 0;
    left: -3px;
    width: 6px;
    height: 100%;
    cursor: w-resize
}

.k-resize-se {
    right: -3px;
    cursor: se-resize
}

.k-resize-se, .k-resize-sw {
    bottom: -3px;
    width: 6px;
    height: 6px
}

.k-resize-sw {
    left: -3px;
    cursor: sw-resize
}

.k-resize-ne {
    right: -3px;
    cursor: ne-resize
}

.k-resize-ne, .k-resize-nw {
    top: -3px;
    width: 6px;
    height: 6px
}

.k-resize-nw {
    left: -3px;
    cursor: nw-resize
}

.k-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    -webkit-backface-visibility: hidden
}

.k-window-content > .k-action-buttons, .k-window > .k-action-buttons {
    border-width: 1px 0 0;
    border-style: solid
}

.k-ie .k-window-content {
    border-radius: 0
}

.k-rtl .k-window-titlebar .k-window-actions {
    right: auto;
    left: 6px
}

.k-dialog {
    min-width: 90px;
    min-height: 3em;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
    position: fixed;
    overflow: hidden
}

.k-dialog-centered {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.k-dialog-titleless .k-dialog-close {
    position: absolute;
    z-index: 9999;
    top: 4px;
    right: 4px
}

.k-dialog-titleless .k-dialog-content {
    padding: 2.4em
}

.k-dialog-buttongroup {
    margin: 0;
    padding: 6px;
    width: 100%;
    border-width: 1px 0 0;
    border-style: solid;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.k-dialog-buttongroup .k-button {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: inline-block;
    text-overflow: ellipsis;
    box-sizing: border-box
}

.k-dialog-buttongroup .k-button + .k-button {
    margin-left: 6px
}

.k-dialog-button-layout-stretched .k-button {
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    white-space: nowrap
}

.k-dialog.k-window-sm .k-dialog-button-group {
    -ms-flex-direction: column;
    flex-direction: column
}

.k-dialog.k-window-sm .k-dialog-button-group .k-button + .k-button {
    margin: 6px 0 0
}

.k-rtl.k-dialog-titleless .k-dialog-close, .k-rtl .k-dialog-titleless .k-dialog-close {
    right: auto;
    left: 4px
}

.k-rtl .k-dialog-buttongroup .k-button + .k-button {
    margin-left: 0;
    margin-right: 6px
}

.k-no-flexbox .k-dialog-button-layout-stretched {
    text-align: right
}

.k-no-flexbox .k-rtl .k-dialog-button-layout-stretched {
    text-align: left
}

.k-stepper {
    margin: 0;
    padding: 0;
    border-width: 0;
    border-style: solid;
    font-size: 14px;
    line-height: 1.42857143;
    position: relative;
    color: inherit;
    background: 0 0;
    box-shadow: none
}

.k-stepper .k-step-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    z-index: 1
}

.k-stepper .k-step-link {
    outline: 0;
    text-decoration: none;
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.k-stepper .k-step-disabled {
    pointer-events: none
}

.k-stepper .k-step-disabled .k-step-link {
    cursor: default
}

.k-stepper .k-step-indicator {
    border-radius: 50%;
    margin: 3px;
    width: 28px;
    height: 28px;
    border-width: 1px;
    border-style: solid;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    overflow: visible;
    transition-property: color, background-color, border-color;
    transition-duration: .4s;
    transition-timing-function: ease-in-out
}

.k-stepper .k-step-indicator:after {
    border-radius: 100%;
    content: "";
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
    pointer-events: none;
    display: none;
    position: absolute;
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
    z-index: 2
}

.k-stepper .k-step-focus .k-step-indicator:after, .k-stepper .k-step-link:focus .k-step-indicator:after {
    display: block
}

.k-stepper .k-step-label {
    max-width: 10em;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1
}

.k-stepper .k-step-label:only-child {
    border-radius: 15px;
    padding: 5px 12px;
    border-width: 0
}

.k-stepper .k-step-label .k-step-text {
    max-width: calc(10em - 20px);
    -ms-flex-positive: 1;
    flex-grow: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.k-stepper .k-step-label .k-icon {
    margin-left: 4px
}

.k-stepper .k-step-current .k-step-label, .k-stepper .k-step-hover .k-step-label, .k-stepper .k-step:hover .k-step-label {
    font-weight: 700
}

.k-stepper .k-step-label .k-step-label-optional {
    font-style: italic;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.k-stepper .k-progressbar {
    position: absolute;
    pointer-events: none;
    z-index: 0
}

.k-step-list-horizontal {
    -ms-flex-direction: row;
    flex-direction: row
}

.k-step-list-horizontal .k-step {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.k-step-list-horizontal .k-step-link {
    -ms-flex-direction: column;
    flex-direction: column
}

.k-step-list-horizontal .k-step-label {
    text-align: center
}

.k-step-list-horizontal .k-step-indicator + .k-step-label {
    margin-top: 5px
}

.k-step-list-horizontal ~ .k-progressbar {
    width: 100%;
    height: 2px;
    top: 16px
}

.k-step-list-vertical {
    -ms-flex-direction: column;
    flex-direction: column
}

.k-step-list-vertical .k-step {
    min-height: 54px
}

.k-step-list-vertical .k-step-label {
    text-align: left
}

.k-step-list-vertical .k-step-indicator + .k-step-label {
    margin-left: 12px
}

.k-step-list-vertical ~ .k-progressbar {
    width: 2px;
    height: 100%;
    min-height: 20px;
    left: 17px
}

.k-step-list-vertical .k-step-content {
    height: 0;
    overflow: hidden;
    transition: height .3s cubic-bezier(.4, 0, .2, 1) 0s
}

.k-step-list-vertical .k-step-current .k-step-content {
    height: auto;
    overflow: visible;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 30px;
    padding: 20px 10px
}

.k-rtl .k-stepper, .k-stepper[dir=rtl] {
    direction: rtl
}

.k-rtl .k-stepper .k-step-label .k-icon, .k-stepper[dir=rtl] .k-step-label .k-icon {
    margin-left: 0;
    margin-right: 4px
}

.k-rtl .k-stepper .k-step-list-vertical .k-step-indicator + .k-step-label, .k-stepper[dir=rtl] .k-step-list-vertical .k-step-indicator + .k-step-label {
    margin-left: 0;
    margin-right: 12px
}

.k-rtl .k-stepper .k-step-list-vertical ~ .k-progressbar, .k-stepper[dir=rtl] .k-step-list-vertical ~ .k-progressbar {
    left: auto;
    right: 17px
}

.k-wizard {
    padding: 16px;
    border-width: 0;
    font-size: inherit;
    line-height: 1.42857143;
    position: relative;
    color: inherit;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    overflow: hidden;
    background: 0 0
}

.k-wizard .k-stepper .k-step-list-vertical .k-step {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.k-wizard .k-stepper .k-step-indicator {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.k-wizard-steps {
    overflow: hidden
}

.k-wizard-step, .k-wizard-steps {
    display: -ms-flexbox;
    display: flex
}

.k-wizard-step {
    padding: 10px;
    width: 100%;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.k-wizard-content {
    overflow-y: auto
}

.k-wizard-buttons {
    margin-top: 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.k-wizard-buttons .k-button {
    margin-right: 8px
}

.k-wizard-buttons .k-wizard-pager {
    vertical-align: middle
}

.k-wizard-buttons-right .k-button:last-of-type {
    margin-right: 0
}

.k-wizard-horizontal {
    -ms-flex-direction: column;
    flex-direction: column
}

.k-wizard-horizontal .k-wizard-steps {
    margin-top: 32px
}

.k-wizard-horizontal .k-wizard-content, .k-wizard-horizontal .k-wizard-steps {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.k-wizard-vertical .k-wizard-steps {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%
}

.k-wizard-vertical .k-wizard-content {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.k-wizard-vertical .k-wizard-steps {
    margin-left: 32px
}

.k-wizard-left {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.k-wizard-left .k-wizard-steps {
    margin-right: 32px;
    margin-left: 0
}

.k-textarea {
    border-radius: 4px;
    margin: 0;
    border-width: 1px;
    border-style: solid;
    outline: 0;
    line-height: 1.42857143;
    box-sizing: border-box;
    box-shadow: none;
    background: 0 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    vertical-align: middle;
    position: relative;
    -webkit-appearance: none
}

.k-textarea::-ms-clear {
    display: none
}

.k-textarea > .k-input {
    padding: 0;
    margin: 0;
    width: 100%;
    border: 0;
    outline: 0;
    box-sizing: border-box;
    color: inherit;
    background: 0 0;
    font: inherit;
    display: inline-block;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-appearance: none
}

.k-textarea > .k-input::-ms-clear {
    display: none
}

.k-textarea.k-state-disabled, .k-textarea:disabled, .k-textarea[disabled] {
    outline: 0;
    cursor: default;
    opacity: .6;
    -webkit-filter: grayscale(.1);
    filter: grayscale(.1);
    pointer-events: none;
    box-shadow: none
}

textarea.k-textarea {
    display: inline-block
}

.k-textarea > .k-input, textarea.k-textarea {
    background-clip: padding-box;
    padding: 4px 8px;
    width: 18em;
    min-height: calc(1.42857143em + 10px);
    resize: both
}

.k-textarea > .k-input {
    overflow-y: auto
}

.k-floating-label-container > .k-textarea, .k-textbox-container > .k-textarea {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: auto
}

.k-ie .k-textarea > .k-input, .k-ie textarea.k-textarea {
    background-clip: border-box
}

.k-editor {
    border-style: solid;
    border-width: 1px;
    font-size: 100%;
    vertical-align: top;
    position: relative
}

.k-editor .k-editor-content, .k-editor > .k-content, .k-editor iframe.k-content {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    border: 0;
    box-sizing: border-box;
    background: 0 0;
    display: block
}

table.k-editor {
    width: 100%;
    height: 250px;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0
}

table.k-editor tbody, table.k-editor td, table.k-editor tr {
    border-color: inherit
}

table.k-editor .k-editable-area {
    color: #000;
    background: #fff
}

.k-editor-inline {
    padding: .3em .5em;
    background: 0 0;
    word-wrap: break-word;
    overflow: auto;
    position: relative
}

.k-editor-inline.k-editor {
    border: 1px solid transparent
}

.k-window.k-editor-widget {
    min-height: 0
}

.editorToolbarWindow {
    padding: 4px;
    font-size: 14px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.editorToolbarWindow .k-editor-toolbar {
    padding: 0;
    border-width: 0;
    background: 0 0
}

.k-editortoolbar-dragHandle {
    margin: 0 4px 0 0;
    padding: 0;
    position: relative;
    cursor: move;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center
}

.k-editor-toolbar {
    border-width: 0 0 1px;
    border-color: inherit
}

.k-editor-toolbar .k-tool-group .k-widget ~ .k-widget {
    -webkit-margin-start: 4px;
    margin-inline-start: 4px
}

.k-editor-toolbar .k-tool-group > .k-tool {
    padding: 4px;
    width: calc(1.4285714286em + 10px);
    height: calc(1.4285714286em + 10px)
}

.k-editor-toolbar .k-tool-text {
    display: none
}

.k-editor-toolbar .k-overflow-tools {
    margin: 0;
    border-color: inherit;
    visibility: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

.k-editor-toolbar .k-overflow-anchor {
    position: relative
}

.k-editor-toolbar .k-break, .k-editor-toolbar .k-row-break {
    display: block;
    height: 1px;
    font-size: 0;
    line-height: 0
}

.k-editable-area {
    width: 100%;
    height: 100%;
    outline: 0
}

.k-resizable .k-editable-area {
    padding-bottom: 16px
}

.k-editor-dialog .k-editor-textarea, .k-editor .k-raw-content {
    font-size: inherit;
    font-family: consolas, courier new, monospace
}

.k-editor-dialog {
    padding: 1em;
    width: 400px
}

.k-editor-dialog .k-edit-label {
    width: 25%
}

.k-editor-dialog .k-edit-field {
    width: 66%
}

.k-editor-dialog .k-edit-field .k-textbox {
    width: 96%
}

.k-filebrowser-dialog {
    width: auto;
    min-width: 350px
}

.k-filebrowser-dialog .k-filebrowser {
    margin: 0 1em
}

.k-filebrowser-dialog .k-edit-label {
    width: 18%
}

.k-filebrowser-dialog .k-edit-field {
    width: 75%
}

.k-filebrowser-dialog .k-edit-field .k-textbox {
    width: 70%
}

#k-editor-image-height, #k-editor-image-width {
    width: 5em
}

.k-editor-dialog .k-button {
    display: inline-block
}

.k-button-wrapper .k-link:hover {
    text-decoration: underline
}

.k-ct-popup {
    width: 180.4px;
    padding: .65em .5em .5em
}

.k-ct-popup .k-button {
    width: 100%
}

.k-ct-popup .k-status {
    margin: .3em 0
}

.k-ct-popup .k-ct-cell {
    border-width: 1px;
    border-style: solid;
    width: 18px;
    height: 18px;
    margin: 1px;
    vertical-align: top;
    display: inline-block;
    overflow: hidden;
    pointer-events: all;
    -ms-high-contrast-adjust: none
}

.k-editor .k-resize-handle {
    padding: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: se-resize
}

.k-editor .k-resize-handle .k-icon {
    vertical-align: bottom
}

.k-editor .k-overlay {
    position: absolute;
    background-color: #fff;
    opacity: 0
}

.k-editor-inline .k-table-resize-handle-wrapper {
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #fff;
    border: 1px solid #000;
    z-index: 100
}

.k-editor-inline .k-table-resize-handle-wrapper .k-table-resize-handle {
    width: 100%;
    height: 100%
}

.k-editor-inline .k-table-resize-handle-wrapper .k-table-resize-handle.k-resize-east {
    cursor: e-resize
}

.k-editor-inline .k-table-resize-handle-wrapper .k-table-resize-handle.k-resize-north {
    cursor: n-resize
}

.k-editor-inline .k-table-resize-handle-wrapper .k-table-resize-handle.k-resize-northeast {
    cursor: ne-resize
}

.k-editor-inline .k-table-resize-handle-wrapper .k-table-resize-handle.k-resize-northwest {
    cursor: nw-resize
}

.k-editor-inline .k-table-resize-handle-wrapper .k-table-resize-handle.k-resize-south {
    cursor: s-resize
}

.k-editor-inline .k-table-resize-handle-wrapper .k-table-resize-handle.k-resize-southeast {
    cursor: se-resize
}

.k-editor-inline .k-table-resize-handle-wrapper .k-table-resize-handle.k-resize-southwest {
    cursor: sw-resize
}

.k-editor-inline .k-table-resize-handle-wrapper .k-table-resize-handle.k-resize-west {
    cursor: w-resize
}

.k-editor-inline .k-column-resize-handle-wrapper {
    position: absolute;
    height: 10px;
    width: 10px;
    cursor: col-resize;
    z-index: 2
}

.k-editor-inline .k-column-resize-handle-wrapper .k-column-resize-handle {
    width: 100%;
    height: 100%
}

.k-editor-inline .k-column-resize-handle-wrapper .k-column-resize-handle .k-column-resize-marker {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    background-color: #00b0ff;
    display: none;
    opacity: .8
}

.k-editor-inline .k-table {
    width: 100%;
    border-spacing: 0;
    margin: 0 0 1em
}

.k-editor-inline .k-table, .k-editor-inline .k-table td {
    outline: 0;
    border: 1px dotted #ccc
}

.k-editor-inline .k-table td {
    min-width: 1px;
    padding: .2em .3em
}

.k-table.k-table-resizing {
    opacity: .6
}

.k-editor-inline .k-row-resize-handle-wrapper {
    position: absolute;
    z-index: 2;
    cursor: row-resize;
    width: 10px;
    height: 10px
}

.k-editor-inline .k-row-resize-handle-wrapper .k-row-resize-handle {
    display: table;
    width: 100%;
    height: 100%
}

.k-editor-inline .k-row-resize-handle-wrapper .k-row-resize-marker-wrapper {
    display: table-cell;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    vertical-align: middle
}

.k-editor-inline .k-row-resize-handle-wrapper .k-row-resize-marker {
    display: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 2px;
    background-color: #00b0ff;
    opacity: .8
}

.k-viewhtml-dialog {
    width: 100%;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-align: stretch;
    align-items: stretch
}

.k-viewhtml-dialog .k-editor-textarea {
    margin: 1em;
    padding: .17857143em;
    height: 100%;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    font: inherit;
    font-family: consolas, monospace;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: auto;
    resize: none
}

.k-viewhtml-dialog .k-edit-buttons {
    text-align: right;
    border-width: 1px 0 0;
    border-style: solid;
    position: relative;
    bottom: -1em;
    padding: .6em
}

.k-viewhtml-dialog .k-edit-buttons .k-button {
    margin-right: .5em
}

.k-editor-dialog.k-editor-table-wizard-dialog.k-window-content {
    overflow: hidden;
    min-width: 325px;
    width: 24em;
    padding: 1em 0
}

.k-editor-dialog .k-edit-form-container {
    width: auto
}

.k-editor-dialog .k-tabstrip {
    margin: -1.333em 0 0
}

.k-editor-dialog .k-root-tabs {
    margin: -1em -1em -1.5em;
    padding: .5em 1em 0;
    border-width: 0
}

.k-editor-dialog ul.k-tabstrip-items {
    padding: .5em 1em 0;
    border-width: 0 0 1px;
    border-style: solid
}

.k-editor-dialog ul.k-tabstrip-items .k-loading {
    border-top-width: 0
}

.k-editor-dialog .k-tabstrip:focus {
    box-shadow: none
}

.k-editor-dialog.k-editor-table-wizard-dialog .k-tabstrip-wrapper .k-content {
    overflow: hidden;
    min-height: 440px;
    height: 35em;
    margin: 0;
    padding: 1em .5em 0;
    border-width: 0
}

.k-editor-dialog .k-edit-field .k-numerictextbox {
    width: 10.6em;
    margin: 0 .35714285em 0 0
}

.k-editor-dialog.k-editor-table-wizard-dialog .k-edit-field .k-numerictextbox + .k-dropdown {
    width: 4em
}

.k-editor-dialog.k-editor-table-wizard-dialog .k-edit-field .k-dropdown, .k-editor-dialog.k-editor-table-wizard-dialog .k-edit-field .k-textbox {
    width: 15em
}

.k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdown {
    width: 5.35714285em
}

.k-editor-dialog textarea.k-textbox {
    height: 14.28571428em
}

.k-editor-dialog textarea.k-textbox.k-editor-accessibility-summary {
    height: auto
}

.k-editor-dialog.k-editor-table-wizard-dialog .k-dropdown.k-align {
    width: 4em
}

.k-popup.k-list-container.k-align {
    padding: 0;
    text-align: center
}

.k-align-group {
    vertical-align: text-top
}

.k-popup.k-align .k-list .k-item {
    display: inline-block;
    width: 2.57142857em;
    height: 2.57142857em;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0
}

.k-popup.k-align .k-list .k-icon {
    vertical-align: bottom;
    vertical-align: -webkit-baseline-middle
}

.k-popup.k-align .k-list .k-item:last-child {
    width: auto;
    display: block;
    border-width: 1px 0 0;
    border-style: solid
}

.k-popup.k-align .k-list .k-item:before {
    width: 2.57142857em;
    height: 2.57142857em;
    line-height: 2.57142857em
}

.k-editor-dialog.k-editor-table-wizard-dialog .k-edit-buttons {
    padding: 1em .8em;
    margin: .5em 0 0
}

.k-appbar {
    padding: 8px 16px;
    border-width: 0;
    border-style: solid;
    box-sizing: border-box;
    outline: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: 1.42857143;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.k-appbar > * {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.k-appbar .k-appbar-section {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center
}

.k-appbar .k-appbar-spacer {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.k-appbar .k-appbar-spacer-sized {
    -ms-flex-positive: 0;
    flex-grow: 0
}

.k-appbar .k-appbar-separator {
    margin: 0;
    width: 0;
    min-height: 1em;
    border-style: solid;
    border-width: 0 0 0 1px;
    display: inline-block
}

.k-appbar-static {
    position: static
}

.k-appbar-sticky {
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 1
}

.k-appbar-fixed {
    width: 100%;
    position: fixed;
    z-index: 1
}

.k-appbar-top {
    top: 0;
    bottom: auto
}

.k-appbar-bottom {
    top: auto;
    bottom: 0
}

.k-appbar-bottom.k-appbar-fixed {
    bottom: 0
}

.k-ie {
    background-clip: border-box
}

.k-loader {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    border-width: 0;
    box-shadow: none;
    line-height: 0
}

.k-widget.k-loader {
    background: 0 0;
    box-shadow: none
}

.k-loader-canvas {
    position: relative
}

.k-loader-segment {
    position: absolute;
    display: inline-block
}

.k-loader-segment:after {
    content: "";
    display: block;
    border-radius: 50%
}

.k-loader-sm {
    padding: 3px
}

.k-loader-sm .k-loader-segment:after {
    width: 6px;
    height: 6px
}

.k-loader-md {
    padding: 5px
}

.k-loader-md .k-loader-segment:after {
    width: 10px;
    height: 10px
}

.k-loader-lg {
    padding: 10px
}

.k-loader-lg .k-loader-segment:after {
    width: 20px;
    height: 20px
}

.k-loader-pulsing-2 .k-loader-segment {
    position: relative
}

.k-loader-pulsing-2 .k-loader-segment:first-child {
    -webkit-animation: pulsing-2-first-child 1s ease infinite;
    animation: pulsing-2-first-child 1s ease infinite
}

.k-loader-pulsing-2 .k-loader-segment:nth-child(2) {
    -webkit-animation: pulsing-2-second-child 1s ease infinite;
    animation: pulsing-2-second-child 1s ease infinite
}

.k-loader-pulsing-2.k-loader-sm .k-loader-segment:first-child {
    margin-right: 1.5px
}

.k-loader-pulsing-2.k-loader-sm .k-loader-segment:last-child {
    margin-left: 1.5px
}

.k-loader-pulsing-2.k-loader-md .k-loader-segment:first-child {
    margin-right: 2.5px
}

.k-loader-pulsing-2.k-loader-md .k-loader-segment:last-child {
    margin-left: 2.5px
}

.k-loader-pulsing-2.k-loader-lg .k-loader-segment:first-child {
    margin-right: 5px
}

.k-loader-pulsing-2.k-loader-lg .k-loader-segment:last-child {
    margin-left: 5px
}

.k-loader-spinner-3 .k-loader-segment:first-child {
    -webkit-animation: spinner-3-first-child 2s ease infinite;
    animation: spinner-3-first-child 2s ease infinite
}

.k-loader-spinner-3 .k-loader-segment:nth-child(2) {
    -webkit-animation: spinner-3-second-child 2s ease infinite;
    animation: spinner-3-second-child 2s ease infinite
}

.k-loader-spinner-3 .k-loader-segment:nth-child(3) {
    -webkit-animation: spinner-3-third-child 2s ease infinite;
    animation: spinner-3-third-child 2s ease infinite
}

.k-loader-spinner-3.k-loader-sm .k-loader-canvas {
    width: 24px;
    height: 20px
}

.k-loader-spinner-3.k-loader-md .k-loader-canvas {
    width: 40px;
    height: 34px
}

.k-loader-spinner-3.k-loader-lg .k-loader-canvas {
    width: 80px;
    height: 65px
}

.k-loader-spinner-4 .k-loader-canvas {
    -webkit-animation: spinner-4 1.833s ease infinite;
    animation: spinner-4 1.833s ease infinite
}

.k-loader-spinner-4 .k-loader-segment:first-child {
    -webkit-animation: spinner-4-first-child 1.833s ease infinite;
    animation: spinner-4-first-child 1.833s ease infinite
}

.k-loader-spinner-4 .k-loader-segment:nth-child(2) {
    -webkit-animation: spinner-4-second-child 1.833s ease infinite;
    animation: spinner-4-second-child 1.833s ease infinite
}

.k-loader-spinner-4 .k-loader-segment:nth-child(3) {
    -webkit-animation: spinner-4-third-child 1.833s ease infinite;
    animation: spinner-4-third-child 1.833s ease infinite
}

.k-loader-spinner-4 .k-loader-segment:nth-child(4) {
    -webkit-animation: spinner-4-fourth-child 1.833s ease infinite;
    animation: spinner-4-fourth-child 1.833s ease infinite
}

.k-loader-spinner-4.k-loader-sm .k-loader-canvas {
    width: 24px;
    height: 24px
}

.k-loader-spinner-4.k-loader-md .k-loader-canvas {
    width: 40px;
    height: 40px
}

.k-loader-spinner-4.k-loader-lg .k-loader-canvas {
    width: 80px;
    height: 80px
}

@-webkit-keyframes pulsing-2-first-child {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulsing-2-first-child {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes pulsing-2-second-child {
    0% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes pulsing-2-second-child {
    0% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@-webkit-keyframes spinner-3-first-child {
    0% {
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }
    33.3% {
        top: 100%;
        left: 0;
        -webkit-transform: translateX(0) translateY(-100%);
        transform: translateX(0) translateY(-100%)
    }
    66.6% {
        top: 100%;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(-100%);
        transform: translateX(-100%) translateY(-100%)
    }
    to {
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }
}

@keyframes spinner-3-first-child {
    0% {
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }
    33.3% {
        top: 100%;
        left: 0;
        -webkit-transform: translateX(0) translateY(-100%);
        transform: translateX(0) translateY(-100%)
    }
    66.6% {
        top: 100%;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(-100%);
        transform: translateX(-100%) translateY(-100%)
    }
    to {
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }
}

@-webkit-keyframes spinner-3-second-child {
    0% {
        top: 100%;
        left: 0;
        -webkit-transform: translateX(0) translateY(-100%);
        transform: translateX(0) translateY(-100%)
    }
    33.3% {
        top: 100%;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(-100%);
        transform: translateX(-100%) translateY(-100%)
    }
    66.6% {
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }
    to {
        top: 100%;
        left: 0;
        -webkit-transform: translateX(0) translateY(-100%);
        transform: translateX(0) translateY(-100%)
    }
}

@keyframes spinner-3-second-child {
    0% {
        top: 100%;
        left: 0;
        -webkit-transform: translateX(0) translateY(-100%);
        transform: translateX(0) translateY(-100%)
    }
    33.3% {
        top: 100%;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(-100%);
        transform: translateX(-100%) translateY(-100%)
    }
    66.6% {
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }
    to {
        top: 100%;
        left: 0;
        -webkit-transform: translateX(0) translateY(-100%);
        transform: translateX(0) translateY(-100%)
    }
}

@-webkit-keyframes spinner-3-third-child {
    0% {
        top: 100%;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(-100%);
        transform: translateX(-100%) translateY(-100%)
    }
    33.3% {
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }
    66.6% {
        top: 100%;
        left: 0;
        -webkit-transform: translateX(0) translateY(-100%);
        transform: translateX(0) translateY(-100%)
    }
    to {
        top: 100%;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(-100%);
        transform: translateX(-100%) translateY(-100%)
    }
}

@keyframes spinner-3-third-child {
    0% {
        top: 100%;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(-100%);
        transform: translateX(-100%) translateY(-100%)
    }
    33.3% {
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }
    66.6% {
        top: 100%;
        left: 0;
        -webkit-transform: translateX(0) translateY(-100%);
        transform: translateX(0) translateY(-100%)
    }
    to {
        top: 100%;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(-100%);
        transform: translateX(-100%) translateY(-100%)
    }
}

@-webkit-keyframes spinner-4-first-child {
    0% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
    33.3% {
        top: 0;
        left: 0;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
    66.6% {
        top: 0;
        left: 0;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
    to {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
}

@keyframes spinner-4-first-child {
    0% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
    33.3% {
        top: 0;
        left: 0;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
    66.6% {
        top: 0;
        left: 0;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
    to {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
}

@-webkit-keyframes spinner-4-second-child {
    0% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
    33.3% {
        top: 0;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(0);
        transform: translateX(-100%) translateY(0)
    }
    66.6% {
        top: 0;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(0);
        transform: translateX(-100%) translateY(0)
    }
    to {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
}

@keyframes spinner-4-second-child {
    0% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
    33.3% {
        top: 0;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(0);
        transform: translateX(-100%) translateY(0)
    }
    66.6% {
        top: 0;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(0);
        transform: translateX(-100%) translateY(0)
    }
    to {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
}

@-webkit-keyframes spinner-4-third-child {
    0% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
    33.3% {
        top: 100%;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(-100%);
        transform: translateX(-100%) translateY(-100%)
    }
    66.6% {
        top: 100%;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(-100%);
        transform: translateX(-100%) translateY(-100%)
    }
    to {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
}

@keyframes spinner-4-third-child {
    0% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
    33.3% {
        top: 100%;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(-100%);
        transform: translateX(-100%) translateY(-100%)
    }
    66.6% {
        top: 100%;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(-100%);
        transform: translateX(-100%) translateY(-100%)
    }
    to {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
}

@-webkit-keyframes spinner-4-fourth-child {
    0% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
    33.3% {
        top: 100%;
        left: 0;
        -webkit-transform: translateX(0) translateY(-100%);
        transform: translateX(0) translateY(-100%)
    }
    66.6% {
        top: 100%;
        left: 0;
        -webkit-transform: translateX(0) translateY(-100%);
        transform: translateX(0) translateY(-100%)
    }
    to {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
}

@keyframes spinner-4-fourth-child {
    0% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
    33.3% {
        top: 100%;
        left: 0;
        -webkit-transform: translateX(0) translateY(-100%);
        transform: translateX(0) translateY(-100%)
    }
    66.6% {
        top: 100%;
        left: 0;
        -webkit-transform: translateX(0) translateY(-100%);
        transform: translateX(0) translateY(-100%)
    }
    to {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
}

@-webkit-keyframes spinner-4 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    33.3% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    66.6% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    to {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@keyframes spinner-4 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    33.3% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    66.6% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    to {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

.k-imageeditor {
    margin: 0;
    padding: 0;
    border-width: 0;
    border-style: solid;
    box-sizing: border-box;
    outline: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: 1.42857143;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.k-imageeditor-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.k-imageeditor-canvas-container {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: auto
}

.k-imageeditor-canvas {
    margin: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.k-imageeditor-action-pane {
    border-width: 1px;
    border-top-width: 0;
    border-style: solid;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow-y: auto
}

.k-imageeditor-action-pane > .k-form {
    padding: 0 16px 32px
}

.k-imageeditor-crop-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.k-imageeditor-crop {
    width: 100%;
    height: 100%;
    border-width: 1px;
    border-style: dashed;
    box-sizing: border-box;
    position: absolute
}

.k-imageeditor-crop .k-resize-handle {
    margin: 1px;
    border-style: solid;
    border-width: 0 2px 2px 0
}

.k-imageeditor-crop .k-resize-ne, .k-imageeditor-crop .k-resize-nw, .k-imageeditor-crop .k-resize-se, .k-imageeditor-crop .k-resize-sw {
    width: 15px;
    height: 15px
}

.k-imageeditor-crop .k-resize-n, .k-imageeditor-crop .k-resize-s {
    left: calc(50% - 7.5px);
    width: 15px;
    height: 0
}

.k-imageeditor-crop .k-resize-e, .k-imageeditor-crop .k-resize-w {
    top: calc(50% - 7.5px);
    width: 0;
    height: 15px
}

.k-imageeditor-crop .k-resize-ne {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.k-imageeditor-crop .k-resize-nw {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.k-imageeditor-crop .k-resize-sw {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.k-imageeditor-crop .k-resize-n, .k-imageeditor-crop .k-resize-ne, .k-imageeditor-crop .k-resize-nw {
    top: 0
}

.k-imageeditor-crop .k-resize-s, .k-imageeditor-crop .k-resize-se, .k-imageeditor-crop .k-resize-sw {
    bottom: 0
}

.k-imageeditor-crop .k-resize-nw, .k-imageeditor-crop .k-resize-sw, .k-imageeditor-crop .k-resize-w {
    left: 0
}

.k-imageeditor-crop .k-resize-e, .k-imageeditor-crop .k-resize-ne, .k-imageeditor-crop .k-resize-se {
    right: 0
}

.k-ie .k-imageeditor-canvas {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.k-ie .k-imageeditor-action-pane {
    min-width: 200px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@font-face {
    font-family: DejaVu Sans;
    src: none format("truetype")
}

@font-face {
    font-family: DejaVu Sans;
    font-weight: 700;
    src: none format("truetype")
}

@font-face {
    font-family: DejaVu Sans;
    font-style: italic;
    src: none format("truetype")
}

@font-face {
    font-family: DejaVu Sans;
    font-weight: 700;
    font-style: italic;
    src: none format("truetype")
}

@font-face {
    font-family: DejaVu Serif;
    src: none format("truetype")
}

@font-face {
    font-family: DejaVu Serif;
    font-weight: 700;
    src: none format("truetype")
}

@font-face {
    font-family: DejaVu Serif;
    font-style: italic;
    src: none format("truetype")
}

@font-face {
    font-family: DejaVu Serif;
    font-weight: 700;
    font-style: italic;
    src: none format("truetype")
}

@font-face {
    font-family: DejaVu Mono;
    src: none format("truetype")
}

@font-face {
    font-family: DejaVu Mono;
    font-weight: 700;
    src: none format("truetype")
}

@font-face {
    font-family: DejaVu Mono;
    font-style: italic;
    src: none format("truetype")
}

@font-face {
    font-family: DejaVu Mono;
    font-weight: 700;
    font-style: italic;
    src: none format("truetype")
}

.kendo-pdf-hide-pseudo-elements:after, .kendo-pdf-hide-pseudo-elements:before {
    display: none !important
}

.k-pdf-export sub, .k-pdf-export sup {
    display: inline-block
}

/*!
 * Copyright 2020 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.k-rtl {
    direction: rtl
}

.k-rtl .k-autocomplete .k-i-loading, .k-rtl .k-multiselect .k-i-loading {
    right: auto;
    left: 3px
}

.k-rtl .k-button-icontext .k-icon, .k-rtl .k-button-icontext .k-image {
    margin-left: 3px;
    margin-left: .1875rem;
    margin-right: -2px;
    margin-right: -.125rem
}

.k-rtl .k-numeric-wrap.k-expand-padding {
    padding-left: 0
}

.k-rtl .k-datetimepicker .k-picker-wrap {
    padding-right: 0;
    padding-left: 4em
}

.k-rtl .k-dropdown-wrap .k-select, .k-rtl .k-numeric-wrap .k-select, .k-rtl span.k-picker-wrap .k-select {
    right: auto;
    left: 0;
    border-width: 0 1px 0 0
}

.k-rtl .k-dropdown-wrap .k-input, .k-rtl .k-numeric-wrap .k-input, .k-rtl .k-picker-wrap .k-input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.k-rtl .k-autocomplete > .k-i-close, .k-rtl .k-multiselect > .k-multiselect-wrap > .k-i-close {
    right: auto;
    margin-right: 0
}

.k-rtl .k-combobox > .k-dropdown-wrap > .k-i-close, .k-rtl .k-dropdowntree > .k-dropdown-wrap > .k-i-close {
    right: auto
}

.k-rtl.k-popup > .k-static-header {
    text-align: left;
    padding-left: 22px
}

.k-rtl.k-popup .k-item > .k-group {
    right: auto;
    left: 0
}

.k-rtl.k-popup .k-state-hover > .k-group {
    right: auto;
    left: -1px
}

.k-rtl.k-popup > .k-group-header, .k-rtl.k-popup > .k-virtual-wrap > .k-group-header {
    text-align: left
}

.k-rtl .k-list-filter > .k-icon {
    right: auto;
    left: 6px
}

.k-rtl .k-list-filter > .k-textbox {
    padding-left: 20px;
    padding-right: 0
}

.k-rtl .k-widget.k-calendar .k-nav-prev {
    left: auto;
    right: 1%
}

.k-rtl .k-widget.k-calendar .k-nav-next {
    right: auto;
    left: 1%
}

.k-rtl .k-calendar .k-i-arrow-60-left, .k-rtl .k-calendar .k-i-arrow-60-right {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.k-rtl .k-form-text-row input {
    margin-right: 0;
    margin-left: 1em
}

.k-rtl .k-form-checkbox-row input {
    margin-left: 0;
    margin-right: 7.5em
}

.k-rtl .k-form-checkbox-row label {
    padding-left: 0;
    padding-right: .3em
}

.k-rtl .k-search-wrap {
    float: left
}

.k-rtl .k-search-wrap .k-search {
    right: auto;
    left: 2px
}

.k-rtl .k-editor-dialog .k-button-wrapper {
    text-align: left
}

.k-rtl .k-tiles-arrange {
    float: left
}

.k-rtl .k-toolbar-wrap {
    float: right
}

.k-rtl .k-imagebrowser .k-thumb {
    float: right;
    margin: 4px 4px 0 10px
}

.k-rtl .k-i-indent-decrease, .k-rtl .k-i-indent-increase {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.k-rtl .k-overflow-tools {
    left: 0;
    right: auto
}

.k-rtl div.k-grid-footer, .k-rtl div.k-grid-header {
    padding-right: 0;
    padding-left: 17px
}

.k-rtl .k-grid-footer-wrap, .k-rtl .k-grid-header-wrap {
    border-width: 0
}

.k-rtl .k-header > .k-grid-filter, .k-rtl .k-header > .k-header-column-menu {
    float: left;
    margin: -.5em 0 -.4em -.6em;
    padding: .5em .2em .4em
}

.k-rtl .k-grid-header .k-filterable .k-link {
    padding-left: 2.4em;
    padding-right: .6em
}

.k-rtl .k-filter-row th:first-child, .k-rtl .k-grid-header .k-header:first-child, .k-rtl .k-grid tbody td:first-child, .k-rtl .k-grid tfoot td:first-child {
    border-left-width: 1px
}

.k-rtl div.k-grid td.k-hierarchy-cell {
    border-left-width: 0
}

.k-rtl .k-grid .k-group-cell + td, .k-rtl .k-grid .k-hierarchy-cell + td {
    border-left-width: 1px
}

.k-rtl .k-grid-header .k-header {
    text-align: right
}

.k-rtl .k-scrollbar-vertical {
    right: auto;
    left: 0
}

.k-rtl .k-group-footer .k-group-cell + td {
    border-left-width: 0;
    border-right-width: 1px
}

.k-rtl .k-grid-content-locked, .k-rtl .k-grid-header-locked {
    border-right-width: 0;
    border-left-width: 1px
}

.k-rtl .k-grid-header th.k-with-icon .k-link {
    margin: -.5em 0 -.4em -.6em;
    padding: .5em 0 .4em .6em;
    margin-left: 18px
}

.k-rtl .k-filtercell > span {
    padding-right: 0;
    padding-left: 4.8em
}

.k-rtl .k-filtercell > .k-operator-hidden {
    padding-right: 0;
    padding-left: 2.3em
}

.k-rtl .k-filtercell > span > .k-button {
    right: auto;
    left: 0
}

.k-rtl .k-filter-row .k-dropdown-operator {
    right: auto;
    left: 2.5em
}

.k-rtl .k-header .k-grid-search {
    float: left
}

.k-rtl .k-edit-form-container .editor-label, .k-rtl .k-edit-label {
    float: right;
    clear: both;
    margin-left: 0;
    margin-right: 2%;
    text-align: left
}

.k-rtl .k-edit-field, .k-rtl .k-edit-form-container .editor-field {
    float: left;
    clear: left;
    margin-right: 0;
    margin-left: 2%
}

.k-rtl .k-edit-field > .k-button:first-child {
    margin-right: 0
}

.k-rtl .k-edit-form-container .k-edit-buttons {
    text-align: left
}

.k-rtl .k-dirty {
    border-color: red red transparent transparent;
    margin: 0;
    left: auto;
    right: 0
}

.k-webkit .k-rtl .k-dirty {
    margin: -.4em .7em 0 0
}

.k-rtl .k-gantt .k-grid-header .k-header {
    text-align: center
}

.k-rtl .k-gantt-actions {
    float: right;
    margin-right: 0;
    margin-left: .6em
}

.k-rtl .k-gantt-toolbar > .k-gantt-views {
    float: left;
    margin-left: 0
}

.k-rtl button.k-gantt-toggle {
    float: right;
    margin-right: 0;
    margin-left: .5em
}

.k-rtl .k-gantt-edit-form .k-edit-buttons .k-gantt-delete {
    float: right
}

.k-rtl .k-gantt-toolbar li:first-child + li, .k-rtl .k-gantt-toolbar li:first-child + li > .k-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.k-rtl .k-gantt-toolbar li:last-child, .k-rtl .k-gantt-toolbar li:last-child > .k-link {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.k-rtl .k-gantt-toolbar li:last-child {
    border-left-width: 1px
}

.k-rtl .k-gantt-toolbar li:first-child {
    border-left-width: 0
}

.k-rtl .k-gantt-columns, .k-rtl .k-gantt-dependencies, .k-rtl .k-gantt-rows, .k-rtl .k-task-complete {
    left: auto;
    right: 0
}

.k-rtl .k-task-template {
    padding: .2em .6em .2em 1.4em
}

.k-rtl .k-task-single {
    text-align: right
}

.k-rtl .k-task-actions {
    right: auto;
    left: 4px
}

.k-rtl .k-task-dot:after {
    margin-right: 4px;
    margin-left: 0
}

.k-rtl .k-task-start {
    right: 0;
    left: auto
}

.k-rtl .k-task-end {
    left: 0;
    right: auto
}

.k-rtl .k-resources-wrap {
    margin-left: 0;
    margin-right: 20px
}

.k-rtl .k-grid tbody td:last-child, .k-rtl .k-grid thead th:last-child {
    border-left-width: 0
}

.k-rtl .k-timeline .k-grid-header-wrap {
    border-left-width: 1px
}

.k-rtl .k-menu.k-menu-vertical .k-item, [dir=rtl] .k-menu.k-menu-vertical .k-item {
    border: 0
}

.k-rtl .k-widget.k-menu-horizontal > .k-item, [dir=rtl] .k-widget.k-menu-horizontal > .k-item {
    float: right
}

.k-rtl .k-menu-group .k-item > .k-link > .k-menu-expand-arrow, .k-rtl .k-menu-vertical .k-item > .k-link > .k-menu-expand-arrow, [dir=rtl] .k-menu-group .k-item > .k-link > .k-menu-expand-arrow, [dir=rtl] .k-menu-vertical .k-item > .k-link > .k-menu-expand-arrow {
    right: auto;
    left: .2rem
}

.k-rtl .k-menu .k-image, .k-rtl .k-menu .k-sprite, [dir=rtl] .k-menu .k-image, [dir=rtl] .k-menu .k-sprite {
    margin-left: 4px;
    margin-right: -4px
}

.k-rtl .k-menu .k-item > .k-link > .k-i-arrow-60-down, [dir=rtl] .k-menu .k-item > .k-link > .k-i-arrow-60-down {
    margin-right: 0;
    margin-left: -8px
}

.k-rtl .k-multiselect-wrap .k-input {
    float: right
}

.k-rtl .k-multiselect-wrap li {
    float: right;
    padding: .1em .4em .1em 1.6em;
    margin: 2px 2px 2px 0
}

.k-rtl .k-multiselect-wrap .k-select {
    right: auto;
    left: 0;
    padding: .03em .2em
}

.k-rtl .k-autocomplete > .k-i-close, .k-rtl .k-multiselect-wrap > .k-i-close {
    right: auto
}

.k-rtl .k-panelbar-collapse, .k-rtl .k-panelbar-expand {
    right: auto;
    left: 2px
}

.k-rtl .k-panelbar .k-image, .k-rtl .k-panelbar .k-sprite {
    float: right;
    margin-right: 0;
    margin-left: 5px
}

.k-rtl .k-progressbar > .k-reset {
    left: auto;
    right: -1px
}

.k-rtl .k-progressbar-horizontal li.k-last {
    border-left-width: 0
}

.k-rtl .k-scheduler .k-scrollbar-v .k-scheduler-header-wrap {
    border-right-width: 0;
    border-left-width: 1px
}

.k-rtl .k-scheduler-monthview .k-scheduler-table td {
    text-align: left
}

.k-rtl .k-scheduler-header th, .k-rtl .k-scheduler-table td {
    border-left-width: 0;
    border-right-width: 1px
}

.k-rtl .k-scheduler-header th:first-child, .k-rtl .k-scheduler-table td:first-child {
    border-right-width: 0
}

.k-rtl .k-scheduler-agendaview .k-scheduler-table td:first-child {
    border-left-width: 0;
    border-right-width: 1px
}

.k-rtl .k-scheduler-agendaview .k-scheduler-table td.k-first, .k-rtl .k-scheduler-agendaview .k-scheduler-table td.k-scheduler-datecolumn {
    border-right-width: 0
}

.k-rtl .k-scheduler-times th {
    text-align: left;
    padding-right: .5em;
    padding-left: .6em;
    border-right-width: 0;
    border-left-width: 1px
}

.k-rtl .k-scheduler-now-arrow {
    left: auto;
    right: 0
}

.k-rtl .k-scheduler-now-line {
    left: 0;
    right: 5px
}

.k-rtl .k-event, .k-rtl .k-more-events {
    text-align: right
}

.k-rtl .k-event-template {
    padding-left: 1.4em;
    padding-right: .6em
}

.k-rtl .k-event-actions, .k-rtl .k-event > .k-link, .k-rtl .k-task > .k-link {
    right: auto;
    left: 4px
}

.k-rtl .k-scheduler-agendaview .k-task > .k-link {
    right: auto;
    left: 0
}

.k-rtl .k-event-actions:first-child {
    float: right;
    margin-left: 2px;
    margin-right: 4px
}

.k-rtl .k-event .k-event-bottom-actions, .k-rtl .k-event .k-event-top-actions {
    left: auto;
    right: 0
}

.k-rtl .k-event > .k-resize-e {
    right: auto;
    left: 0
}

.k-rtl .k-event > .k-resize-w {
    left: auto;
    right: 0
}

.k-rtl .k-event > .k-resize-e:after, .k-rtl .k-event > .k-resize-w:after {
    left: auto;
    right: 1px
}

.k-rtl .k-event > .k-resize-e:after {
    right: auto;
    left: 1px
}

.k-rtl .k-scheduler-marquee .k-label-top {
    left: auto;
    right: .8em
}

.k-rtl .k-scheduler-marquee .k-label-bottom {
    right: auto;
    left: .81em
}

.k-rtl .k-scheduler-agendaview .k-scheduler-table td, .k-rtl .k-scheduler-agendaview .k-scheduler-table th {
    text-align: right
}

.k-rtl .k-scheduler-timecolumn > div > .k-i-arrow-60-right {
    right: auto;
    left: -4px
}

.k-rtl .k-scheduler-timecolumn .k-i-arrow-60-left {
    margin-left: 0;
    margin-right: -4px
}

.k-rtl .k-scheduler-mark {
    margin-right: 0;
    margin-left: .5em
}

.k-rtl .k-scheduler-agendaday {
    float: right;
    margin: 0 0 0 .2em
}

.k-rtl .k-scheduler-edit-form > .k-edit-box:first-child .k-datetimepicker {
    margin-right: 0;
    margin-left: 1em
}

.k-rtl .k-edit-box {
    float: right
}

.k-rtl .k-edit-box + .k-edit-box {
    float: left
}

.k-rtl .k-scheduler-edit-form label + input {
    margin-left: 0;
    margin-right: 1em
}

.k-rtl .k-edit-buttons .k-scheduler-delete {
    left: auto;
    right: .6em
}

.k-rtl .k-slider .k-button-decrease {
    left: auto;
    right: 0
}

.k-rtl .k-slider .k-button-increase {
    right: auto;
    left: 0
}

.k-rtl .k-slider-horizontal .k-slider-selection, .k-rtl .k-slider-horizontal .k-slider-track {
    left: auto;
    right: 0
}

.k-rtl .k-slider-horizontal .k-slider-buttons .k-slider-track {
    left: auto;
    right: 34px
}

.k-rtl .k-panelbar .k-tabstrip-items .k-item, .k-rtl .k-tabstrip-items .k-item {
    margin-left: -1px;
    margin-right: 0
}

.k-rtl .k-panelbar .k-tabstrip-items .k-item .k-image, .k-rtl .k-panelbar .k-tabstrip-items .k-item .k-sprite, .k-rtl .k-tabstrip-items .k-item .k-image, .k-rtl .k-tabstrip-items .k-item .k-sprite {
    margin: -3px -6px 0 3px
}

.k-rtl .k-tabstrip-prev {
    left: auto;
    right: .4em
}

.k-rtl .k-tabstrip-next, .k-rtl .k-tabstrip-prev {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.k-rtl .k-tabstrip-next {
    right: auto;
    left: .4em
}

.k-rtl .k-treeview .k-item {
    padding: 0 16px 0 0
}

.k-rtl .k-treeview .k-i-arrow-60-down, .k-rtl .k-treeview .k-i-arrow-60-up, .k-rtl .k-treeview .k-i-minus, .k-rtl .k-treeview .k-i-minus-disabled, .k-rtl .k-treeview .k-i-plus, .k-rtl .k-treeview .k-minus-disabled {
    margin-left: 0;
    margin-right: -16px
}

.k-rtl .k-treeview .k-image, .k-rtl .k-treeview .k-sprite {
    margin-right: 0;
    margin-left: 3px
}

.k-rtl .k-treeview .k-i-arrow-45-down-right, .k-rtl .k-treeview .k-i-arrow-60-right {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    margin-right: -16px;
    margin-left: auto
}

.k-rtl .k-pager-wrap .k-i-arrow-60-left, .k-rtl .k-pager-wrap .k-i-arrow-60-right, .k-rtl .k-pager-wrap .k-i-arrow-end-left, .k-rtl .k-pager-wrap .k-i-arrow-end-right, .k-rtl .k-treelist .k-i-arrow-45-down-right, .k-rtl .k-treelist .k-i-arrow-60-right {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.k-rtl .k-dropzone em {
    margin-left: 0;
    margin-right: .6em
}

.k-rtl .k-upload-files .k-button, .k-rtl .k-upload-status-total .k-icon {
    margin-left: 0;
    margin-right: 8px
}

.k-rtl .k-file {
    padding-right: .8em;
    padding-left: .167em
}

.k-rtl .k-filename {
    margin-left: 0;
    margin-right: 1em
}

.k-rtl .k-upload-status {
    right: auto;
    left: 12px
}

.k-rtl .k-progress {
    left: auto;
    right: 0
}

.k-rtl .k-upload .k-action-buttons .k-button + .k-button {
    margin-right: 6px;
    margin-left: 0
}

.k-rtl .k-file-name-size-wrapper {
    margin-left: 0;
    margin-right: 1em
}

.k-rtl .k-dateinput .k-i-warning, .k-rtl .k-datepicker .k-picker-wrap .k-icon.k-i-warning, .k-rtl .k-datetimepicker .k-picker-wrap .k-icon.k-i-warning, .k-rtl .k-maskedtextbox .k-i-warning, .k-rtl .k-timepicker .k-picker-wrap .k-icon.k-i-warning {
    right: auto;
    left: 0
}

.k-rtl .k-spreadsheet .k-spreadsheet-cell .k-dirty {
    margin: 0
}

.k-rtl .k-spreadsheet .k-spreadsheet-cell.k-spreadsheet-has-comment:after {
    left: 0;
    right: auto
}

.k-rtl .k-flatcolorpicker .k-selected-color {
    text-align: left
}

.k-rtl .k-flatcolorpicker .k-selected-color .k-color-value {
    direction: ltr;
    text-align: right;
    border-left: 0
}

.k-rtl .k-flatcolorpicker .k-transparency-slider .k-slider-track {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAAQCAYAAABnaabpAAAACXBIWXMAABbqAAAW6gHljkMQAAAF8WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTA4LTIwVDEyOjM0OjM4KzAzOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0xMi0wNVQxNjowOTowNSswMjowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0xMi0wNVQxNjowOTowNSswMjowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NDk5NzBhZS1iYTc5LTQyNDEtYTlmMi0xYTZhZWE2Mjk2OTIiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo0NjljNjgwYy03MTNlLTFjNDYtYTE0MC05OTdhZmZhNzVhYmYiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2NGMwY2JhYS04NjlhLWU4NDgtYjRjYy0wY2ZiYmQ2NmM1NzUiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0YzBjYmFhLTg2OWEtZTg0OC1iNGNjLTBjZmJiZDY2YzU3NSIgc3RFdnQ6d2hlbj0iMjAxOS0wOC0yMFQxMjozNDozOCswMzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NDk5NzBhZS1iYTc5LTQyNDEtYTlmMi0xYTZhZWE2Mjk2OTIiIHN0RXZ0OndoZW49IjIwMTktMTItMDVUMTY6MDk6MDUrMDI6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz595bBEAAAHH0lEQVR4nK1aW5LbOBBru3KjudPMmTx38pm0H2vaLQhAQ0pYlYpE9ov9hBPdqqoej8e9/l+315/38/P5xL0d7dfX1zqj5y/+Lnsn78V/0Nv4JS/wI11V1Z3w796b/VRHsx99tPgZL/JLHXD/Ax3o34D23vRTO+D+6/l9F+I/px9l3cX9q/b6qe/E/Vn+Kf3L/3flA3H/rp/xvv0k8mfZsuzvtu3sgfgf7hDmP/Nf1cf/0geE/303ov+QB81+lT8HmwP+Kf6dP7m/lP98PmXuVdVtHW5tc1qb+BvP+zvKdvpSO5zOJWeyLdW5ZDG6vre1P1f1qr2N0LA9J4/xoW2M3p3dCN1kx9LL9hRvzzd3bxZ3pJ30rjupXN8EXZfNbFB2IS/jwzzretdzWgfdFuXXyR5mV5eDfmA5p3iZP5ktzl70EeqoqjbJBmHrXSWO6+JqqSbhihN1KlsVb2KH451op7u74nTyVcJMK0lq14RRr0qmpKGyfeRLhsnivQEdkzPF8YB4hO0u11TMEj87m1A25pnznbON3Rl9ppqHRIqExuVs18V4p3skgC0ZhHV/PB5MKUM8rDOzCYiJmwYrbZquoNy721OBnnhx3zU35VN8Ths3roRPNRS1nA/WXRI/J2gPUYzKL0U3FUXqn/58JRZpHFnxq5yefKwaDqs9to/+c82j+6XXetKQ2J4CQo5uQrWdjtXbBwH+/Pwk8BiFOmOnxaYpg7zJ9HKyHd20HPJgtNOeGhKT/NQGtZ8OmgSNMzkJwnRoYlqsuBRSmnRM6LvTYHOfEO4ZFNPtODMYlLwuJ/EB08HsYc3DyU5z5sy++hXg3p0/D/1jIUDlTNxjAvHirhAd9GXIEeW5i+L5VSS1ZDNHTk1MIRF236uIVTVPFiNFlxQx8jB5iX3Jrwklzw1IpLuCCBg9a3xq8KZoT+lImjLTy85Zfjr9TEY6gCeQcsYfjl7Fy9V+mqNVtf83QGTAaTCtabr0Z5y0KEcVQteh9EwwXgVZNVrWlLudUyNL0TQuNVCu8HRe1YjcIFONfdKlaNIzJf+qHWwpnyWDLFmqeaf5nyAql1uOP/lVwuzayF7iF1az/wK0qFocf6GwBogC+t/TFFcJkjRFds4mG9qBeqdAKlSgkO00rZlulDUhD7Sn26DQ97QSRN5pp8GBvJMt088W9CnzndPDipch2SRHHapGm/GMoVvkUTaovJsQL+pSjcg19zOy+57KR+WPs8sNAAbOCmhPAbg/r+9smKD1nZBV3L7TWnRv3saP631Jon/p2KoO3xkiTbXvtNjfTD/av5OH8l/8MmEaf9XnWyzUL5sY+O+AYsH+g3+b/1jx9/vv/LpoGj/1QeNnQ6Gez6dNeBH/t47hO9ENvlPsq+tffj/ECfQffEC+0+zyMf8OQ5Hkz85Wof9tK4n/DpSQ/NnJMfVT9YmftE/UT69/9Nnu2cR/qp+tPt9ZyjsQ/+96Ecnf3SAU/nuf4weSJd4PjMSoDZ4nWcxxanpPEyVBRohm8dkhJVacRc6UPeouqriXDOZPJh/vhgi6653ikyCuvqbcOYtEGQJi93VyEwSL9F3PVkdbIkQh9Ls4T7Yhv0KPyo5Eb4Ja6QAnZ4xuqi1Fp2Sw59THuxq5//7+JsXEEsIFhU6rOjp2SnR0pvp5cCNnaVCdvbhQB9PFkk4VBJOHAU0bT9okO7/yZdKs0uX8eJjoxJZUd9Kg2HniA0QXyJMCiIlG5Ve30w1MfE9j1mOg0JrjnXIN5XU6rB1X30w+AzZK94HmTg5Y8p1JxCThrxa1Ok+DPaGtToPTP0VGU/EpPhVILDA1YZMJiXpUkZ+Jj5KDCxsU2sMKjtnqYu0GoKJ3eteaUKYrwsmOswgNgUiXM+VJYofLnSn+Z/pEQpfarmRiXA4+uX9/f6eTaOr0LiHOogdXUCnUZXIU/zTFXWBVUpyxTcnuMqc1oedEl0NRLJbKH1eHhWpuXaYbMJM8lpesebk7dBp8dk0am7gCA1NuT83Y0bOBxWQkqMrpTxr2OkvydBqAkw8lL/tfYIYG1QUwCRSEXYrVT4zJhgRiO9vQli5HBSBFE2lRJ40oaaZpYSa8DPkqO9i6WsQOxaj8YfY4OxVSxuVsTdAh7qFP0iHcac8O+F57Vxpospj8W+3v4miULdNgY35X/UTlFRt4VaW/A3Q/T9xyQU2QkWo6DhGuc1fcitZNlauok+lDeWdQIupWRdKTAGnxfWoUZxra1BDW+7/y5xk70sV8mqBA5E9tmeKvhnTXp+xzQ4+BFLbSeDNEfUUm0k1yFIJlZ8p3t6rPf4JcScap0FxzcbJQBkOVf5Ps08+iCbKfeUe5DgG7yZXcN/UTTk4nD2OoUNu0Epp0KDB5KsfQz9OQnBoPLswVxuP8hfoUGk+G+98iu2Sxukabb5X5jtmhED+LI/N7UgO7mvoPcF2hQfiHiikAAAAASUVORK5CYII=")
}

.k-rtl .k-flatcolorpicker .k-hue-slider .k-slider-track {
    background: linear-gradient(270deg, red 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004)
}

.button, .file-cta, .file-name, .input, .pagination-ellipsis, .pagination-link, .pagination-next, .pagination-previous, .select select, .textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1rem;
    height: 2.5em;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    line-height: 1.5;
    padding: calc(.5em - 1px) calc(.75em - 1px);
    position: relative;
    vertical-align: top
}

.button:active, .button:focus, .file-cta:active, .file-cta:focus, .file-name:active, .file-name:focus, .input:active, .input:focus, .is-active.button, .is-active.file-cta, .is-active.file-name, .is-active.input, .is-active.pagination-ellipsis, .is-active.pagination-link, .is-active.pagination-next, .is-active.pagination-previous, .is-active.textarea, .is-focused.button, .is-focused.file-cta, .is-focused.file-name, .is-focused.input, .is-focused.pagination-ellipsis, .is-focused.pagination-link, .is-focused.pagination-next, .is-focused.pagination-previous, .is-focused.textarea, .pagination-ellipsis:active, .pagination-ellipsis:focus, .pagination-link:active, .pagination-link:focus, .pagination-next:active, .pagination-next:focus, .pagination-previous:active, .pagination-previous:focus, .select select.is-active, .select select.is-focused, .select select:active, .select select:focus, .textarea:active, .textarea:focus {
    outline: none
}

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

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

.navbar-link:not(.is-arrowless):after, .select:not(.is-multiple):not(.is-loading):after {
    border: 3px solid transparent;
    border-radius: 2px;
    border-right: 0;
    border-top: 0;
    content: " ";
    display: block;
    height: .625em;
    margin-top: -.4375em;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    width: .625em
}

.block:not(:last-child), .box:not(:last-child), .breadcrumb:not(:last-child), .content:not(:last-child), .level:not(:last-child), .message:not(:last-child), .notification:not(:last-child), .pagination:not(:last-child), .progress:not(:last-child), .subtitle:not(:last-child), .table-container:not(:last-child), .table:not(:last-child), .tabs:not(:last-child), .title:not(:last-child) {
    margin-bottom: 1.5rem
}

.delete, .modal-close {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: hsla(0, 0%, 4%, .2);
    border: none;
    border-radius: 9999px;
    cursor: pointer;
    pointer-events: auto;
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 0;
    height: 20px;
    max-height: 20px;
    max-width: 20px;
    min-height: 20px;
    min-width: 20px;
    outline: none;
    position: relative;
    vertical-align: top;
    width: 20px
}

.delete:after, .delete:before, .modal-close:after, .modal-close:before {
    background-color: #fff;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -webkit-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center
}

.delete:before, .modal-close:before {
    height: 2px;
    width: 50%
}

.delete:after, .modal-close:after {
    height: 50%;
    width: 2px
}

.delete:focus, .delete:hover, .modal-close:focus, .modal-close:hover {
    background-color: hsla(0, 0%, 4%, .3)
}

.delete:active, .modal-close:active {
    background-color: hsla(0, 0%, 4%, .4)
}

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

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

.is-large.delete, .is-large.modal-close {
    height: 32px;
    max-height: 32px;
    max-width: 32px;
    min-height: 32px;
    min-width: 32px;
    width: 32px
}

.button.is-loading:after, .control.is-loading:after, .loader, .select.is-loading:after {
    -webkit-animation: spinAround .5s linear infinite;
    -o-animation: spinAround .5s infinite linear;
    animation: spinAround .5s linear infinite;
    border-radius: 9999px;
    border-color: transparent transparent #dbdbdb #dbdbdb;
    border-style: solid;
    border-width: 2px;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}

.hero-video, .image.is-1by1 .has-ratio, .image.is-1by1 img, .image.is-1by2 .has-ratio, .image.is-1by2 img, .image.is-1by3 .has-ratio, .image.is-1by3 img, .image.is-2by1 .has-ratio, .image.is-2by1 img, .image.is-2by3 .has-ratio, .image.is-2by3 img, .image.is-3by1 .has-ratio, .image.is-3by1 img, .image.is-3by2 .has-ratio, .image.is-3by2 img, .image.is-3by4 .has-ratio, .image.is-3by4 img, .image.is-3by5 .has-ratio, .image.is-3by5 img, .image.is-4by3 .has-ratio, .image.is-4by3 img, .image.is-4by5 .has-ratio, .image.is-4by5 img, .image.is-5by3 .has-ratio, .image.is-5by3 img, .image.is-5by4 .has-ratio, .image.is-5by4 img, .image.is-9by16 .has-ratio, .image.is-9by16 img, .image.is-16by9 .has-ratio, .image.is-16by9 img, .image.is-square .has-ratio, .image.is-square img, .is-overlay, .modal, .modal-background {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.navbar-burger {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: none;
    color: currentColor;
    font-family: inherit;
    font-size: 1em
}

.navbar-burger, blockquote, body, dd, dl, dt, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, html, iframe, legend, li, ol, p, pre, textarea, ul {
    margin: 0;
    padding: 0
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 400
}

ul {
    list-style: none
}

button, input, select, textarea {
    margin: 0
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

*, :after, :before {
    -webkit-box-sizing: inherit;
    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;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    min-width: 300px;
    overflow-x: hidden;
    overflow-y: scroll;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

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

body, button, input, optgroup, select, textarea {
    font-family: BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

body {
    color: #4a4a4a;
    font-size: 1em
}

a {
    color: var(--mainGreen);
    cursor: pointer;
    text-decoration: none
}

a strong {
    color: currentColor
}

a:hover {
    color: #363636
}

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

code, hr {
    background-color: #f5f5f5
}

hr {
    border: none;
    display: block;
    height: 2px;
    margin: 1.5rem 0
}

img {
    height: auto;
    max-width: 100%
}

input[type=checkbox], input[type=radio] {
    vertical-align: baseline
}

small {
    font-size: .875em
}

span {
    font-style: inherit;
    font-weight: inherit
}

strong {
    color: #363636;
    font-weight: 700
}

fieldset {
    border: none
}

pre {
    -webkit-overflow-scrolling: touch;
    background-color: #f5f5f5;
    color: #4a4a4a;
    font-size: .875em;
    overflow-x: auto;
    padding: 1.25rem 1.5rem;
    white-space: pre;
    word-wrap: normal
}

pre code {
    background-color: transparent;
    color: currentColor;
    font-size: 1em;
    padding: 0
}

table td, table th {
    vertical-align: top
}

table td:not([align]), table th:not([align]) {
    text-align: inherit
}

table th {
    color: #363636
}

@-webkit-keyframes spinAround {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-o-keyframes spinAround {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -o-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spinAround {
    0% {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.box {
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 .5em 1em -.125em hsla(0, 0%, 4%, .1), 0 0 0 1px hsla(0, 0%, 4%, .02);
    box-shadow: 0 .5em 1em -.125em hsla(0, 0%, 4%, .1), 0 0 0 1px hsla(0, 0%, 4%, .02);
    color: #4a4a4a;
    display: block;
    padding: 1.25rem
}

a.box:focus, a.box:hover {
    -webkit-box-shadow: 0 .5em 1em -.125em hsla(0, 0%, 4%, .1), 0 0 0 1px var(--mainGreen);
    box-shadow: 0 .5em 1em -.125em hsla(0, 0%, 4%, .1), 0 0 0 1px var(--mainGreen)
}

a.box:active {
    -webkit-box-shadow: inset 0 1px 2px hsla(0, 0%, 4%, .2), 0 0 0 1px var(--mainGreen);
    box-shadow: inset 0 1px 2px hsla(0, 0%, 4%, .2), 0 0 0 1px var(--mainGreen)
}

.button {
    background-color: #fff;
    border-color: #dbdbdb;
    border-width: 1px;
    color: #363636;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: calc(.5em - 1px) 1em;
    text-align: center;
    white-space: nowrap
}

.button strong {
    color: inherit
}

.button .icon, .button .icon.is-large, .button .icon.is-medium, .button .icon.is-small {
    height: 1.5em;
    width: 1.5em
}

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

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

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

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

.button.is-focused, .button:focus {
    border-color: var(--mainGreen);
    color: #363636
}

.button.is-focused:not(:active), .button:focus:not(:active) {
    -webkit-box-shadow: 0 0 0 .125em rgba(72, 95, 199, .25);
    box-shadow: 0 0 0 .125em rgba(72, 95, 199, .25)
}

.button.is-active, .button:active {
    border-color: #4a4a4a;
    color: #363636
}

.button.is-text {
    background-color: transparent;
    border-color: transparent;
    color: #4a4a4a;
    text-decoration: underline
}

.button.is-text.is-focused, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text:hover {
    background-color: #f5f5f5;
    color: #363636
}

.button.is-text.is-active, .button.is-text:active {
    background-color: #e8e8e8;
    color: #363636
}

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

.button.is-ghost {
    background: none;
    border-color: transparent;
    color: var(--mainGreen);
    text-decoration: none
}

.button.is-ghost.is-hovered, .button.is-ghost:hover {
    color: var(--mainGreen);
    text-decoration: underline
}

.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) {
    -webkit-box-shadow: 0 0 0 .125em hsla(0, 0%, 100%, .25);
    box-shadow: 0 0 0 .125em hsla(0, 0%, 100%, .25)
}

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

.button.is-white[disabled], fieldset[disabled] .button.is-white {
    background-color: #fff;
    border-color: transparent;
    -webkit-box-shadow: none;
    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;
    -webkit-box-shadow: none;
    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;
    -webkit-box-shadow: none;
    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;
    -webkit-box-shadow: none;
    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) {
    -webkit-box-shadow: 0 0 0 .125em hsla(0, 0%, 4%, .25);
    box-shadow: 0 0 0 .125em hsla(0, 0%, 4%, .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;
    -webkit-box-shadow: none;
    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;
    -webkit-box-shadow: none;
    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;
    -webkit-box-shadow: none;
    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;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

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

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

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

.button.is-light.is-focused:not(:active), .button.is-light:focus:not(:active) {
    -webkit-box-shadow: 0 0 0 .125em hsla(0, 0%, 96%, .25);
    box-shadow: 0 0 0 .125em hsla(0, 0%, 96%, .25)
}

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

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

.button.is-light.is-inverted {
    color: #f5f5f5
}

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

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

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

.button.is-light.is-outlined {
    background-color: transparent;
    border-color: #f5f5f5;
    color: #f5f5f5
}

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

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

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

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

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

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

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

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

.button.is-dark {
    background-color: #363636;
    border-color: transparent;
    color: #fff
}

.button.is-dark.is-hovered, .button.is-dark:hover {
    background-color: #2f2f2f;
    border-color: transparent;
    color: #fff
}

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

.button.is-dark.is-focused:not(:active), .button.is-dark:focus:not(:active) {
    -webkit-box-shadow: 0 0 0 .125em rgba(54, 54, 54, .25);
    box-shadow: 0 0 0 .125em rgba(54, 54, 54, .25)
}

.button.is-dark.is-active, .button.is-dark:active {
    background-color: var(--secondGreen) ;
    border-color: transparent;
    color: #fff
}

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

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

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

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

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

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

.button.is-dark.is-outlined.is-focused, .button.is-dark.is-outlined.is-hovered, .button.is-dark.is-outlined:focus, .button.is-dark.is-outlined:hover {
    background-color: #363636;
    border-color: #363636;
    color: #fff
}

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

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

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

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

.button.is-dark.is-inverted.is-outlined.is-focused, .button.is-dark.is-inverted.is-outlined.is-hovered, .button.is-dark.is-inverted.is-outlined:focus, .button.is-dark.is-inverted.is-outlined:hover {
    background-color: #fff;
    color: #363636
}

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

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

.button.is-primary {
    background-color: #00d1b2;
    border-color: transparent;
    color: #fff
}

.button.is-primary.is-hovered, .button.is-primary:hover {
    background-color: #00c4a7;
    border-color: transparent;
    color: #fff
}

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

.button.is-primary.is-focused:not(:active), .button.is-primary:focus:not(:active) {
    -webkit-box-shadow: 0 0 0 .125em rgba(0, 209, 178, .25);
    box-shadow: 0 0 0 .125em rgba(0, 209, 178, .25)
}

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

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

.button.is-primary.is-inverted {
    background-color: #fff;
    color: #00d1b2
}

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

.button.is-primary.is-inverted[disabled], fieldset[disabled] .button.is-primary.is-inverted {
    background-color: #fff;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #00d1b2
}

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

.button.is-primary.is-outlined {
    background-color: transparent;
    border-color: #00d1b2;
    color: #00d1b2
}

.button.is-primary.is-outlined.is-focused, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined:hover {
    background-color: #00d1b2;
    border-color: #00d1b2;
    color: #fff
}

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

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

.button.is-primary.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-outlined {
    background-color: transparent;
    border-color: #00d1b2;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #00d1b2
}

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

.button.is-primary.is-inverted.is-outlined.is-focused, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined:hover {
    background-color: #fff;
    color: #00d1b2
}

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

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

.button.is-primary.is-light {
    background-color: #ebfffc;
    color: #00947e
}

.button.is-primary.is-light.is-hovered, .button.is-primary.is-light:hover {
    background-color: #defffa;
    border-color: transparent;
    color: #00947e
}

.button.is-primary.is-light.is-active, .button.is-primary.is-light:active {
    background-color: #d1fff8;
    border-color: transparent;
    color: #00947e
}

.button.is-link {
    background-color: var(--mainGreen);
    border-color: transparent;
    color: #fff
}

.button.is-link.is-hovered, .button.is-link:hover {
    background-color: #3e56c4;
    border-color: transparent;
    color: #fff
}

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

.button.is-link.is-focused:not(:active), .button.is-link:focus:not(:active) {
    -webkit-box-shadow: 0 0 0 .125em rgba(72, 95, 199, .25);
    box-shadow: 0 0 0 .125em rgba(72, 95, 199, .25)
}

.button.is-link.is-active, .button.is-link:active {
    background-color: #3a51bb;
    border-color: transparent;
    color: #fff
}

.button.is-link[disabled], fieldset[disabled] .button.is-link {
    background-color: var(--mainGreen);
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.button.is-link.is-inverted {
    background-color: #fff;
    color: var(--mainGreen)
}

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

.button.is-link.is-inverted[disabled], fieldset[disabled] .button.is-link.is-inverted {
    background-color: #fff;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--mainGreen)
}

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

.button.is-link.is-outlined {
    background-color: transparent;
    border-color: var(--mainGreen);
    color: var(--mainGreen)
}

.button.is-link.is-outlined.is-focused, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined:hover {
    background-color: var(--mainGreen);
    border-color: var(--mainGreen);
    color: #fff
}

.button.is-link.is-outlined.is-loading:after {
    border-color: transparent transparent var(--mainGreen) var(--mainGreen) !important
}

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

.button.is-link.is-outlined[disabled], fieldset[disabled] .button.is-link.is-outlined {
    background-color: transparent;
    border-color: var(--mainGreen);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--mainGreen)
}

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

.button.is-link.is-inverted.is-outlined.is-focused, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined:hover {
    background-color: #fff;
    color: var(--mainGreen)
}

.button.is-link.is-inverted.is-outlined.is-loading.is-focused:after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered:after, .button.is-link.is-inverted.is-outlined.is-loading:focus:after, .button.is-link.is-inverted.is-outlined.is-loading:hover:after {
    border-color: transparent transparent var(--mainGreen) var(--mainGreen) !important
}

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

.button.is-link.is-light {
    background-color: #eff1fa;
    color: #3850b7
}

.button.is-link.is-light.is-hovered, .button.is-link.is-light:hover {
    background-color: #e6e9f7;
    border-color: transparent;
    color: #3850b7
}

.button.is-link.is-light.is-active, .button.is-link.is-light:active {
    background-color: #dce0f4;
    border-color: transparent;
    color: #3850b7
}

.button.is-info {
    background-color: #3e8ed0;
    border-color: transparent;
    color: #fff
}

.button.is-info.is-hovered, .button.is-info:hover {
    background-color: #3488ce;
    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) {
    -webkit-box-shadow: 0 0 0 .125em rgba(62, 142, 208, .25);
    box-shadow: 0 0 0 .125em rgba(62, 142, 208, .25)
}

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

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

.button.is-info.is-inverted {
    background-color: #fff;
    color: #3e8ed0
}

.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;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #3e8ed0
}

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

.button.is-info.is-outlined {
    background-color: transparent;
    border-color: #3e8ed0;
    color: #3e8ed0
}

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

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

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

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

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

.button.is-info.is-light {
    background-color: #eff5fb;
    color: #296fa8
}

.button.is-info.is-light.is-hovered, .button.is-info.is-light:hover {
    background-color: #e4eff9;
    border-color: transparent;
    color: #296fa8
}

.button.is-info.is-light.is-active, .button.is-info.is-light:active {
    background-color: #dae9f6;
    border-color: transparent;
    color: #296fa8
}

.button.is-success {
    background-color: #48c78e;
    border-color: transparent;
    color: #fff
}

.button.is-success.is-hovered, .button.is-success:hover {
    background-color: #3ec487;
    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) {
    -webkit-box-shadow: 0 0 0 .125em rgba(72, 199, 142, .25);
    box-shadow: 0 0 0 .125em rgba(72, 199, 142, .25)
}

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

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

.button.is-success.is-inverted {
    background-color: #fff;
    color: #48c78e
}

.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;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #48c78e
}

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

.button.is-success.is-outlined {
    background-color: transparent;
    border-color: #48c78e;
    color: #48c78e
}

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

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

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

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

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

.button.is-success.is-light {
    background-color: #effaf5;
    color: #257953
}

.button.is-success.is-light.is-hovered, .button.is-success.is-light:hover {
    background-color: #e6f7ef;
    border-color: transparent;
    color: #257953
}

.button.is-success.is-light.is-active, .button.is-success.is-light:active {
    background-color: #dcf4e9;
    border-color: transparent;
    color: #257953
}

.button.is-warning {
    background-color: #ffe08a;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

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

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

.button.is-warning.is-focused:not(:active), .button.is-warning:focus:not(:active) {
    -webkit-box-shadow: 0 0 0 .125em rgba(255, 224, 138, .25);
    box-shadow: 0 0 0 .125em rgba(255, 224, 138, .25)
}

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

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

.button.is-warning.is-inverted {
    color: #ffe08a
}

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

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

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

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

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

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

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

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

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

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

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

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

.button.is-warning.is-light {
    background-color: #fffaeb;
    color: #946c00
}

.button.is-warning.is-light.is-hovered, .button.is-warning.is-light:hover {
    background-color: #fff6de;
    border-color: transparent;
    color: #946c00
}

.button.is-warning.is-light.is-active, .button.is-warning.is-light:active {
    background-color: #fff3d1;
    border-color: transparent;
    color: #946c00
}

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

.button.is-danger.is-hovered, .button.is-danger:hover {
    background-color: #f03a5f;
    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) {
    -webkit-box-shadow: 0 0 0 .125em rgba(241, 70, 104, .25);
    box-shadow: 0 0 0 .125em rgba(241, 70, 104, .25)
}

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

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

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

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

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

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

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

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

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

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

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

.button.is-danger.is-light {
    background-color: #feecf0;
    color: #cc0f35
}

.button.is-danger.is-light.is-hovered, .button.is-danger.is-light:hover {
    background-color: #fde0e6;
    border-color: transparent;
    color: #cc0f35
}

.button.is-danger.is-light.is-active, .button.is-danger.is-light:active {
    background-color: #fcd4dc;
    border-color: transparent;
    color: #cc0f35
}

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

.button.is-small:not(.is-rounded) {
    border-radius: 2px
}

.button.is-normal {
    font-size: 1rem
}

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

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

.button[disabled], fieldset[disabled] .button {
    background-color: #fff;
    border-color: #dbdbdb;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .5
}

.button.is-fullwidth {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.button.is-loading {
    color: transparent !important;
    pointer-events: none
}

.button.is-loading:after {
    position: absolute;
    left: calc(50% - .5em);
    top: calc(50% - .5em);
    position: absolute !important
}

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

.button.is-rounded {
    border-radius: 9999px;
    padding-left: 1.25em;
    padding-right: 1.25em
}

.buttons {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.buttons .button {
    margin-bottom: .5rem
}

.buttons .button:not(:last-child):not(.is-fullwidth) {
    margin-right: .5rem
}

.buttons:last-child {
    margin-bottom: -.5rem
}

.buttons:not(:last-child) {
    margin-bottom: 1rem
}

.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
    font-size: .75rem
}

.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) {
    border-radius: 2px
}

.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
    font-size: 1.25rem
}

.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
    font-size: 1.5rem
}

.buttons.has-addons .button:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.buttons.has-addons .button:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-right: -1px
}

.buttons.has-addons .button:last-child {
    margin-right: 0
}

.buttons.has-addons .button.is-hovered, .buttons.has-addons .button:hover {
    z-index: 2
}

.buttons.has-addons .button.is-active, .buttons.has-addons .button.is-focused, .buttons.has-addons .button.is-selected, .buttons.has-addons .button:active, .buttons.has-addons .button:focus {
    z-index: 3
}

.buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button.is-selected:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button:focus:hover {
    z-index: 4
}

.buttons.has-addons .button.is-expanded {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.buttons.is-centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) {
    margin-left: .25rem;
    margin-right: .25rem
}

.buttons.is-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
    margin-left: .25rem;
    margin-right: .25rem
}

.container {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 auto;
    position: relative;
    width: auto
}

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

@media screen and (min-width: 1000px) {
    .container {
        max-width: 960px
    }
}

@media screen and (max-width: 1191px) {
    .container.is-widescreen:not(.is-max-desktop) {
        max-width: 1152px
    }
}

@media screen and (max-width: 1383px) {
    .container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) {
        max-width: 1344px
    }
}

@media screen and (min-width: 1192px) {
    .container:not(.is-max-desktop) {
        max-width: 1152px
    }
}

@media screen and (min-width: 1384px) {
    .container:not(.is-max-desktop):not(.is-max-widescreen) {
        max-width: 1344px
    }
}

.content li + li {
    margin-top: .25em
}

.content blockquote:not(:last-child), .content dl:not(:last-child), .content ol:not(:last-child), .content p:not(:last-child), .content pre:not(:last-child), .content table:not(:last-child), .content ul:not(:last-child) {
    margin-bottom: 1em
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
    color: #363636;
    font-weight: 600;
    line-height: 1.125
}

.content h1 {
    font-size: 2em;
    margin-bottom: .5em
}

.content h1:not(:first-child) {
    margin-top: 1em
}

.content h2 {
    font-size: 1.75em;
    margin-bottom: .5714em
}

.content h2:not(:first-child) {
    margin-top: 1.1428em
}

.content h3 {
    font-size: 1.5em;
    margin-bottom: .6666em
}

.content h3:not(:first-child) {
    margin-top: 1.3333em
}

.content h4 {
    font-size: 1.25em;
    margin-bottom: .8em
}

.content h5 {
    font-size: 1.125em;
    margin-bottom: .8888em
}

.content h6 {
    font-size: 1em;
    margin-bottom: 1em
}

.content blockquote {
    background-color: #f5f5f5;
    border-left: 5px solid #dbdbdb;
    padding: 1.25em 1.5em
}

.content ol {
    list-style-position: outside;
    margin-left: 2em;
    margin-top: 1em
}

.content ol:not([type]) {
    list-style-type: decimal
}

.content ol:not([type]).is-lower-alpha {
    list-style-type: lower-alpha
}

.content ol:not([type]).is-lower-roman {
    list-style-type: lower-roman
}

.content ol:not([type]).is-upper-alpha {
    list-style-type: upper-alpha
}

.content ol:not([type]).is-upper-roman {
    list-style-type: upper-roman
}

.content ul {
    list-style: disc outside;
    margin-left: 2em;
    margin-top: 1em
}

.content ul ul {
    list-style-type: circle;
    margin-top: .5em
}

.content ul ul ul {
    list-style-type: square
}

.content dd {
    margin-left: 2em
}

.content figure {
    margin-left: 2em;
    margin-right: 2em;
    text-align: center
}

.content figure:not(:first-child) {
    margin-top: 2em
}

.content figure:not(:last-child) {
    margin-bottom: 2em
}

.content figure img {
    display: inline-block
}

.content figure figcaption {
    font-style: italic
}

.content pre {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    padding: 1.25em 1.5em;
    white-space: pre;
    word-wrap: normal
}

.content sub, .content sup {
    font-size: 75%
}

.content table {
    width: 100%
}

.content table td, .content table th {
    border: solid #dbdbdb;
    border-width: 0 0 1px;
    padding: .5em .75em;
    vertical-align: top
}

.content table th {
    color: #363636
}

.content table th:not([align]) {
    text-align: inherit
}

.content table thead td, .content table thead th {
    border-width: 0 0 2px;
    color: #363636
}

.content table tfoot td, .content table tfoot th {
    border-width: 2px 0 0;
    color: #363636
}

.content table tbody tr:last-child td, .content table tbody tr:last-child th {
    border-bottom-width: 0
}

.content .tabs li + li {
    margin-top: 0
}

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

.content.is-normal {
    font-size: 1rem
}

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

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

.icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 1.5rem;
    width: 1.5rem
}

.icon.is-small {
    height: 1rem;
    width: 1rem
}

.icon.is-medium {
    height: 2rem;
    width: 2rem
}

.icon.is-large {
    height: 3rem;
    width: 3rem
}

.icon-text {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: inherit;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.5rem;
    vertical-align: top
}

.icon-text .icon {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.icon-text .icon:not(:last-child) {
    margin-right: .25em
}

.icon-text .icon:not(:first-child) {
    margin-left: .25em
}

div.icon-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.image {
    display: block;
    position: relative
}

.image img {
    display: block;
    height: auto;
    width: 100%
}

.image img.is-rounded {
    border-radius: 9999px
}

.image.is-fullwidth {
    width: 100%
}

.image.is-1by1 .has-ratio, .image.is-1by1 img, .image.is-1by2 .has-ratio, .image.is-1by2 img, .image.is-1by3 .has-ratio, .image.is-1by3 img, .image.is-2by1 .has-ratio, .image.is-2by1 img, .image.is-2by3 .has-ratio, .image.is-2by3 img, .image.is-3by1 .has-ratio, .image.is-3by1 img, .image.is-3by2 .has-ratio, .image.is-3by2 img, .image.is-3by4 .has-ratio, .image.is-3by4 img, .image.is-3by5 .has-ratio, .image.is-3by5 img, .image.is-4by3 .has-ratio, .image.is-4by3 img, .image.is-4by5 .has-ratio, .image.is-4by5 img, .image.is-5by3 .has-ratio, .image.is-5by3 img, .image.is-5by4 .has-ratio, .image.is-5by4 img, .image.is-9by16 .has-ratio, .image.is-9by16 img, .image.is-16by9 .has-ratio, .image.is-16by9 img, .image.is-square .has-ratio, .image.is-square img {
    height: 100%;
    width: 100%
}

.image.is-1by1, .image.is-square {
    padding-top: 100%
}

.image.is-5by4 {
    padding-top: 80%
}

.image.is-4by3 {
    padding-top: 75%
}

.image.is-3by2 {
    padding-top: 66.6666%
}

.image.is-5by3 {
    padding-top: 60%
}

.image.is-16by9 {
    padding-top: 56.25%
}

.image.is-2by1 {
    padding-top: 50%
}

.image.is-3by1 {
    padding-top: 33.3333%
}

.image.is-4by5 {
    padding-top: 125%
}

.image.is-3by4 {
    padding-top: 133.3333%
}

.image.is-2by3 {
    padding-top: 150%
}

.image.is-3by5 {
    padding-top: 166.6666%
}

.image.is-9by16 {
    padding-top: 177.7777%
}

.image.is-1by2 {
    padding-top: 200%
}

.image.is-1by3 {
    padding-top: 300%
}

.image.is-16x16 {
    height: 16px;
    width: 16px
}

.image.is-24x24 {
    height: 24px;
    width: 24px
}

.image.is-32x32 {
    height: 32px;
    width: 32px
}

.image.is-48x48 {
    height: 48px;
    width: 48px
}

.image.is-64x64 {
    height: 64px;
    width: 64px
}

.image.is-96x96 {
    height: 96px;
    width: 96px
}

.image.is-128x128 {
    height: 128px;
    width: 128px
}

.notification {
    background-color: #f5f5f5;
    border-radius: 4px;
    position: relative;
    padding: 1.25rem 2.5rem 1.25rem 1.5rem
}

.notification a:not(.button):not(.dropdown-item) {
    color: currentColor;
    text-decoration: underline
}

.notification strong {
    color: currentColor
}

.notification code, .notification pre {
    background: #fff
}

.notification pre code {
    background: transparent
}

.notification > .delete {
    right: .5rem;
    position: absolute;
    top: .5rem
}

.notification .content, .notification .subtitle, .notification .title {
    color: currentColor
}

.notification.is-white {
    background-color: #fff;
    color: #0a0a0a
}

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

.notification.is-light {
    background-color: #f5f5f5;
    color: rgba(0, 0, 0, .7)
}

.notification.is-dark {
    background-color: #363636;
    color: #fff
}

.notification.is-primary {
    background-color: #00d1b2;
    color: #fff
}

.notification.is-primary.is-light {
    background-color: #ebfffc;
    color: #00947e
}

.notification.is-link {
    background-color: var(--mainGreen);
    color: #fff
}

.notification.is-link.is-light {
    background-color: #eff1fa;
    color: #3850b7
}

.notification.is-info {
    background-color: #3e8ed0;
    color: #fff
}

.notification.is-info.is-light {
    background-color: #eff5fb;
    color: #296fa8
}

.notification.is-success {
    background-color: #48c78e;
    color: #fff
}

.notification.is-success.is-light {
    background-color: #effaf5;
    color: #257953
}

.notification.is-warning {
    background-color: #ffe08a;
    color: rgba(0, 0, 0, .7)
}

.notification.is-warning.is-light {
    background-color: #fffaeb;
    color: #946c00
}

.notification.is-danger {
    background-color: #f14668;
    color: #fff
}

.notification.is-danger.is-light {
    background-color: #feecf0;
    color: #cc0f35
}

.progress {
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    border-radius: 9999px;
    display: block;
    height: 1rem;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.progress::-webkit-progress-bar {
    background-color: unset
}

.progress::-webkit-progress-value {
    background-color: #4a4a4a
}

.progress::-moz-progress-bar {
    background-color: #4a4a4a
}

.progress::-ms-fill {
    background-color: #4a4a4a;
    border: none
}

.progress.is-white::-webkit-progress-value {
    background-color: #fff
}

.progress.is-white::-moz-progress-bar {
    background-color: #fff
}

.progress.is-white::-ms-fill {
    background-color: #fff
}

.progress.is-white:indeterminate {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #fff), color-stop(30%, unset));
    background-image: -webkit-linear-gradient(left, #fff 30%, unset 0);
    background-image: -o-linear-gradient(left, #fff 30%, unset 30%);
    background-image: linear-gradient(90deg, #fff 30%, unset 0)
}

.progress.is-black::-webkit-progress-value {
    background-color: #0a0a0a
}

.progress.is-black::-moz-progress-bar {
    background-color: #0a0a0a
}

.progress.is-black::-ms-fill {
    background-color: #0a0a0a
}

.progress.is-black:indeterminate {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #0a0a0a), color-stop(30%, unset));
    background-image: -webkit-linear-gradient(left, #0a0a0a 30%, unset 0);
    background-image: -o-linear-gradient(left, #0a0a0a 30%, unset 30%);
    background-image: linear-gradient(90deg, #0a0a0a 30%, unset 0)
}

.progress.is-light::-webkit-progress-value {
    background-color: #f5f5f5
}

.progress.is-light::-moz-progress-bar {
    background-color: #f5f5f5
}

.progress.is-light::-ms-fill {
    background-color: #f5f5f5
}

.progress.is-light:indeterminate {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #f5f5f5), color-stop(30%, unset));
    background-image: -webkit-linear-gradient(left, #f5f5f5 30%, unset 0);
    background-image: -o-linear-gradient(left, #f5f5f5 30%, unset 30%);
    background-image: linear-gradient(90deg, #f5f5f5 30%, unset 0)
}

.progress.is-dark::-webkit-progress-value {
    background-color: #363636
}

.progress.is-dark::-moz-progress-bar {
    background-color: #363636
}

.progress.is-dark::-ms-fill {
    background-color: #363636
}

.progress.is-dark:indeterminate {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #363636), color-stop(30%, unset));
    background-image: -webkit-linear-gradient(left, #363636 30%, unset 0);
    background-image: -o-linear-gradient(left, #363636 30%, unset 30%);
    background-image: linear-gradient(90deg, #363636 30%, unset 0)
}

.progress.is-primary::-webkit-progress-value {
    background-color: #00d1b2
}

.progress.is-primary::-moz-progress-bar {
    background-color: #00d1b2
}

.progress.is-primary::-ms-fill {
    background-color: #00d1b2
}

.progress.is-primary:indeterminate {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #00d1b2), color-stop(30%, unset));
    background-image: -webkit-linear-gradient(left, #00d1b2 30%, unset 0);
    background-image: -o-linear-gradient(left, #00d1b2 30%, unset 30%);
    background-image: linear-gradient(90deg, #00d1b2 30%, unset 0)
}

.progress.is-link::-webkit-progress-value {
    background-color: var(--mainGreen)
}

.progress.is-link::-moz-progress-bar {
    background-color: var(--mainGreen)
}

.progress.is-link::-ms-fill {
    background-color: var(--mainGreen)
}

.progress.is-link:indeterminate {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, var(--mainGreen)), color-stop(30%, unset));
    background-image: -webkit-linear-gradient(left, var(--mainGreen) 30%, unset 0);
    background-image: -o-linear-gradient(left, var(--mainGreen) 30%, unset 30%);
    background-image: linear-gradient(90deg, var(--mainGreen) 30%, unset 0)
}

.progress.is-info::-webkit-progress-value {
    background-color: #3e8ed0
}

.progress.is-info::-moz-progress-bar {
    background-color: #3e8ed0
}

.progress.is-info::-ms-fill {
    background-color: #3e8ed0
}

.progress.is-info:indeterminate {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #3e8ed0), color-stop(30%, unset));
    background-image: -webkit-linear-gradient(left, #3e8ed0 30%, unset 0);
    background-image: -o-linear-gradient(left, #3e8ed0 30%, unset 30%);
    background-image: linear-gradient(90deg, #3e8ed0 30%, unset 0)
}

.progress.is-success::-webkit-progress-value {
    background-color: #48c78e
}

.progress.is-success::-moz-progress-bar {
    background-color: #48c78e
}

.progress.is-success::-ms-fill {
    background-color: #48c78e
}

.progress.is-success:indeterminate {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #48c78e), color-stop(30%, unset));
    background-image: -webkit-linear-gradient(left, #48c78e 30%, unset 0);
    background-image: -o-linear-gradient(left, #48c78e 30%, unset 30%);
    background-image: linear-gradient(90deg, #48c78e 30%, unset 0)
}

.progress.is-warning::-webkit-progress-value {
    background-color: #ffe08a
}

.progress.is-warning::-moz-progress-bar {
    background-color: #ffe08a
}

.progress.is-warning::-ms-fill {
    background-color: #ffe08a
}

.progress.is-warning:indeterminate {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #ffe08a), color-stop(30%, unset));
    background-image: -webkit-linear-gradient(left, #ffe08a 30%, unset 0);
    background-image: -o-linear-gradient(left, #ffe08a 30%, unset 30%);
    background-image: linear-gradient(90deg, #ffe08a 30%, unset 0)
}

.progress.is-danger::-webkit-progress-value {
    background-color: #f14668
}

.progress.is-danger::-moz-progress-bar {
    background-color: #f14668
}

.progress.is-danger::-ms-fill {
    background-color: #f14668
}

.progress.is-danger:indeterminate {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #f14668), color-stop(30%, unset));
    background-image: -webkit-linear-gradient(left, #f14668 30%, unset 0);
    background-image: -o-linear-gradient(left, #f14668 30%, unset 30%);
    background-image: linear-gradient(90deg, #f14668 30%, unset 0)
}

.progress:indeterminate {
    -webkit-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: moveIndeterminate;
    -o-animation-name: moveIndeterminate;
    animation-name: moveIndeterminate;
    -webkit-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    background-color: unset;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #4a4a4a), color-stop(30%, unset));
    background-image: -webkit-linear-gradient(left, #4a4a4a 30%, unset 0);
    background-image: -o-linear-gradient(left, #4a4a4a 30%, unset 30%);
    background-image: linear-gradient(90deg, #4a4a4a 30%, unset 0);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 150% 150%
}

.progress:indeterminate::-webkit-progress-bar {
    background-color: transparent
}

.progress:indeterminate::-moz-progress-bar {
    background-color: transparent
}

.progress:indeterminate::-ms-fill {
    animation-name: none
}

.progress.is-small {
    height: .75rem
}

.progress.is-medium {
    height: 1.25rem
}

.progress.is-large {
    height: 1.5rem
}

@-webkit-keyframes moveIndeterminate {
    0% {
        background-position: 200% 0
    }
    to {
        background-position: -200% 0
    }
}

@-o-keyframes moveIndeterminate {
    0% {
        background-position: 200% 0
    }
    to {
        background-position: -200% 0
    }
}

@keyframes moveIndeterminate {
    0% {
        background-position: 200% 0
    }
    to {
        background-position: -200% 0
    }
}

.table {
    background-color: #fff;
    color: #363636
}

.table td, .table th {
    border: solid #dbdbdb;
    border-width: 0 0 1px;
    padding: .5em .75em;
    vertical-align: top
}

.table td.is-white, .table th.is-white {
    background-color: #fff;
    border-color: #fff;
    color: #0a0a0a
}

.table td.is-black, .table th.is-black {
    background-color: #0a0a0a;
    border-color: #0a0a0a;
    color: #fff
}

.table td.is-light, .table th.is-light {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    color: rgba(0, 0, 0, .7)
}

.table td.is-dark, .table th.is-dark {
    background-color: #363636;
    border-color: #363636;
    color: #fff
}

.table td.is-primary, .table th.is-primary {
    background-color: #00d1b2;
    border-color: #00d1b2;
    color: #fff
}

.table td.is-link, .table th.is-link {
    background-color: var(--mainGreen);
    border-color: var(--mainGreen);
    color: #fff
}

.table td.is-info, .table th.is-info {
    background-color: #3e8ed0;
    border-color: #3e8ed0;
    color: #fff
}

.table td.is-success, .table th.is-success {
    background-color: #48c78e;
    border-color: #48c78e;
    color: #fff
}

.table td.is-warning, .table th.is-warning {
    background-color: #ffe08a;
    border-color: #ffe08a;
    color: rgba(0, 0, 0, .7)
}

.table td.is-danger, .table th.is-danger {
    background-color: #f14668;
    border-color: #f14668;
    color: #fff
}

.table td.is-narrow, .table th.is-narrow {
    white-space: nowrap;
    width: 1%
}

.table td.is-selected, .table th.is-selected {
    background-color: #00d1b2;
    color: #fff
}

.table td.is-selected a, .table td.is-selected strong, .table th.is-selected a, .table th.is-selected strong {
    color: currentColor
}

.table td.is-vcentered, .table th.is-vcentered {
    vertical-align: middle
}

.table th {
    color: #363636
}

.table th:not([align]) {
    text-align: inherit
}

.table tr.is-selected {
    background-color: #00d1b2;
    color: #fff
}

.table tr.is-selected a, .table tr.is-selected strong {
    color: currentColor
}

.table tr.is-selected td, .table tr.is-selected th {
    border-color: #fff;
    color: currentColor
}

.table thead {
    background-color: transparent
}

.table thead td, .table thead th {
    border-width: 0 0 2px;
    color: #363636
}

.table tfoot {
    background-color: transparent
}

.table tfoot td, .table tfoot th {
    border-width: 2px 0 0;
    color: #363636
}

.table tbody {
    background-color: transparent
}

.table tbody tr:last-child td, .table tbody tr:last-child th {
    border-bottom-width: 0
}

.table.is-bordered td, .table.is-bordered th {
    border-width: 1px
}

.table.is-bordered tr:last-child td, .table.is-bordered tr:last-child th {
    border-bottom-width: 1px
}

.table.is-fullwidth {
    width: 100%
}

.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover, .table.is-hoverable tbody tr:not(.is-selected):hover {
    background-color: #fafafa
}

.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(2n) {
    background-color: #f5f5f5
}

.table.is-narrow td, .table.is-narrow th {
    padding: .25em .5em
}

.table.is-striped tbody tr:not(.is-selected):nth-child(2n) {
    background-color: #fafafa
}

.table-container {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    overflow-y: hidden;
    max-width: 100%
}

.tags {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.tags .tag {
    margin-bottom: .5rem
}

.tags .tag:not(:last-child) {
    margin-right: .5rem
}

.tags:last-child {
    margin-bottom: -.5rem
}

.tags:not(:last-child) {
    margin-bottom: 1rem
}

.tags.are-medium .tag:not(.is-normal):not(.is-large) {
    font-size: 1rem
}

.tags.are-large .tag:not(.is-normal):not(.is-medium) {
    font-size: 1.25rem
}

.tags.is-centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tags.is-centered .tag {
    margin-right: .25rem;
    margin-left: .25rem
}

.tags.is-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.tags.is-right .tag:not(:first-child) {
    margin-left: .5rem
}

.tags.has-addons .tag, .tags.is-right .tag:not(:last-child) {
    margin-right: 0
}

.tags.has-addons .tag:not(:first-child) {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.tags.has-addons .tag:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.tag:not(body) {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 4px;
    color: #4a4a4a;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: .75rem;
    height: 2em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.5;
    padding-left: .75em;
    padding-right: .75em;
    white-space: nowrap
}

.tag:not(body) .delete {
    margin-left: .25rem;
    margin-right: -.375rem
}

.tag:not(body).is-white {
    background-color: #fff;
    color: #0a0a0a
}

.tag:not(body).is-black {
    background-color: #0a0a0a;
    color: #fff
}

.tag:not(body).is-light {
    background-color: #f5f5f5;
    color: rgba(0, 0, 0, .7)
}

.tag:not(body).is-dark {
    background-color: #363636;
    color: #fff
}

.tag:not(body).is-primary {
    background-color: #00d1b2;
    color: #fff
}

.tag:not(body).is-primary.is-light {
    background-color: #ebfffc;
    color: #00947e
}

.tag:not(body).is-link {
    background-color: var(--mainGreen);
    color: #fff
}

.tag:not(body).is-link.is-light {
    background-color: #eff1fa;
    color: #3850b7
}

.tag:not(body).is-info {
    background-color: #3e8ed0;
    color: #fff
}

.tag:not(body).is-info.is-light {
    background-color: #eff5fb;
    color: #296fa8
}

.tag:not(body).is-success {
    background-color: #48c78e;
    color: #fff
}

.tag:not(body).is-success.is-light {
    background-color: #effaf5;
    color: #257953
}

.tag:not(body).is-warning {
    background-color: #ffe08a;
    color: rgba(0, 0, 0, .7)
}

.tag:not(body).is-warning.is-light {
    background-color: #fffaeb;
    color: #946c00
}

.tag:not(body).is-danger {
    background-color: #f14668;
    color: #fff
}

.tag:not(body).is-danger.is-light {
    background-color: #feecf0;
    color: #cc0f35
}

.tag:not(body).is-normal {
    font-size: .75rem
}

.tag:not(body).is-medium {
    font-size: 1rem
}

.tag:not(body).is-large {
    font-size: 1.25rem
}

.tag:not(body) .icon:first-child:not(:last-child) {
    margin-left: -.375em;
    margin-right: .1875em
}

.tag:not(body) .icon:last-child:not(:first-child) {
    margin-left: .1875em;
    margin-right: -.375em
}

.tag:not(body) .icon:first-child:last-child {
    margin-left: -.375em;
    margin-right: -.375em
}

.tag:not(body).is-delete {
    margin-left: 1px;
    padding: 0;
    position: relative;
    width: 2em
}

.tag:not(body).is-delete:after, .tag:not(body).is-delete:before {
    background-color: currentColor;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -webkit-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center
}

.tag:not(body).is-delete:before {
    height: 1px;
    width: 50%
}

.tag:not(body).is-delete:after {
    height: 50%;
    width: 1px
}

.tag:not(body).is-delete:focus, .tag:not(body).is-delete:hover {
    background-color: #e8e8e8
}

.tag:not(body).is-delete:active {
    background-color: #dbdbdb
}

.tag:not(body).is-rounded {
    border-radius: 9999px
}

a.tag:hover {
    text-decoration: underline
}

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

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

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

.subtitle .tag, .title .tag {
    vertical-align: middle
}

.title {
    color: #363636;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.125
}

.title strong {
    color: inherit;
    font-weight: inherit
}

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

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

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

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

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

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

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

.title.is-7 {
    font-size: .75rem
}

.subtitle {
    color: #4a4a4a;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.25
}

.subtitle strong {
    color: #363636;
    font-weight: 600
}

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

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

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

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

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

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

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

.subtitle.is-7 {
    font-size: .75rem
}

.heading {
    display: block;
    font-size: 11px;
    letter-spacing: 1px;
    margin-bottom: 5px;
    text-transform: uppercase
}

.number {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 9999px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1.25rem;
    height: 2em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 1.5rem;
    min-width: 2.5em;
    padding: .25rem .5rem;
    text-align: center;
    vertical-align: top
}

.input, .select select, .textarea {
    background-color: #fff;
    border-color: #dbdbdb;
    border-radius: 4px;
    color: #363636
}

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

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

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

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

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

.input:active, .input:focus, .is-active.input, .is-active.textarea, .is-focused.input, .is-focused.textarea, .select select.is-active, .select select.is-focused, .select select:active, .select select:focus, .textarea:active, .textarea:focus {
    border-color: var(--mainGreen);
    -webkit-box-shadow: 0 0 0 .125em rgba(72, 95, 199, .25);
    box-shadow: 0 0 0 .125em rgba(72, 95, 199, .25)
}

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

.input[disabled]::-moz-placeholder, .select fieldset[disabled] select::-moz-placeholder, .select select[disabled]::-moz-placeholder, .textarea[disabled]::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder {
    color: hsla(0, 0%, 48%, .3)
}

.input[disabled]::-webkit-input-placeholder, .select fieldset[disabled] select::-webkit-input-placeholder, .select select[disabled]::-webkit-input-placeholder, .textarea[disabled]::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder, fieldset[disabled] .textarea::-webkit-input-placeholder {
    color: hsla(0, 0%, 48%, .3)
}

.input[disabled]:-moz-placeholder, .select fieldset[disabled] select:-moz-placeholder, .select select[disabled]:-moz-placeholder, .textarea[disabled]:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder, fieldset[disabled] .textarea:-moz-placeholder {
    color: hsla(0, 0%, 48%, .3)
}

.input[disabled]:-ms-input-placeholder, .select fieldset[disabled] select:-ms-input-placeholder, .select select[disabled]:-ms-input-placeholder, .textarea[disabled]:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder, fieldset[disabled] .textarea:-ms-input-placeholder {
    color: hsla(0, 0%, 48%, .3)
}

.input, .textarea {
    -webkit-box-shadow: inset 0 .0625em .125em hsla(0, 0%, 4%, .05);
    box-shadow: inset 0 .0625em .125em hsla(0, 0%, 4%, .05);
    max-width: 100%;
    width: 100%
}

.input[readonly], .textarea[readonly] {
    -webkit-box-shadow: none;
    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 {
    -webkit-box-shadow: 0 0 0 .125em hsla(0, 0%, 100%, .25);
    box-shadow: 0 0 0 .125em hsla(0, 0%, 100%, .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 {
    -webkit-box-shadow: 0 0 0 .125em hsla(0, 0%, 4%, .25);
    box-shadow: 0 0 0 .125em hsla(0, 0%, 4%, .25)
}

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

.is-light.input:active, .is-light.input:focus, .is-light.is-active.input, .is-light.is-active.textarea, .is-light.is-focused.input, .is-light.is-focused.textarea, .is-light.textarea:active, .is-light.textarea:focus {
    -webkit-box-shadow: 0 0 0 .125em hsla(0, 0%, 96%, .25);
    box-shadow: 0 0 0 .125em hsla(0, 0%, 96%, .25)
}

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

.is-dark.input:active, .is-dark.input:focus, .is-dark.is-active.input, .is-dark.is-active.textarea, .is-dark.is-focused.input, .is-dark.is-focused.textarea, .is-dark.textarea:active, .is-dark.textarea:focus {
    -webkit-box-shadow: 0 0 0 .125em rgba(54, 54, 54, .25);
    box-shadow: 0 0 0 .125em rgba(54, 54, 54, .25)
}

.is-primary.input, .is-primary.textarea {
    border-color: #00d1b2
}

.is-primary.input:active, .is-primary.input:focus, .is-primary.is-active.input, .is-primary.is-active.textarea, .is-primary.is-focused.input, .is-primary.is-focused.textarea, .is-primary.textarea:active, .is-primary.textarea:focus {
    -webkit-box-shadow: 0 0 0 .125em rgba(0, 209, 178, .25);
    box-shadow: 0 0 0 .125em rgba(0, 209, 178, .25)
}

.is-link.input, .is-link.textarea {
    border-color: var(--mainGreen)
}

.is-link.input:active, .is-link.input:focus, .is-link.is-active.input, .is-link.is-active.textarea, .is-link.is-focused.input, .is-link.is-focused.textarea, .is-link.textarea:active, .is-link.textarea:focus {
    -webkit-box-shadow: 0 0 0 .125em rgba(72, 95, 199, .25);
    box-shadow: 0 0 0 .125em rgba(72, 95, 199, .25)
}

.is-info.input, .is-info.textarea {
    border-color: #3e8ed0
}

.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 {
    -webkit-box-shadow: 0 0 0 .125em rgba(62, 142, 208, .25);
    box-shadow: 0 0 0 .125em rgba(62, 142, 208, .25)
}

.is-success.input, .is-success.textarea {
    border-color: #48c78e
}

.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 {
    -webkit-box-shadow: 0 0 0 .125em rgba(72, 199, 142, .25);
    box-shadow: 0 0 0 .125em rgba(72, 199, 142, .25)
}

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

.is-warning.input:active, .is-warning.input:focus, .is-warning.is-active.input, .is-warning.is-active.textarea, .is-warning.is-focused.input, .is-warning.is-focused.textarea, .is-warning.textarea:active, .is-warning.textarea:focus {
    -webkit-box-shadow: 0 0 0 .125em rgba(255, 224, 138, .25);
    box-shadow: 0 0 0 .125em rgba(255, 224, 138, .25)
}

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

.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 {
    -webkit-box-shadow: 0 0 0 .125em rgba(241, 70, 104, .25);
    box-shadow: 0 0 0 .125em rgba(241, 70, 104, .25)
}

.is-small.input, .is-small.textarea {
    border-radius: 2px;
    font-size: .75rem
}

.is-medium.input, .is-medium.textarea {
    font-size: 1.25rem
}

.is-large.input, .is-large.textarea {
    font-size: 1.5rem
}

.is-fullwidth.input, .is-fullwidth.textarea {
    display: block;
    width: 100%
}

.is-inline.input, .is-inline.textarea {
    display: inline;
    width: auto
}

.input.is-rounded {
    border-radius: 9999px;
    padding-left: calc(1.125em - 1px);
    padding-right: calc(1.125em - 1px)
}

.input.is-static {
    background-color: transparent;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0
}

.textarea {
    display: block;
    max-width: 100%;
    min-width: 100%;
    padding: calc(.75em - 1px);
    resize: vertical
}

.textarea:not([rows]) {
    max-height: 40em;
    min-height: 8em
}

.textarea[rows] {
    height: auto
}

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

.checkbox, .radio {
    cursor: pointer;
    display: inline-block;
    line-height: 1.25;
    position: relative
}

.checkbox input, .radio input {
    cursor: pointer
}

.checkbox:hover, .radio:hover {
    color: #363636
}

.checkbox[disabled], .checkbox input[disabled], .radio[disabled], .radio input[disabled], fieldset[disabled] .checkbox, fieldset[disabled] .radio {
    color: #7a7a7a;
    cursor: not-allowed
}

.radio + .radio {
    margin-left: .5em
}

.select {
    display: inline-block;
    max-width: 100%;
    position: relative;
    vertical-align: top
}

.select:not(.is-multiple) {
    height: 2.5em
}

.select:not(.is-multiple):not(.is-loading):after {
    border-color: var(--mainGreen);
    right: 1.125em;
    z-index: 4
}

.select.is-rounded select {
    border-radius: 9999px;
    padding-left: 1em
}

.select select {
    cursor: pointer;
    display: block;
    font-size: 1em;
    max-width: 100%;
    outline: none
}

.select select::-ms-expand {
    display: none
}

.select select[disabled]:hover, fieldset[disabled] .select select:hover {
    border-color: #f5f5f5
}

.select select:not([multiple]) {
    padding-right: 2.5em
}

.select select[multiple] {
    height: auto;
    padding: 0
}

.select select[multiple] option {
    padding: .5em 1em
}

.select:not(.is-multiple):not(.is-loading):hover:after {
    border-color: #363636
}

.select.is-white:not(:hover):after, .select.is-white select {
    border-color: #fff
}

.select.is-white select.is-hovered, .select.is-white select:hover {
    border-color: #f2f2f2
}

.select.is-white select.is-active, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select:focus {
    -webkit-box-shadow: 0 0 0 .125em hsla(0, 0%, 100%, .25);
    box-shadow: 0 0 0 .125em hsla(0, 0%, 100%, .25)
}

.select.is-black:not(:hover):after, .select.is-black select {
    border-color: #0a0a0a
}

.select.is-black select.is-hovered, .select.is-black select:hover {
    border-color: #000
}

.select.is-black select.is-active, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select:focus {
    -webkit-box-shadow: 0 0 0 .125em hsla(0, 0%, 4%, .25);
    box-shadow: 0 0 0 .125em hsla(0, 0%, 4%, .25)
}

.select.is-light:not(:hover):after, .select.is-light select {
    border-color: #f5f5f5
}

.select.is-light select.is-hovered, .select.is-light select:hover {
    border-color: #e8e8e8
}

.select.is-light select.is-active, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select:focus {
    -webkit-box-shadow: 0 0 0 .125em hsla(0, 0%, 96%, .25);
    box-shadow: 0 0 0 .125em hsla(0, 0%, 96%, .25)
}

.select.is-dark:not(:hover):after, .select.is-dark select {
    border-color: #363636
}

.select.is-dark select.is-hovered, .select.is-dark select:hover {
    border-color: var(--secondGreen)
}

.select.is-dark select.is-active, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select:focus {
    -webkit-box-shadow: 0 0 0 .125em rgba(54, 54, 54, .25);
    box-shadow: 0 0 0 .125em rgba(54, 54, 54, .25)
}

.select.is-primary:not(:hover):after, .select.is-primary select {
    border-color: #00d1b2
}

.select.is-primary select.is-hovered, .select.is-primary select:hover {
    border-color: #00b89c
}

.select.is-primary select.is-active, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select:focus {
    -webkit-box-shadow: 0 0 0 .125em rgba(0, 209, 178, .25);
    box-shadow: 0 0 0 .125em rgba(0, 209, 178, .25)
}

.select.is-link:not(:hover):after, .select.is-link select {
    border-color: var(--mainGreen)
}

.select.is-link select.is-hovered, .select.is-link select:hover {
    border-color: #3a51bb
}

.select.is-link select.is-active, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select:focus {
    -webkit-box-shadow: 0 0 0 .125em rgba(72, 95, 199, .25);
    box-shadow: 0 0 0 .125em rgba(72, 95, 199, .25)
}

.select.is-info:not(:hover):after, .select.is-info select {
    border-color: #3e8ed0
}

.select.is-info select.is-hovered, .select.is-info select:hover {
    border-color: #3082c5
}

.select.is-info select.is-active, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select:focus {
    -webkit-box-shadow: 0 0 0 .125em rgba(62, 142, 208, .25);
    box-shadow: 0 0 0 .125em rgba(62, 142, 208, .25)
}

.select.is-success:not(:hover):after, .select.is-success select {
    border-color: #48c78e
}

.select.is-success select.is-hovered, .select.is-success select:hover {
    border-color: #3abb81
}

.select.is-success select.is-active, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select:focus {
    -webkit-box-shadow: 0 0 0 .125em rgba(72, 199, 142, .25);
    box-shadow: 0 0 0 .125em rgba(72, 199, 142, .25)
}

.select.is-warning:not(:hover):after, .select.is-warning select {
    border-color: #ffe08a
}

.select.is-warning select.is-hovered, .select.is-warning select:hover {
    border-color: #ffd970
}

.select.is-warning select.is-active, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select:focus {
    -webkit-box-shadow: 0 0 0 .125em rgba(255, 224, 138, .25);
    box-shadow: 0 0 0 .125em rgba(255, 224, 138, .25)
}

.select.is-danger:not(:hover):after, .select.is-danger select {
    border-color: #f14668
}

.select.is-danger select.is-hovered, .select.is-danger select:hover {
    border-color: #ef2e55
}

.select.is-danger select.is-active, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select:focus {
    -webkit-box-shadow: 0 0 0 .125em rgba(241, 70, 104, .25);
    box-shadow: 0 0 0 .125em rgba(241, 70, 104, .25)
}

.select.is-small {
    border-radius: 2px;
    font-size: .75rem
}

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

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

.select.is-disabled:after {
    border-color: #7a7a7a
}

.select.is-fullwidth, .select.is-fullwidth select {
    width: 100%
}

.select.is-loading:after {
    margin-top: 0;
    position: absolute;
    right: .625em;
    top: .625em;
    -webkit-transform: none;
    -o-transform: none;
    transform: none
}

.select.is-loading.is-small:after {
    font-size: .75rem
}

.select.is-loading.is-medium:after {
    font-size: 1.25rem
}

.select.is-loading.is-large:after {
    font-size: 1.5rem
}

.file {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative
}

.file.is-white .file-cta {
    background-color: #fff;
    border-color: transparent;
    color: #0a0a0a
}

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

.file.is-white.is-focused .file-cta, .file.is-white:focus .file-cta {
    border-color: transparent;
    -webkit-box-shadow: 0 0 .5em hsla(0, 0%, 100%, .25);
    box-shadow: 0 0 .5em hsla(0, 0%, 100%, .25);
    color: #0a0a0a
}

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

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

.file.is-black.is-hovered .file-cta, .file.is-black:hover .file-cta {
    background-color: #040404;
    border-color: transparent;
    color: #fff
}

.file.is-black.is-focused .file-cta, .file.is-black:focus .file-cta {
    border-color: transparent;
    -webkit-box-shadow: 0 0 .5em hsla(0, 0%, 4%, .25);
    box-shadow: 0 0 .5em hsla(0, 0%, 4%, .25);
    color: #fff
}

.file.is-black.is-active .file-cta, .file.is-black:active .file-cta {
    background-color: #000;
    border-color: transparent;
    color: #fff
}

.file.is-light .file-cta {
    background-color: #f5f5f5;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.file.is-light.is-hovered .file-cta, .file.is-light:hover .file-cta {
    background-color: #eee;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.file.is-light.is-focused .file-cta, .file.is-light:focus .file-cta {
    border-color: transparent;
    -webkit-box-shadow: 0 0 .5em hsla(0, 0%, 96%, .25);
    box-shadow: 0 0 .5em hsla(0, 0%, 96%, .25);
    color: rgba(0, 0, 0, .7)
}

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

.file.is-dark .file-cta {
    background-color: #363636;
    border-color: transparent;
    color: #fff
}

.file.is-dark.is-hovered .file-cta, .file.is-dark:hover .file-cta {
    background-color: #2f2f2f;
    border-color: transparent;
    color: #fff
}

.file.is-dark.is-focused .file-cta, .file.is-dark:focus .file-cta {
    border-color: transparent;
    -webkit-box-shadow: 0 0 .5em rgba(54, 54, 54, .25);
    box-shadow: 0 0 .5em rgba(54, 54, 54, .25);
    color: #fff
}

.file.is-dark.is-active .file-cta, .file.is-dark:active .file-cta {
    background-color: var(--secondGreen) ;
    border-color: transparent;
    color: #fff
}

.file.is-primary .file-cta {
    background-color: #00d1b2;
    border-color: transparent;
    color: #fff
}

.file.is-primary.is-hovered .file-cta, .file.is-primary:hover .file-cta {
    background-color: #00c4a7;
    border-color: transparent;
    color: #fff
}

.file.is-primary.is-focused .file-cta, .file.is-primary:focus .file-cta {
    border-color: transparent;
    -webkit-box-shadow: 0 0 .5em rgba(0, 209, 178, .25);
    box-shadow: 0 0 .5em rgba(0, 209, 178, .25);
    color: #fff
}

.file.is-primary.is-active .file-cta, .file.is-primary:active .file-cta {
    background-color: #00b89c;
    border-color: transparent;
    color: #fff
}

.file.is-link .file-cta {
    background-color: var(--mainGreen);
    border-color: transparent;
    color: #fff
}

.file.is-link.is-hovered .file-cta, .file.is-link:hover .file-cta {
    background-color: #3e56c4;
    border-color: transparent;
    color: #fff
}

.file.is-link.is-focused .file-cta, .file.is-link:focus .file-cta {
    border-color: transparent;
    -webkit-box-shadow: 0 0 .5em rgba(72, 95, 199, .25);
    box-shadow: 0 0 .5em rgba(72, 95, 199, .25);
    color: #fff
}

.file.is-link.is-active .file-cta, .file.is-link:active .file-cta {
    background-color: #3a51bb;
    border-color: transparent;
    color: #fff
}

.file.is-info .file-cta {
    background-color: #3e8ed0;
    border-color: transparent;
    color: #fff
}

.file.is-info.is-hovered .file-cta, .file.is-info:hover .file-cta {
    background-color: #3488ce;
    border-color: transparent;
    color: #fff
}

.file.is-info.is-focused .file-cta, .file.is-info:focus .file-cta {
    border-color: transparent;
    -webkit-box-shadow: 0 0 .5em rgba(62, 142, 208, .25);
    box-shadow: 0 0 .5em rgba(62, 142, 208, .25);
    color: #fff
}

.file.is-info.is-active .file-cta, .file.is-info:active .file-cta {
    background-color: #3082c5;
    border-color: transparent;
    color: #fff
}

.file.is-success .file-cta {
    background-color: #48c78e;
    border-color: transparent;
    color: #fff
}

.file.is-success.is-hovered .file-cta, .file.is-success:hover .file-cta {
    background-color: #3ec487;
    border-color: transparent;
    color: #fff
}

.file.is-success.is-focused .file-cta, .file.is-success:focus .file-cta {
    border-color: transparent;
    -webkit-box-shadow: 0 0 .5em rgba(72, 199, 142, .25);
    box-shadow: 0 0 .5em rgba(72, 199, 142, .25);
    color: #fff
}

.file.is-success.is-active .file-cta, .file.is-success:active .file-cta {
    background-color: #3abb81;
    border-color: transparent;
    color: #fff
}

.file.is-warning .file-cta {
    background-color: #ffe08a;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.file.is-warning.is-hovered .file-cta, .file.is-warning:hover .file-cta {
    background-color: #ffdc7d;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.file.is-warning.is-focused .file-cta, .file.is-warning:focus .file-cta {
    border-color: transparent;
    -webkit-box-shadow: 0 0 .5em rgba(255, 224, 138, .25);
    box-shadow: 0 0 .5em rgba(255, 224, 138, .25);
    color: rgba(0, 0, 0, .7)
}

.file.is-warning.is-active .file-cta, .file.is-warning:active .file-cta {
    background-color: #ffd970;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.file.is-danger .file-cta {
    background-color: #f14668;
    border-color: transparent;
    color: #fff
}

.file.is-danger.is-hovered .file-cta, .file.is-danger:hover .file-cta {
    background-color: #f03a5f;
    border-color: transparent;
    color: #fff
}

.file.is-danger.is-focused .file-cta, .file.is-danger:focus .file-cta {
    border-color: transparent;
    -webkit-box-shadow: 0 0 .5em rgba(241, 70, 104, .25);
    box-shadow: 0 0 .5em rgba(241, 70, 104, .25);
    color: #fff
}

.file.is-danger.is-active .file-cta, .file.is-danger:active .file-cta {
    background-color: #ef2e55;
    border-color: transparent;
    color: #fff
}

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

.file.is-normal {
    font-size: 1rem
}

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

.file.is-medium .file-icon .fa {
    font-size: 21px
}

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

.file.is-large .file-icon .fa {
    font-size: 28px
}

.file.has-name .file-cta {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.file.has-name .file-name {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.file.has-name.is-empty .file-cta {
    border-radius: 4px
}

.file.has-name.is-empty .file-name {
    display: none
}

.file.is-boxed .file-cta, .file.is-boxed .file-label {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.file.is-boxed .file-cta {
    height: auto;
    padding: 1em 3em
}

.file.is-boxed .file-name {
    border-width: 0 1px 1px
}

.file.is-boxed .file-icon {
    height: 1.5em;
    width: 1.5em
}

.file.is-boxed .file-icon .fa {
    font-size: 21px
}

.file.is-boxed.is-small .file-icon .fa {
    font-size: 14px
}

.file.is-boxed.is-medium .file-icon .fa {
    font-size: 28px
}

.file.is-boxed.is-large .file-icon .fa {
    font-size: 35px
}

.file.is-boxed.has-name .file-cta {
    border-radius: 4px 4px 0 0
}

.file.is-boxed.has-name .file-name {
    border-radius: 0 0 4px 4px;
    border-width: 0 1px 1px
}

.file.is-centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.file.is-fullwidth .file-label {
    width: 100%
}

.file.is-fullwidth .file-name {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: none
}

.file.is-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.file.is-right .file-cta {
    border-radius: 0 4px 4px 0
}

.file.is-right .file-name {
    border-radius: 4px 0 0 4px;
    border-width: 1px 0 1px 1px;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.file-label {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: hidden;
    position: relative
}

.file-label:hover .file-cta {
    background-color: #eee;
    color: #363636
}

.file-label:hover .file-name {
    border-color: #d5d5d5
}

.file-label:active .file-cta {
    background-color: #e8e8e8;
    color: #363636
}

.file-label:active .file-name {
    border-color: #cfcfcf
}

.file-input {
    height: 100%;
    left: 0;
    opacity: 0;
    outline: none;
    position: absolute;
    top: 0;
    width: 100%
}

.file-cta, .file-name {
    border-color: #dbdbdb;
    border-radius: 4px;
    font-size: 1em;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap
}

.file-cta {
    background-color: #f5f5f5;
    color: #4a4a4a
}

.file-name {
    border: 1px solid #dbdbdb;
    border-left-width: 0;
    display: block;
    max-width: 16em;
    overflow: hidden;
    text-align: inherit;
    text-overflow: ellipsis
}

.file-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: .5em;
    width: 1em
}

.file-icon .fa {
    font-size: 14px
}

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

.label:not(:last-child) {
    margin-bottom: .5em
}

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

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

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

.help {
    display: block;
    font-size: .75rem;
    margin-top: .25rem
}

.help.is-white {
    color: #fff
}

.help.is-black {
    color: #0a0a0a
}

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

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

.help.is-primary {
    color: #00d1b2
}

.help.is-link {
    color: var(--mainGreen)
}

.help.is-info {
    color: #3e8ed0
}

.help.is-success {
    color: #48c78e
}

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

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

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

.field.has-addons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    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 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.field.has-addons.has-addons-centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.field.has-addons.has-addons-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.field.has-addons.has-addons-fullwidth .control {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.field.is-grouped {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.field.is-grouped > .control {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.field.is-grouped > .control:not(:last-child) {
    margin-bottom: 0;
    margin-right: .75rem
}

.field.is-grouped > .control.is-expanded {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.field.is-grouped.is-grouped-centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.field.is-grouped.is-grouped-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.field.is-grouped.is-grouped-multiline {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
    margin-bottom: .75rem
}

.field.is-grouped.is-grouped-multiline:last-child {
    margin-bottom: -.75rem
}

.field.is-grouped.is-grouped-multiline:not(:last-child) {
    margin-bottom: 0
}

@media print, screen and (min-width: 769px) {
    .field.is-horizontal {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

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

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

@media print, screen and (min-width: 769px) {
    .field-label {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 1.5rem;
        text-align: right
    }

    .field-label.is-small {
        font-size: .75rem;
        padding-top: .375em
    }

    .field-label.is-normal {
        padding-top: .375em
    }

    .field-label.is-medium {
        font-size: 1.25rem;
        padding-top: .375em
    }

    .field-label.is-large {
        font-size: 1.5rem;
        padding-top: .375em
    }
}

.field-body .field .field {
    margin-bottom: 0
}

@media print, screen and (min-width: 769px) {
    .field-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 5;
        -ms-flex-positive: 5;
        flex-grow: 5;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .field-body .field {
        margin-bottom: 0
    }

    .field-body > .field {
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .field-body > .field:not(.is-narrow) {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .field-body > .field:not(:last-child) {
        margin-right: .75rem
    }
}

.control {
    -webkit-box-sizing: border-box;
    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: #dbdbdb;
    height: 2.5em;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 2.5em;
    z-index: 4
}

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

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

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

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

.control.is-loading:after {
    position: absolute !important;
    right: .625em;
    top: .625em;
    z-index: 4
}

.control.is-loading.is-small:after {
    font-size: .75rem
}

.control.is-loading.is-medium:after {
    font-size: 1.25rem
}

.control.is-loading.is-large:after {
    font-size: 1.5rem
}

.breadcrumb {
    font-size: 1rem;
    white-space: nowrap
}

.breadcrumb a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--mainGreen);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 .75em
}

.breadcrumb a:hover {
    color: #363636
}

.breadcrumb li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.breadcrumb li:first-child a {
    padding-left: 0
}

.breadcrumb li.is-active a {
    color: #363636;
    cursor: default;
    pointer-events: none
}

.breadcrumb li + li:before {
    color: #b5b5b5;
    content: "/"
}

.breadcrumb ol, .breadcrumb ul {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.breadcrumb .icon:first-child {
    margin-right: .5em
}

.breadcrumb .icon:last-child {
    margin-left: .5em
}

.breadcrumb.is-centered ol, .breadcrumb.is-centered ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.breadcrumb.is-right ol, .breadcrumb.is-right ul {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

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

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

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

.breadcrumb.has-arrow-separator li + li:before {
    content: "\2192"
}

.breadcrumb.has-bullet-separator li + li:before {
    content: "\2022"
}

.breadcrumb.has-dot-separator li + li:before {
    content: "\B7"
}

.breadcrumb.has-succeeds-separator li + li:before {
    content: "\227B"
}

.card {
    background-color: #fff;
    border-radius: .25rem;
    -webkit-box-shadow: 0 .5em 1em -.125em hsla(0, 0%, 4%, .1), 0 0 0 1px hsla(0, 0%, 4%, .02);
    box-shadow: 0 .5em 1em -.125em hsla(0, 0%, 4%, .1), 0 0 0 1px hsla(0, 0%, 4%, .02);
    color: #4a4a4a;
    max-width: 100%;
    position: relative
}

.card-content:first-child, .card-footer:first-child, .card-header:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card-content:last-child, .card-footer:last-child, .card-header:last-child {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.card-header {
    background-color: transparent;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-shadow: 0 .125em .25em hsla(0, 0%, 4%, .1);
    box-shadow: 0 .125em .25em hsla(0, 0%, 4%, .1)
}

.card-header, .card-header-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card-header-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #363636;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-weight: 700;
    padding: .75rem 1rem
}

.card-header-icon, .card-header-title.is-centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.card-header-icon {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: none;
    color: currentColor;
    font-family: inherit;
    font-size: 1em;
    margin: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .75rem 1rem
}

.card-image {
    display: block;
    position: relative
}

.card-image:first-child img {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card-image:last-child img {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.card-content {
    padding: 1.5rem
}

.card-content, .card-footer {
    background-color: transparent
}

.card-footer {
    border-top: 1px solid #ededed;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.card-footer, .card-footer-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card-footer-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .75rem
}

.card-footer-item:not(:last-child) {
    border-right: 1px solid #ededed
}

.card .media:not(:last-child) {
    margin-bottom: 1.5rem
}

.dropdown {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    vertical-align: top
}

.dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu {
    display: block
}

.dropdown.is-right .dropdown-menu {
    left: auto;
    right: 0
}

.dropdown.is-up .dropdown-menu {
    bottom: 100%;
    padding-bottom: 4px;
    padding-top: 0;
    top: auto
}

.dropdown-menu {
    display: none;
    left: 0;
    min-width: 12rem;
    padding-top: 4px;
    position: absolute;
    top: 100%;
    z-index: 20
}

.dropdown-content {
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 .5em 1em -.125em hsla(0, 0%, 4%, .1), 0 0 0 1px hsla(0, 0%, 4%, .02);
    box-shadow: 0 .5em 1em -.125em hsla(0, 0%, 4%, .1), 0 0 0 1px hsla(0, 0%, 4%, .02);
    padding-bottom: .5rem;
    padding-top: .5rem
}

.dropdown-item {
    color: #4a4a4a;
    display: block;
    font-size: .875rem;
    line-height: 1.5;
    padding: .375rem 1rem;
    position: relative
}

a.dropdown-item, button.dropdown-item {
    padding-right: 3rem;
    text-align: inherit;
    white-space: nowrap;
    width: 100%
}

a.dropdown-item:hover, button.dropdown-item:hover {
    background-color: #f5f5f5;
    color: #0a0a0a
}

a.dropdown-item.is-active, button.dropdown-item.is-active {
    background-color: var(--mainGreen);
    color: #fff
}

.dropdown-divider {
    background-color: #ededed;
    border: none;
    display: block;
    height: 1px;
    margin: .5rem 0
}

.level {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.level code {
    border-radius: 4px
}

.level img {
    display: inline-block;
    vertical-align: top
}

.level.is-mobile, .level.is-mobile .level-left, .level.is-mobile .level-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.level.is-mobile .level-left + .level-right {
    margin-top: 0
}

.level.is-mobile .level-item:not(:last-child) {
    margin-bottom: 0;
    margin-right: .75rem
}

.level.is-mobile .level-item:not(.is-narrow) {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media print, screen and (min-width: 769px) {
    .level {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .level > .level-item:not(.is-narrow) {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.level-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.level-item .subtitle, .level-item .title {
    margin-bottom: 0
}

@media screen and (max-width: 768px) {
    .level-item:not(:last-child) {
        margin-bottom: .75rem
    }
}

.level-left, .level-right {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.level-left .level-item.is-flexible, .level-right .level-item.is-flexible {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media print, screen and (min-width: 769px) {
    .level-left .level-item:not(:last-child), .level-right .level-item:not(:last-child) {
        margin-right: .75rem
    }
}

.level-left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (max-width: 768px) {
    .level-left + .level-right {
        margin-top: 1.5rem
    }
}

@media print, screen and (min-width: 769px) {
    .level-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.level-right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media print, screen and (min-width: 769px) {
    .level-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.media {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: inherit
}

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

.media .media {
    border-top: 1px solid hsla(0, 0%, 86%, .5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: .75rem
}

.media .media .content:not(:last-child), .media .media .control:not(:last-child) {
    margin-bottom: .5rem
}

.media .media .media {
    padding-top: .5rem
}

.media .media .media + .media {
    margin-top: .5rem
}

.media + .media {
    border-top: 1px solid hsla(0, 0%, 86%, .5);
    margin-top: 1rem;
    padding-top: 1rem
}

.media.is-large + .media {
    margin-top: 1.5rem;
    padding-top: 1.5rem
}

.media-left, .media-right {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.media-left {
    margin-right: 1rem
}

.media-right {
    margin-left: 1rem
}

.media-content {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    text-align: inherit
}

@media screen and (max-width: 768px) {
    .media-content {
        overflow-x: auto
    }
}

.menu {
    font-size: 1rem
}

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

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

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

.menu-list {
    line-height: 1.25
}

.menu-list a {
    border-radius: 2px;
    color: #4a4a4a;
    display: block;
    padding: .5em .75em
}

.menu-list a:hover {
    background-color: #f5f5f5;
    color: #363636
}

.menu-list a.is-active {
    background-color: var(--mainGreen);
    color: #fff
}

.menu-list li ul {
    border-left: 1px solid #dbdbdb;
    margin: .75em;
    padding-left: .75em
}

.menu-label {
    color: #7a7a7a;
    font-size: .75em;
    letter-spacing: .1em;
    text-transform: uppercase
}

.menu-label:not(:first-child) {
    margin-top: 1em
}

.menu-label:not(:last-child) {
    margin-bottom: 1em
}

.message {
    background-color: #f5f5f5;
    border-radius: 4px;
    font-size: 1rem
}

.message strong {
    color: currentColor
}

.message a:not(.button):not(.tag):not(.dropdown-item) {
    color: currentColor;
    text-decoration: underline
}

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

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

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

.message.is-white {
    background-color: #fff
}

.message.is-white .message-header {
    background-color: #fff;
    color: #0a0a0a
}

.message.is-white .message-body {
    border-color: #fff
}

.message.is-black {
    background-color: #fafafa
}

.message.is-black .message-header {
    background-color: #0a0a0a;
    color: #fff
}

.message.is-black .message-body {
    border-color: #0a0a0a
}

.message.is-light {
    background-color: #fafafa
}

.message.is-light .message-header {
    background-color: #f5f5f5;
    color: rgba(0, 0, 0, .7)
}

.message.is-light .message-body {
    border-color: #f5f5f5
}

.message.is-dark {
    background-color: #fafafa
}

.message.is-dark .message-header {
    background-color: #363636;
    color: #fff
}

.message.is-dark .message-body {
    border-color: #363636
}

.message.is-primary {
    background-color: #ebfffc
}

.message.is-primary .message-header {
    background-color: #00d1b2;
    color: #fff
}

.message.is-primary .message-body {
    border-color: #00d1b2;
    color: #00947e
}

.message.is-link {
    background-color: #eff1fa
}

.message.is-link .message-header {
    background-color: var(--mainGreen);
    color: #fff
}

.message.is-link .message-body {
    border-color: var(--mainGreen);
    color: #3850b7
}

.message.is-info {
    background-color: #eff5fb
}

.message.is-info .message-header {
    background-color: #3e8ed0;
    color: #fff
}

.message.is-info .message-body {
    border-color: #3e8ed0;
    color: #296fa8
}

.message.is-success {
    background-color: #effaf5
}

.message.is-success .message-header {
    background-color: #48c78e;
    color: #fff
}

.message.is-success .message-body {
    border-color: #48c78e;
    color: #257953
}

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

.message.is-warning .message-header {
    background-color: #ffe08a;
    color: rgba(0, 0, 0, .7)
}

.message.is-warning .message-body {
    border-color: #ffe08a;
    color: #946c00
}

.message.is-danger {
    background-color: #feecf0
}

.message.is-danger .message-header {
    background-color: #f14668;
    color: #fff
}

.message.is-danger .message-body {
    border-color: #f14668;
    color: #cc0f35
}

.message-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #4a4a4a;
    border-radius: 4px 4px 0 0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 1.25;
    padding: .75em 1em;
    position: relative
}

.message-header .delete {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: .75em
}

.message-header + .message-body {
    border-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.message-body {
    border-radius: 4px;
    border: solid #dbdbdb;
    border-width: 0 0 0 4px;
    color: #4a4a4a;
    padding: 1.25em 1.5em
}

.message-body code, .message-body pre {
    background-color: #fff
}

.message-body pre code {
    background-color: transparent
}

.modal {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    z-index: 40
}

.modal.is-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal-background {
    background-color: hsla(0, 0%, 4%, .86)
}

.modal-card, .modal-content {
    margin: 0 20px;
    max-height: calc(100vh - 160px);
    overflow: auto;
    position: relative;
    width: 100%
}

@media screen and (min-width: 769px) {
    .modal-card, .modal-content {
        margin: 0 auto;
        max-height: calc(100vh - 40px);
        width: 640px
    }
}

.modal-close {
    background: none;
    height: 40px;
    position: fixed;
    right: 20px;
    top: 20px;
    width: 40px
}

.modal-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: calc(100vh - 40px);
    overflow: hidden;
    -ms-overflow-y: visible
}

.modal-card, .modal-card-foot, .modal-card-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal-card-foot, .modal-card-head {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f5f5f5;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 20px;
    position: relative
}

.modal-card-head {
    border-bottom: 1px solid #dbdbdb;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.modal-card-title {
    color: #363636;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 1.5rem;
    line-height: 1
}

.modal-card-foot {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 1px solid #dbdbdb
}

.modal-card-foot .button:not(:last-child) {
    margin-right: .5em
}

.modal-card-body {
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    overflow: auto;
    padding: 20px
}

.navbar {
    background-color: #fff;
    min-height: 3.25rem;
    position: relative;
    z-index: 30
}

.navbar.is-white {
    background-color: #fff;
    color: #0a0a0a
}

.navbar.is-white .navbar-brand .navbar-link, .navbar.is-white .navbar-brand > .navbar-item {
    color: #0a0a0a
}

.navbar.is-white .navbar-brand .navbar-link.is-active, .navbar.is-white .navbar-brand .navbar-link:focus, .navbar.is-white .navbar-brand .navbar-link:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active, .navbar.is-white .navbar-brand > a.navbar-item:focus, .navbar.is-white .navbar-brand > a.navbar-item:hover {
    background-color: #f2f2f2;
    color: #0a0a0a
}

.navbar.is-white .navbar-brand .navbar-link:after {
    border-color: #0a0a0a
}

.navbar.is-white .navbar-burger {
    color: #0a0a0a
}

@media screen and (min-width: 1000px) {
    .navbar.is-white .navbar-end .navbar-link, .navbar.is-white .navbar-end > .navbar-item, .navbar.is-white .navbar-start .navbar-link, .navbar.is-white .navbar-start > .navbar-item {
        color: #0a0a0a
    }

    .navbar.is-white .navbar-end .navbar-link.is-active, .navbar.is-white .navbar-end .navbar-link:focus, .navbar.is-white .navbar-end .navbar-link:hover, .navbar.is-white .navbar-end > a.navbar-item.is-active, .navbar.is-white .navbar-end > a.navbar-item:focus, .navbar.is-white .navbar-end > a.navbar-item:hover, .navbar.is-white .navbar-start .navbar-link.is-active, .navbar.is-white .navbar-start .navbar-link:focus, .navbar.is-white .navbar-start .navbar-link:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active, .navbar.is-white .navbar-start > a.navbar-item:focus, .navbar.is-white .navbar-start > a.navbar-item:hover {
        background-color: #f2f2f2;
        color: #0a0a0a
    }

    .navbar.is-white .navbar-end .navbar-link:after, .navbar.is-white .navbar-start .navbar-link:after {
        border-color: #0a0a0a
    }

    .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #f2f2f2;
        color: #0a0a0a
    }

    .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
        background-color: #fff;
        color: #0a0a0a
    }
}

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

.navbar.is-black .navbar-brand .navbar-link, .navbar.is-black .navbar-brand > .navbar-item {
    color: #fff
}

.navbar.is-black .navbar-brand .navbar-link.is-active, .navbar.is-black .navbar-brand .navbar-link:focus, .navbar.is-black .navbar-brand .navbar-link:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active, .navbar.is-black .navbar-brand > a.navbar-item:focus, .navbar.is-black .navbar-brand > a.navbar-item:hover {
    background-color: #000;
    color: #fff
}

.navbar.is-black .navbar-brand .navbar-link:after {
    border-color: #fff
}

.navbar.is-black .navbar-burger {
    color: #fff
}

@media screen and (min-width: 1000px) {
    .navbar.is-black .navbar-end .navbar-link, .navbar.is-black .navbar-end > .navbar-item, .navbar.is-black .navbar-start .navbar-link, .navbar.is-black .navbar-start > .navbar-item {
        color: #fff
    }

    .navbar.is-black .navbar-end .navbar-link.is-active, .navbar.is-black .navbar-end .navbar-link:focus, .navbar.is-black .navbar-end .navbar-link:hover, .navbar.is-black .navbar-end > a.navbar-item.is-active, .navbar.is-black .navbar-end > a.navbar-item:focus, .navbar.is-black .navbar-end > a.navbar-item:hover, .navbar.is-black .navbar-start .navbar-link.is-active, .navbar.is-black .navbar-start .navbar-link:focus, .navbar.is-black .navbar-start .navbar-link:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active, .navbar.is-black .navbar-start > a.navbar-item:focus, .navbar.is-black .navbar-start > a.navbar-item:hover {
        background-color: #000;
        color: #fff
    }

    .navbar.is-black .navbar-end .navbar-link:after, .navbar.is-black .navbar-start .navbar-link:after {
        border-color: #fff
    }

    .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #000;
        color: #fff
    }

    .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
        background-color: #0a0a0a;
        color: #fff
    }
}

.navbar.is-light {
    background-color: #f5f5f5
}

.navbar.is-light, .navbar.is-light .navbar-brand .navbar-link, .navbar.is-light .navbar-brand > .navbar-item {
    color: rgba(0, 0, 0, .7)
}

.navbar.is-light .navbar-brand .navbar-link.is-active, .navbar.is-light .navbar-brand .navbar-link:focus, .navbar.is-light .navbar-brand .navbar-link:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active, .navbar.is-light .navbar-brand > a.navbar-item:focus, .navbar.is-light .navbar-brand > a.navbar-item:hover {
    background-color: #e8e8e8;
    color: rgba(0, 0, 0, .7)
}

.navbar.is-light .navbar-brand .navbar-link:after {
    border-color: rgba(0, 0, 0, .7)
}

.navbar.is-light .navbar-burger {
    color: rgba(0, 0, 0, .7)
}

@media screen and (min-width: 1000px) {
    .navbar.is-light .navbar-end .navbar-link, .navbar.is-light .navbar-end > .navbar-item, .navbar.is-light .navbar-start .navbar-link, .navbar.is-light .navbar-start > .navbar-item {
        color: rgba(0, 0, 0, .7)
    }

    .navbar.is-light .navbar-end .navbar-link.is-active, .navbar.is-light .navbar-end .navbar-link:focus, .navbar.is-light .navbar-end .navbar-link:hover, .navbar.is-light .navbar-end > a.navbar-item.is-active, .navbar.is-light .navbar-end > a.navbar-item:focus, .navbar.is-light .navbar-end > a.navbar-item:hover, .navbar.is-light .navbar-start .navbar-link.is-active, .navbar.is-light .navbar-start .navbar-link:focus, .navbar.is-light .navbar-start .navbar-link:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active, .navbar.is-light .navbar-start > a.navbar-item:focus, .navbar.is-light .navbar-start > a.navbar-item:hover {
        background-color: #e8e8e8;
        color: rgba(0, 0, 0, .7)
    }

    .navbar.is-light .navbar-end .navbar-link:after, .navbar.is-light .navbar-start .navbar-link:after {
        border-color: rgba(0, 0, 0, .7)
    }

    .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #e8e8e8;
        color: rgba(0, 0, 0, .7)
    }

    .navbar.is-light .navbar-dropdown a.navbar-item.is-active {
        background-color: #f5f5f5;
        color: rgba(0, 0, 0, .7)
    }
}

.navbar.is-dark {
    background-color: #363636;
    color: #fff
}

.navbar.is-dark .navbar-brand .navbar-link, .navbar.is-dark .navbar-brand > .navbar-item {
    color: #fff
}

.navbar.is-dark .navbar-brand .navbar-link.is-active, .navbar.is-dark .navbar-brand .navbar-link:focus, .navbar.is-dark .navbar-brand .navbar-link:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active, .navbar.is-dark .navbar-brand > a.navbar-item:focus, .navbar.is-dark .navbar-brand > a.navbar-item:hover {
    background-color: var(--secondGreen) ;
    color: #fff
}

.navbar.is-dark .navbar-brand .navbar-link:after {
    border-color: #fff
}

.navbar.is-dark .navbar-burger {
    color: #fff
}

@media screen and (min-width: 1000px) {
    .navbar.is-dark .navbar-end .navbar-link, .navbar.is-dark .navbar-end > .navbar-item, .navbar.is-dark .navbar-start .navbar-link, .navbar.is-dark .navbar-start > .navbar-item {
        color: #fff
    }

    .navbar.is-dark .navbar-end .navbar-link.is-active, .navbar.is-dark .navbar-end .navbar-link:focus, .navbar.is-dark .navbar-end .navbar-link:hover, .navbar.is-dark .navbar-end > a.navbar-item.is-active, .navbar.is-dark .navbar-end > a.navbar-item:focus, .navbar.is-dark .navbar-end > a.navbar-item:hover, .navbar.is-dark .navbar-start .navbar-link.is-active, .navbar.is-dark .navbar-start .navbar-link:focus, .navbar.is-dark .navbar-start .navbar-link:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active, .navbar.is-dark .navbar-start > a.navbar-item:focus, .navbar.is-dark .navbar-start > a.navbar-item:hover {
        background-color: var(--secondGreen) ;
        color: #fff
    }

    .navbar.is-dark .navbar-end .navbar-link:after, .navbar.is-dark .navbar-start .navbar-link:after {
        border-color: #fff
    }

    .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link {
        background-color: var(--secondGreen) ;
        color: #fff
    }

    .navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
        background-color: #363636;
        color: #fff
    }
}

.navbar.is-primary {
    background-color: #00d1b2;
    color: #fff
}

.navbar.is-primary .navbar-brand .navbar-link, .navbar.is-primary .navbar-brand > .navbar-item {
    color: #fff
}

.navbar.is-primary .navbar-brand .navbar-link.is-active, .navbar.is-primary .navbar-brand .navbar-link:focus, .navbar.is-primary .navbar-brand .navbar-link:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active, .navbar.is-primary .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover {
    background-color: #00b89c;
    color: #fff
}

.navbar.is-primary .navbar-brand .navbar-link:after {
    border-color: #fff
}

.navbar.is-primary .navbar-burger {
    color: #fff
}

@media screen and (min-width: 1000px) {
    .navbar.is-primary .navbar-end .navbar-link, .navbar.is-primary .navbar-end > .navbar-item, .navbar.is-primary .navbar-start .navbar-link, .navbar.is-primary .navbar-start > .navbar-item {
        color: #fff
    }

    .navbar.is-primary .navbar-end .navbar-link.is-active, .navbar.is-primary .navbar-end .navbar-link:focus, .navbar.is-primary .navbar-end .navbar-link:hover, .navbar.is-primary .navbar-end > a.navbar-item.is-active, .navbar.is-primary .navbar-end > a.navbar-item:focus, .navbar.is-primary .navbar-end > a.navbar-item:hover, .navbar.is-primary .navbar-start .navbar-link.is-active, .navbar.is-primary .navbar-start .navbar-link:focus, .navbar.is-primary .navbar-start .navbar-link:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active, .navbar.is-primary .navbar-start > a.navbar-item:focus, .navbar.is-primary .navbar-start > a.navbar-item:hover {
        background-color: #00b89c;
        color: #fff
    }

    .navbar.is-primary .navbar-end .navbar-link:after, .navbar.is-primary .navbar-start .navbar-link:after {
        border-color: #fff
    }

    .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #00b89c;
        color: #fff
    }

    .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
        background-color: #00d1b2;
        color: #fff
    }
}

.navbar.is-link {
    background-color: var(--mainGreen);
    color: #fff
}

.navbar.is-link .navbar-brand .navbar-link, .navbar.is-link .navbar-brand > .navbar-item {
    color: #fff
}

.navbar.is-link .navbar-brand .navbar-link.is-active, .navbar.is-link .navbar-brand .navbar-link:focus, .navbar.is-link .navbar-brand .navbar-link:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active, .navbar.is-link .navbar-brand > a.navbar-item:focus, .navbar.is-link .navbar-brand > a.navbar-item:hover {
    background-color: #3a51bb;
    color: #fff
}

.navbar.is-link .navbar-brand .navbar-link:after {
    border-color: #fff
}

.navbar.is-link .navbar-burger {
    color: #fff
}

@media screen and (min-width: 1000px) {
    .navbar.is-link .navbar-end .navbar-link, .navbar.is-link .navbar-end > .navbar-item, .navbar.is-link .navbar-start .navbar-link, .navbar.is-link .navbar-start > .navbar-item {
        color: #fff
    }

    .navbar.is-link .navbar-end .navbar-link.is-active, .navbar.is-link .navbar-end .navbar-link:focus, .navbar.is-link .navbar-end .navbar-link:hover, .navbar.is-link .navbar-end > a.navbar-item.is-active, .navbar.is-link .navbar-end > a.navbar-item:focus, .navbar.is-link .navbar-end > a.navbar-item:hover, .navbar.is-link .navbar-start .navbar-link.is-active, .navbar.is-link .navbar-start .navbar-link:focus, .navbar.is-link .navbar-start .navbar-link:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active, .navbar.is-link .navbar-start > a.navbar-item:focus, .navbar.is-link .navbar-start > a.navbar-item:hover {
        background-color: #3a51bb;
        color: #fff
    }

    .navbar.is-link .navbar-end .navbar-link:after, .navbar.is-link .navbar-start .navbar-link:after {
        border-color: #fff
    }

    .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #3a51bb;
        color: #fff
    }

    .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
        background-color: var(--mainGreen);
        color: #fff
    }
}

.navbar.is-info {
    background-color: #3e8ed0;
    color: #fff
}

.navbar.is-info .navbar-brand .navbar-link, .navbar.is-info .navbar-brand > .navbar-item {
    color: #fff
}

.navbar.is-info .navbar-brand .navbar-link.is-active, .navbar.is-info .navbar-brand .navbar-link:focus, .navbar.is-info .navbar-brand .navbar-link:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active, .navbar.is-info .navbar-brand > a.navbar-item:focus, .navbar.is-info .navbar-brand > a.navbar-item:hover {
    background-color: #3082c5;
    color: #fff
}

.navbar.is-info .navbar-brand .navbar-link:after {
    border-color: #fff
}

.navbar.is-info .navbar-burger {
    color: #fff
}

@media screen and (min-width: 1000px) {
    .navbar.is-info .navbar-end .navbar-link, .navbar.is-info .navbar-end > .navbar-item, .navbar.is-info .navbar-start .navbar-link, .navbar.is-info .navbar-start > .navbar-item {
        color: #fff
    }

    .navbar.is-info .navbar-end .navbar-link.is-active, .navbar.is-info .navbar-end .navbar-link:focus, .navbar.is-info .navbar-end .navbar-link:hover, .navbar.is-info .navbar-end > a.navbar-item.is-active, .navbar.is-info .navbar-end > a.navbar-item:focus, .navbar.is-info .navbar-end > a.navbar-item:hover, .navbar.is-info .navbar-start .navbar-link.is-active, .navbar.is-info .navbar-start .navbar-link:focus, .navbar.is-info .navbar-start .navbar-link:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active, .navbar.is-info .navbar-start > a.navbar-item:focus, .navbar.is-info .navbar-start > a.navbar-item:hover {
        background-color: #3082c5;
        color: #fff
    }

    .navbar.is-info .navbar-end .navbar-link:after, .navbar.is-info .navbar-start .navbar-link:after {
        border-color: #fff
    }

    .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #3082c5;
        color: #fff
    }

    .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
        background-color: #3e8ed0;
        color: #fff
    }
}

.navbar.is-success {
    background-color: #48c78e;
    color: #fff
}

.navbar.is-success .navbar-brand .navbar-link, .navbar.is-success .navbar-brand > .navbar-item {
    color: #fff
}

.navbar.is-success .navbar-brand .navbar-link.is-active, .navbar.is-success .navbar-brand .navbar-link:focus, .navbar.is-success .navbar-brand .navbar-link:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active, .navbar.is-success .navbar-brand > a.navbar-item:focus, .navbar.is-success .navbar-brand > a.navbar-item:hover {
    background-color: #3abb81;
    color: #fff
}

.navbar.is-success .navbar-brand .navbar-link:after {
    border-color: #fff
}

.navbar.is-success .navbar-burger {
    color: #fff
}

@media screen and (min-width: 1000px) {
    .navbar.is-success .navbar-end .navbar-link, .navbar.is-success .navbar-end > .navbar-item, .navbar.is-success .navbar-start .navbar-link, .navbar.is-success .navbar-start > .navbar-item {
        color: #fff
    }

    .navbar.is-success .navbar-end .navbar-link.is-active, .navbar.is-success .navbar-end .navbar-link:focus, .navbar.is-success .navbar-end .navbar-link:hover, .navbar.is-success .navbar-end > a.navbar-item.is-active, .navbar.is-success .navbar-end > a.navbar-item:focus, .navbar.is-success .navbar-end > a.navbar-item:hover, .navbar.is-success .navbar-start .navbar-link.is-active, .navbar.is-success .navbar-start .navbar-link:focus, .navbar.is-success .navbar-start .navbar-link:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active, .navbar.is-success .navbar-start > a.navbar-item:focus, .navbar.is-success .navbar-start > a.navbar-item:hover {
        background-color: #3abb81;
        color: #fff
    }

    .navbar.is-success .navbar-end .navbar-link:after, .navbar.is-success .navbar-start .navbar-link:after {
        border-color: #fff
    }

    .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #3abb81;
        color: #fff
    }

    .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
        background-color: #48c78e;
        color: #fff
    }
}

.navbar.is-warning {
    background-color: #ffe08a
}

.navbar.is-warning, .navbar.is-warning .navbar-brand .navbar-link, .navbar.is-warning .navbar-brand > .navbar-item {
    color: rgba(0, 0, 0, .7)
}

.navbar.is-warning .navbar-brand .navbar-link.is-active, .navbar.is-warning .navbar-brand .navbar-link:focus, .navbar.is-warning .navbar-brand .navbar-link:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active, .navbar.is-warning .navbar-brand > a.navbar-item:focus, .navbar.is-warning .navbar-brand > a.navbar-item:hover {
    background-color: #ffd970;
    color: rgba(0, 0, 0, .7)
}

.navbar.is-warning .navbar-brand .navbar-link:after {
    border-color: rgba(0, 0, 0, .7)
}

.navbar.is-warning .navbar-burger {
    color: rgba(0, 0, 0, .7)
}

@media screen and (min-width: 1000px) {
    .navbar.is-warning .navbar-end .navbar-link, .navbar.is-warning .navbar-end > .navbar-item, .navbar.is-warning .navbar-start .navbar-link, .navbar.is-warning .navbar-start > .navbar-item {
        color: rgba(0, 0, 0, .7)
    }

    .navbar.is-warning .navbar-end .navbar-link.is-active, .navbar.is-warning .navbar-end .navbar-link:focus, .navbar.is-warning .navbar-end .navbar-link:hover, .navbar.is-warning .navbar-end > a.navbar-item.is-active, .navbar.is-warning .navbar-end > a.navbar-item:focus, .navbar.is-warning .navbar-end > a.navbar-item:hover, .navbar.is-warning .navbar-start .navbar-link.is-active, .navbar.is-warning .navbar-start .navbar-link:focus, .navbar.is-warning .navbar-start .navbar-link:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active, .navbar.is-warning .navbar-start > a.navbar-item:focus, .navbar.is-warning .navbar-start > a.navbar-item:hover {
        background-color: #ffd970;
        color: rgba(0, 0, 0, .7)
    }

    .navbar.is-warning .navbar-end .navbar-link:after, .navbar.is-warning .navbar-start .navbar-link:after {
        border-color: rgba(0, 0, 0, .7)
    }

    .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #ffd970;
        color: rgba(0, 0, 0, .7)
    }

    .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
        background-color: #ffe08a;
        color: rgba(0, 0, 0, .7)
    }
}

.navbar.is-danger {
    background-color: #f14668;
    color: #fff
}

.navbar.is-danger .navbar-brand .navbar-link, .navbar.is-danger .navbar-brand > .navbar-item {
    color: #fff
}

.navbar.is-danger .navbar-brand .navbar-link.is-active, .navbar.is-danger .navbar-brand .navbar-link:focus, .navbar.is-danger .navbar-brand .navbar-link:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active, .navbar.is-danger .navbar-brand > a.navbar-item:focus, .navbar.is-danger .navbar-brand > a.navbar-item:hover {
    background-color: #ef2e55;
    color: #fff
}

.navbar.is-danger .navbar-brand .navbar-link:after {
    border-color: #fff
}

.navbar.is-danger .navbar-burger {
    color: #fff
}

@media screen and (min-width: 1000px) {
    .navbar.is-danger .navbar-end .navbar-link, .navbar.is-danger .navbar-end > .navbar-item, .navbar.is-danger .navbar-start .navbar-link, .navbar.is-danger .navbar-start > .navbar-item {
        color: #fff
    }

    .navbar.is-danger .navbar-end .navbar-link.is-active, .navbar.is-danger .navbar-end .navbar-link:focus, .navbar.is-danger .navbar-end .navbar-link:hover, .navbar.is-danger .navbar-end > a.navbar-item.is-active, .navbar.is-danger .navbar-end > a.navbar-item:focus, .navbar.is-danger .navbar-end > a.navbar-item:hover, .navbar.is-danger .navbar-start .navbar-link.is-active, .navbar.is-danger .navbar-start .navbar-link:focus, .navbar.is-danger .navbar-start .navbar-link:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active, .navbar.is-danger .navbar-start > a.navbar-item:focus, .navbar.is-danger .navbar-start > a.navbar-item:hover {
        background-color: #ef2e55;
        color: #fff
    }

    .navbar.is-danger .navbar-end .navbar-link:after, .navbar.is-danger .navbar-start .navbar-link:after {
        border-color: #fff
    }

    .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #ef2e55;
        color: #fff
    }

    .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
        background-color: #f14668;
        color: #fff
    }
}

.navbar > .container {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 3.25rem;
    width: 100%
}

.navbar.has-shadow {
    -webkit-box-shadow: 0 2px 0 0 #f5f5f5;
    box-shadow: 0 2px 0 0 #f5f5f5
}

.navbar.is-fixed-bottom, .navbar.is-fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30
}

.navbar.is-fixed-bottom {
    bottom: 0
}

.navbar.is-fixed-bottom.has-shadow {
    -webkit-box-shadow: 0 -2px 0 0 #f5f5f5;
    box-shadow: 0 -2px 0 0 #f5f5f5
}

.navbar.is-fixed-top {
    top: 0
}

body.has-navbar-fixed-top, html.has-navbar-fixed-top {
    padding-top: 3.25rem
}

body.has-navbar-fixed-bottom, html.has-navbar-fixed-bottom {
    padding-bottom: 3.25rem
}

.navbar-brand, .navbar-tabs {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-height: 3.25rem
}

.navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover {
    background-color: transparent
}

.navbar-tabs {
    -webkit-overflow-scrolling: touch;
    max-width: 100vw;
    overflow-x: auto;
    overflow-y: hidden
}

.navbar-burger {
    color: #4a4a4a;
    cursor: pointer;
    display: block;
    height: 3.25rem;
    position: relative;
    width: 3.25rem;
    margin-left: auto
}

.navbar-burger span {
    background-color: currentColor;
    display: block;
    height: 1px;
    left: calc(50% - 8px);
    position: absolute;
    -webkit-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    -webkit-transition-duration: 86ms;
    -o-transition-duration: 86ms;
    transition-duration: 86ms;
    -webkit-transition-property: background-color, opacity, -webkit-transform;
    transition-property: background-color, opacity, -webkit-transform;
    -o-transition-property: background-color, opacity, -o-transform;
    transition-property: background-color, opacity, transform;
    transition-property: background-color, opacity, transform, -webkit-transform, -o-transform;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    width: 16px
}

.navbar-burger span:first-child {
    top: calc(50% - 6px)
}

.navbar-burger span:nth-child(2) {
    top: calc(50% - 1px)
}

.navbar-burger span:nth-child(3) {
    top: calc(50% + 4px)
}

.navbar-burger:hover {
    background-color: rgba(0, 0, 0, .05)
}

.navbar-burger.is-active span:first-child {
    -webkit-transform: translateY(5px) rotate(45deg);
    -o-transform: translateY(5px) rotate(45deg);
    transform: translateY(5px) rotate(45deg)
}

.navbar-burger.is-active span:nth-child(2) {
    opacity: 0
}

.navbar-burger.is-active span:nth-child(3) {
    -webkit-transform: translateY(-5px) rotate(-45deg);
    -o-transform: translateY(-5px) rotate(-45deg);
    transform: translateY(-5px) rotate(-45deg)
}

.navbar-menu {
    display: none
}

.navbar-item, .navbar-link {
    color: #4a4a4a;
    display: block;
    line-height: 1.5;
    padding: .5rem .75rem;
    position: relative
}

.navbar-item .icon:only-child, .navbar-link .icon:only-child {
    margin-left: -.25rem;
    margin-right: -.25rem
}

.navbar-link, a.navbar-item {
    cursor: pointer
}

.navbar-link.is-active, .navbar-link:focus, .navbar-link:focus-within, .navbar-link:hover, a.navbar-item.is-active, a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover {
    background-color: #fafafa;
    color: var(--mainGreen)
}

.navbar-item {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.navbar-item img {
    max-height: 1.75rem
}

.navbar-item.has-dropdown {
    padding: 0
}

.navbar-item.is-expanded {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.navbar-item.is-tab {
    border-bottom: 1px solid transparent;
    min-height: 3.25rem;
    padding-bottom: calc(.5rem - 1px)
}

.navbar-item.is-tab:focus, .navbar-item.is-tab:hover {
    background-color: transparent;
    border-bottom-color: var(--mainGreen)
}

.navbar-item.is-tab.is-active {
    background-color: transparent;
    border-bottom: 3px solid var(--mainGreen);
    color: var(--mainGreen);
    padding-bottom: calc(.5rem - 3px)
}

.navbar-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.navbar-link:not(.is-arrowless) {
    padding-right: 2.5em
}

.navbar-link:not(.is-arrowless):after {
    border-color: var(--mainGreen);
    margin-top: -.375em;
    right: 1.125em
}

.navbar-dropdown {
    font-size: .875rem;
    padding-bottom: .5rem;
    padding-top: .5rem
}

.navbar-dropdown .navbar-item {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.navbar-divider {
    background-color: #f5f5f5;
    border: none;
    display: none;
    height: 2px;
    margin: .5rem 0
}

@media screen and (max-width: 999px) {
    .navbar > .container {
        display: block
    }

    .navbar-brand .navbar-item, .navbar-tabs .navbar-item {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .navbar-link:after {
        display: none
    }

    .navbar-menu {
        background-color: #fff;
        -webkit-box-shadow: 0 8px 16px hsla(0, 0%, 4%, .1);
        box-shadow: 0 8px 16px hsla(0, 0%, 4%, .1);
        padding: .5rem 0
    }

    .navbar-menu.is-active {
        display: block
    }

    .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch {
        left: 0;
        position: fixed;
        right: 0;
        z-index: 30
    }

    .navbar.is-fixed-bottom-touch {
        bottom: 0
    }

    .navbar.is-fixed-bottom-touch.has-shadow {
        -webkit-box-shadow: 0 -2px 3px hsla(0, 0%, 4%, .1);
        box-shadow: 0 -2px 3px hsla(0, 0%, 4%, .1)
    }

    .navbar.is-fixed-top-touch {
        top: 0
    }

    .navbar.is-fixed-top-touch .navbar-menu, .navbar.is-fixed-top .navbar-menu {
        -webkit-overflow-scrolling: touch;
        max-height: calc(100vh - 3.25rem);
        overflow: auto
    }

    body.has-navbar-fixed-top-touch, html.has-navbar-fixed-top-touch {
        padding-top: 3.25rem
    }

    body.has-navbar-fixed-bottom-touch, html.has-navbar-fixed-bottom-touch {
        padding-bottom: 3.25rem
    }
}

@media screen and (min-width: 1000px) {
    .navbar, .navbar-end, .navbar-menu, .navbar-start {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .navbar {
        min-height: 3.25rem
    }

    .navbar.is-spaced {
        padding: 1rem 2rem
    }

    .navbar.is-spaced .navbar-end, .navbar.is-spaced .navbar-start {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar.is-spaced .navbar-link, .navbar.is-spaced a.navbar-item {
        border-radius: 4px
    }

    .navbar.is-transparent .navbar-link.is-active, .navbar.is-transparent .navbar-link:focus, .navbar.is-transparent .navbar-link:hover, .navbar.is-transparent a.navbar-item.is-active, .navbar.is-transparent a.navbar-item:focus, .navbar.is-transparent a.navbar-item:hover {
        background-color: transparent !important
    }

    .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
        background-color: transparent !important
    }

    .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
        background-color: #f5f5f5;
        color: #0a0a0a
    }

    .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
        background-color: #f5f5f5;
        color: var(--mainGreen)
    }

    .navbar-burger {
        display: none
    }

    .navbar-item, .navbar-link {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .navbar-item.has-dropdown {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .navbar-item.has-dropdown-up .navbar-link:after {
        -webkit-transform: rotate(135deg) translate(.25em, -.25em);
        -o-transform: rotate(135deg) translate(.25em, -.25em);
        transform: rotate(135deg) translate(.25em, -.25em)
    }

    .navbar-item.has-dropdown-up .navbar-dropdown {
        border-bottom: 2px solid #dbdbdb;
        border-radius: 6px 6px 0 0;
        border-top: none;
        bottom: 100%;
        -webkit-box-shadow: 0 -8px 8px hsla(0, 0%, 4%, .1);
        box-shadow: 0 -8px 8px hsla(0, 0%, 4%, .1);
        top: auto
    }

    .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
        display: block
    }

    .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    .navbar-menu {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .navbar-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-right: auto
    }

    .navbar-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-left: auto
    }

    .navbar-dropdown {
        background-color: #fff;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        border-top: 2px solid #dbdbdb;
        -webkit-box-shadow: 0 8px 8px hsla(0, 0%, 4%, .1);
        box-shadow: 0 8px 8px hsla(0, 0%, 4%, .1);
        display: none;
        font-size: .875rem;
        left: 0;
        min-width: 100%;
        position: absolute;
        top: 100%;
        z-index: 20
    }

    .navbar-dropdown .navbar-item {
        padding: .375rem 1rem;
        white-space: nowrap
    }

    .navbar-dropdown a.navbar-item {
        padding-right: 3rem
    }

    .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover {
        background-color: #f5f5f5;
        color: #0a0a0a
    }

    .navbar-dropdown a.navbar-item.is-active {
        background-color: #f5f5f5;
        color: var(--mainGreen)
    }

    .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-dropdown {
        border-radius: 6px;
        border-top: none;
        -webkit-box-shadow: 0 8px 8px hsla(0, 0%, 4%, .1), 0 0 0 1px hsla(0, 0%, 4%, .1);
        box-shadow: 0 8px 8px hsla(0, 0%, 4%, .1), 0 0 0 1px hsla(0, 0%, 4%, .1);
        display: block;
        opacity: 0;
        pointer-events: none;
        top: calc(100% - 4px);
        -webkit-transform: translateY(-5px);
        -o-transform: translateY(-5px);
        transform: translateY(-5px);
        -webkit-transition-duration: 86ms;
        -o-transition-duration: 86ms;
        transition-duration: 86ms;
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        -o-transition-property: opacity, -o-transform;
        transition-property: opacity, transform;
        transition-property: opacity, transform, -webkit-transform, -o-transform
    }

    .navbar-dropdown.is-right {
        left: auto;
        right: 0
    }

    .navbar-divider {
        display: block
    }

    .container > .navbar .navbar-brand, .navbar > .container .navbar-brand {
        margin-left: -.75rem
    }

    .container > .navbar .navbar-menu, .navbar > .container .navbar-menu {
        margin-right: -.75rem
    }

    .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop {
        left: 0;
        position: fixed;
        right: 0;
        z-index: 30
    }

    .navbar.is-fixed-bottom-desktop {
        bottom: 0
    }

    .navbar.is-fixed-bottom-desktop.has-shadow {
        -webkit-box-shadow: 0 -2px 3px hsla(0, 0%, 4%, .1);
        box-shadow: 0 -2px 3px hsla(0, 0%, 4%, .1)
    }

    .navbar.is-fixed-top-desktop {
        top: 0
    }

    body.has-navbar-fixed-top-desktop, html.has-navbar-fixed-top-desktop {
        padding-top: 3.25rem
    }

    body.has-navbar-fixed-bottom-desktop, html.has-navbar-fixed-bottom-desktop {
        padding-bottom: 3.25rem
    }

    body.has-spaced-navbar-fixed-top, html.has-spaced-navbar-fixed-top {
        padding-top: 5.25rem
    }

    body.has-spaced-navbar-fixed-bottom, html.has-spaced-navbar-fixed-bottom {
        padding-bottom: 5.25rem
    }

    .navbar-link.is-active, a.navbar-item.is-active {
        color: #0a0a0a
    }

    .navbar-link.is-active:not(:focus):not(:hover), a.navbar-item.is-active:not(:focus):not(:hover) {
        background-color: transparent
    }

    .navbar-item.has-dropdown.is-active .navbar-link, .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #fafafa
    }
}

.hero.is-fullheight-with-navbar {
    min-height: calc(100vh - 3.25rem)
}

.pagination {
    font-size: 1rem;
    margin: -.25rem
}

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

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

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

.pagination.is-rounded .pagination-next, .pagination.is-rounded .pagination-previous {
    padding-left: 1em;
    padding-right: 1em;
    border-radius: 9999px
}

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

.pagination, .pagination-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

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

.pagination-link, .pagination-next, .pagination-previous {
    border-color: #dbdbdb;
    color: #363636;
    min-width: 2.5em
}

.pagination-link:hover, .pagination-next:hover, .pagination-previous:hover {
    border-color: #b5b5b5;
    color: #363636
}

.pagination-link:focus, .pagination-next:focus, .pagination-previous:focus {
    border-color: var(--mainGreen)
}

.pagination-link:active, .pagination-next:active, .pagination-previous:active {
    -webkit-box-shadow: inset 0 1px 2px hsla(0, 0%, 4%, .2);
    box-shadow: inset 0 1px 2px hsla(0, 0%, 4%, .2)
}

.pagination-link[disabled], .pagination-next[disabled], .pagination-previous[disabled] {
    background-color: #dbdbdb;
    border-color: #dbdbdb;
    -webkit-box-shadow: none;
    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: var(--mainGreen);
    border-color: var(--mainGreen);
    color: #fff
}

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

.pagination-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.pagination-list li {
    list-style: none
}

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

    .pagination-list li, .pagination-next, .pagination-previous {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }
}

@media print, screen and (min-width: 769px) {
    .pagination-list {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .pagination-ellipsis, .pagination-link, .pagination-next, .pagination-previous {
        margin-bottom: 0;
        margin-top: 0
    }

    .pagination-previous {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .pagination-next {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .pagination {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 0;
        margin-top: 0
    }

    .pagination.is-centered .pagination-previous {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .pagination.is-centered .pagination-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .pagination.is-centered .pagination-next {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .pagination.is-right .pagination-previous {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .pagination.is-right .pagination-next {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .pagination.is-right .pagination-list {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

.panel {
    border-radius: 6px;
    -webkit-box-shadow: 0 .5em 1em -.125em hsla(0, 0%, 4%, .1), 0 0 0 1px hsla(0, 0%, 4%, .02);
    box-shadow: 0 .5em 1em -.125em hsla(0, 0%, 4%, .1), 0 0 0 1px hsla(0, 0%, 4%, .02);
    font-size: 1rem
}

.panel:not(:last-child) {
    margin-bottom: 1.5rem
}

.panel.is-white .panel-heading {
    background-color: #fff;
    color: #0a0a0a
}

.panel.is-white .panel-tabs a.is-active {
    border-bottom-color: #fff
}

.panel.is-white .panel-block.is-active .panel-icon {
    color: #fff
}

.panel.is-black .panel-heading {
    background-color: #0a0a0a;
    color: #fff
}

.panel.is-black .panel-tabs a.is-active {
    border-bottom-color: #0a0a0a
}

.panel.is-black .panel-block.is-active .panel-icon {
    color: #0a0a0a
}

.panel.is-light .panel-heading {
    background-color: #f5f5f5;
    color: rgba(0, 0, 0, .7)
}

.panel.is-light .panel-tabs a.is-active {
    border-bottom-color: #f5f5f5
}

.panel.is-light .panel-block.is-active .panel-icon {
    color: #f5f5f5
}

.panel.is-dark .panel-heading {
    background-color: #363636;
    color: #fff
}

.panel.is-dark .panel-tabs a.is-active {
    border-bottom-color: #363636
}

.panel.is-dark .panel-block.is-active .panel-icon {
    color: #363636
}

.panel.is-primary .panel-heading {
    background-color: #00d1b2;
    color: #fff
}

.panel.is-primary .panel-tabs a.is-active {
    border-bottom-color: #00d1b2
}

.panel.is-primary .panel-block.is-active .panel-icon {
    color: #00d1b2
}

.panel.is-link .panel-heading {
    background-color: var(--mainGreen);
    color: #fff
}

.panel.is-link .panel-tabs a.is-active {
    border-bottom-color: var(--mainGreen)
}

.panel.is-link .panel-block.is-active .panel-icon {
    color: var(--mainGreen)
}

.panel.is-info .panel-heading {
    background-color: #3e8ed0;
    color: #fff
}

.panel.is-info .panel-tabs a.is-active {
    border-bottom-color: #3e8ed0
}

.panel.is-info .panel-block.is-active .panel-icon {
    color: #3e8ed0
}

.panel.is-success .panel-heading {
    background-color: #48c78e;
    color: #fff
}

.panel.is-success .panel-tabs a.is-active {
    border-bottom-color: #48c78e
}

.panel.is-success .panel-block.is-active .panel-icon {
    color: #48c78e
}

.panel.is-warning .panel-heading {
    background-color: #ffe08a;
    color: rgba(0, 0, 0, .7)
}

.panel.is-warning .panel-tabs a.is-active {
    border-bottom-color: #ffe08a
}

.panel.is-warning .panel-block.is-active .panel-icon {
    color: #ffe08a
}

.panel.is-danger .panel-heading {
    background-color: #f14668;
    color: #fff
}

.panel.is-danger .panel-tabs a.is-active {
    border-bottom-color: #f14668
}

.panel.is-danger .panel-block.is-active .panel-icon {
    color: #f14668
}

.panel-block:not(:last-child), .panel-tabs:not(:last-child) {
    border-bottom: 1px solid #ededed
}

.panel-heading {
    background-color: #ededed;
    border-radius: 6px 6px 0 0;
    color: #363636;
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1.25;
    padding: .75em 1em
}

.panel-tabs {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .875em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.panel-tabs a {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: -1px;
    padding: .5em
}

.panel-tabs a.is-active {
    border-bottom-color: #4a4a4a;
    color: #363636
}

.panel-list a {
    color: #4a4a4a
}

.panel-list a:hover {
    color: var(--mainGreen)
}

.panel-block {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #363636;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: .5em .75em
}

.panel-block input[type=checkbox] {
    margin-right: .75em
}

.panel-block > .control {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: 100%
}

.panel-block.is-wrapped {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.panel-block.is-active {
    border-left-color: var(--mainGreen);
    color: #363636
}

.panel-block.is-active .panel-icon {
    color: var(--mainGreen)
}

.panel-block:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

a.panel-block, label.panel-block {
    cursor: pointer
}

a.panel-block:hover, label.panel-block:hover {
    background-color: #f5f5f5
}

.panel-icon {
    display: inline-block;
    font-size: 14px;
    height: 1em;
    line-height: 1em;
    text-align: center;
    vertical-align: top;
    width: 1em;
    color: #7a7a7a;
    margin-right: .75em
}

.panel-icon .fa {
    font-size: inherit;
    line-height: inherit
}

.tabs {
    -webkit-overflow-scrolling: touch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    font-size: 1rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap
}

.tabs, .tabs a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tabs a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #dbdbdb;
    color: #4a4a4a;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: -1px;
    padding: .5em 1em;
    vertical-align: top
}

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

.tabs li {
    display: block
}

.tabs li.is-active a {
    border-bottom-color: var(--mainGreen);
    color: var(--mainGreen)
}

.tabs ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #dbdbdb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

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

.tabs ul.is-center {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: .75em
}

.tabs ul.is-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    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 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tabs.is-right ul {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.tabs.is-boxed a {
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

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

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

.tabs.is-fullwidth li {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.tabs.is-toggle a {
    border: 1px solid #dbdbdb;
    margin-bottom: 0;
    position: relative
}

.tabs.is-toggle a:hover {
    background-color: #f5f5f5;
    border-color: #b5b5b5;
    z-index: 2
}

.tabs.is-toggle li + li {
    margin-left: -1px
}

.tabs.is-toggle li:first-child a {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

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

.tabs.is-toggle li.is-active a {
    background-color: var(--mainGreen);
    border-color: var(--mainGreen);
    color: #fff;
    z-index: 1
}

.tabs.is-toggle ul {
    border-bottom: none
}

.tabs.is-toggle.is-toggle-rounded li:first-child a {
    border-bottom-left-radius: 9999px;
    border-top-left-radius: 9999px;
    padding-left: 1.25em
}

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

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

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

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

.column {
    display: block;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding: 10px
}

.columns.is-mobile > .column.is-narrow {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: unset
}

.columns.is-mobile > .column.is-full {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%
}

.columns.is-mobile > .column.is-three-quarters {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 75%
}

.columns.is-mobile > .column.is-two-thirds {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 66.6666%
}

.columns.is-mobile > .column.is-half {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 50%
}

.columns.is-mobile > .column.is-one-third {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 33.3333%
}

.columns.is-mobile > .column.is-one-quarter {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 25%
}

.columns.is-mobile > .column.is-one-fifth {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 20%
}

.columns.is-mobile > .column.is-two-fifths {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 40%
}

.columns.is-mobile > .column.is-three-fifths {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 60%
}

.columns.is-mobile > .column.is-four-fifths {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 80%
}

.columns.is-mobile > .column.is-offset-three-quarters {
    margin-left: 75%
}

.columns.is-mobile > .column.is-offset-two-thirds {
    margin-left: 66.6666%
}

.columns.is-mobile > .column.is-offset-half {
    margin-left: 50%
}

.columns.is-mobile > .column.is-offset-one-third {
    margin-left: 33.3333%
}

.columns.is-mobile > .column.is-offset-one-quarter {
    margin-left: 25%
}

.columns.is-mobile > .column.is-offset-one-fifth {
    margin-left: 20%
}

.columns.is-mobile > .column.is-offset-two-fifths {
    margin-left: 40%
}

.columns.is-mobile > .column.is-offset-three-fifths {
    margin-left: 60%
}

.columns.is-mobile > .column.is-offset-four-fifths {
    margin-left: 80%
}

.columns.is-mobile > .column.is-0 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 0
}

.columns.is-mobile > .column.is-offset-0 {
    margin-left: 0
}

.columns.is-mobile > .column.is-1 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 8.33333%
}

.columns.is-mobile > .column.is-offset-1 {
    margin-left: 8.33333%
}

.columns.is-mobile > .column.is-2 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 16.66667%
}

.columns.is-mobile > .column.is-offset-2 {
    margin-left: 16.66667%
}

.columns.is-mobile > .column.is-3 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 25%
}

.columns.is-mobile > .column.is-offset-3 {
    margin-left: 25%
}

.columns.is-mobile > .column.is-4 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 33.33333%
}

.columns.is-mobile > .column.is-offset-4 {
    margin-left: 33.33333%
}

.columns.is-mobile > .column.is-5 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 41.66667%
}

.columns.is-mobile > .column.is-offset-5 {
    margin-left: 41.66667%
}

.columns.is-mobile > .column.is-6 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 50%
}

.columns.is-mobile > .column.is-offset-6 {
    margin-left: 50%
}

.columns.is-mobile > .column.is-7 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 58.33333%
}

.columns.is-mobile > .column.is-offset-7 {
    margin-left: 58.33333%
}

.columns.is-mobile > .column.is-8 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 66.66667%
}

.columns.is-mobile > .column.is-offset-8 {
    margin-left: 66.66667%
}

.columns.is-mobile > .column.is-9 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 75%
}

.columns.is-mobile > .column.is-offset-9 {
    margin-left: 75%
}

.columns.is-mobile > .column.is-10 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 83.33333%
}

.columns.is-mobile > .column.is-offset-10 {
    margin-left: 83.33333%
}

.columns.is-mobile > .column.is-11 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 91.66667%
}

.columns.is-mobile > .column.is-offset-11 {
    margin-left: 91.66667%
}

.columns.is-mobile > .column.is-12 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%
}

.columns.is-mobile > .column.is-offset-12 {
    margin-left: 100%
}

@media screen and (max-width: 768px) {
    .column.is-narrow-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: unset
    }

    .column.is-full-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.6666%
    }

    .column.is-half-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-one-third-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-mobile {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-mobile {
        margin-left: 66.6666%
    }

    .column.is-offset-half-mobile {
        margin-left: 50%
    }

    .column.is-offset-one-third-mobile {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-mobile {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-mobile {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-mobile {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-mobile {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-mobile {
        margin-left: 80%
    }

    .column.is-0-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 0
    }

    .column.is-offset-0-mobile {
        margin-left: 0
    }

    .column.is-1-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 8.33333%
    }

    .column.is-offset-1-mobile {
        margin-left: 8.33333%
    }

    .column.is-2-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 16.66667%
    }

    .column.is-offset-2-mobile {
        margin-left: 16.66667%
    }

    .column.is-3-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-3-mobile {
        margin-left: 25%
    }

    .column.is-4-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.33333%
    }

    .column.is-offset-4-mobile {
        margin-left: 33.33333%
    }

    .column.is-5-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 41.66667%
    }

    .column.is-offset-5-mobile {
        margin-left: 41.66667%
    }

    .column.is-6-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-offset-6-mobile {
        margin-left: 50%
    }

    .column.is-7-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 58.33333%
    }

    .column.is-offset-7-mobile {
        margin-left: 58.33333%
    }

    .column.is-8-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.66667%
    }

    .column.is-offset-8-mobile {
        margin-left: 66.66667%
    }

    .column.is-9-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-offset-9-mobile {
        margin-left: 75%
    }

    .column.is-10-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 83.33333%
    }

    .column.is-offset-10-mobile {
        margin-left: 83.33333%
    }

    .column.is-11-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 91.66667%
    }

    .column.is-offset-11-mobile {
        margin-left: 91.66667%
    }

    .column.is-12-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-offset-12-mobile {
        margin-left: 100%
    }
}

@media print, screen and (min-width: 769px) {
    .column.is-narrow, .column.is-narrow-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: unset
    }

    .column.is-full, .column.is-full-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-three-quarters, .column.is-three-quarters-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-two-thirds, .column.is-two-thirds-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.6666%
    }

    .column.is-half, .column.is-half-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-one-third, .column.is-one-third-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter, .column.is-one-quarter-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-one-fifth, .column.is-one-fifth-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 20%
    }

    .column.is-two-fifths, .column.is-two-fifths-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 40%
    }

    .column.is-three-fifths, .column.is-three-fifths-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 60%
    }

    .column.is-four-fifths, .column.is-four-fifths-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
        margin-left: 75%
    }

    .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
        margin-left: 66.6666%
    }

    .column.is-offset-half, .column.is-offset-half-tablet {
        margin-left: 50%
    }

    .column.is-offset-one-third, .column.is-offset-one-third-tablet {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
        margin-left: 25%
    }

    .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet {
        margin-left: 20%
    }

    .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet {
        margin-left: 40%
    }

    .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet {
        margin-left: 60%
    }

    .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet {
        margin-left: 80%
    }

    .column.is-0, .column.is-0-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 0
    }

    .column.is-offset-0, .column.is-offset-0-tablet {
        margin-left: 0
    }

    .column.is-1, .column.is-1-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 8.33333%
    }

    .column.is-offset-1, .column.is-offset-1-tablet {
        margin-left: 8.33333%
    }

    .column.is-2, .column.is-2-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 16.66667%
    }

    .column.is-offset-2, .column.is-offset-2-tablet {
        margin-left: 16.66667%
    }

    .column.is-3, .column.is-3-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-3, .column.is-offset-3-tablet {
        margin-left: 25%
    }

    .column.is-4, .column.is-4-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.33%
    }
    .home-benefits .column.is-4, .column.is-4-tablet {
        width: 100%
    }

    .column.is-offset-4, .column.is-offset-4-tablet {
        margin-left: 33.33333%
    }

    .column.is-5, .column.is-5-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 41.66667%
    }

    .column.is-offset-5, .column.is-offset-5-tablet {
        margin-left: 41.66667%
    }

    .column.is-6, .column.is-6-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-offset-6, .column.is-offset-6-tablet {
        margin-left: 50%
    }

    .column.is-7, .column.is-7-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 58.33333%
    }

    .column.is-offset-7, .column.is-offset-7-tablet {
        margin-left: 58.33333%
    }

    .column.is-8, .column.is-8-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.66667%
    }

    .column.is-offset-8, .column.is-offset-8-tablet {
        margin-left: 66.66667%
    }

    .column.is-9, .column.is-9-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-offset-9, .column.is-offset-9-tablet {
        margin-left: 75%
    }

    .column.is-10, .column.is-10-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 83.33333%
    }

    .column.is-offset-10, .column.is-offset-10-tablet {
        margin-left: 83.33333%
    }

    .column.is-11, .column.is-11-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 91.66667%
    }

    .column.is-offset-11, .column.is-offset-11-tablet {
        margin-left: 91.66667%
    }

    .column.is-12, .column.is-12-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-offset-12, .column.is-offset-12-tablet {
        margin-left: 100%
    }
}

@media screen and (max-width: 999px) {
    .column.is-narrow-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: unset
    }

    .column.is-full-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.6666%
    }

    .column.is-half-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-one-third-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-touch {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-touch {
        margin-left: 66.6666%
    }

    .column.is-offset-half-touch {
        margin-left: 50%
    }

    .column.is-offset-one-third-touch {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-touch {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-touch {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-touch {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-touch {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-touch {
        margin-left: 80%
    }

    .column.is-0-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 0
    }

    .column.is-offset-0-touch {
        margin-left: 0
    }

    .column.is-1-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 8.33333%
    }

    .column.is-offset-1-touch {
        margin-left: 8.33333%
    }

    .column.is-2-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 16.66667%
    }

    .column.is-offset-2-touch {
        margin-left: 16.66667%
    }

    .column.is-3-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-3-touch {
        margin-left: 25%
    }

    .column.is-4-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.33333%
    }

    .column.is-offset-4-touch {
        margin-left: 33.33333%
    }

    .column.is-5-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 41.66667%
    }

    .column.is-offset-5-touch {
        margin-left: 41.66667%
    }

    .column.is-6-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-offset-6-touch {
        margin-left: 50%
    }

    .column.is-7-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 58.33333%
    }

    .column.is-offset-7-touch {
        margin-left: 58.33333%
    }

    .column.is-8-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.66667%
    }

    .column.is-offset-8-touch {
        margin-left: 66.66667%
    }

    .column.is-9-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-offset-9-touch {
        margin-left: 75%
    }

    .column.is-10-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 83.33333%
    }

    .column.is-offset-10-touch {
        margin-left: 83.33333%
    }

    .column.is-11-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 91.66667%
    }

    .column.is-offset-11-touch {
        margin-left: 91.66667%
    }

    .column.is-12-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-offset-12-touch {
        margin-left: 100%
    }
}

@media screen and (min-width: 1000px) {
    .column.is-narrow-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: unset
    }

    .column.is-full-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.6666%
    }

    .column.is-half-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-one-third-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-desktop {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-desktop {
        margin-left: 66.6666%
    }

    .column.is-offset-half-desktop {
        margin-left: 50%
    }

    .column.is-offset-one-third-desktop {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-desktop {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-desktop {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-desktop {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-desktop {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-desktop {
        margin-left: 80%
    }

    .column.is-0-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 0
    }

    .column.is-offset-0-desktop {
        margin-left: 0
    }

    .column.is-1-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 8.33333%
    }

    .column.is-offset-1-desktop {
        margin-left: 8.33333%
    }

    .column.is-2-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 16.66667%
    }

    .column.is-offset-2-desktop {
        margin-left: 16.66667%
    }

    .column.is-3-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-3-desktop {
        margin-left: 25%
    }

    .column.is-4-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.33333%
    }

    .column.is-offset-4-desktop {
        margin-left: 33.33333%
    }

    .column.is-5-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 41.66667%
    }

    .column.is-offset-5-desktop {
        margin-left: 41.66667%
    }

    .column.is-6-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-offset-6-desktop {
        margin-left: 50%
    }

    .column.is-7-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 58.33333%
    }

    .column.is-offset-7-desktop {
        margin-left: 58.33333%
    }

    .column.is-8-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.66667%
    }

    .column.is-offset-8-desktop {
        margin-left: 66.66667%
    }

    .column.is-9-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-offset-9-desktop {
        margin-left: 75%
    }

    .column.is-10-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 83.33333%
    }

    .column.is-offset-10-desktop {
        margin-left: 83.33333%
    }

    .column.is-11-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 91.66667%
    }

    .column.is-offset-11-desktop {
        margin-left: 91.66667%
    }

    .column.is-12-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-offset-12-desktop {
        margin-left: 100%
    }
}

@media screen and (min-width: 1192px) {
    .column.is-narrow-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: unset
    }

    .column.is-full-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.6666%
    }

    .column.is-half-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-one-third-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-widescreen {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-widescreen {
        margin-left: 66.6666%
    }

    .column.is-offset-half-widescreen {
        margin-left: 50%
    }

    .column.is-offset-one-third-widescreen {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-widescreen {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-widescreen {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-widescreen {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-widescreen {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-widescreen {
        margin-left: 80%
    }

    .column.is-0-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 0
    }

    .column.is-offset-0-widescreen {
        margin-left: 0
    }

    .column.is-1-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 8.33333%
    }

    .column.is-offset-1-widescreen {
        margin-left: 8.33333%
    }

    .column.is-2-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 16.66667%
    }

    .column.is-offset-2-widescreen {
        margin-left: 16.66667%
    }

    .column.is-3-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-3-widescreen {
        margin-left: 25%
    }

    .column.is-4-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.33333%
    }

    .column.is-offset-4-widescreen {
        margin-left: 33.33333%
    }

    .column.is-5-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 41.66667%
    }

    .column.is-offset-5-widescreen {
        margin-left: 41.66667%
    }

    .column.is-6-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-offset-6-widescreen {
        margin-left: 50%
    }

    .column.is-7-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 58.33333%
    }

    .column.is-offset-7-widescreen {
        margin-left: 58.33333%
    }

    .column.is-8-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.66667%
    }

    .column.is-offset-8-widescreen {
        margin-left: 66.66667%
    }

    .column.is-9-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-offset-9-widescreen {
        margin-left: 75%
    }

    .column.is-10-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 83.33333%
    }

    .column.is-offset-10-widescreen {
        margin-left: 83.33333%
    }

    .column.is-11-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 91.66667%
    }

    .column.is-offset-11-widescreen {
        margin-left: 91.66667%
    }

    .column.is-12-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-offset-12-widescreen {
        margin-left: 100%
    }
}

@media screen and (min-width: 1384px) {
    .column.is-narrow-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: unset
    }

    .column.is-full-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.6666%
    }

    .column.is-half-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-one-third-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-fullhd {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-fullhd {
        margin-left: 66.6666%
    }

    .column.is-offset-half-fullhd {
        margin-left: 50%
    }

    .column.is-offset-one-third-fullhd {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-fullhd {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-fullhd {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-fullhd {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-fullhd {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-fullhd {
        margin-left: 80%
    }

    .column.is-0-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 0
    }

    .column.is-offset-0-fullhd {
        margin-left: 0
    }

    .column.is-1-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 8.33333%
    }

    .column.is-offset-1-fullhd {
        margin-left: 8.33333%
    }

    .column.is-2-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 16.66667%
    }

    .column.is-offset-2-fullhd {
        margin-left: 16.66667%
    }

    .column.is-3-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-3-fullhd {
        margin-left: 25%
    }

    .column.is-4-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.33333%
    }

    .column.is-offset-4-fullhd {
        margin-left: 33.33333%
    }

    .column.is-5-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 41.66667%
    }

    .column.is-offset-5-fullhd {
        margin-left: 41.66667%
    }

    .column.is-6-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-offset-6-fullhd {
        margin-left: 50%
    }

    .column.is-7-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 58.33333%
    }

    .column.is-offset-7-fullhd {
        margin-left: 58.33333%
    }

    .column.is-8-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.66667%
    }

    .column.is-offset-8-fullhd {
        margin-left: 66.66667%
    }

    .column.is-9-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-offset-9-fullhd {
        margin-left: 75%
    }

    .column.is-10-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 83.33333%
    }

    .column.is-offset-10-fullhd {
        margin-left: 83.33333%
    }

    .column.is-11-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 91.66667%
    }

    .column.is-offset-11-fullhd {
        margin-left: 91.66667%
    }

    .column.is-12-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-offset-12-fullhd {
        margin-left: 100%
    }
}

.columns {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px
}

.columns:last-child {
    margin-bottom: -10px
}

.columns:not(:last-child) {
    margin-bottom: calc(1.5rem - 10px)
}

.columns.is-centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.columns.is-gapless {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0
}

.columns.is-gapless > .column {
    margin: 0;
    padding: 0 !important
}

.columns.is-gapless:not(:last-child) {
    margin-bottom: 1.5rem
}

.columns.is-gapless:last-child {
    margin-bottom: 0
}

.columns.is-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.columns.is-multiline {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.columns.is-vcentered {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media print, screen and (min-width: 769px) {
    .columns:not(.is-desktop) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width: 1000px) {
    .columns.is-desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.columns.is-variable {
    --columnGap: 0.75rem;
    margin-left: calc(var(--columnGap) * -1);
    margin-right: calc(var(--columnGap) * -1)
}

.columns.is-variable > .column {
    padding-left: var(--columnGap);
    padding-right: var(--columnGap)
}

.columns.is-variable.is-0 {
    --columnGap: 0rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-0-mobile {
        --columnGap: 0rem
    }
}

@media print, screen and (min-width: 769px) {
    .columns.is-variable.is-0-tablet {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 769px) and (max-width: 999px) {
    .columns.is-variable.is-0-tablet-only {
        --columnGap: 0rem
    }
}

@media screen and (max-width: 999px) {
    .columns.is-variable.is-0-touch {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1000px) {
    .columns.is-variable.is-0-desktop {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1000px) and (max-width: 1191px) {
    .columns.is-variable.is-0-desktop-only {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1192px) {
    .columns.is-variable.is-0-widescreen {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1192px) and (max-width: 1383px) {
    .columns.is-variable.is-0-widescreen-only {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1384px) {
    .columns.is-variable.is-0-fullhd {
        --columnGap: 0rem
    }
}

.columns.is-variable.is-1 {
    --columnGap: .25rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-1-mobile {
        --columnGap: .25rem
    }
}

@media print, screen and (min-width: 769px) {
    .columns.is-variable.is-1-tablet {
        --columnGap: .25rem
    }
}

@media screen and (min-width: 769px) and (max-width: 999px) {
    .columns.is-variable.is-1-tablet-only {
        --columnGap: .25rem
    }
}

@media screen and (max-width: 999px) {
    .columns.is-variable.is-1-touch {
        --columnGap: .25rem
    }
}

@media screen and (min-width: 1000px) {
    .columns.is-variable.is-1-desktop {
        --columnGap: .25rem
    }
}

@media screen and (min-width: 1000px) and (max-width: 1191px) {
    .columns.is-variable.is-1-desktop-only {
        --columnGap: .25rem
    }
}

@media screen and (min-width: 1192px) {
    .columns.is-variable.is-1-widescreen {
        --columnGap: .25rem
    }
}

@media screen and (min-width: 1192px) and (max-width: 1383px) {
    .columns.is-variable.is-1-widescreen-only {
        --columnGap: .25rem
    }
}

@media screen and (min-width: 1384px) {
    .columns.is-variable.is-1-fullhd {
        --columnGap: .25rem
    }
}

.columns.is-variable.is-2 {
    --columnGap: .5rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-2-mobile {
        --columnGap: .5rem
    }
}

@media print, screen and (min-width: 769px) {
    .columns.is-variable.is-2-tablet {
        --columnGap: .5rem
    }
}

@media screen and (min-width: 769px) and (max-width: 999px) {
    .columns.is-variable.is-2-tablet-only {
        --columnGap: .5rem
    }
}

@media screen and (max-width: 999px) {
    .columns.is-variable.is-2-touch {
        --columnGap: .5rem
    }
}

@media screen and (min-width: 1000px) {
    .columns.is-variable.is-2-desktop {
        --columnGap: .5rem
    }
}

@media screen and (min-width: 1000px) and (max-width: 1191px) {
    .columns.is-variable.is-2-desktop-only {
        --columnGap: .5rem
    }
}

@media screen and (min-width: 1192px) {
    .columns.is-variable.is-2-widescreen {
        --columnGap: .5rem
    }
}

@media screen and (min-width: 1192px) and (max-width: 1383px) {
    .columns.is-variable.is-2-widescreen-only {
        --columnGap: .5rem
    }
}

@media screen and (min-width: 1384px) {
    .columns.is-variable.is-2-fullhd {
        --columnGap: .5rem
    }
}

.columns.is-variable.is-3 {
    --columnGap: .75rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-3-mobile {
        --columnGap: .75rem
    }
}

@media print, screen and (min-width: 769px) {
    .columns.is-variable.is-3-tablet {
        --columnGap: .75rem
    }
}

@media screen and (min-width: 769px) and (max-width: 999px) {
    .columns.is-variable.is-3-tablet-only {
        --columnGap: .75rem
    }
}

@media screen and (max-width: 999px) {
    .columns.is-variable.is-3-touch {
        --columnGap: .75rem
    }
}

@media screen and (min-width: 1000px) {
    .columns.is-variable.is-3-desktop {
        --columnGap: .75rem
    }
}

@media screen and (min-width: 1000px) and (max-width: 1191px) {
    .columns.is-variable.is-3-desktop-only {
        --columnGap: .75rem
    }
}

@media screen and (min-width: 1192px) {
    .columns.is-variable.is-3-widescreen {
        --columnGap: .75rem
    }
}

@media screen and (min-width: 1192px) and (max-width: 1383px) {
    .columns.is-variable.is-3-widescreen-only {
        --columnGap: .75rem
    }
}

@media screen and (min-width: 1384px) {
    .columns.is-variable.is-3-fullhd {
        --columnGap: .75rem
    }
}

.columns.is-variable.is-4 {
    --columnGap: 1rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-4-mobile {
        --columnGap: 1rem
    }
}

@media print, screen and (min-width: 769px) {
    .columns.is-variable.is-4-tablet {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 769px) and (max-width: 999px) {
    .columns.is-variable.is-4-tablet-only {
        --columnGap: 1rem
    }
}

@media screen and (max-width: 999px) {
    .columns.is-variable.is-4-touch {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1000px) {
    .columns.is-variable.is-4-desktop {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1000px) and (max-width: 1191px) {
    .columns.is-variable.is-4-desktop-only {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1192px) {
    .columns.is-variable.is-4-widescreen {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1192px) and (max-width: 1383px) {
    .columns.is-variable.is-4-widescreen-only {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1384px) {
    .columns.is-variable.is-4-fullhd {
        --columnGap: 1rem
    }
}

.columns.is-variable.is-5 {
    --columnGap: 1.25rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-5-mobile {
        --columnGap: 1.25rem
    }
}

@media print, screen and (min-width: 769px) {
    .columns.is-variable.is-5-tablet {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 769px) and (max-width: 999px) {
    .columns.is-variable.is-5-tablet-only {
        --columnGap: 1.25rem
    }
}

@media screen and (max-width: 999px) {
    .columns.is-variable.is-5-touch {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1000px) {
    .columns.is-variable.is-5-desktop {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1000px) and (max-width: 1191px) {
    .columns.is-variable.is-5-desktop-only {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1192px) {
    .columns.is-variable.is-5-widescreen {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1192px) and (max-width: 1383px) {
    .columns.is-variable.is-5-widescreen-only {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1384px) {
    .columns.is-variable.is-5-fullhd {
        --columnGap: 1.25rem
    }
}

.columns.is-variable.is-6 {
    --columnGap: 1.5rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-6-mobile {
        --columnGap: 1.5rem
    }
}

@media print, screen and (min-width: 769px) {
    .columns.is-variable.is-6-tablet {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 769px) and (max-width: 999px) {
    .columns.is-variable.is-6-tablet-only {
        --columnGap: 1.5rem
    }
}

@media screen and (max-width: 999px) {
    .columns.is-variable.is-6-touch {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1000px) {
    .columns.is-variable.is-6-desktop {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1000px) and (max-width: 1191px) {
    .columns.is-variable.is-6-desktop-only {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1192px) {
    .columns.is-variable.is-6-widescreen {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1192px) and (max-width: 1383px) {
    .columns.is-variable.is-6-widescreen-only {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1384px) {
    .columns.is-variable.is-6-fullhd {
        --columnGap: 1.5rem
    }
}

.columns.is-variable.is-7 {
    --columnGap: 1.75rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-7-mobile {
        --columnGap: 1.75rem
    }
}

@media print, screen and (min-width: 769px) {
    .columns.is-variable.is-7-tablet {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 769px) and (max-width: 999px) {
    .columns.is-variable.is-7-tablet-only {
        --columnGap: 1.75rem
    }
}

@media screen and (max-width: 999px) {
    .columns.is-variable.is-7-touch {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1000px) {
    .columns.is-variable.is-7-desktop {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1000px) and (max-width: 1191px) {
    .columns.is-variable.is-7-desktop-only {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1192px) {
    .columns.is-variable.is-7-widescreen {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1192px) and (max-width: 1383px) {
    .columns.is-variable.is-7-widescreen-only {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1384px) {
    .columns.is-variable.is-7-fullhd {
        --columnGap: 1.75rem
    }
}

.columns.is-variable.is-8 {
    --columnGap: 2rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-8-mobile {
        --columnGap: 2rem
    }
}

@media print, screen and (min-width: 769px) {
    .columns.is-variable.is-8-tablet {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 769px) and (max-width: 999px) {
    .columns.is-variable.is-8-tablet-only {
        --columnGap: 2rem
    }
}

@media screen and (max-width: 999px) {
    .columns.is-variable.is-8-touch {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1000px) {
    .columns.is-variable.is-8-desktop {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1000px) and (max-width: 1191px) {
    .columns.is-variable.is-8-desktop-only {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1192px) {
    .columns.is-variable.is-8-widescreen {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1192px) and (max-width: 1383px) {
    .columns.is-variable.is-8-widescreen-only {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1384px) {
    .columns.is-variable.is-8-fullhd {
        --columnGap: 2rem
    }
}

.tile {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: block;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content
}

.tile.is-ancestor {
    margin-left: -.75rem;
    margin-right: -.75rem;
    margin-top: -.75rem
}

.tile.is-ancestor:last-child {
    margin-bottom: -.75rem
}

.tile.is-ancestor:not(:last-child) {
    margin-bottom: .75rem
}

.tile.is-child {
    margin: 0 !important
}

.tile.is-parent {
    padding: .75rem
}

.tile.is-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.tile.is-vertical > .tile.is-child:not(:last-child) {
    margin-bottom: 1.5rem !important
}

@media print, screen and (min-width: 769px) {
    .tile:not(.is-child) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .tile.is-1 {
        width: 8.33333%
    }

    .tile.is-1, .tile.is-2 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .tile.is-2 {
        width: 16.66667%
    }

    .tile.is-3 {
        width: 25%
    }

    .tile.is-3, .tile.is-4 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .tile.is-4 {
        width: 33.33333%
    }

    .tile.is-5 {
        width: 41.66667%
    }

    .tile.is-5, .tile.is-6 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .tile.is-6 {
        width: 50%
    }

    .tile.is-7 {
        width: 58.33333%
    }

    .tile.is-7, .tile.is-8 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .tile.is-8 {
        width: 66.66667%
    }

    .tile.is-9 {
        width: 75%
    }

    .tile.is-9, .tile.is-10 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .tile.is-10 {
        width: 83.33333%
    }

    .tile.is-11 {
        width: 91.66667%
    }

    .tile.is-11, .tile.is-12 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .tile.is-12 {
        width: 100%
    }
}

.has-text-white {
    color: #fff !important
}

a.has-text-white:focus, a.has-text-white:hover {
    color: #e6e6e6 !important
}

.has-background-white {
    background-color: #fff !important
}

.has-text-black {
    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: #f5f5f5 !important
}

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

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

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

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

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

.has-text-primary {
    color: #00d1b2 !important
}

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

.has-background-primary {
    background-color: #00d1b2 !important
}

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

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

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

.has-text-primary-dark {
    color: #00947e !important
}

a.has-text-primary-dark:focus, a.has-text-primary-dark:hover {
    color: #00c7a9 !important
}

.has-background-primary-dark {
    background-color: #00947e !important
}

.has-text-link {
    color: var(--mainGreen) !important
}

a.has-text-link:focus, a.has-text-link:hover {
    color: #3449a8 !important
}

.has-background-link {
    background-color: var(--mainGreen) !important
}

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

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

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

.has-text-link-dark {
    color: #3850b7 !important
}

a.has-text-link-dark:focus, a.has-text-link-dark:hover {
    color: #576dcb !important
}

.has-background-link-dark {
    background-color: #3850b7 !important
}

.has-text-info {
    color: #3e8ed0 !important
}

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

.has-background-info {
    background-color: #3e8ed0 !important
}

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

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

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

.has-text-info-dark {
    color: #296fa8 !important
}

a.has-text-info-dark:focus, a.has-text-info-dark:hover {
    color: #368ace !important
}

.has-background-info-dark {
    background-color: #296fa8 !important
}

.has-text-success {
    color: #48c78e !important
}

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

.has-background-success {
    background-color: #48c78e !important
}

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

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

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

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

a.has-text-success-dark:focus, a.has-text-success-dark:hover {
    color: #31a06e !important
}

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

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

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

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

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

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

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

.has-text-warning-dark {
    color: #946c00 !important
}

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

.has-background-warning-dark {
    background-color: #946c00 !important
}

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

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

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

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

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

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

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

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

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

.has-text-black-bis {
    color: #121212 !important
}

.has-background-black-bis {
    background-color: #121212 !important
}

.has-text-black-ter {
    color: #242424 !important
}

.has-background-black-ter {
    background-color: #242424 !important
}

.has-text-grey-darker {
    color: #363636 !important
}

.has-background-grey-darker {
    background-color: #363636 !important
}

.has-text-grey-dark {
    color: #4a4a4a !important
}

.has-background-grey-dark {
    background-color: #4a4a4a !important
}

.has-text-grey {
    color: #7a7a7a !important
}

.has-background-grey {
    background-color: #7a7a7a !important
}

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

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

.has-text-grey-lighter {
    color: #dbdbdb !important
}

.has-background-grey-lighter {
    background-color: #dbdbdb !important
}

.has-text-white-ter {
    color: #f5f5f5 !important
}

.has-background-white-ter {
    background-color: #f5f5f5 !important
}

.has-text-white-bis {
    color: #fafafa !important
}

.has-background-white-bis {
    background-color: #fafafa !important
}

.is-flex-direction-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.is-flex-direction-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.is-flex-direction-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.is-flex-direction-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.is-flex-wrap-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.is-flex-wrap-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.is-flex-wrap-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.is-justify-content-flex-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.is-justify-content-flex-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.is-justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.is-justify-content-space-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.is-justify-content-space-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.is-justify-content-space-evenly {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important
}

.is-justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important
}

.is-justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: end !important
}

.is-justify-content-left {
    -webkit-box-pack: left !important;
    -ms-flex-pack: left !important;
    justify-content: left !important
}

.is-justify-content-right {
    -webkit-box-pack: right !important;
    -ms-flex-pack: right !important;
    justify-content: right !important
}

.is-align-content-flex-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.is-align-content-flex-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.is-align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.is-align-content-space-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.is-align-content-space-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.is-align-content-space-evenly {
    -ms-flex-line-pack: space-evenly !important;
    align-content: space-evenly !important
}

.is-align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.is-align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: start !important
}

.is-align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: end !important
}

.is-align-content-baseline {
    -ms-flex-line-pack: baseline !important;
    align-content: baseline !important
}

.is-align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.is-align-items-flex-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.is-align-items-flex-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.is-align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.is-align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.is-align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important
}

.is-align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: end !important
}

.is-align-items-self-start {
    -webkit-box-align: self-start !important;
    -ms-flex-align: self-start !important;
    align-items: self-start !important
}

.is-align-items-self-end {
    -webkit-box-align: self-end !important;
    -ms-flex-align: self-end !important;
    align-items: self-end !important
}

.is-align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
}

.is-align-self-flex-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.is-align-self-flex-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.is-align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.is-align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.is-align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
}

.is-flex-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
}

.is-flex-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.is-flex-grow-2 {
    -webkit-box-flex: 2 !important;
    -ms-flex-positive: 2 !important;
    flex-grow: 2 !important
}

.is-flex-grow-3 {
    -webkit-box-flex: 3 !important;
    -ms-flex-positive: 3 !important;
    flex-grow: 3 !important
}

.is-flex-grow-4 {
    -webkit-box-flex: 4 !important;
    -ms-flex-positive: 4 !important;
    flex-grow: 4 !important
}

.is-flex-grow-5 {
    -webkit-box-flex: 5 !important;
    -ms-flex-positive: 5 !important;
    flex-grow: 5 !important
}

.is-flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.is-flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.is-flex-shrink-2 {
    -ms-flex-negative: 2 !important;
    flex-shrink: 2 !important
}

.is-flex-shrink-3 {
    -ms-flex-negative: 3 !important;
    flex-shrink: 3 !important
}

.is-flex-shrink-4 {
    -ms-flex-negative: 4 !important;
    flex-shrink: 4 !important
}

.is-flex-shrink-5 {
    -ms-flex-negative: 5 !important;
    flex-shrink: 5 !important
}

.is-clearfix:after {
    clear: both;
    content: " ";
    display: table
}

.is-pulled-left {
    float: left !important
}

.is-pulled-right {
    float: right !important
}

.is-radiusless {
    border-radius: 0 !important
}

.is-shadowless {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.is-clickable {
    cursor: pointer !important;
    pointer-events: all !important
}

.is-clipped {
    overflow: hidden !important
}

.is-relative {
    position: relative !important
}

.is-marginless {
    margin: 0 !important
}

.is-paddingless {
    padding: 0 !important
}

.m-0 {
    margin: 0 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-2 {
    margin: .5rem !important
}

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

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

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

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

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

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

.m-3 {
    margin: .75rem !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-5 {
    margin: 1.5rem !important
}

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

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

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

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

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

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

.m-6 {
    margin: 3rem !important
}

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

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

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

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

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

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

.m-auto {
    margin: auto !important
}

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

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

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

.ml-auto, .mx-auto {
    margin-left: auto !important
}

.mx-auto {
    margin-right: auto !important
}

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

.p-0 {
    padding: 0 !important
}

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

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

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

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

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

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

.p-1 {
    padding: .25rem !important
}

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

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

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

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

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

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

.p-2 {
    padding: .5rem !important
}

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

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

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

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

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

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

.p-3 {
    padding: .75rem !important
}

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

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

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

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

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

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

.p-4 {
    padding: 1rem !important
}

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

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

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

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

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

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

.p-5 {
    padding: 1.5rem !important
}

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

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

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

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

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

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

.p-6 {
    padding: 3rem !important
}

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

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

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

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

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

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

.p-auto {
    padding: auto !important
}

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

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

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

.pl-auto, .px-auto {
    padding-left: auto !important
}

.px-auto {
    padding-right: auto !important
}

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

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

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

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

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

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

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

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

@media screen and (max-width: 768px) {
    .is-size-1-mobile {
        font-size: 3rem !important
    }

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

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

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

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

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

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

@media print, screen and (min-width: 769px) {
    .is-size-1-tablet {
        font-size: 3rem !important
    }

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

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

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

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

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

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

@media screen and (max-width: 999px) {
    .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: 1000px) {
    .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: 1192px) {
    .is-size-1-widescreen {
        font-size: 3rem !important
    }

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

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

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

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

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

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

@media screen and (min-width: 1384px) {
    .is-size-1-fullhd {
        font-size: 3rem !important
    }

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

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

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

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

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

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

.has-text-centered {
    text-align: center !important
}

.has-text-justified {
    text-align: justify !important
}

.has-text-left {
    text-align: left !important
}

.has-text-right {
    text-align: right !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.is-underlined {
    text-decoration: underline !important
}

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

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

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

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

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

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

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

.is-block {
    display: block !important
}

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

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

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

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

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

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

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

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

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

.is-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

@media screen and (max-width: 768px) {
    .is-flex-mobile {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media print, screen and (min-width: 769px) {
    .is-flex-tablet {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media screen and (min-width: 769px) and (max-width: 999px) {
    .is-flex-tablet-only {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media screen and (max-width: 999px) {
    .is-flex-touch {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media screen and (min-width: 1000px) {
    .is-flex-desktop {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media screen and (min-width: 1000px) and (max-width: 1191px) {
    .is-flex-desktop-only {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media screen and (min-width: 1192px) {
    .is-flex-widescreen {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media screen and (min-width: 1192px) and (max-width: 1383px) {
    .is-flex-widescreen-only {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media screen and (min-width: 1384px) {
    .is-flex-fullhd {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

.is-inline {
    display: inline !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.is-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media screen and (max-width: 768px) {
    .is-inline-flex-mobile {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media print, screen and (min-width: 769px) {
    .is-inline-flex-tablet {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media screen and (min-width: 769px) and (max-width: 999px) {
    .is-inline-flex-tablet-only {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media screen and (max-width: 999px) {
    .is-inline-flex-touch {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media screen and (min-width: 1000px) {
    .is-inline-flex-desktop {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media screen and (min-width: 1000px) and (max-width: 1191px) {
    .is-inline-flex-desktop-only {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media screen and (min-width: 1192px) {
    .is-inline-flex-widescreen {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media screen and (min-width: 1192px) and (max-width: 1383px) {
    .is-inline-flex-widescreen-only {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media screen and (min-width: 1384px) {
    .is-inline-flex-fullhd {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.is-hidden {
    display: none !important
}

.is-sr-only {
    border: none !important;
    clip: rect(0, 0, 0, 0) !important;
    height: .01em !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: .01em !important
}

@media screen and (max-width: 768px) {

}

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

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

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

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

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

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

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

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

.is-invisible {
    visibility: hidden !important
}

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

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

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

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

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

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

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

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

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

.hero {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.hero .navbar {
    background: none
}

.hero .tabs ul {
    border-bottom: none
}

.hero.is-white {
    background-color: #fff;
    color: #0a0a0a
}

.hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-white strong {
    color: inherit
}

.hero.is-white .title {
    color: #0a0a0a
}

.hero.is-white .subtitle {
    color: hsla(0, 0%, 4%, .9)
}

.hero.is-white .subtitle a:not(.button), .hero.is-white .subtitle strong {
    color: #0a0a0a
}

@media screen and (max-width: 999px) {
    .hero.is-white .navbar-menu {
        background-color: #fff
    }
}

.hero.is-white .navbar-item, .hero.is-white .navbar-link {
    color: hsla(0, 0%, 4%, .7)
}

.hero.is-white .navbar-link.is-active, .hero.is-white .navbar-link:hover, .hero.is-white a.navbar-item.is-active, .hero.is-white a.navbar-item:hover {
    background-color: #f2f2f2;
    color: #0a0a0a
}

.hero.is-white .tabs a {
    color: #0a0a0a;
    opacity: .9
}

.hero.is-white .tabs a:hover {
    opacity: 1
}

.hero.is-white .tabs li.is-active a {
    color: #fff !important;
    opacity: 1
}

.hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a {
    color: #0a0a0a
}

.hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover {
    background-color: hsla(0, 0%, 4%, .1)
}

.hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover {
    background-color: #0a0a0a;
    border-color: #0a0a0a;
    color: #fff
}

.hero.is-white.is-bold {
    background-image: -webkit-linear-gradient(309deg, #e6e6e6, #fff 71%, #fff);
    background-image: -o-linear-gradient(309deg, #e6e6e6 0, #fff 71%, #fff 100%);
    background-image: linear-gradient(141deg, #e6e6e6, #fff 71%, #fff)
}

@media screen and (max-width: 768px) {
    .hero.is-white.is-bold .navbar-menu {
        background-image: -webkit-linear-gradient(309deg, #e6e6e6, #fff 71%, #fff);
        background-image: -o-linear-gradient(309deg, #e6e6e6 0, #fff 71%, #fff 100%);
        background-image: linear-gradient(141deg, #e6e6e6, #fff 71%, #fff)
    }
}

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

.hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-black strong {
    color: inherit
}

.hero.is-black .title {
    color: #fff
}

.hero.is-black .subtitle {
    color: hsla(0, 0%, 100%, .9)
}

.hero.is-black .subtitle a:not(.button), .hero.is-black .subtitle strong {
    color: #fff
}

@media screen and (max-width: 999px) {
    .hero.is-black .navbar-menu {
        background-color: #0a0a0a
    }
}

.hero.is-black .navbar-item, .hero.is-black .navbar-link {
    color: hsla(0, 0%, 100%, .7)
}

.hero.is-black .navbar-link.is-active, .hero.is-black .navbar-link:hover, .hero.is-black a.navbar-item.is-active, .hero.is-black a.navbar-item:hover {
    background-color: #000;
    color: #fff
}

.hero.is-black .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-black .tabs a:hover {
    opacity: 1
}

.hero.is-black .tabs li.is-active a {
    color: #0a0a0a !important;
    opacity: 1
}

.hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a {
    color: #fff
}

.hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover {
    background-color: hsla(0, 0%, 4%, .1)
}

.hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #0a0a0a
}

.hero.is-black.is-bold {
    background-image: -webkit-linear-gradient(309deg, #000, #0a0a0a 71%, #181616);
    background-image: -o-linear-gradient(309deg, #000 0, #0a0a0a 71%, #181616 100%);
    background-image: linear-gradient(141deg, #000, #0a0a0a 71%, #181616)
}

@media screen and (max-width: 768px) {
    .hero.is-black.is-bold .navbar-menu {
        background-image: -webkit-linear-gradient(309deg, #000, #0a0a0a 71%, #181616);
        background-image: -o-linear-gradient(309deg, #000 0, #0a0a0a 71%, #181616 100%);
        background-image: linear-gradient(141deg, #000, #0a0a0a 71%, #181616)
    }
}

.hero.is-light {
    background-color: #f5f5f5;
    color: rgba(0, 0, 0, .7)
}

.hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-light strong {
    color: inherit
}

.hero.is-light .title {
    color: rgba(0, 0, 0, .7)
}

.hero.is-light .subtitle {
    color: rgba(0, 0, 0, .9)
}

.hero.is-light .subtitle a:not(.button), .hero.is-light .subtitle strong {
    color: rgba(0, 0, 0, .7)
}

@media screen and (max-width: 999px) {
    .hero.is-light .navbar-menu {
        background-color: #f5f5f5
    }
}

.hero.is-light .navbar-item, .hero.is-light .navbar-link {
    color: rgba(0, 0, 0, .7)
}

.hero.is-light .navbar-link.is-active, .hero.is-light .navbar-link:hover, .hero.is-light a.navbar-item.is-active, .hero.is-light a.navbar-item:hover {
    background-color: #e8e8e8;
    color: rgba(0, 0, 0, .7)
}

.hero.is-light .tabs a {
    color: rgba(0, 0, 0, .7);
    opacity: .9
}

.hero.is-light .tabs a:hover {
    opacity: 1
}

.hero.is-light .tabs li.is-active a {
    color: #f5f5f5 !important;
    opacity: 1
}

.hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a {
    color: rgba(0, 0, 0, .7)
}

.hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover {
    background-color: hsla(0, 0%, 4%, .1)
}

.hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover {
    background-color: rgba(0, 0, 0, .7);
    border-color: rgba(0, 0, 0, .7);
    color: #f5f5f5
}

.hero.is-light.is-bold {
    background-image: -webkit-linear-gradient(309deg, #dfd8d9, #f5f5f5 71%, #fff);
    background-image: -o-linear-gradient(309deg, #dfd8d9 0, #f5f5f5 71%, #fff 100%);
    background-image: linear-gradient(141deg, #dfd8d9, #f5f5f5 71%, #fff)
}

@media screen and (max-width: 768px) {
    .hero.is-light.is-bold .navbar-menu {
        background-image: -webkit-linear-gradient(309deg, #dfd8d9, #f5f5f5 71%, #fff);
        background-image: -o-linear-gradient(309deg, #dfd8d9 0, #f5f5f5 71%, #fff 100%);
        background-image: linear-gradient(141deg, #dfd8d9, #f5f5f5 71%, #fff)
    }
}

.hero.is-dark {
    background-color: #363636;
    color: #fff
}

.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-dark strong {
    color: inherit
}

.hero.is-dark .title {
    color: #fff
}

.hero.is-dark .subtitle {
    color: hsla(0, 0%, 100%, .9)
}

.hero.is-dark .subtitle a:not(.button), .hero.is-dark .subtitle strong {
    color: #fff
}

@media screen and (max-width: 999px) {
    .hero.is-dark .navbar-menu {
        background-color: #363636
    }
}

.hero.is-dark .navbar-item, .hero.is-dark .navbar-link {
    color: hsla(0, 0%, 100%, .7)
}

.hero.is-dark .navbar-link.is-active, .hero.is-dark .navbar-link:hover, .hero.is-dark a.navbar-item.is-active, .hero.is-dark a.navbar-item:hover {
    background-color: var(--secondGreen) ;
    color: #fff
}

.hero.is-dark .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-dark .tabs a:hover {
    opacity: 1
}

.hero.is-dark .tabs li.is-active a {
    color: #363636 !important;
    opacity: 1
}

.hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a {
    color: #fff
}

.hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover {
    background-color: hsla(0, 0%, 4%, .1)
}

.hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #363636
}

.hero.is-dark.is-bold {
    background-image: -webkit-linear-gradient(309deg, #1f191a, #363636 71%, #46403f);
    background-image: -o-linear-gradient(309deg, #1f191a 0, #363636 71%, #46403f 100%);
    background-image: linear-gradient(141deg, #1f191a, #363636 71%, #46403f)
}

@media screen and (max-width: 768px) {
    .hero.is-dark.is-bold .navbar-menu {
        background-image: -webkit-linear-gradient(309deg, #1f191a, #363636 71%, #46403f);
        background-image: -o-linear-gradient(309deg, #1f191a 0, #363636 71%, #46403f 100%);
        background-image: linear-gradient(141deg, #1f191a, #363636 71%, #46403f)
    }
}

.hero.is-primary {
    background-color: #00d1b2;
    color: #fff
}

.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-primary strong {
    color: inherit
}

.hero.is-primary .title {
    color: #fff
}

.hero.is-primary .subtitle {
    color: hsla(0, 0%, 100%, .9)
}

.hero.is-primary .subtitle a:not(.button), .hero.is-primary .subtitle strong {
    color: #fff
}

@media screen and (max-width: 999px) {
    .hero.is-primary .navbar-menu {
        background-color: #00d1b2
    }
}

.hero.is-primary .navbar-item, .hero.is-primary .navbar-link {
    color: hsla(0, 0%, 100%, .7)
}

.hero.is-primary .navbar-link.is-active, .hero.is-primary .navbar-link:hover, .hero.is-primary a.navbar-item.is-active, .hero.is-primary a.navbar-item:hover {
    background-color: #00b89c;
    color: #fff
}

.hero.is-primary .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-primary .tabs a:hover {
    opacity: 1
}

.hero.is-primary .tabs li.is-active a {
    color: #00d1b2 !important;
    opacity: 1
}

.hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a {
    color: #fff
}

.hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover {
    background-color: hsla(0, 0%, 4%, .1)
}

.hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #00d1b2
}

.hero.is-primary.is-bold {
    background-image: -webkit-linear-gradient(309deg, #009e6c, #00d1b2 71%, #00e7eb);
    background-image: -o-linear-gradient(309deg, #009e6c 0, #00d1b2 71%, #00e7eb 100%);
    background-image: linear-gradient(141deg, #009e6c, #00d1b2 71%, #00e7eb)
}

@media screen and (max-width: 768px) {
    .hero.is-primary.is-bold .navbar-menu {
        background-image: -webkit-linear-gradient(309deg, #009e6c, #00d1b2 71%, #00e7eb);
        background-image: -o-linear-gradient(309deg, #009e6c 0, #00d1b2 71%, #00e7eb 100%);
        background-image: linear-gradient(141deg, #009e6c, #00d1b2 71%, #00e7eb)
    }
}

.hero.is-link {
    background-color: var(--mainGreen);
    color: #fff
}

.hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-link strong {
    color: inherit
}

.hero.is-link .title {
    color: #fff
}

.hero.is-link .subtitle {
    color: hsla(0, 0%, 100%, .9)
}

.hero.is-link .subtitle a:not(.button), .hero.is-link .subtitle strong {
    color: #fff
}

@media screen and (max-width: 999px) {
    .hero.is-link .navbar-menu {
        background-color: var(--mainGreen)
    }
}

.hero.is-link .navbar-item, .hero.is-link .navbar-link {
    color: hsla(0, 0%, 100%, .7)
}

.hero.is-link .navbar-link.is-active, .hero.is-link .navbar-link:hover, .hero.is-link a.navbar-item.is-active, .hero.is-link a.navbar-item:hover {
    background-color: #3a51bb;
    color: #fff
}

.hero.is-link .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-link .tabs a:hover {
    opacity: 1
}

.hero.is-link .tabs li.is-active a {
    color: var(--mainGreen) !important;
    opacity: 1
}

.hero.is-link .tabs.is-boxed a, .hero.is-link .tabs.is-toggle a {
    color: #fff
}

.hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover {
    background-color: hsla(0, 0%, 4%, .1)
}

.hero.is-link .tabs.is-boxed li.is-active a, .hero.is-link .tabs.is-boxed li.is-active a:hover, .hero.is-link .tabs.is-toggle li.is-active a, .hero.is-link .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: var(--mainGreen)
}

.hero.is-link.is-bold {
    background-image: -webkit-linear-gradient(309deg, #2959b3, var(--mainGreen) 71%, #5658d2);
    background-image: -o-linear-gradient(309deg, #2959b3 0, var(--mainGreen) 71%, #5658d2 100%);
    background-image: linear-gradient(141deg, #2959b3, var(--mainGreen) 71%, #5658d2)
}

@media screen and (max-width: 768px) {
    .hero.is-link.is-bold .navbar-menu {
        background-image: -webkit-linear-gradient(309deg, #2959b3, var(--mainGreen) 71%, #5658d2);
        background-image: -o-linear-gradient(309deg, #2959b3 0, var(--mainGreen) 71%, #5658d2 100%);
        background-image: linear-gradient(141deg, #2959b3, var(--mainGreen) 71%, #5658d2)
    }
}

.hero.is-info {
    background-color: #3e8ed0;
    color: #fff
}

.hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-info strong {
    color: inherit
}

.hero.is-info .title {
    color: #fff
}

.hero.is-info .subtitle {
    color: hsla(0, 0%, 100%, .9)
}

.hero.is-info .subtitle a:not(.button), .hero.is-info .subtitle strong {
    color: #fff
}

@media screen and (max-width: 999px) {
    .hero.is-info .navbar-menu {
        background-color: #3e8ed0
    }
}

.hero.is-info .navbar-item, .hero.is-info .navbar-link {
    color: hsla(0, 0%, 100%, .7)
}

.hero.is-info .navbar-link.is-active, .hero.is-info .navbar-link:hover, .hero.is-info a.navbar-item.is-active, .hero.is-info a.navbar-item:hover {
    background-color: #3082c5;
    color: #fff
}

.hero.is-info .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-info .tabs a:hover {
    opacity: 1
}

.hero.is-info .tabs li.is-active a {
    color: #3e8ed0 !important;
    opacity: 1
}

.hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a {
    color: #fff
}

.hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover {
    background-color: hsla(0, 0%, 4%, .1)
}

.hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #3e8ed0
}

.hero.is-info.is-bold {
    background-image: -webkit-linear-gradient(309deg, #208fbc, #3e8ed0 71%, #4d83db);
    background-image: -o-linear-gradient(309deg, #208fbc 0, #3e8ed0 71%, #4d83db 100%);
    background-image: linear-gradient(141deg, #208fbc, #3e8ed0 71%, #4d83db)
}

@media screen and (max-width: 768px) {
    .hero.is-info.is-bold .navbar-menu {
        background-image: -webkit-linear-gradient(309deg, #208fbc, #3e8ed0 71%, #4d83db);
        background-image: -o-linear-gradient(309deg, #208fbc 0, #3e8ed0 71%, #4d83db 100%);
        background-image: linear-gradient(141deg, #208fbc, #3e8ed0 71%, #4d83db)
    }
}

.hero.is-success {
    background-color: #48c78e;
    color: #fff
}

.hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-success strong {
    color: inherit
}

.hero.is-success .title {
    color: #fff
}

.hero.is-success .subtitle {
    color: hsla(0, 0%, 100%, .9)
}

.hero.is-success .subtitle a:not(.button), .hero.is-success .subtitle strong {
    color: #fff
}

@media screen and (max-width: 999px) {
    .hero.is-success .navbar-menu {
        background-color: #48c78e
    }
}

.hero.is-success .navbar-item, .hero.is-success .navbar-link {
    color: hsla(0, 0%, 100%, .7)
}

.hero.is-success .navbar-link.is-active, .hero.is-success .navbar-link:hover, .hero.is-success a.navbar-item.is-active, .hero.is-success a.navbar-item:hover {
    background-color: #3abb81;
    color: #fff
}

.hero.is-success .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-success .tabs a:hover {
    opacity: 1
}

.hero.is-success .tabs li.is-active a {
    color: #48c78e !important;
    opacity: 1
}

.hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a {
    color: #fff
}

.hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover {
    background-color: hsla(0, 0%, 4%, .1)
}

.hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #48c78e
}

.hero.is-success.is-bold {
    background-image: -webkit-linear-gradient(309deg, #29b35e, #48c78e 71%, #56d2af);
    background-image: -o-linear-gradient(309deg, #29b35e 0, #48c78e 71%, #56d2af 100%);
    background-image: linear-gradient(141deg, #29b35e, #48c78e 71%, #56d2af)
}

@media screen and (max-width: 768px) {
    .hero.is-success.is-bold .navbar-menu {
        background-image: -webkit-linear-gradient(309deg, #29b35e, #48c78e 71%, #56d2af);
        background-image: -o-linear-gradient(309deg, #29b35e 0, #48c78e 71%, #56d2af 100%);
        background-image: linear-gradient(141deg, #29b35e, #48c78e 71%, #56d2af)
    }
}

.hero.is-warning {
    background-color: #ffe08a;
    color: rgba(0, 0, 0, .7)
}

.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-warning strong {
    color: inherit
}

.hero.is-warning .title {
    color: rgba(0, 0, 0, .7)
}

.hero.is-warning .subtitle {
    color: rgba(0, 0, 0, .9)
}

.hero.is-warning .subtitle a:not(.button), .hero.is-warning .subtitle strong {
    color: rgba(0, 0, 0, .7)
}

@media screen and (max-width: 999px) {
    .hero.is-warning .navbar-menu {
        background-color: #ffe08a
    }
}

.hero.is-warning .navbar-item, .hero.is-warning .navbar-link {
    color: rgba(0, 0, 0, .7)
}

.hero.is-warning .navbar-link.is-active, .hero.is-warning .navbar-link:hover, .hero.is-warning a.navbar-item.is-active, .hero.is-warning a.navbar-item:hover {
    background-color: #ffd970;
    color: rgba(0, 0, 0, .7)
}

.hero.is-warning .tabs a {
    color: rgba(0, 0, 0, .7);
    opacity: .9
}

.hero.is-warning .tabs a:hover {
    opacity: 1
}

.hero.is-warning .tabs li.is-active a {
    color: #ffe08a !important;
    opacity: 1
}

.hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a {
    color: rgba(0, 0, 0, .7)
}

.hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover {
    background-color: hsla(0, 0%, 4%, .1)
}

.hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover {
    background-color: rgba(0, 0, 0, .7);
    border-color: rgba(0, 0, 0, .7);
    color: #ffe08a
}

.hero.is-warning.is-bold {
    background-image: -webkit-linear-gradient(309deg, #ffb657, #ffe08a 71%, #fff6a3);
    background-image: -o-linear-gradient(309deg, #ffb657 0, #ffe08a 71%, #fff6a3 100%);
    background-image: linear-gradient(141deg, #ffb657, #ffe08a 71%, #fff6a3)
}

@media screen and (max-width: 768px) {
    .hero.is-warning.is-bold .navbar-menu {
        background-image: -webkit-linear-gradient(309deg, #ffb657, #ffe08a 71%, #fff6a3);
        background-image: -o-linear-gradient(309deg, #ffb657 0, #ffe08a 71%, #fff6a3 100%);
        background-image: linear-gradient(141deg, #ffb657, #ffe08a 71%, #fff6a3)
    }
}

.hero.is-danger {
    background-color: #f14668;
    color: #fff
}

.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-danger strong {
    color: inherit
}

.hero.is-danger .title {
    color: #fff
}

.hero.is-danger .subtitle {
    color: hsla(0, 0%, 100%, .9)
}

.hero.is-danger .subtitle a:not(.button), .hero.is-danger .subtitle strong {
    color: #fff
}

@media screen and (max-width: 999px) {
    .hero.is-danger .navbar-menu {
        background-color: #f14668
    }
}

.hero.is-danger .navbar-item, .hero.is-danger .navbar-link {
    color: hsla(0, 0%, 100%, .7)
}

.hero.is-danger .navbar-link.is-active, .hero.is-danger .navbar-link:hover, .hero.is-danger a.navbar-item.is-active, .hero.is-danger a.navbar-item:hover {
    background-color: #ef2e55;
    color: #fff
}

.hero.is-danger .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-danger .tabs a:hover {
    opacity: 1
}

.hero.is-danger .tabs li.is-active a {
    color: #f14668 !important;
    opacity: 1
}

.hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a {
    color: #fff
}

.hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover {
    background-color: hsla(0, 0%, 4%, .1)
}

.hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #f14668
}

.hero.is-danger.is-bold {
    background-image: -webkit-linear-gradient(309deg, #fa0a62, #f14668 71%, #f7595f);
    background-image: -o-linear-gradient(309deg, #fa0a62 0, #f14668 71%, #f7595f 100%);
    background-image: linear-gradient(141deg, #fa0a62, #f14668 71%, #f7595f)
}

@media screen and (max-width: 768px) {
    .hero.is-danger.is-bold .navbar-menu {
        background-image: -webkit-linear-gradient(309deg, #fa0a62, #f14668 71%, #f7595f);
        background-image: -o-linear-gradient(309deg, #fa0a62 0, #f14668 71%, #f7595f 100%);
        background-image: linear-gradient(141deg, #fa0a62, #f14668 71%, #f7595f)
    }
}

.hero.is-small .hero-body {
    padding: 1.5rem
}

@media print, screen and (min-width: 769px) {
    .hero.is-medium .hero-body {
        padding: 9rem 4.5rem
    }
}

@media print, screen and (min-width: 769px) {
    .hero.is-large .hero-body {
        padding: 18rem 6rem
    }
}

.hero.is-fullheight-with-navbar .hero-body, .hero.is-fullheight .hero-body, .hero.is-halfheight .hero-body {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hero.is-fullheight-with-navbar .hero-body > .container, .hero.is-fullheight .hero-body > .container, .hero.is-halfheight .hero-body > .container {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.hero.is-halfheight {
    min-height: 50vh
}

.hero.is-fullheight {
    min-height: 100vh
}

.hero-video {
    overflow: hidden
}

.hero-video video {
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.hero-video.is-transparent {
    opacity: .3
}

@media screen and (max-width: 768px) {
    .hero-video {
        display: none
    }
}

.hero-buttons {
    margin-top: 1.5rem
}

@media screen and (max-width: 768px) {
    .hero-buttons .button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .hero-buttons .button:not(:last-child) {
        margin-bottom: .75rem
    }
}

@media print, screen and (min-width: 769px) {
    .hero-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .hero-buttons .button:not(:last-child) {
        margin-right: 1.5rem
    }
}

.hero-foot, .hero-head {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.hero-body, .hero-foot, .hero-head {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.hero-body {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 3rem 1.5rem
}

@media print, screen and (min-width: 769px) {
    .hero-body {
        padding: 3rem
    }
}

.section {
    padding: 0 10px
}

@media screen and (min-width: 1000px) {
    .section {
        padding: 3rem
    }

    .section.is-medium {
        padding: 9rem 4.5rem
    }

    .section.is-large {
        padding: 18rem 6rem
    }
}

.footer {
    background-color: #fafafa;
    padding: 3rem 1.5rem 6rem
}

.slick-slider {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list, .slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

html {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    font-family: Open Sans, sans-serif;
    font-size: 16px
}

body {
    min-block-size: 100vh
}

body * {
    outline: unset
}

#wpadminbar {
    z-index: 999999
}



@media screen and (min-width: 1384px) {
    .container:not(.is-max-desktop):not(.is-max-widescreen) {
        max-inline-size: 1200px;
    }
}

@media screen and (max-width: 768px) {
    .section {
        padding: 24px
    }
}

.content-wrapper {
    inline-size: 100%;
    overflow: hidden
}

ul.slick-dots {
    -webkit-margin-before: 24px;
    margin-block-start: 24px;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    -webkit-padding-before: 0;
    padding-block-start: 0;
    -webkit-padding-after: 0;
    padding-block-end: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    -webkit-padding-end: 0;
    padding-inline-end: 0;
    font-size: 0;
    list-style: none;
    text-align: center
}

ul.slick-dots > li {
    display: inline-block;
    -webkit-padding-before: 0;
    padding-block-start: 0;
    -webkit-padding-after: 0;
    padding-block-end: 0;
    -webkit-padding-start: 4px !important;
    padding-inline-start: 4px !important;
    -webkit-padding-end: 4px;
    padding-inline-end: 4px;
    -webkit-margin-after: 0 !important;
    margin-block-end: 0 !important;
    vertical-align: top;
    line-height: normal !important
}

@media screen and (max-width: 768px) {
    ul.slick-dots > li {
        padding: 4px
    }
}

ul.slick-dots > li:before {
    display: none
}

ul.slick-dots > li button {
    vertical-align: top;
    min-inline-size: 0;
    -webkit-padding-before: 0;
    padding-block-start: 0;
    -webkit-padding-after: 0;
    padding-block-end: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    -webkit-padding-end: 0;
    padding-inline-end: 0;
    font-size: 0;
    border-radius: 50%;
    block-size: 16px;
    inline-size: 16px;
    background-color: #e7e7e7
}

ul.slick-dots > li.slick-active button {
    background-color: var(--mainGreen)
}

#cookiescript_injected {
    outline: none
}

@media screen and (max-width: 768px) {
    #cookiescript_injected {
        -webkit-padding-before: 25px !important;
        padding-block-start: 25px !important;
        -webkit-padding-start: 15px !important;
        padding-inline-start: 15px !important;
        -webkit-padding-end: 15px !important;
        padding-inline-end: 15px !important
    }
}

body.rtl span.icon-arrow-right:before {
    content: "\E900"
}

body.rtl #cookiescript_injected {
    left: unset !important;
    right: 0 !important
}

body.rtl #cookiescript_badge {
    left: unset !important;
    right: 20px !important
}

.button, button {
    display: inline-block;
    block-size: auto;
    min-inline-size: 136px;
    line-height: 1.5;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    background-color: var(--mainGreen);
    color: #fff;
    -webkit-padding-before: 10px;
    padding-block-start: 10px;
    -webkit-padding-after: 10px;
    padding-block-end: 10px;
    -webkit-padding-start: 15px;
    padding-inline-start: 15px;
    -webkit-padding-end: 15px;
    padding-inline-end: 15px;
    border-radius: 4px;
    text-align: center;
    border-width: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all ease-in-out .3s;
    transition: all .3s ease-in-out;
    outline: 0;
    cursor: pointer;
    letter-spacing: .56px
}

.button.large, .fmn-template-default .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-text-wrap .fmn-content-text p.button, .markets-page.markets-stocks .market-assets-section .assets_modal .acc-types-steps .acc-types-steps-mobile-start, .post-type-archive-fmn .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-text-wrap .fmn-content-text p.button, button.large {
    min-inline-size: 170px;
    -webkit-padding-before: 15px;
    padding-block-start: 15px;
    -webkit-padding-after: 15px;
    padding-block-end: 15px;
    -webkit-padding-start: 28px;
    padding-inline-start: 28px;
    -webkit-padding-end: 28px;
    padding-inline-end: 28px
}

.button.is-fullwidth, button.is-fullwidth {
    min-inline-size: 0
}

.button:hover, button:hover {
    background-color: var(--secondGreen);
    color: #fff
}

.button:active, button:active {
    background-color: #0076e4;
    color: #fff
}

form button {
    inline-size: 312px;
    block-size: 54px
}

form button:disabled {
    background-color: #d0d0d1
}

form input {
    border: 1px solid;
    border-radius: 4px;
    color: #d0d0d1;
    inline-size: 312px;
    block-size: 54px;
    outline: none !important
}

form input:active, form input:focus {
    border-color: var(--mainGreen)
}

body {
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #151518;
    font-weight: 400
}

.h1, .h2, .h3, .h4, .h5, .stocks-archive-page-content .collection-archive-bg-wrp .stocks-archive .collection-item a span, h1, h2, h3, h4, h5 {
    font-family: Oxygen, sans-serif;
    line-height: 1.2;
    -webkit-margin-before: 16px;
    margin-block-start: 16px;
    -webkit-margin-after: 16px;
    margin-block-end: 16px
}

.h1, h1 {
    font-size: 2.4rem;
    font-weight: 700;
    letter-spacing: 1.73px
}

@media screen and (max-width: 768px) {
    .h1, h1 {
        font-size: 1.9rem;
        letter-spacing: 1.09px
    }
}

.h2, h2 {
    font-size: 2.4rem;
    letter-spacing: 1.38px;
    font-weight: 700
}

@media screen and (max-width: 768px) {
    .h2, h2 {
        font-size: 1.5rem;
        letter-spacing: .88px
    }
}

.h3, h3 {
    font-size: 1.9rem;
    letter-spacing: 1.09px;
    font-weight: 700
}

.h4, .stocks-archive-page-content .collection-archive-bg-wrp .stocks-archive .collection-item a span, h4 {
    font-size: 1.5rem;
    letter-spacing: .88px
}

.h5, h5 {
    font-size: 1.25rem;
    letter-spacing: .71px
}

p {
    letter-spacing: .56px;
    -webkit-margin-after: 16px;
    margin-block-end: 16px
}

.fmn-template-default .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-text-wrap .fmn-content-text p:not(.button), .large:not(.button), .post-type-archive-fmn .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-text-wrap .fmn-content-text p:not(.button) {
    font-size: .8rem;
    letter-spacing: .46px
}

.medium:not(.button) {
    font-size: .6rem;
    letter-spacing: .35px
}

.small:not(.button) {
    font-size: .5rem;
    letter-spacing: .28px
}

.content-wrapper ul {
    -webkit-margin-before: 16px;
    margin-block-start: 16px;
    -webkit-margin-after: 16px;
    margin-block-end: 16px;
    -webkit-padding-before: 0;
    padding-block-start: 0;
    -webkit-padding-after: 0;
    padding-block-end: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    -webkit-padding-end: 0;
    padding-inline-end: 0;
    list-style: none
}

.content-wrapper ul li {
    font-size: .8rem;
    letter-spacing: .46px;
    line-height: 1.538;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 16px;
    margin-block-end: 16px
}

.content-wrapper ul.disabled li {
    color: #bbb6b6
}

.content-wrapper ul.disabled li:before {
    display: none
}

.content-wrapper ul:not(.blank) li {
    -webkit-padding-start: 16px;
    padding-inline-start: 16px;
    position: relative
}



.content-wrapper ul:not(.blank) li:last-child {
    -webkit-margin-after: 0;
    margin-block-end: 0
}

a {
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color ease-in-out .3s;
    transition: color .3s ease-in-out
}

a:hover, p a {
    color: var(--mainGreen)
}

p.underbutton-text {
    max-inline-size: 250px;
    text-align: start
}

.wrong_reg_domain {
    text-align: center;
    -webkit-margin-after: 20px;
    margin-block-end: 20px;
    -webkit-margin-before: 20px;
    margin-block-start: 20px;
    font-size: 1.5rem
}

@media screen and (max-width: 768px) {
    .wrong_reg_domain {
        font-size: 1rem
    }
}

.wrong_reg_domain:before {
    font-family: icomoon;
    content: "\EA07";
    display: block;
    font-size: 50px;
    color: var(--mainGreen);
    padding: 10px
}

.small_wrong_reg_domain {
    -webkit-margin-before: 0;
    margin-block-start: 0
}

.wrong_reg_domain_btn {
    display: table;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto
}

body.rtl .content-wrapper ul:not(.blank) li:before {
    left: auto;
    right: 0
}

.white-text * {
    color: #fff
}

.drop-all-margins > * {
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0
}

.drop-first-margin > :first-child, .drop-margins > :first-child, .fmn-template-default .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-text-wrap .fmn-content-text > :first-child, .post-type-archive-fmn .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-text-wrap .fmn-content-text > :first-child {
    -webkit-margin-before: 0;
    margin-block-start: 0
}

.drop-last-margin > :last-child, .drop-margins > :last-child, .fmn-template-default .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-text-wrap .fmn-content-text > :last-child, .post-type-archive-fmn .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-text-wrap .fmn-content-text > :last-child {
    -webkit-margin-after: 0;
    margin-block-end: 0
}

@media screen and (min-width: 1000px) {
    .two-cols-text {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 20;
        -moz-column-gap: 20;
        column-gap: 20
    }

    .two-cols-text.avoid-break > * {
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        -moz-column-break-inside: avoid;
        break-inside: avoid-column
    }
}

.sunrise {
    inline-size: 186px;
    block-size: 93px;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto;
    overflow: hidden
}

.sunrise:after {
    content: "";
    display: block;
    inline-size: 100%;
    block-size: 200%;
    border-radius: 50%;
    background-color: #ffb192
}

.circle {
    inline-size: 384px;
    block-size: 384px;
    border-radius: 50%;
    background-color: var(--mainGreen)
}

.rtl .rtl-flip, .rtl .rtl-flip > div {
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}

.rtl .affiliates-step:after {
    left: -50%
}

.rtl header .bottom-header .container .navbar-menu-wrapper .main-menu .dropdown .navbar-dropdown {
    left: unset
}

.rtl .breadcrumb .container ul li:not(:first-child):before {
    content: "\E903"
}

.rtl.home .home-hero .home-hero-timelines-wrap .container .home-hero-timeline-items .home-hero-timeline-item .home-hero-timeline-progress {
    left: unset;
    right: 0
}

@media screen and (max-width: 768px) {
    .rtl.home .home-pillars-cols {
        -webkit-padding-start: 32px;
        padding-inline-start: 32px;
        -webkit-padding-end: 32px;
        padding-inline-end: 32px
    }
}

.rtl.home .home-pillars-cols .home-pillars-col a.large:after {
    content: "\E900";
    right: unset;
    left: 0
}

.rtl.home .home-pillars-cols .home-pillars-col a.large:hover:after {
    right: unset;
    left: -5px
}

.rtl.home .home-crowdfeed-section .container .columns .home-crowdfeed-left-col {
    text-align: left;
    left: 30px
}

.rtl.home .home-crowdfeed-section .container .columns .home-crowdfeed-left-col .home-crowdfeed-slider-control-wrap .home-crowdfeed-slider-control {
    text-align: left;
    margin-left: 10px
}

.rtl.home .home-crowdfeed-section .container .columns .home-crowdfeed-right-col .home-crowdfeed-phone {
    right: unset;
    left: 100%
}

.rtl.home .home-gradient .container .home-benefits-section .home-benefits-container .home-benefits-icons {
    right: unset;
    left: -70px
}

.rtl .risk-warning .risk-warning-col:before {
    left: unset;
    right: 0
}

.rtl .search-modal .search-wrapper .close-search {
    right: auto;
    left: 15px
}

.rtl.template-about-us .about-timeline-section .about-timeline .about-timeline-item .about-timeline-item-description {
    right: unset;
    left: 40%
}

.rtl.template-about-us .about-timeline-section .about-timeline .about-timeline-item:after {
    right: 50%
}

.rtl.template-about-us .about-description-section .about-description-text-wrap .container .columns, .rtl.template-about-us .about-hero-section .container .columns, .rtl.template-awards .awards-list .award-item .award-item-years {
    direction: ltr
}

.regulations {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 768px) {
    .regulations {
        display: block
    }
}

.regulations .regulation-col {
    padding: 23px
}

@media screen and (max-width: 768px) {
    .regulations .regulation-col {
        padding: 12px
    }
}

.regulations .regulation-col .regulation {
    inline-size: 280px;
    block-size: 100%;
    background-color: #fff;
    padding: 20px;
    display: block;
    text-decoration: none
}

.regulations .regulation-col .regulation .regulation-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.regulations .regulation-col .regulation .regulation-top .regulation-img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    inline-size: 58px;
    block-size: 58px;
    background-color: #f2f2f2
}

.regulations .regulation-col .regulation .regulation-top .regulation-top-text {
    -webkit-padding-start: 22px;
    padding-inline-start: 22px;
    -webkit-padding-before: 8px;
    padding-block-start: 8px
}

.regulations .regulation-col .regulation .regulation-top .regulation-top-text .regulation-top-headline {
    color: #002766;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    margin: 0
}

.regulations .regulation-col .regulation .regulation-top .regulation-top-text .regulation-top-subheadline {
    color: #868181;
    font-size: 13px;
    font-style: normal;
    letter-spacing: normal;
    line-height: 20px;
    margin: 0
}

.regulations .regulation-col .regulation .regulation-description {
    -webkit-padding-before: 25px;
    padding-block-start: 25px;
    color: #151518
}

.regulations .regulation-col .regulation .regulation-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    inline-size: 100%;
    min-block-size: 60px
}

.regulations .regulation-col .regulation .regulation-action .regulation-action-active {
    color: var(--mainGreen);
    font-family: Oxygen, sans-serif;
    font-size: 25px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.2;
    text-align: center;
    margin: 0
}

.regulations .regulation-col .regulation .regulation-action .regulation-action-visit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #002766;
    font-size: 13px;
    font-style: normal;
    letter-spacing: .46px;
    line-height: normal;
    margin: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.regulations .regulation-col .regulation .regulation-action .regulation-action-visit .icon-arrow-right {
    -webkit-margin-start: 5px;
    margin-inline-start: 5px;
    position: relative;
    left: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.regulations .regulation-col a.regulation:hover .regulation-action-visit {
    color: var(--mainGreen)
}

.regulations .regulation-col a.regulation:hover .regulation-action-visit .icon-arrow-right {
    color: var(--mainGreen);
    left: 10px
}

.regulations.regulations-type-modal .regulation-col .regulation {
    border: none
}

@media screen and (max-width: 768px) {
    .regulations.regulations-type-modal .regulation-col .regulation {
        padding: 15px
    }
}

@media screen and (max-width: 768px) {
    .regulations.regulations-type-modal .regulation-col .regulation .regulation-description {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .regulations.regulations-type-modal .regulation-col .regulation .regulation-action {
        block-size: auto !important;
        min-block-size: unset
    }
}

@media screen and (max-width: 768px) {
    .regulations.regulations-type-modal .regulation-col .regulation .regulation-action .regulation-action-active {
        font-family: Open Sans, sans-serif;
        font-size: 13px;
        line-height: 1.53846;
        -webkit-padding-before: 15px;
        padding-block-start: 15px
    }
}

@media screen and (max-width: 768px) {
    .regulations.regulations-type-modal .regulation-col .regulation .regulation-action .regulation-action-visit {
        display: none
    }
}

body.rtl .regulations .regulation-col .regulation .regulation-action .regulation-action-visit .icon-arrow-right {
    left: auto;
    right: 0
}

body.rtl .regulations .regulation-col a.regulation:hover .regulation-action-visit .icon-arrow-right {
    left: auto;
    right: 10px
}

.reg-section {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    background-color: #fafafa;
    padding: 150px 0
}

@media screen and (max-width: 768px) {
    .reg-section {
        padding: 50px 0 150px !important
    }
}

.reg-section .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.reg-section .container h2 {
    max-inline-size: 450px;
    color: var(--mainGreen);
    font-size: 40px
}

@media screen and (max-width: 768px) {
    .reg-section .container h2 {
        font-size: 25px;
        max-inline-size: 80%;
        text-align: center
    }
}

.header .regulation-modal {
    position: absolute;
    z-index: 99;
    background: #f2f2f2;
    right: 0;
    top: 100%;
    padding: 23px;
    -webkit-margin-before: 10px;
    margin-block-start: 10px;
    display: none
}

@media screen and (max-width: 999px) {
    .header .regulation-modal {
        right: auto;
        left: 50%;
        -webkit-transform: translate(-50%) translateZ(0) scale(1);
        transform: translate(-50%) translateZ(0) scale(1);
        -webkit-margin-before: 8px;
        margin-block-start: 8px
    }
}

@media screen and (max-width: 768px) {
    .header .regulation-modal {
        max-inline-size: 338px;
        padding: 12px
    }
}

body.rtl .header .regulation-modal {
    right: auto;
    left: 0
}

@media screen and (max-width: 999px) {
    body.rtl .header .regulation-modal {
        right: auto;
        left: 50%
    }
}

.question-content {
    text-align: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-border-after: solid #e7e7e7 2px;
    border-block-end: solid #e7e7e7 2px;
    -webkit-padding-before: 15px;
    padding-block-start: 15px;
    -webkit-padding-after: 15px;
    padding-block-end: 15px;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    -webkit-padding-end: 0;
    padding-inline-end: 0
}

.question-content:last-child {
    -webkit-border-after: unset;
    border-block-end: unset
}

.question-content .circle-plus {
    cursor: pointer;
    -webkit-padding-before: 0;
    padding-block-start: 0;
    -webkit-padding-after: 0;
    padding-block-end: 0;
    -webkit-padding-end: 20px;
    padding-inline-end: 20px;
    -webkit-margin-before: 5px;
    margin-block-start: 5px
}

@media screen and (max-width: 768px) {
    .question-content .circle-plus {
        -webkit-padding-before: unset;
        padding-block-start: unset;
        -webkit-padding-after: unset;
        padding-block-end: unset;
        -webkit-padding-start: unset;
        padding-inline-start: unset;
        -webkit-padding-end: unset;
        padding-inline-end: unset
    }
}

.question-content .circle-plus.closed .horizontal, .question-content .circle-plus.closed .vertical {
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.question-content .circle-plus.closed .horizontal, .question-content .circle-plus.opened {
    opacity: 1
}

.question-content .circle-plus.opened .horizontal, .question-content .circle-plus.opened .vertical {
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.question-content .circle-plus.opened .horizontal {
    opacity: 0
}

.question-content .circle-plus .circle-item {
    position: relative;
    inline-size: 2.55em;
    block-size: 2.5em;
    -webkit-margin-start: 1px;
    margin-inline-start: 1px
}

.question-content .circle-plus .circle-item .horizontal {
    position: absolute;
    background-color: var(--mainGreen);
    inline-size: 20px;
    block-size: 3px;
    left: 50%;
    -webkit-margin-start: -11px;
    margin-inline-start: -11px;
    top: 50%;
    -webkit-margin-before: -2.5px;
    margin-block-start: -2.5px
}

.question-content .circle-plus .circle-item .vertical {
    position: absolute;
    background-color: var(--mainGreen);
    inline-size: 3px;
    block-size: 20px;
    left: 50%;
    -webkit-margin-start: -2.5px;
    margin-inline-start: -2.5px;
    top: 50%;
    -webkit-margin-before: -11px;
    margin-block-start: -11px
}

@media screen and (max-width: 768px) {
    .question-content .question-text {
        -webkit-margin-start: 10px;
        margin-inline-start: 10px;
        -webkit-margin-before: -14px;
        margin-block-start: -14px
    }
}

.question-content .question-text .question p {
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    -webkit-margin-before: 10px;
    margin-block-start: 10px;
    -webkit-margin-after: 10px;
    margin-block-end: 10px
}

@media screen and (max-width: 768px) {
    .question-content .question-text .question p {
        -webkit-margin-before: 20px;
        margin-block-start: 20px
    }
}

.question-content .question-text .answer {
    max-block-size: 0;
    overflow: hidden;
    -webkit-transition: max-block-size .4s ease-in-out;
    -o-transition: max-block-size .4s ease-in-out;
    transition: max-block-size .4s ease-in-out
}

.question-content .question-text .answer p {
    color: #676968;
    font-size: 14px;
    line-height: 17px;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0
}

.header-section {
    background-size: cover;
    background-position: 50%;
    color: #fff;
    -webkit-margin-after: 0 !important;
    margin-block-end: 0 !important;
    min-block-size: 950px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 150px !important
}

@media screen and (max-width: 768px) {
    .header-section {
        padding: 150px 20px 0;
        text-align: center
    }
}

@media screen and (max-width: 768px) {
    .header-section .container {
        width: 100%
    }
}

.header-section .container h1 {
    max-inline-size: 1000px;
    margin: auto;
    -webkit-padding-after: 20px;
    padding-block-end: 20px
}

.header-section .container p {
    max-inline-size: 800px;
    margin: auto
}

.header-section.skin-1 {
    text-align: start
}

@media screen and (max-width: 768px) {
    .header-section.skin-1 {
        text-align: center
    }
}

.header-section.skin-1 .main-description {
    -webkit-padding-after: 30px;
    padding-block-end: 30px
}

.header-section.skin-1 .el-pro-header {
    max-inline-size: 250px;
    -webkit-padding-before: .25rem;
    padding-block-start: .25rem;
    -webkit-margin-start: 0;
    margin-inline-start: 0
}

.header-section.skin-1 .first-image {
    -webkit-margin-before: 50px;
    margin-block-start: 50px
}

@media screen and (max-width: 768px) {
    .header-section.skin-1 .first-image.hide-on-mobile {
        display: none
    }
}

.header-section.skin-1 .mobile-image {
    display: none
}

@media screen and (max-width: 768px) {
    .header-section.skin-1 .mobile-image {
        display: block;
        bottom: -100px;
        position: absolute
    }
}

.header-section.skin-1 .second-image {
    position: absolute;
    bottom: 0;
    right: 0;
    block-size: 90%;
    -o-object-fit: contain;
    object-fit: contain;
    max-block-size: 700px;
    max-inline-size: 600px
}

@media screen and (max-width: 768px) {
    .header-section.skin-1 .second-image {
        display: none
    }
}

.header-section.skin-2 {
    text-align: center
}

.header-section.skin-2 h1 {
    -webkit-padding-before: 50px;
    padding-block-start: 50px
}

.header-section.skin-2 .sub-title {
    max-inline-size: 800px;
    margin: 20px auto
}

.header-section.skin-2 .header-image-wrapper {
    position: absolute;
    inline-size: 100%;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 768px) {
    .header-section.skin-2 .header-image-wrapper {
        bottom: -200px
    }

    .header-section.skin-2 .header-image-wrapper.larger {
        inline-size: 150%;
        right: -100px
    }
}

.header-section.skin-2 .header-image-wrapper.overlap-hero {
    bottom: -100px
}

@media screen and (max-width: 768px) {
    .header-section.skin-2 .header-image-wrapper .first-image.hide-on-mobile {
        display: none
    }
}

.header-section.skin-2 .header-image-wrapper .mobile-image {
    display: none
}

@media screen and (max-width: 768px) {
    .header-section.skin-2 .header-image-wrapper .mobile-image {
        display: block;
        margin: auto
    }
}

@media screen and (max-width: 768px) {
    .header-section.skin-2 .header-image-wrapper .additional-image {
        display: none
    }
}

@media (min-width: 768px) {
    .header-section.skin-2 .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .header-section.skin-2 .container p {
        margin-bottom: 12px
    }

    .header-section.skin-2 .header-image-wrapper {
        position: static
    }

    .header-section.skin-2 .header-image-wrapper:last-child {
        position: absolute
    }
}

body.rtl .header-section.skin-1 .second-image {
    right: unset;
    left: 0
}

@media screen and (max-width: 768px) {
    body.rtl .header-section {
        min-block-size: auto
    }
}

.home-banners {
    background-color: #151518;
    padding: 200px 0
}

@media screen and (max-width: 768px) {
    .home-banners {
        padding: 100px 0
    }
}

@media screen and (min-width: 1192px) {
    .home-banners .container:not(.is-max-desktop):not(.is-max-widescreen) {
        max-inline-size: 1000px
    }
}

.home-banners .container .home-banners-cols .home-banner-col .home-banner {
    block-size: 100%;
    border-radius: 2px
}

@media screen and (max-width: 768px) {
    .home-banners .container .home-banners-cols .home-banner-col .home-banner {
        margin: 0 20px
    }
}

.home-banners .container .home-banners-cols .home-banner-col .home-banner .home-banner-image {
    block-size: 345px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover
}

@media screen and (max-width: 768px) {
    .home-banners .container .home-banners-cols .home-banner-col .home-banner .home-banner-image {
        block-size: 230px
    }
}

.home-banners .container .home-banners-cols .home-banner-col .home-banner .home-banner-text {
    background-image: -webkit-linear-gradient(239deg, #33353f, #1c1d22);
    background-image: -o-linear-gradient(239deg, #33353f 0, #1c1d22 100%);
    background-image: linear-gradient(211deg, #33353f, #1c1d22);
    padding: 25px
}

.home-banners .container .home-banners-cols .home-banner-col .home-banner .home-banner-text .home-banner-headline {
    color: #fff;
    font-family: Oxygen, sans-serif;
    font-size: 39px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.205;
    margin: 0
}

@media screen and (max-width: 768px) {
    .home-banners .container .home-banners-cols .home-banner-col .home-banner .home-banner-text .home-banner-headline {
        font-size: 31px;
        line-height: 1.2;
        -webkit-margin-after: 12px;
        margin-block-end: 12px
    }
}

.home-banners .container .home-banners-cols .home-banner-col .home-banner .home-banner-text .home-banner-description {
    color: #fff;
    margin: 0
}

@media screen and (max-width: 768px) {
    .home-banners .container .home-banners-cols .home-banner-col .home-banner .home-banner-text .home-banner-description br {
        display: none
    }
}

.home-banners .container .home-banners-cols .home-banner-col .home-banner .home-banner-text .home-banner-browsers {
    -webkit-margin-before: 32px;
    margin-block-start: 32px
}

.home-banners .container .home-banners-cols .home-banner-col .home-banner .home-banner-text .home-banner-browsers p {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: .46px;
    line-height: normal;
    margin: 0;
    -webkit-margin-after: 8px;
    margin-block-end: 8px
}

.home-banners .container .home-banners-cols .home-banner-col .home-banner .home-banner-text .home-banner-browsers img {
    vertical-align: top
}

@media print, screen and (min-width: 769px) {
    .home-banners .container .home-banners-cols .home-banner-col.home-banner-featured .home-banner {
        block-size: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .home-banners .container .home-banners-cols .home-banner-col.home-banner-featured .home-banner .home-banner-image {
        inline-size: 50%;
        block-size: unset;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .home-banners .container .home-banners-cols .home-banner-col.home-banner-featured .home-banner .home-banner-text {
        inline-size: 50%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        background-image: -webkit-linear-gradient(226deg, #33353f, #1c1d22);
        background-image: -o-linear-gradient(226deg, #33353f 0, #1c1d22 100%);
        background-image: linear-gradient(224deg, #33353f, #1c1d22);
        padding: 30px 50px;
    }

    .home-banners .container .home-banners-cols .home-banner-col.home-banner-featured .home-banner .home-banner-text .home-banner-description {
        -webkit-margin-before: 16px;
        margin-block-start: 16px
    }
}

.assets-slider {
    -webkit-margin-start: -10px;
    margin-inline-start: -10px;
    -webkit-margin-end: -10px;
    margin-inline-end: -10px
}

@media print, screen and (min-width: 769px) {
    .assets-slider {
        max-block-size: 300px;
        overflow: hidden;
        opacity: 0;
        -webkit-transition: opcity .3s ease-in-out;
        -o-transition: opcity .3s ease-in-out;
        transition: opcity .3s ease-in-out
    }

    .assets-slider.loaded {
        max-block-size: unset;
        overflow: visible;
        opacity: 1
    }
}

.assets-slider .slick-list .slick-track .slick-slide > div .assets-slide {
    padding: 15px;
    -webkit-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
    vertical-align: top
}

.assets-slider .slick-list .slick-track .slick-slide > div .assets-slide.animated {
    opacity: 1
}

@media screen and (max-width: 768px) {
    .assets-slider .slick-list .slick-track .slick-slide {
        -webkit-padding-after: 15px;
        padding-block-end: 15px
    }
}

@media screen and (max-width: 768px) {
    .assets-slider {
        max-inline-size: 100%;
        -webkit-margin-start: 0;
        margin-inline-start: 0;
        -webkit-margin-end: 0;
        margin-inline-end: 0
    }
}

.trade-features-section {
    padding: 50px 0;
    background-color: #151518;
    color: #fff
}

@media screen and (max-width: 768px) {
    .trade-features-section {
        padding: 50px 20px
    }
}

.trade-features-section .container h2 {
    color: #fff
}

.trade-features-section .container .trade-features-section-description {
    text-align: center;
    -webkit-margin-after: 100px;
    margin-block-end: 100px
}

@media screen and (max-width: 768px) {
    .trade-features-section .container .trade-features-section-description {
        -webkit-margin-after: 50px;
        margin-block-end: 50px
    }
}

.trade-features-section .container .trade-features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.trade-features-section .container .trade-features .tabs-wrapper {
    inline-size: 30%
}

@media screen and (max-width: 768px) {
    .trade-features-section .container .trade-features .tabs-wrapper {
        inline-size: unset;
        margin: auto
    }
}

.trade-features-section .container .trade-features .tabs-wrapper a .tab {
    position: relative;
    background-image: -webkit-linear-gradient(230deg, #33353f, #32343d, #1c1d22);
    background-image: -o-linear-gradient(230deg, #33353f 0, #32343d 0, #1c1d22 100%);
    background-image: linear-gradient(220deg, #33353f, #32343d, #1c1d22);
    inline-size: 280px;
    block-size: 90px;
    -webkit-margin-after: 20px;
    margin-block-end: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    padding: 20px
}

@media screen and (max-width: 768px) {
    .trade-features-section .container .trade-features .tabs-wrapper a .tab {
        inline-size: 100%;
        block-size: 300px;
        display: block
    }
}

.trade-features-section .container .trade-features .tabs-wrapper a .tab .tab-title {
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    margin: 0
}

@media screen and (max-width: 768px) {
    .trade-features-section .container .trade-features .tabs-wrapper a .tab .tab-title {
        text-align: start;
        -webkit-margin-after: 20px;
        margin-block-end: 20px
    }
}

.trade-features-section .container .trade-features .tabs-wrapper a .tab .trade-feature-description {
    display: none
}

.trade-features-section .container .trade-features .tabs-wrapper a .tab .progress {
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 0;
    block-size: 6px;
    opacity: 0
}

.trade-features-section .container .trade-features .tabs-wrapper a .tab .progress::-webkit-progress-value {
    -webkit-transition: width 5s ease;
    -o-transition: width 5s ease;
    transition: width 5s ease
}

@media screen and (max-width: 768px) {
    .trade-features-section .container .trade-features .tabs-wrapper a.active .trade-feature-description {
        display: block
    }
}

.trade-features-section .container .trade-features .tabs-wrapper a.active .progress {
    opacity: 1
}

@media screen and (max-width: 768px) {
    .trade-features-section .container .trade-features .tabs-wrapper a:not(.active) {
        display: none
    }
}

.trade-features-section .container .trade-features .tabs-content {
    display: block;
    inline-size: 85%
}

@media screen and (max-width: 768px) {
    .trade-features-section .container .trade-features .tabs-content {
        display: none
    }
}

.trade-features-section .container .trade-features .tabs-content .tab-content img {
    inline-size: 100%;
    block-size: 500px;
    border-radius: 10px;
    -o-object-fit: cover;
    object-fit: cover
}

.breadcrumb {
    -webkit-padding-before: 12px;
    padding-block-start: 12px;
    -webkit-padding-after: 8px;
    padding-block-end: 8px
}

.breadcrumb .container ul {
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0
}

.breadcrumb .container ul li {
    position: relative;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0
}

.breadcrumb .container ul li:first-child {
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.breadcrumb .container ul li:first-child:before {
    display: none
}

.breadcrumb .container ul li:not(:first-child) {
    outline: none
}

.breadcrumb .container ul li:not(:first-child):before {
    position: relative;
    content: "\E904";
    font-family: icomoon;
    color: var(--mainGreen);
    font-size: .8rem;
    letter-spacing: .28px;
    -webkit-margin-before: 5px;
    margin-block-start: 5px;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-padding-before: 0;
    padding-block-start: 0;
    -webkit-padding-after: 0;
    padding-block-end: 0;
    -webkit-padding-start: 5px;
    padding-inline-start: 5px;
    -webkit-padding-end: 5px;
    padding-inline-end: 5px
}

.breadcrumb .container ul li a, .breadcrumb .container ul li span {
    -webkit-padding-end: 0;
    padding-inline-end: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.breadcrumb .container ul li a {
    color: #151518
}

.breadcrumb .container ul li a:hover {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #062a4a
}

.breadcrumb .container ul li span {
    color: #062a4a
}

.breadcrumb.overlap {
    position: absolute;
    inline-size: 100%;
    z-index: 10;
    background-color: unset !important
}

.breadcrumb.overlap .container ul li a {
    color: #fff
}

.breadcrumb.overlap .container ul li a:hover {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #062a4a
}

.breadcrumb.overlap .container ul li span, .breadcrumb.overlap.white-arrows .container ul li:before {
    color: #fff
}

@media screen and (max-width: 768px) {
    .breadcrumb {
        -webkit-padding-start: 24px;
        padding-inline-start: 24px;
        -webkit-padding-end: 24px;
        padding-inline-end: 24px
    }
}

.skin-dark .breadcrumb.overlap {
    -webkit-padding-before: 104px;
    padding-block-start: 104px
}

body.template-regulation .breadcrumb {
    -webkit-padding-before: 44px;
    padding-block-start: 44px
}

@media screen and (max-width: 768px) {
    body.template-regulation .breadcrumb {
        -webkit-padding-before: 60px;
        padding-block-start: 60px
    }
}

body.rtl .reg-tmpl-cards-circle-top {
    right: unset;
    left: -100px
}

.risk-warning {
    background-color: #151518;
    -webkit-padding-start: 8px;
    padding-inline-start: 8px;
    -webkit-padding-end: 8px;
    padding-inline-end: 8px;
    -webkit-padding-before: 8px;
    padding-block-start: 8px;
    -webkit-padding-after: 8px;
    padding-block-end: 8px;
    z-index: 10;
    position: sticky !important
}

.risk-warning .risk-warning-col {
    position: relative;
    padding: 5px 0 5px 25px
}

.risk-warning .risk-warning-col:before {
    content: "\E910";
    font-family: icomoon;
    font-size: 16px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%) translateZ(0) rotate(180deg) scale(1);
    transform: translateY(-50%) translateZ(0) rotate(180deg) scale(1)
}

.risk-warning p {
    color: #fff;
    font-size: 11px;
    letter-spacing: .35px
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    inline-size: 100%;
    block-size: 100%;
    background-color: rgba(0, 0, 0, .5);
    overflow: hidden;
    z-index: 9999995;
    display: none
}

.popup .popup-scroll {
    block-size: 100%;
    -webkit-margin-end: -30px;
    margin-inline-end: -30px;
    -webkit-padding-end: 30px;
    padding-inline-end: 30px;
    overflow-y: scroll
}

.popup .popup-scroll .popup-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-block-size: 100%;
    padding: 100px 30px
}

@media screen and (max-width: 768px) {
    .popup .popup-scroll .popup-wrap {
        padding: 50px 15px
    }
}

.popup .popup-scroll .popup-wrap .popup-box {
    position: relative;
    inline-size: 100%;
    border-radius: 10px
}

.popup .popup-scroll .popup-wrap .popup-box, .popup .popup-scroll .popup-wrap .popup-box > .popup-close {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .5)
}

.popup .popup-scroll .popup-wrap .popup-box > .popup-close {
    position: absolute;
    padding: 0;
    margin: 0;
    bottom: 100%;
    left: 100%;
    min-inline-size: unset;
    inline-size: 30px;
    block-size: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    border-radius: 50%;
    color: #151518;
    font-size: 14px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media screen and (max-width: 768px) {
    .popup .popup-scroll .popup-wrap .popup-box > .popup-close {
        -webkit-margin-start: -30px;
        margin-inline-start: -30px;
        -webkit-margin-after: 10px;
        margin-block-end: 10px
    }
}

.popup .popup-scroll .popup-wrap .popup-box > .popup-close:hover {
    opacity: .8
}

.popup .popup-scroll .popup-wrap .popup-box .popup-content {
    padding: 30px
}

@media screen and (max-width: 768px) {
    .popup .popup-scroll .popup-wrap .popup-box .popup-content {
        padding: 30px 15px
    }
}

.popup#eu-notice .popup-content, .popup#fr-notice .popup-content, .popup#uk-notice .popup-content {
    padding: 0 !important;
    overflow: hidden;
    border-radius: 10px;
    border: 3px solid var(--mainGreen)
}

.popup#eu-notice .popup-content .uk-notice-bg, .popup#fr-notice .popup-content .uk-notice-bg, .popup#uk-notice .popup-content .uk-notice-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    padding: 30px;
    text-align: center
}

.popup#eu-notice .popup-content .uk-notice-bg img, .popup#fr-notice .popup-content .uk-notice-bg img, .popup#uk-notice .popup-content .uk-notice-bg img {
    vertical-align: top;
    inline-size: 200px;
    block-size: auto;
    -webkit-margin-after: 25px;
    margin-block-end: 25px
}

.popup#eu-notice .popup-content .uk-notice-bg p, .popup#fr-notice .popup-content .uk-notice-bg p, .popup#uk-notice .popup-content .uk-notice-bg p {
    font-family: Oxygen, sans-serif;
    line-height: 1.25;
    font-size: 1.25rem;
    letter-spacing: .88px;
    margin: 0
}

.popup#conference-form-popup .form-field {
    margin-bottom: 10px
}

.popup#conference-form-popup .form-field label {
    display: block;
    margin-bottom: 5px
}

.popup#conference-form-popup .form-field input {
    width: 100%;
    color: #000;
    padding: 10px;
    block-size: 45px
}

.popup#conference-form-popup .submit {
    margin-top: 10px;
    width: 100%;
    font-weight: 700
}

.popup#conference-form-popup .thank-you {
    display: none
}

.popup#conference-form-popup .thank-you p {
    text-align: center;
    font-size: 30px
}

.skeleton__bg {
    background-color: #f8f9fb
}

.skeleton__bg:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.skeleton__bg:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.skeleton__list, .skeleton__text, .skeleton__title {
    background: #e7eaef;
    border-radius: 4px
}

.skeleton__list:before, .skeleton__text:before, .skeleton__title:before {
    content: "";
    display: block;
    height: 100%;
    width: 6px;
    background-color: #f5f6f9;
    -webkit-box-shadow: 0 0 20px 11px #f7f8fb;
    box-shadow: 0 0 20px 11px #f7f8fb;
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
    -webkit-animation: skeleton-animate 2s linear 0s infinite running;
    -o-animation: 2s linear 0s infinite running skeleton-animate;
    animation: skeleton-animate 2s linear 0s infinite running
}

.skeleton__list {
    margin-bottom: 12px
}

.skeleton__list:last-child {
    margin-bottom: 0
}

.skeleton--w1-2 {
    padding: 50%
}

.skeleton--w1-3 {
    padding: 33.33%
}

.skeleton--w1-4 {
    width: 25%
}

.skeleton--w1-5 {
    width: 20%
}

.skeleton--p12 {
    padding: 12px
}

.skeleton--p16 {
    padding: 16px
}

.skeleton--p24 {
    padding: 24px
}

.skeleton--p36, .skeleton--p48 {
    padding: 36px
}

.skeleton--h12 {
    height: 12px
}

.skeleton--h16 {
    height: 16px
}

.skeleton--h24 {
    height: 24px
}

.skeleton--h36 {
    height: 36px
}

.skeleton--h48 {
    height: 48px
}

.skeleton--h60 {
    height: 60px
}

@-webkit-keyframes skeleton-animate {
    0% {
        margin-left: 0
    }
    to {
        margin-left: 100%
    }
}

@-o-keyframes skeleton-animate {
    0% {
        margin-left: 0
    }
    to {
        margin-left: 100%
    }
}

@keyframes skeleton-animate {
    0% {
        margin-left: 0
    }
    to {
        margin-left: 100%
    }
}

.asset-card {
    inline-size: 100%;
    max-inline-size: 280px;
    block-size: 140px;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto;
    position: relative;
    background-image: -webkit-linear-gradient(239deg, #33353f, #1c1d22);
    background-image: -o-linear-gradient(239deg, #33353f 0, #1c1d22 100%);
    background-image: linear-gradient(211deg, #33353f, #1c1d22);
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    text-align: start
}

.asset-card * {
    color: #fff
}

.asset-card .asset-card-top {
    inline-size: 100%;
    -webkit-padding-end: 65px;
    padding-inline-end: 65px;
    position: relative;
    -webkit-padding-after: 5px;
    padding-block-end: 5px;
    min-block-size: 55px
}

.asset-card .asset-card-top .asset-card-name {
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: .56px;
    line-height: normal;
    margin: 0;
    padding: 0
}

.asset-card .asset-card-top .asset-card-symbol {
    font-size: 16px;
    font-style: normal;
    letter-spacing: .56px;
    line-height: normal;
    text-transform: uppercase;
    margin: 0
}

.asset-card .asset-card-top .asset-card-img {
    inline-size: 50px;
    block-size: 50px;
    position: absolute;
    top: 0;
    right: 0
}

.asset-card .asset-card-top .asset-card-img img {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: top
}

.asset-card .asset-card-bottom {
    inline-size: 100%;
    -webkit-border-before: 1px solid #fff;
    border-block-start: 1px solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-padding-before: 5px;
    padding-block-start: 5px;
    min-block-size: 30px
}

.asset-card .asset-card-bottom p {
    font-family: Oxygen, sans-serif;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: .71px;
    line-height: normal;
    margin: 0
}

.asset-card .asset-card-bottom .asset-card-percentage {
    color: #52c41a
}

.asset-card .asset-card-bottom .asset-card-percentage.red {
    color: #f83638
}

.asset-card .asset-card-preloader {
    position: absolute;
    top: 0;
    left: 0;
    inline-size: 100%;
    block-size: 100%;
    background-image: -webkit-linear-gradient(239deg, #33353f, #1c1d22);
    background-image: -o-linear-gradient(239deg, #33353f 0, #1c1d22 100%);
    background-image: linear-gradient(211deg, #33353f, #1c1d22);
    z-index: 5
}

.asset-card .asset-card-preloader img {
    vertical-align: top;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.asset-table {
    position: relative;
    -webkit-padding-after: 30px;
    padding-block-end: 30px;
    -webkit-padding-before: 30px;
    padding-block-start: 30px;
    -webkit-padding-start: 10px;
    padding-inline-start: 10px;
    -webkit-padding-end: 10px;
    padding-inline-end: 10px
}

@media screen and (max-width: 768px) {
    .asset-table {
        -webkit-margin-after: 40px;
        margin-block-end: 40px
    }
}

.asset-table .asset-table-loader {
    background-color: hsla(0, 0%, 100%, .8);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 10
}

.asset-table .asset-table-loader img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.asset-table .category-tabs {
    -webkit-margin-after: 22px;
    margin-block-end: 22px
}

.asset-table .category-tabs span {
    -webkit-margin-start: 15px;
    margin-inline-start: 15px;
    font-weight: 400;
    cursor: pointer
}

@media screen and (max-width: 768px) {
    .asset-table .category-tabs span {
        display: block;
        -webkit-margin-before: 5px;
        margin-block-start: 5px;
        -webkit-margin-after: 5px;
        margin-block-end: 5px;
        -webkit-margin-start: 0;
        margin-inline-start: 0;
        -webkit-margin-end: 0;
        margin-inline-end: 0;
        inline-size: 100%;
        background: #e7e7e7;
        -webkit-padding-before: 8px;
        padding-block-start: 8px;
        -webkit-padding-after: 8px;
        padding-block-end: 8px;
        -webkit-padding-start: 21px;
        padding-inline-start: 21px;
        -webkit-padding-end: 21px;
        padding-inline-end: 21px
    }
}

.asset-table .category-tabs .active {
    -webkit-border-after: 2px solid var(--mainGreen);
    border-block-end: 2px solid var(--mainGreen)
}

.asset-table .vgt-global-search__input input {
    border: 1px solid #d0d0d1;
    max-inline-size: 530px;
    inline-size: 100%;
    block-size: 30px;
    -webkit-padding-after: 8px;
    padding-block-end: 8px;
    -webkit-padding-before: 8px;
    padding-block-start: 8px;
    -webkit-padding-start: 9px;
    padding-inline-start: 9px;
    -webkit-padding-end: 9px;
    padding-inline-end: 9px;
    color: #000
}

@media screen and (max-width: 768px) {
    .asset-table .vgt-responsive {
        inline-size: 100%;
        overflow-x: auto;
        position: relative
    }
}

.asset-table .footer__row-count {
    display: none
}

.asset-table .footer__navigation {
    -webkit-margin-after: 40px;
    margin-block-end: 40px
}

.asset-table .footer__navigation div {
    display: inline-block;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-margin-start: 10px;
    margin-inline-start: 10px;
    -webkit-margin-end: 10px;
    margin-inline-end: 10px
}

.asset-table .footer__navigation div input {
    inline-size: 30px
}

.asset-table table {
    -webkit-margin-before: 22px;
    margin-block-start: 22px;
    -webkit-margin-after: 22px;
    margin-block-end: 22px;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    text-align: center
}

.asset-table table img {
    inline-size: 35px;
    block-size: 35px
}

.asset-table table .symbol {
    block-size: 35px
}

.asset-table table td {
    display: table-cell;
    vertical-align: middle
}

.asset-table table td:first-child {
    text-align: left
}

.asset-table table thead th {
    border-width: 1px 0;
    color: #d0d0d1;
    font-size: 13px;
    font-weight: 500;
    color: #000;
    font-weight: 700
}

.asset-table table thead th button {
    letter-spacing: unset;
    block-size: 70px;
    font-size: 12px
}

.rtl .asset-table table td:first-child, .rtl .asset-table table thead th:first-child {
    text-align: right
}

.search-modal {
    position: fixed;
    top: 0;
    background: #062a4a;
    inline-size: 100%;
    block-size: 162px;
    display: none;
    z-index: 999999
}

@media screen and (max-width: 768px) {
    .search-modal {
        block-size: 130px
    }
}

.search-modal .search-wrapper {
    position: relative
}

@media screen and (max-width: 999px) {
    .search-modal .search-wrapper {
        -webkit-padding-before: 0;
        padding-block-start: 0;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        -webkit-padding-start: 15px;
        padding-inline-start: 15px;
        -webkit-padding-end: 15px;
        padding-inline-end: 15px
    }
}

.search-modal .search-wrapper .h4, .search-modal .search-wrapper .stocks-archive-page-content .collection-archive-bg-wrp .stocks-archive .collection-item a span, .stocks-archive-page-content .collection-archive-bg-wrp .stocks-archive .collection-item a .search-modal .search-wrapper span {
    color: #fff;
    text-align: center
}

.search-modal .search-wrapper .close-search {
    color: #fff;
    position: absolute;
    top: 0;
    right: 0
}

@media screen and (max-width: 999px) {
    .search-modal .search-wrapper .close-search {
        right: 15px
    }
}

.search-modal .search-wrapper .search-info {
    color: #fff;
    -webkit-margin-before: 0;
    margin-block-start: 0
}

@media screen and (max-width: 999px) {
    .search-modal .search-wrapper .search-info {
        font-size: 13px
    }
}

.search-modal .search-wrapper .search-bar {
    -webkit-margin-after: 0;
    margin-block-end: 0
}

.search-modal .search-wrapper .search-bar #autosuggest ul li {
    -webkit-padding-before: 10px;
    padding-block-start: 10px;
    -webkit-padding-after: 10px;
    padding-block-end: 10px;
    -webkit-padding-start: 15px;
    padding-inline-start: 15px;
    -webkit-padding-end: 15px;
    padding-inline-end: 15px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .5);
    border-radius: 5px;
    background: #fff
}

.search-modal .search-wrapper .search-bar #autosuggest ul li:before {
    display: none
}

.search-modal .search-wrapper .search-bar #autosuggest ul li a {
    inline-size: 90%;
    display: inline-block
}

@media screen and (max-width: 768px) {
    .search-modal .search-wrapper .search-bar #autosuggest ul li a {
        inline-size: 80%
    }
}

.search-modal .search-wrapper .search-bar #autosuggest ul li .my-suggestion-item {
    color: #7a7a7a
}

.search-modal .search-wrapper .search-bar #autosuggest #autosuggest__input {
    border-radius: 4px;
    border: none;
    block-size: 48px;
    inline-size: 100%;
    -webkit-padding-before: 0;
    padding-block-start: 0;
    -webkit-padding-after: 0;
    padding-block-end: 0;
    -webkit-padding-start: 15px;
    padding-inline-start: 15px;
    -webkit-padding-end: 15px;
    padding-inline-end: 15px;
    font-size: 16px;
    font-weight: 500
}

.search-modal .search-wrapper .search-bar #autosuggest #autosuggest-autosuggest__results {
    background: #fff;
    border-radius: 4px
}

.search-modal .search-wrapper .search-bar .search-btn {
    inline-size: 100%;
    block-size: 48px;
    border-radius: 4px;
    background: var(--mainGreen);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.search-page {
    padding: 20px 20px 100px
}

.search-page .posts-navigation h2 {
    display: none
}

#app aff-reg-widget {
    position: relative
}

#app aff-reg-widget .steps-progress {
    -webkit-margin-after: 30px;
    margin-block-end: 30px;
    gap: unset;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

#app aff-reg-widget .steps-progress .progress-step {
    -webkit-margin-after: 0;
    margin-block-end: 0
}

#app aff-reg-widget .steps-progress .progress-step.active {
    background-color: var(--mainGreen) !important
}

#app aff-reg-widget section .input-fields .field .control, #app aff-reg-widget section .input-fields .field .control .select {
    inline-size: 100%
}

#app aff-reg-widget section .actions button {
    display: inline-block;
    block-size: auto;
    line-height: 1.5;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    background-color: var(--mainGreen);
    color: #fff;
    border-radius: 4px;
    text-align: center;
    border-width: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all ease-in-out .3s;
    transition: all .3s ease-in-out;
    outline: 0;
    cursor: pointer;
    letter-spacing: .56px;
    min-inline-size: 170px;
    -webkit-padding-before: 15px;
    padding-block-start: 15px;
    -webkit-padding-after: 15px;
    padding-block-end: 15px;
    -webkit-padding-start: 28px;
    padding-inline-start: 28px;
    -webkit-padding-end: 28px;
    padding-inline-end: 28px
}

#app aff-reg-widget section .actions button:hover {
    background-color: var(--secondGreen);
    color: #fff
}

header.header {
    inline-size: 100%;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
    background-color: #fff;
    -webkit-padding-before: 45px;
    padding-block-start: 45px;
    -webkit-padding-after: 15px;
    padding-block-end: 15px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99
}

@media screen and (max-width: 999px) {
    header.header {
        padding: 0;
        -webkit-padding-after: 30px;
        padding-block-end: 30px
    }
}

header.header + .header-placeholder {
    block-size: 106px
}

@media screen and (max-width: 999px) {
    header.header + .header-placeholder {
        block-size: 90px
    }
}

header.header nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

@media screen and (max-width: 999px) {
    header.header nav {
        block-size: 60px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width: 999px) {
    header.header nav .navbar-burger {
        block-size: 100%;
        inline-size: 70px;
        color: #151518;
        background-color: unset;
        margin: unset
    }
}

@media screen and (max-width: 999px) and (max-width: 999px) {
    header.header nav .navbar-burger {
        position: absolute;
        top: 0;
        left: 0
    }
}

@media screen and (max-width: 999px) {
    header.header nav .navbar-burger span {
        inline-size: 20px;
        block-size: 2px;
        left: calc(50% - 10px)
    }

    header.header nav .navbar-burger span:first-child {
        top: calc(50% - 7px)
    }

    header.header nav .navbar-burger span:nth-child(2) {
        top: calc(50% - 1px)
    }

    header.header nav .navbar-burger span:nth-child(3) {
        top: calc(50% + 5px)
    }
}

header.header nav .brand-logo {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-margin-end: 10px;
    margin-inline-end: 10px;
    position: relative;
}

@media screen and (max-width: 999px) {
    header.header nav .brand-logo {
        top: auto;
        -webkit-margin-end: unset;
        margin-inline-end: unset;
        block-size: auto;
        max-block-size: 25px;
        max-inline-size: calc(100vw - 220px)
    }
}

header.header nav .brand-logo img {
    vertical-align: top;
    inline-size: auto;
    max-block-size: 60px
}

header.header nav .brand-logo .brand-logo-white {
    display: none
}

@media screen and (min-width: 1000px) {
    header.header nav .navbar-wrap {
        display: block !important
    }
}

@media screen and (max-width: 999px) {
    header.header nav .navbar-wrap {
        inline-size: 100vw;
        block-size: 100vh;
        background-color: rgba(0, 0, 0, .5);
        position: fixed;
        top: 0;
        left: 0;
        display: none;
        opacity: 0;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        z-index: 3
    }

    header.header nav .navbar-wrap.is-active {
        opacity: 1
    }

    header.header nav .navbar-wrap.is-active .navbar {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

header.header nav .navbar-wrap .navbar {
    min-block-size: unset;
    background-color: transparent
}

@media screen and (max-width: 999px) {
    header.header nav .navbar-wrap .navbar {
        inline-size: 240px;
        background-color: #fff;
        block-size: 100%;
        -webkit-padding-before: 60px;
        padding-block-start: 60px;
        -webkit-padding-after: 60px;
        padding-block-end: 60px;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

header.header nav .navbar-wrap .navbar .navbar-head {
    display: none
}

@media screen and (max-width: 999px) {
    header.header nav .navbar-wrap .navbar .navbar-head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: absolute;
        top: 0;
        left: 0;
        inline-size: 100%;
        block-size: 60px;
        background-color: var(--mainGreen)
    }

    header.header nav .navbar-wrap .navbar .navbar-head .navbar-hide-dropdown {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        inline-size: 70px;
        block-size: 30px;
        -webkit-border-end: 1px solid #fff;
        border-inline-end: 1px solid #fff;
        font-size: 1.25rem;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    header.header nav .navbar-wrap .navbar .navbar-head .navbar-hide-dropdown span {
        font-weight: 700;
        color: #fff;
        font-size: 50px;
        transform: translateY(-8%);
    }

    header.header nav .navbar-wrap .navbar .navbar-head .menu-search {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        inline-size: 70px;
        block-size: 100%;
        font-size: 1.25rem
    }

    header.header nav .navbar-wrap .navbar .navbar-head .menu-search span {
        font-weight: 700;
        color: #fff
    }

    header.header nav .navbar-wrap .navbar .navbar-head .login-btn {
        color: #fff;
        -webkit-margin-end: unset;
        margin-inline-end: unset
    }

    header.header nav .navbar-wrap .navbar .navbar-head .login .icon-arrow-right {
        display: none
    }

    header.header nav .navbar-wrap .navbar .navbar-head .login .icon-log-in {
        display: inline-block;
        font-size: 24px
    }
}

header.header nav .navbar-wrap .navbar .main-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 999px) {
    header.header nav .navbar-wrap .navbar .main-nav {
        display: block;
        max-block-size: 100%;
    }

    header.header nav .navbar-wrap .navbar .main-nav .logged-in-mobile {
        display: none
    }
}

header.header nav .navbar-wrap .navbar .main-nav .menu-item {
    display: block;
    color: #151518;
    font-size: 13px;
    letter-spacing: .46px;
    line-height: normal;
    padding: 10px;
    background-color: transparent !important;
    position: relative;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

header.header nav .navbar-wrap .navbar .main-nav .menu-item.current-menu-item, header.header nav .navbar-wrap .navbar .main-nav .menu-item:hover {
    color: var(--mainGreen)
}

header.header nav .navbar-wrap .navbar .main-nav .menu-item:after {
    display: none
}

header.header nav .navbar-wrap .navbar .main-nav .menu-item.menu-search {
    position: relative;
    top: 2px
}

header.header nav .navbar-wrap .navbar .main-nav .menu-item.menu-search span {
    font-size: 15px
}

@media screen and (max-width: 999px) {
    header.header nav .navbar-wrap .navbar .main-nav > .has-dropdown {
        position: relative
    }

    header.header nav .navbar-wrap .navbar .main-nav > .has-dropdown .navbar-dropdown-toggle {
        position: absolute;
        top: 0;
        right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        block-size: 60px;
        inline-size: 60px
    }

    header.header nav .navbar-wrap .navbar .main-nav > .has-dropdown .navbar-dropdown-toggle:before {
        content: "\E90E";
        display: inline-block;
        font-family: icomoon;
        font-size: 18px;
        color: var(--mainGreen);
        font-weight: 700
    }

    header.header nav .navbar-wrap .navbar .main-nav > .has-dropdown.is-active .navbar-dropdown-toggle:before {
        content: "\E90F"
    }
}

header.header nav .navbar-wrap .navbar .main-nav > .has-dropdown > .menu-item:before {
    content: "";
    display: block;
    inline-size: 100%;
    block-size: 4px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: var(--mainGreen);
    opacity: 0
}

@media screen and (max-width: 999px) {
    header.header nav .navbar-wrap .navbar .main-nav > .has-dropdown > .menu-item:before {
        display: none
    }
}

@media screen and (max-width: 999px) {
    header.header nav .navbar-wrap .navbar .main-nav > .has-dropdown, header.header nav .navbar-wrap .navbar .main-nav > .menu-item {
        -webkit-border-after: 1px solid rgba(0, 0, 0, .12);
        border-block-end: 1px solid rgba(0, 0, 0, .12)
    }

    header.header nav .navbar-wrap .navbar .main-nav > .has-dropdown > .menu-item, header.header nav .navbar-wrap .navbar .main-nav > .menu-item {
        font-size: 17px;
        letter-spacing: .6px;
        padding: 18px 15px;
        -webkit-padding-end: 60px;
        padding-inline-end: 60px;
        padding: 20px;
    }
}

header.header nav .navbar-wrap .navbar .main-nav > .has-dropdown:hover > .menu-item:before, header.header nav .navbar-wrap .navbar .main-nav > .has-dropdown > .menu-item.current-menu-parent:before {
    opacity: 1
}

@media screen and (max-width: 999px) {
    header.header nav .navbar-wrap .navbar .main-nav > .has-dropdown:hover > .menu-item, header.header nav .navbar-wrap .navbar .main-nav > .has-dropdown > .menu-item.current-menu-parent {
        color: var(--mainGreen)
    }
}

header.header nav .navbar-wrap .navbar .main-nav .navbar-dropdown {
    border-radius: 0;
    border: none;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    min-inline-size: 200px;
    padding: 0
}

@media screen and (max-width: 999px) {
    header.header nav .navbar-wrap .navbar .main-nav .navbar-dropdown {
        min-inline-size: unset;
        -webkit-box-shadow: none;
        box-shadow: none;
        overflow: hidden;
        max-block-size: 0;
        -webkit-padding-start: 20px;
        padding-inline-start: 20px;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    header.header nav .navbar-wrap .navbar .main-nav .navbar-dropdown > :last-child {
        -webkit-margin-after: 20px;
        margin-block-end: 20px
    }
}

header.header nav .navbar-wrap .navbar .main-nav .navbar-dropdown > .menu-item.current-menu-item, header.header nav .navbar-wrap .navbar .main-nav .navbar-dropdown > .menu-item:hover {
    color: var(--mainGreen)
}

header.header nav .regulation-menu {
    -webkit-margin-start: auto;
    margin-inline-start: auto
}

@media screen and (max-width: 999px) {
    header.header nav .regulation-menu {
        -webkit-margin-start: unset;
        margin-inline-start: unset;
        inline-size: 100%;
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #fff;
        -webkit-border-before: 2px solid var(--mainGreen);
        border-block-start: 2px solid var(--mainGreen)
    }
}

header.header nav .regulation-menu .regulation-menu-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    padding: 10px;
    color: #151518;
    font-size: 13px;
    letter-spacing: .46px;
    line-height: normal;
    position: relative
}

@media screen and (max-width: 999px) {
    header.header nav .regulation-menu .regulation-menu-label {
        padding: 5px 10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

header.header nav .regulation-menu .regulation-menu-label span {
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-margin-end: 4px;
    margin-inline-end: 4px
}

header.header nav .regulation-menu .regulation-menu-label:hover {
    color: var(--mainGreen)
}

header.header nav .regulation-menu .regulation-menu-label .regulation-modal-arrow {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-margin-start: -10px;
    margin-inline-start: -10px;
    inline-size: 0;
    block-size: 0;
    border-color: transparent transparent #f2f2f2;
    border-style: solid;
    border-width: 0 10px 16px;
    z-index: 100;
    display: none
}

@media screen and (max-width: 999px) {
    header.header nav .regulation-menu .regulation-menu-label .regulation-modal-arrow {
        border-width: 0 5px 8px;
        border-color: transparent transparent #f2f2f2
    }
}

header.header nav .regulation-menu .regulation-modal {
    display: none
}

header.header nav .lang-switcher {
    position: relative
}

header.header nav .lang-switcher:before {
    content: "";
    display: block;
    inline-size: 100%;
    block-size: 4px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: var(--mainGreen);
    opacity: 0
}

@media screen and (max-width: 999px) {
    header.header nav .lang-switcher:before {
        display: none
    }
}

header.header nav .lang-switcher .menu-item {
    color: #151518;
    font-size: 13px;
    letter-spacing: .46px;
    line-height: normal;
    padding: 10px;
    background-color: transparent !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}



header.header nav .lang-switcher > .menu-item span {
    -webkit-margin-end: 4px;
    margin-inline-end: 4px
}

header.header nav .lang-switcher:hover:before {
    opacity: 1
}

header.header nav .lang-switcher:hover > .menu-item {
    color: var(--mainGreen)
}

header.header nav .lang-switcher .navbar-dropdown {
    border-radius: 0;
    border: none;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    min-inline-size: 200px;
    padding: 0
}

@media screen and (min-width: 1000px) {
    header.header nav .lang-switcher .navbar-dropdown {
        max-block-size: unset !important
    }
}

header.header nav .lang-switcher .navbar-dropdown > .menu-item {
    padding: 7px 10px
}

header.header nav .lang-switcher .navbar-dropdown > .menu-item span {
    display: block;
    border-radius: 50%;
    overflow: hidden;
    -webkit-margin-end: 4px;
    margin-inline-end: 4px
}

header.header nav .lang-switcher .navbar-dropdown > .menu-item span img {
    vertical-align: top;
    inline-size: 24px;
    block-size: 24px
}

header.header nav .lang-switcher .navbar-dropdown > .menu-item:hover {
    color: var(--mainGreen)
}

@media screen and (max-width: 999px) {
    header.header nav .user-options {
        inline-size: 70px;
        block-size: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        top: 0;
        right: 0
    }
}

header.header nav .user-options .user-options-logged-out {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 999px) {
    header.header nav .user-options .user-options-logged-out {
        block-size: 100%;
        position: absolute;
        top: 0;
        right: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

header.header nav .user-options .user-options-logged-out .login-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #151518;
    font-size: 13px;
    letter-spacing: .46px;
    line-height: normal;
    padding: 10px;
    -webkit-margin-end: 10px;
    margin-inline-end: 10px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

header.header nav .user-options .user-options-logged-out .login .icon-log-in {
    display: none
}

@media screen and (max-width: 999px) {
    header.header nav .user-options .user-options-logged-out .login-btn {
        -webkit-margin-end: unset;
        margin-inline-end: unset
    }

    header.header nav .user-options .user-options-logged-out .login .icon-arrow-right {
        display: none
    }

    header.header nav .user-options .user-options-logged-out .login .icon-log-in {
        display: inline-block;
        font-size: 24px
    }
}

header.header nav .user-options .user-options-logged-out .login:hover {
    color: var(--mainGreen)
}

@media screen and (max-width: 999px) {
    header.header nav .user-options .user-options-logged-out .register {
        -webkit-padding-after: 6px;
        padding-block-end: 6px;
        -webkit-padding-before: 6px;
        padding-block-start: 6px;
        -webkit-padding-end: 10px;
        padding-inline-end: 10px;
        -webkit-padding-start: 10px;
        padding-inline-start: 10px;
        -webkit-margin-end: 16px;
        margin-inline-end: 16px;
        font-size: 10px;
        min-inline-size: unset
    }
}



header.header nav .user-options .user-options-logged-in {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

header.header nav .user-options .user-options-logged-in .logged-in-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

header.header nav .user-options .user-options-logged-in .logged-in-mobile .user-card {
    padding: 0 10px;
    position: relative;
    text-align: center
}

header.header nav .user-options .user-options-logged-in .logged-in-mobile .user-card:after {
    content: "";
    display: none;
    inline-size: 100%;
    block-size: 7px;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: -1
}

header.header nav .user-options .user-options-logged-in .logged-in-mobile .user-card .user-card-head .user-avatar {
    vertical-align: top;
    -webkit-margin-after: 5px;
    margin-block-end: 5px
}

header.header nav .user-options .user-options-logged-in .logged-in-mobile .user-card .user-card-head .user-progress {
    inline-size: 38px;
    block-size: 3px;
    border-radius: 1.5px;
    background-color: #b8b8b9;
    overflow: hidden
}

header.header nav .user-options .user-options-logged-in .logged-in-mobile .user-card .user-card-head .user-progress span {
    display: block;
    block-size: 100%;
    background-color: #f53638
}

header.header nav .user-options .user-options-logged-in .logged-in-mobile .user-card .user-card-hover {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    background-color: #fff;
    z-index: 2;
    text-align: left;
    padding: 10px;
    display: none;
    -webkit-margin-before: 7px;
    margin-block-start: 7px
}

header.header nav .user-options .user-options-logged-in .logged-in-mobile .user-card .user-card-hover p {
    color: #151518;
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: .46px;
    line-height: normal;
    white-space: nowrap;
    margin: 0
}

header.header nav .user-options .user-options-logged-in .logged-in-mobile .user-card .user-card-hover .user-card-pnl {
    -webkit-margin-before: 3px;
    margin-block-start: 3px;
    font-size: 10px;
    letter-spacing: .35px;
    text-transform: uppercase
}

header.header nav .user-options .user-options-logged-in .logged-in-mobile .user-card:hover .user-card-hover, header.header nav .user-options .user-options-logged-in .logged-in-mobile .user-card:hover:after {
    display: block
}

header.header nav .user-options .user-options-logged-in .logged-in-mobile .deposit {
    min-inline-size: 94px;
    margin: 0 10px
}

header.header nav .user-options .user-options-logged-in .logout {
    font-size: 0
}

header.header nav .user-options .user-options-logged-in .logout span {
    font-size: 20px;
    color: #151518
}

header.header nav .user-options .user-options-logged-in .logout:hover span {
    color: var(--mainGreen)
}

header.header.user-logged-in nav .navbar-wrap .navbar .main-nav .logged-in-mobile {
    display: block;
    padding: 15px
}

header.header.user-logged-in nav .navbar-wrap .navbar .main-nav .logged-in-mobile .user-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-margin-after: 15px;
    margin-block-end: 15px
}

header.header.user-logged-in nav .navbar-wrap .navbar .main-nav .logged-in-mobile .user-card .user-card-head {
    text-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-margin-end: 15px;
    margin-inline-end: 15px
}

header.header.user-logged-in nav .navbar-wrap .navbar .main-nav .logged-in-mobile .user-card .user-card-head .user-avatar {
    vertical-align: top;
    -webkit-margin-after: 5px;
    margin-block-end: 5px
}

header.header.user-logged-in nav .navbar-wrap .navbar .main-nav .logged-in-mobile .user-card .user-card-head .user-progress {
    inline-size: 38px;
    block-size: 3px;
    border-radius: 1.5px;
    background-color: #b8b8b9;
    overflow: hidden
}

header.header.user-logged-in nav .navbar-wrap .navbar .main-nav .logged-in-mobile .user-card .user-card-head .user-progress span {
    display: block;
    block-size: 100%;
    background-color: #f53638
}

header.header.user-logged-in nav .navbar-wrap .navbar .main-nav .logged-in-mobile .user-card .user-card-hover {
    text-align: left
}

header.header.user-logged-in nav .navbar-wrap .navbar .main-nav .logged-in-mobile .user-card .user-card-hover p {
    color: #151518;
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: .46px;
    line-height: normal;
    white-space: nowrap;
    margin: 0
}

header.header.user-logged-in nav .navbar-wrap .navbar .main-nav .logged-in-mobile .user-card .user-card-hover .user-card-pnl {
    -webkit-margin-before: 3px;
    margin-block-start: 3px;
    font-size: 10px;
    letter-spacing: .35px;
    text-transform: uppercase
}

header.header.user-logged-in nav .navbar-wrap .navbar .main-nav .logged-in-mobile .deposit {
    min-inline-size: 94px;
    -webkit-margin-start: 53px;
    margin-inline-start: 53px
}

header.header.user-logged-in nav .user-options .user-options-logged-out {
    display: none
}

header.header.user-logged-in nav .user-options .user-options-logged-in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

header.header.sticky {
    position: fixed;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

@media screen and (min-width: 1000px) {
    header.header.sticky {
        -webkit-padding-before: 25px;
        padding-block-start: 25px;
        -webkit-padding-after: 5px;
        padding-block-end: 5px
    }
}

header.header.sticky.animated {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

header.header:not(.sticky).dark {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent
}

header.header:not(.sticky).dark + .header-placeholder {
    display: none
}

@media screen and (max-width: 999px) {
    header.header:not(.sticky).dark nav .navbar-burger {
        color: #fff
    }
}

header.header:not(.sticky).dark nav .brand-logo .brand-logo-black {
    display: none
}

header.header:not(.sticky).dark nav .brand-logo .brand-logo-white {
    display: block
}


@media screen and (min-width: 1000px) {
    header.header:not(.sticky).dark nav .main-nav .menu-item {
        color: #fff
    }

    header.header:not(.sticky).dark nav .main-nav .menu-item.current-menu-item, header.header:not(.sticky).dark nav .main-nav .menu-item:hover {
        color: var(--mainGreen)
    }

    header.header:not(.sticky).dark nav .main-nav .navbar-dropdown > .menu-item {
        color: #151518
    }

    header.header:not(.sticky).dark nav .main-nav .navbar-dropdown > .menu-item.current-menu-item, header.header:not(.sticky).dark nav .main-nav .navbar-dropdown > .menu-item:hover {
        color: var(--mainGreen)
    }
}

@media screen and (max-width: 999px) {
    header.header:not(.sticky).dark nav .regulation-menu {
        background-color: transparent
    }
}

header.header:not(.sticky).dark nav .regulation-menu .regulation-menu-label {
    color: #fff
}

header.header:not(.sticky).dark nav .regulation-menu .regulation-menu-label:hover {
    color: var(--mainGreen)
}

@media screen and (min-width: 1000px) {
    header.header:not(.sticky).dark nav .lang-switcher > .menu-item {
        color: #fff
    }

    header.header:not(.sticky).dark nav .lang-switcher:hover > .menu-item {
        color: var(--mainGreen)
    }
}

header.header:not(.sticky).dark nav .user-options .user-options-logged-out .login-btn {
    color: #fff
}

header.header:not(.sticky).dark nav .user-options .user-options-logged-out .login:hover {
    color: var(--mainGreen)
}

header.header:not(.sticky).dark nav .user-options .user-options-logged-in .logout span {
    color: #fff
}

header.header:not(.sticky).dark nav .user-options .user-options-logged-in .logout:hover span {
    color: var(--mainGreen)
}

body.admin-bar header.header {
    top: 32px
}

@media only screen and (max-width: 782px) {
    body.admin-bar header.header {
        top: 46px
    }
}

@media screen and (min-width: 1000px) {
    body.rtl .navbar-dropdown {
        left: auto;
        right: 0
    }
}

@media screen and (max-width: 999px) {
    body.rtl .navbar-burger {
        left: auto !important;
        right: 0
    }

    body.rtl .user-options {
        right: auto !important;
        left: 0
    }

    body.rtl .navbar-wrap .navbar {
        -webkit-transform: translate3d(100%, 0, 0) !important;
        transform: translate3d(100%, 0, 0) !important
    }

    body.rtl .navbar-wrap.is-active .navbar {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important
    }

    body.rtl .navbar-dropdown-toggle {
        right: auto !important;
        left: 0
    }
}

.footer {
    background-color: #002766;
    -webkit-padding-before: 50px;
    padding-block-start: 50px;
    -webkit-padding-after: 100px;
    padding-block-end: 100px
}

.footer * {
    color: #fff
}

.footer .container .footer-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-padding-after: 20px;
    padding-block-end: 20px;
    border-bottom: 1px solid #979797
}

@media screen and (max-width: 768px) {
    .footer .container .footer-top {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (max-width: 768px) {
    .footer .container .footer-top .footer-logo {
        inline-size: 100%;
        text-align: center;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -webkit-margin-after: 40px;
        margin-block-end: 40px
    }

    .footer .container .footer-top .footer-logo img {
        vertical-align: top
    }
}

.footer .container .footer-top .footer-menu {
    font-size: 0
}

@media screen and (max-width: 768px) {
    .footer .container .footer-top .footer-menu {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        inline-size: 100%;
        -webkit-margin-after: 20px;
        margin-block-end: 20px
    }
}

.footer .container .footer-top .footer-menu a {
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: .46px;
    line-height: normal;
    background-color: transparent;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.footer .container .footer-top .footer-menu a:hover {
    color: var(--mainGreen)
}

@media screen and (max-width: 768px) {
    .footer .container .footer-top .footer-menu a {
        display: block;
        text-align: center
    }
}

.footer .container .footer-top .socials {
    font-size: 0
}

@media screen and (max-width: 768px) {
    .footer .container .footer-top .socials {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        inline-size: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.footer .container .footer-top .socials li {
    display: inline-block
}

.footer .container .footer-top .socials li a {
    display: inline-block;
    padding: 12px;
    font-size: 0
}

.footer .container .footer-top .socials li a span {
    font-size: 20px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.footer .container .footer-top .socials li a:hover span {
    color: var(--mainGreen)
}

.footer .container .footer-top .footer-awards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-padding-before: 50px;
    padding-block-start: 50px;
    position: relative;
    z-index: 2
}

@media screen and (max-width: 768px) {
    .footer .container .footer-top .footer-awards {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        inline-size: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-margin-after: 60px;
        margin-block-end: 60px
    }
}

.footer .container .footer-top .footer-awards li {
    display: block;
    padding: 0 15px
}

.footer .container .footer-top .footer-awards li .footer-award-img {
    position: relative
}

.footer .container .footer-top .footer-awards li .footer-award-img img {
    max-inline-size: unset;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.footer .container .footer-top .footer-awards li .footer-award-title {
    text-align: center;
    font-size: 10px;
    font-style: normal;
    letter-spacing: .28px;
    line-height: normal;
    margin: 0
}

.footer .container .footer-top .footer-awards li:first-child {
    position: relative;
    z-index: 2
}

.footer .container .footer-top .footer-awards li:first-child .footer-award-img img {
    bottom: -15px
}

.footer .container .footer-bottom {
    -webkit-padding-before: 30px;
    padding-block-start: 30px
}

.footer .container .footer-bottom .footer-disclaimer {
    font-size: 11px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: .06px;
    line-height: 17px;
    margin: 0
}

.sidebar {
    -webkit-border-end: 1px solid #e7e7e7;
    border-inline-end: 1px solid #e7e7e7;
    position: relative;
    z-index: 2
}

@media screen and (max-width: 768px) {
    .sidebar {
        -webkit-padding-before: 8px !important;
        padding-block-start: 8px !important;
        -webkit-padding-after: 8px !important;
        padding-block-end: 8px !important;
        -webkit-padding-start: 0 !important;
        padding-inline-start: 0 !important;
        -webkit-padding-end: 0 !important;
        padding-inline-end: 0 !important;
        position: relative;
        -webkit-border-after: 1px solid #e7e7e7;
        border-block-end: 1px solid #e7e7e7;
        background-color: #fff
    }
}

.left-sidebar-menu li.current_page_item a, .left-sidebar-menu li a:hover {
    font-weight: 700;
    color: #062a4a
}

@media screen and (max-width: 768px) {
    .left-sidebar-menu {
        -webkit-margin-after: 0 !important;
        margin-block-end: 0 !important;
        opacity: 0;
        overflow: hidden
    }

    .left-sidebar-menu.slick-slider {
        -webkit-transition: opacity .3s ease-in-out;
        -o-transition: opacity .3s ease-in-out;
        transition: opacity .3s ease-in-out;
        opacity: 1;
        max-block-size: auto;
        overflow: visible
    }

    .left-sidebar-menu .slick-list .slick-track {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .left-sidebar-menu .slick-list .slick-track .slick-slide {
        block-size: auto
    }

    .left-sidebar-menu li {
        text-align: center;
        -webkit-margin-after: 0 !important;
        margin-block-end: 0 !important;
        -webkit-padding-start: 10px;
        padding-inline-start: 10px;
        -webkit-padding-end: 10px;
        padding-inline-end: 10px
    }
}

.white-shadow-overlay {
    inline-size: 100%;
    block-size: 100%;
    position: absolute;
    top: 0;
    pointer-events: none;
    background-image: -webkit-gradient(linear, right top, left top, from(#fff), color-stop(30%, transparent), color-stop(70%, transparent), to(#fff));
    background-image: -webkit-linear-gradient(right, #fff, transparent 30%, transparent 70%, #fff);
    background-image: -o-linear-gradient(right, #fff 0, transparent 30%, transparent 70%, #fff 100%);
    background-image: linear-gradient(270deg, #fff, transparent 30%, transparent 70%, #fff);
    display: none
}

@media screen and (max-width: 768px) {
    .white-shadow-overlay {
        display: block
    }
}

.blog-sidebar .search-bar {
    width: 100%;
    -webkit-margin-after: 75px;
    margin-block-end: 75px
}

.blog-sidebar .search-bar .autocomplete {
    position: relative;
    display: inline-block;
    margin-top: 50px
}

.blog-sidebar .search-bar .icon {
    top: 7px !important;
    left: 5px !important
}

.blog-sidebar .search-bar input {
    width: 100%;
    height: 50px;
    border: .5px solid #e5e5e5;
    padding: 10px 10px 10px 45px;
    font-size: 13px
}

.blog-sidebar .search-bar ::-webkit-input-placeholder {
    color: #aeb3bb
}

.blog-sidebar .search-bar ::-moz-placeholder {
    color: #aeb3bb
}

.blog-sidebar .search-bar ::-ms-input-placeholder {
    color: #aeb3bb
}

.blog-sidebar .search-bar ::placeholder {
    color: #aeb3bb
}

.blog-sidebar .search-bar .autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-top: none;
    border-bottom: none;
    z-index: 99;
    top: 100%;
    left: 0;
    right: 0
}

.blog-sidebar .search-bar .autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4
}

.blog-sidebar .search-bar .autocomplete-items div:hover {
    background-color: #f1f1f1
}

.blog-sidebar .search-bar .autocomplete-active {
    background-color: #f1f1f1 !important
}

.blog-sidebar .sidebar-box {
    background-color: #f5faff;
    margin-bottom: 50px;
    border-bottom: .5px solid var(--mainGreen)
}

.blog-sidebar .sidebar-box .sidebar-box-title {
    padding: 20px;
    font-size: 18px;
    font-weight: 700;
    margin: 0
}

.blog-sidebar .sidebar-box ul {
    padding: 0 20px 10px;
    margin: 0
}

.blog-sidebar .sidebar-box ul li {
    border-bottom: .5px solid #e5e5e5;
    padding: 15px 0;
    list-style: none
}

.blog-sidebar .sidebar-box ul li a {
    color: #000
}

.blog-sidebar .sidebar-box ul li:last-child {
    border: unset
}

.blog-sidebar .sidebar-box ul li:before {
    content: none
}

.blog-sidebar .sidebar-catagories-list .sidebar-catagorie .sidebar-catagorie-title {
    display: inline;
    font-size: 14px;
    color: #666
}

.blog-sidebar .sidebar-catagories-list .sidebar-catagorie .sidebar-catagorie-title:before {
    content: "\2022";
    padding-right: 5px;
    color: #e5e5e5
}

.blog-sidebar .sidebar-catagories-list .sidebar-catagorie .sidebar-catagorie-posts-amount {
    float: right;
    background-color: var(--mainGreen);
    color: #fff;
    font-size: 12px;
    width: 30px;
    border-radius: 15%;
    text-align: center;
    margin-top: 3px
}

.blog-sidebar .sidebar-posts-list .sidebar-post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.blog-sidebar .sidebar-posts-list .sidebar-post img {
    -o-object-fit: cover;
    object-fit: cover;
    min-width: 100px;
    max-width: 100px;
    height: 100px;
    -webkit-box-shadow: 0 8px 17px -9px rgba(0, 0, 0, .3);
    box-shadow: 0 8px 17px -9px rgba(0, 0, 0, .3)
}

.blog-sidebar .sidebar-posts-list .sidebar-post a {
    color: #000;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.blog-sidebar .sidebar-posts-list .sidebar-post .sidebar-post-details {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    width: 130px
}

.blog-sidebar .sidebar-posts-list .sidebar-post .sidebar-post-details .sidebar-post-title {
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.blog-sidebar .sidebar-posts-list .sidebar-post .sidebar-post-details .sidebar-post-date {
    font-size: 12px;
    color: #666
}

@media screen and (max-width: 768px) {
    .blog-sidebar {
        display: none
    }
}

.collection-container .collections-page.markets-page {
    max-inline-size: 880px;
    margin: 0 auto;
    -webkit-padding-after: 150px;
    padding-block-end: 150px
}

.collection-container .collections-page.markets-page .collection-assets {
    -webkit-padding-before: 110px;
    padding-block-start: 110px;
    -webkit-margin-after: 60px;
    margin-block-end: 60px
}

.collection-container .collections-page.markets-page .collection-assets .circle {
    right: -30px;
    top: -86px
}

.collection-container .collections-page.markets-page .collection-assets .page-subtitle, .collection-container .collections-page.markets-page .collection-assets .page-title {
    max-inline-size: 675px;
    display: block;
    margin: 0 auto
}

.collection-container .collections-page.markets-page .collection-assets .page-title {
    -webkit-margin-after: 10px;
    margin-block-end: 10px
}

.collection-container .collections-page.markets-page .collection-assets .collection-assets-title {
    text-align: left;
    -webkit-margin-before: 80px;
    margin-block-start: 80px;
    -webkit-padding-before: 10px;
    padding-block-start: 10px;
    -webkit-padding-after: 10px;
    padding-block-end: 10px
}

@media screen and (max-width: 768px) {
    .collection-container .collections-page.markets-page .collection-assets .collection-assets-title {
        text-align: center
    }
}

.collection-container .collections-page.markets-page .collection-assets {
    -webkit-margin-before: 0;
    margin-block-start: 0;
    background-image: unset
}

.collection-container .collections-page.markets-page .collection-assets:after {
    display: none
}

.collection-container .collections-page.markets-page .stocks-pillars-section {
    -webkit-margin-after: 60px;
    margin-block-end: 60px
}

.collection-container .collections-page.markets-page .reg-section {
    padding: 0
}

body.rtl .collection-container .collections-page .collection-assets .circle {
    right: unset;
    left: -30px
}

body.home nav.breadcrumb {
    display: none !important
}

.home-hero {
    block-size: 700px;
    position: relative
}

@media screen and (max-width: 999px) {
    .home-hero {
        block-size: 900px
    }
}

.trustpilot-widget {
    bottom: 50px;
    z-index: 10
}

.trustpilot-widget iframe {
    position: absolute !important;
    right: 0;
    left: 0;
    -webkit-margin-start: auto;
    margin-inline-start: auto
}

@media screen and (max-width: 768px) {
    .trustpilot-widget iframe {
        width: 100% !important
    }
}

.home-hero-slider, .home-hero-slider .slick-list, .home-hero-slider .slick-track {
    block-size: 100%
}

.home-hero-slide {
    block-size: 100%;
    position: relative
}

@media screen and (max-width: 768px) {
    .home-hero-slide.bull_mobile .home-hero-slide-bg-mobile {
        background-position: bottom
    }
}

.home-hero-slide-bg, .home-hero-slide-bg-mobile, .home-hero-slide-bg-video {
    block-size: 100%;
    inline-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.home-hero-slide-bg-mobile {
    background-position: top
}

.home-hero-slide-bg-video {
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.home-hero-slide-bg-video iframe {
    inline-size: 101vw;
    block-size: 42.667vw;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media screen and (max-width: 999px) {
    .home-hero-slide-bg-video iframe {
        inline-size: 1488px;
        block-size: 100%
    }
}

.home-hero-slide-bg-video.active {
    opacity: 1
}

.home-hero-slide-overlay {
    position: absolute;
    inline-size: 100%;
    block-size: 100%;
    top: 0;
    left: 0;
    z-index: 2
}

.home-hero-slide-content {
    block-size: 100%;
    position: relative;
    z-index: 3;
    inline-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-padding-before: 104px;
    padding-block-start: 104px
}

@media screen and (min-width: 1192px) {
    .home-hero-slide-content {
        -webkit-padding-after: 64px;
        padding-block-end: 64px
    }
}

@media screen and (max-width: 999px) {
    .home-hero-slide-content {
        -webkit-padding-start: 26px;
        padding-inline-start: 26px;
        -webkit-padding-end: 26px;
        padding-inline-end: 26px;
        -webkit-padding-after: 26px;
        padding-block-end: 26px
    }
}

.home-hero-slide-content .columns .column {
    -webkit-transition: opacity .3s ease-in-out .6s;
    -o-transition: opacity .3s ease-in-out .6s;
    transition: opacity .3s ease-in-out .6s;
    opacity: 0
}

.home-hero-slide-content .columns .column > .button {
    -webkit-margin-before: 2.08333vw;
    margin-block-start: 2.08333vw
}

@media screen and (max-width: 768px) {
    .home-hero-slide-content .columns .column > .button {
        -webkit-margin-before: 30px;
        margin-block-start: 30px
    }
}

@media screen and (min-width: 769px) and (max-width: 999px) {
    .home-hero-slide-content .columns {
        -webkit-margin-start: 0;
        margin-inline-start: 0;
        -webkit-margin-end: 0;
        margin-inline-end: 0
    }
}

.home-hero-slide-content .h1 {
    font-size: 50px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1;
    -webkit-margin-after: 10px;
    margin-block-end: 10px
}

@media screen and (max-width: 768px) {
    .home-hero-slide-content .h1 {
        font-size: 31px;
        line-height: 1.193
    }
}

.home-hero-slide-content .h4, .home-hero-slide-content .stocks-archive-page-content .collection-archive-bg-wrp .stocks-archive .collection-item a span, .stocks-archive-page-content .collection-archive-bg-wrp .stocks-archive .collection-item a .home-hero-slide-content span {
    font-family: Oxygen, sans-serif;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.2;
    max-inline-size: 577px
}

@media screen and (max-width: 768px) {
    .home-hero-slide-content .h4, .home-hero-slide-content .stocks-archive-page-content .collection-archive-bg-wrp .stocks-archive .collection-item a span, .stocks-archive-page-content .collection-archive-bg-wrp .stocks-archive .collection-item a .home-hero-slide-content span {
        max-inline-size: 100%;
        font-size: 20px;
        -webkit-margin-before: 10px;
        margin-block-start: 10px
    }
}

.home-hero-slide-content .medium:not(.home-hero-slide-asterisked) {
    max-inline-size: 170px
}

.home-hero-slide.slick-active .home-hero-slide-content .column {
    opacity: 1
}

.home-hero-timelines-wrap {
    position: absolute;
    z-index: 2;
    inline-size: 100%;
    bottom: 32px
}

.home-hero-timeline-items {
    font-size: 0
}

.home-hero-timeline-item {
    display: inline-block;
    inline-size: 160px;
    -webkit-margin-end: 16px;
    margin-inline-end: 16px;
    cursor: pointer
}

.home-hero-timeline-item p {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #fff;
    font-size: 13px !important
}

.home-hero-timeline-item .home-hero-timeline {
    background-color: #b8b8b9;
    inline-size: 100%;
    block-size: 4px;
    border-radius: 2px;
    position: relative;
    overflow: hidden
}

.home-hero-timeline-item .home-hero-timeline .home-hero-timeline-progress {
    position: absolute;
    top: 0;
    left: 0;
    block-size: 100%;
    inline-size: 0;
    background-color: var(--mainGreen)
}

.home-hero-timeline-item.active .home-hero-timeline-progress {
    inline-size: 100%
}

.home-hero-timeline-item:not(.active) .home-hero-timeline-progress {
    -webkit-transition-property: none !important;
    -o-transition-property: none !important;
    transition-property: none !important
}

.home-hero-timeline-item:hover p {
    color: var(--mainGreen)
}

.home-assets {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0eeee));
    background-image: -webkit-linear-gradient(top, #fff, #f0eeee);
    background-image: -o-linear-gradient(top, #fff 0, #f0eeee 100%);
    background-image: linear-gradient(180deg, #fff, #f0eeee);
    -webkit-padding-before: 80px;
    padding-block-start: 80px;
    -webkit-padding-after: 50px;
    padding-block-end: 50px
}

@media screen and (max-width: 768px) {
    .home-assets {
        -webkit-padding-before: 30px;
        padding-block-start: 30px;
        -webkit-padding-after: 42px;
        padding-block-end: 42px
    }
}

.home-assets .container .home-assets-headline {
    color: var(--mainGreen);
    font-size: 49px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.204;
    text-align: center;
    margin: 0;
    -webkit-margin-after: 14px;
    margin-block-end: 14px
}

@media screen and (max-width: 768px) {
    .home-assets .container .home-assets-headline {
        font-size: 31px;
        line-height: 1.193
    }
}

.home-assets .container .home-assets-description {
    text-align: center;
    max-inline-size: 736px;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 54px;
    margin-block-end: 54px;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto
}

@media screen and (max-width: 768px) {
    .home-assets .container .home-assets-description {
        text-align: left
    }
}

@media screen and (max-width: 768px) {
    .home-assets .container .assets-slider {
        max-inline-size: 280px;
        inline-size: 100%;
        -webkit-margin-start: auto;
        margin-inline-start: auto;
        -webkit-margin-end: auto;
        margin-inline-end: auto
    }

    .home-assets .container .assets-slider .slick-dots {
        margin: 0
    }
}

.home-assets .container .home-assets-btn {
    max-inline-size: 170px;
    -webkit-margin-before: 54px;
    margin-block-start: 54px;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto
}

@media screen and (max-width: 768px) {
    .home-assets .container .home-assets-btn {
        display: none
    }
}

.home-money-management {
    -webkit-margin-before: 123px;
    margin-block-start: 123px;
    -webkit-margin-after: 153px;
    margin-block-end: 153px

}

@media print, screen and (min-width: 769px) {
    .home-money-management {
        -webkit-margin-before: 47px;
        margin-block-start: 47px;
        -webkit-margin-after: 85px;
        margin-block-end: 85px
    }
}

.home-money-management-headline {
    font-size: 31px;
    line-height: 37px;
    color: var(--mainGreen);
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 5px;
    margin-block-end: 5px;
    font-weight: 700
}

@media print, screen and (min-width: 769px) {
    .home-money-management-headline {
        text-align: center;
        font-size: 49px;
        line-height: 59px;
        max-inline-size: 582px;
        -webkit-margin-start: auto;
        margin-inline-start: auto;
        -webkit-margin-end: auto;
        margin-inline-end: auto;
        -webkit-margin-after: 21px;
        margin-block-end: 21px
    }
}

.home-money-management-description {
    -webkit-margin-after: 48px;
    margin-block-end: 48px
}

@media print, screen and (min-width: 769px) {
    .home-money-management-description {
        text-align: center;
        max-inline-size: 600px;
        -webkit-margin-start: auto;
        margin-inline-start: auto;
        -webkit-margin-end: auto;
        margin-inline-end: auto
    }
}

.home-money-management-blocks {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.home-money-management-block-inner {
    -webkit-padding-before: 29px;
    padding-block-start: 29px;
    -webkit-padding-after: 29px;
    padding-block-end: 29px;
    -webkit-padding-start: 16px;
    padding-inline-start: 16px;
    -webkit-padding-end: 16px;
    padding-inline-end: 16px;
    background: -webkit-linear-gradient(239deg, #33353f, #1c1d22);
    background: -o-linear-gradient(239deg, #33353f, #1c1d22);
    background: linear-gradient(211deg, #33353f, #1c1d22);
    -webkit-margin-after: 40px;
    margin-block-end: 40px;
    -webkit-padding-after: 60px;
    padding-block-end: 60px;
    position: relative;
    height: 100%
}

.home-money-management-block-icon {
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.home-money-management-block-icon img {
    max-block-size: 100%;
    inline-size: auto;
    filter: var(--filterGreen)
}

.home-money-management-block-title h3 {
    color: #f8dcdc;
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 5px;
    margin-block-end: 5px
}

.home-money-management-block-description p {
    color: #fff;
    -webkit-margin-after: 0;
    margin-block-end: 0
}

.home-money-management-block-link {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-padding-after: 23px;
    padding-block-end: 23px;
    -webkit-padding-before: 23px;
    padding-block-start: 23px;
    -webkit-padding-end: 11px;
    padding-inline-end: 11px;
    -webkit-padding-start: 11px;
    padding-inline-start: 11px;
    text-align: end
}

.home-money-management-block-link a {
    color: #fff
}

.home-money-management-block-link a:hover {
    color: var(--mainGreen)
}

.home-money-management-block-link a:after {
    content: "\2014"
}

.home-pillars {
    -webkit-padding-before: 130px;
    padding-block-start: 130px;
    -webkit-padding-after: 0;
    padding-block-end: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#151518), to(var(--secondGreen) ));
    background-image: -webkit-linear-gradient(top, #151518, var(--secondGreen) );
    background-image: -o-linear-gradient(top, #151518 0, var(--secondGreen)  100%);
    background-image: linear-gradient(180deg, #151518, var(--secondGreen) )
}

@media screen and (max-width: 768px) {
    .home-pillars {
        -webkit-padding-before: 71px;
        padding-block-start: 71px
    }
}

.home-pillars .container .home-pillars-headline {
    color: #fff;
    font-size: 49px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.204;
    text-align: center;
    margin: 0;
    -webkit-margin-after: 14px;
    margin-block-end: 14px
}

@media screen and (max-width: 768px) {
    .home-pillars .container .home-pillars-headline {
        text-align: start;
        font-size: 31px;
        line-height: 1.193
    }
}

.home-pillars .container .home-pillars-description {
    color: #fff;
    text-align: center;
    max-inline-size: 736px;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 54px;
    margin-block-end: 54px;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto
}

@media screen and (max-width: 768px) {
    .home-pillars .container .home-pillars-description {
        text-align: start
    }
}

.home-pillars .container .home-pillars-cols {
    -webkit-margin-after: 33px;
    margin-block-end: 33px
}

@media screen and (max-width: 768px) {
    .home-pillars .container .home-pillars-cols {
        max-inline-size: 400px;
        -webkit-margin-start: auto;
        margin-inline-start: auto;
        -webkit-margin-end: auto;
        margin-inline-end: auto;
        -webkit-margin-after: 65px;
        margin-block-end: 65px
    }

    .home-pillars .container .home-pillars-cols .slick-track {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .home-pillars .container .home-pillars-cols ul.slick-dots > li button {
        background-color: #151518
    }

    .home-pillars .container .home-pillars-cols ul.slick-dots > li.slick-active button {
        background-color: var(--mainGreen)
    }
}

.home-pillars .container .home-pillars-cols .home-pillar-col {
    -webkit-margin-after: 20px;
    margin-block-end: 20px
}

.home-pillars .container .home-pillars-cols .home-pillar-col .home-pillar {
    display: block;
    background-image: -webkit-linear-gradient(239deg, #33353f, #1c1d22);
    background-image: -o-linear-gradient(239deg, #33353f 0, #1c1d22 100%);
    background-image: linear-gradient(211deg, #33353f, #1c1d22);
    padding: 40px 24px;
    block-size: 100%;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media screen and (max-width: 768px) {
    .home-pillars .container .home-pillars-cols .home-pillar-col .home-pillar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 16px;
        -webkit-padding-start: unset;
        padding-inline-start: unset
    }
}

.home-pillars .container .home-pillars-cols .home-pillar-col .home-pillar:hover {
    opacity: .85
}

.home-pillars .container .home-pillars-cols .home-pillar-col .home-pillar .home-pillar-image {
    block-size: 120px;
    -webkit-margin-after: 14px;
    margin-block-end: 14px;
    text-align: center;
    filter: var(--filterGreen)
}

@media screen and (max-width: 768px) {
    .home-pillars .container .home-pillars-cols .home-pillar-col .home-pillar .home-pillar-image {
        block-size: 90px;
        inline-size: 50%;
        margin: 0
    }
}

.home-pillars .container .home-pillars-cols .home-pillar-col .home-pillar .home-pillar-image img {
    vertical-align: top;
    block-size: 100%;
    inline-size: auto
}

@media screen and (max-width: 768px) {
    .home-pillars .container .home-pillars-cols .home-pillar-col .home-pillar .home-pillar-image img {
        margin: 0 auto
    }
}

@media screen and (max-width: 768px) {
    .home-pillars .container .home-pillars-cols .home-pillar-col .home-pillar .home-pillar-text {
        inline-size: 50%
    }
}

.home-pillars .container .home-pillars-cols .home-pillar-col .home-pillar .home-pillar-text .home-pillar-headline {
    font-family: Oxygen, sans-serif;
    color: #fff;
    font-size: 31px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.193;
    margin: 0
}

@media screen and (max-width: 768px) {
    .home-pillars .container .home-pillars-cols .home-pillar-col .home-pillar .home-pillar-text .home-pillar-headline {
        font-size: 25px
    }
}

.home-pillars .container .home-pillars-cols .home-pillar-col .home-pillar .home-pillar-text .home-pillar-description {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: .56px;
    line-height: 1.5;
    margin: 0;
    -webkit-margin-before: 4px;
    margin-block-start: 4px
}

@media screen and (max-width: 768px) {
    .home-pillars .container .home-pillars-cols .home-pillar-col .home-pillar .home-pillar-text .home-pillar-description {
        font-size: 13px;
        line-height: 1.538
    }
}

@media screen and (max-width: 768px) {
    .home-pillars .container .home-pillars-cols .home-pillar-col {
        -webkit-margin-after: unset;
        margin-block-end: unset
    }

    .home-pillars .container .home-pillars-cols .home-pillar-col:nth-child(2n) .home-pillar {
        -webkit-padding-start: 16px;
        padding-inline-start: 16px;
        -webkit-padding-end: unset;
        padding-inline-end: unset
    }

    .home-pillars .container .home-pillars-cols .home-pillar-col:nth-child(2n) .home-pillar .home-pillar-image {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .home-pillars .container .home-pillars-cols .home-pillar-col:nth-child(2n) .home-pillar .home-pillar-description {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.home-pillars .container .home-pillars-bg {
    text-align: center
}

.home-pillars .container .home-pillars-bg img {
    vertical-align: top
}

.home-advantages {
    -webkit-padding-before: 90px;
    padding-block-start: 90px;
    -webkit-padding-after: 0;
    padding-block-end: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#151518), to(var(--secondGreen) ));
    background-image: -webkit-linear-gradient(top, #151518, var(--secondGreen) );
    background-image: -o-linear-gradient(top, #151518 0, var(--secondGreen)  100%);
    background-image: linear-gradient(180deg, #151518, var(--secondGreen) )
}

@media screen and (max-width: 768px) {
    .home-advantages {
        -webkit-padding-before: 30px;
        padding-block-start: 30px
    }
}

.home-advantages .container .home-advantages-headline {
    color: #fff;
    font-size: 49px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.204;
    text-align: center;
    margin: 0;
    -webkit-margin-after: 14px;
    margin-block-end: 14px
}

@media screen and (max-width: 768px) {
    .home-advantages .container .home-advantages-headline {
        font-size: 31px;
        line-height: 1.193;
        text-align: left
    }
}

.home-advantages .container .home-advantages-description {
    color: #fff;
    text-align: center;
    max-inline-size: 736px;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 82px;
    margin-block-end: 82px;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto
}

@media screen and (max-width: 768px) {
    .home-advantages .container .home-advantages-description {
        text-align: left
    }
}

@media screen and (max-width: 768px) {
    .home-advantages .container .home-advantages-cols .slick-track {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .home-advantages .container .home-advantages-cols ul.slick-dots > li button {
        background-color: #151518
    }

    .home-advantages .container .home-advantages-cols ul.slick-dots > li.slick-active button {
        background-color: var(--mainGreen)
    }
}

.home-advantages .container .home-advantages-cols .home-advantage-col {
    -webkit-margin-after: 20px;
    margin-block-end: 20px
}

@media screen and (max-width: 768px) {
    .home-advantages .container .home-advantages-cols .home-advantage-col {
        -webkit-margin-after: 0;
        margin-block-end: 0;
        height: unset
    }
}

.home-advantages .container .home-advantages-cols .home-advantage-col .home-advantage {
    background-image: -webkit-linear-gradient(239deg, #33353f, #1c1d22);
    background-image: -o-linear-gradient(239deg, #33353f 0, #1c1d22 100%);
    background-image: linear-gradient(211deg, #33353f, #1c1d22);
    padding: 40px 24px;
    block-size: 100%
}

.home-advantages .container .home-advantages-cols .home-advantage-col .home-advantage .home-advantage-headline {
    font-family: Oxygen, sans-serif;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: .88px;
    line-height: normal;
    margin: 0;
    position: relative;
    -webkit-padding-end: 40px;
    padding-inline-end: 40px
}

.home-advantages .container .home-advantages-cols .home-advantage-col .home-advantage .home-advantage-headline img {
    block-size: 20px;
    inline-size: auto;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.home-advantages .container .home-advantages-cols .home-advantage-col .home-advantage .home-advantage-description {
    color: #fff;
    margin: 0;
    -webkit-margin-before: 20px;
    margin-block-start: 20px
}

.home-advantages .container .home-advantages-bg {
    -webkit-margin-before: 80px;
    margin-block-start: 80px;
    text-align: center
}

.home-advantages .container .home-advantages-bg img {
    vertical-align: top
}

.home-benefits {
    background-color: #fafafa;
    -webkit-padding-before: 130px;
    padding-block-start: 130px;
    -webkit-padding-after: 80px;
    padding-block-end: 80px;
    position: relative;
    min-block-size: 970px
}

@media screen and (max-width: 768px) {
    .home-benefits {
        -webkit-padding-before: 30px;
        padding-block-start: 30px;
        -webkit-padding-after: 74px;
        padding-block-end: 74px;
        min-block-size: unset
    }
}

.home-benefits .container {
    position: relative;
    z-index: 2
}

@media screen and (min-width: 1192px) {
    .home-benefits .container:not(.is-max-desktop):not(.is-max-widescreen) {
        max-inline-size: 900px
    }
}

.home-benefits .container .home-benefits-headline {
    color: var(--mainGreen);
    font-size: 49px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.204;
    text-align: center;
    margin: 0;
    -webkit-margin-after: 60px;
    margin-block-end: 60px
}

@media screen and (max-width: 768px) {
    .home-benefits .container .home-benefits-headline {
        font-size: 31px;
        line-height: 1.193;
        text-align: left;
        -webkit-margin-after: 23px;
        margin-block-end: 23px
    }
}

@media screen and (max-width: 768px) {
    .home-benefits .container .home-benefits-cols .home-benefit-col {
        padding: 2px 10px
    }
}

.home-benefits .container .home-benefits-cols .home-benefit-col .home-benefit {
    border: 1px solid #f1efef;
    background-color: #fff;
    block-size: 100%;
    min-block-size: 226px;
    padding: 30px 24px
}

@media screen and (max-width: 768px) {
    .home-benefits .container .home-benefits-cols .home-benefit-col .home-benefit {
        min-block-size: unset;
        block-size: auto;
        padding: 11px 20px
    }

    .home-benefits .container .home-benefits-cols .home-benefit-col .home-benefit.active .home-benefit-text {
        opacity: 1
    }
}

.home-benefits .container .home-benefits-cols .home-benefit-col .home-benefit .home-benefit-headline {
    color: #112f56;
    font-weight: 700;
    font-style: normal;
    line-height: normal;
    margin: 0
}

@media screen and (max-width: 768px) {
    .home-benefits .container .home-benefits-cols .home-benefit-col .home-benefit .home-benefit-headline {
        color: #09294a;
        font-family: Oxygen, sans-serif;
        font-size: 20px;
        font-style: normal;
        letter-spacing: .71px;
        line-height: 1.2
    }
}

@media screen and (max-width: 768px) {
    .home-benefits .container .home-benefits-cols .home-benefit-col .home-benefit .home-benefit-text {
        overflow: hidden;
        max-block-size: 0;
        opacity: 0;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
}

.home-benefits .container .home-benefits-cols .home-benefit-col .home-benefit .home-benefit-text .home-benefit-description {
    color: #000;
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: .46px;
    line-height: 1.538;
    margin: 0;
    -webkit-margin-before: 8px;
    margin-block-start: 8px
}

.home-benefits .container .home-benefits-btn {
    max-inline-size: 170px;
    -webkit-margin-before: 54px;
    margin-block-start: 54px;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto
}

.home-benefits-icons-left, .home-benefits-icons-right {
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.home-benefits-icons-left .home-benefits-icon, .home-benefits-icons-right .home-benefits-icon {
    position: absolute;
    -webkit-box-shadow: 0 8px 40px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 8px 40px 0 rgba(0, 0, 0, .5);
    -webkit-transform: scale(.3);
    -o-transform: scale(.3);
    transform: scale(.3);
    opacity: 0
}

.home-benefits-icons-left .home-benefits-icon.active, .home-benefits-icons-right .home-benefits-icon.active {
    -webkit-animation-name: home-benefit-icons-animation;
    -o-animation-name: home-benefit-icons-animation;
    animation-name: home-benefit-icons-animation;
    -webkit-animation-duration: .8s;
    -o-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.home-benefits-icons-left .home-benefits-icon img, .home-benefits-icons-right .home-benefits-icon img {
    vertical-align: top
}

@-webkit-keyframes home-benefit-icons-animation {
    0% {
        -webkit-transform: scale(.3);
        transform: scale(.3);
        opacity: 0
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-o-keyframes home-benefit-icons-animation {
    0% {
        -o-transform: scale(.3);
        transform: scale(.3);
        opacity: 0
    }
    50% {
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
    to {
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes home-benefit-icons-animation {
    0% {
        -webkit-transform: scale(.3);
        -o-transform: scale(.3);
        transform: scale(.3);
        opacity: 0
    }
    50% {
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
    to {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.home-benefits-icons-left {
    inline-size: 284px;
    block-size: 523px;
    left: -10px
}

.home-benefits-icons-left .home-benefits-icon-ibm {
    left: 19px;
    top: 0
}

.home-benefits-icons-left .home-benefits-icon-google {
    right: 0;
    top: 96px
}

.home-benefits-icons-left .home-benefits-icon-ferrari {
    left: 40px;
    top: 194px
}

.home-benefits-icons-left .home-benefits-icon-apple {
    right: 25px;
    bottom: 79px
}

.home-benefits-icons-left .home-benefits-icon-bmw {
    left: 5px;
    bottom: 0
}

.home-benefits-icons-right {
    inline-size: 278px;
    block-size: 451px;
    right: -30px
}

.home-benefits-icons-right .home-benefits-icon-coca-cola {
    right: 30px;
    top: 0
}

.home-benefits-icons-right .home-benefits-icon-american-express {
    left: 15px;
    top: 73px
}

.home-benefits-icons-right .home-benefits-icon-nvidia {
    right: 0;
    top: 165px
}

.home-benefits-icons-right .home-benefits-icon-intel {
    left: 0;
    bottom: 97px
}

.home-benefits-icons-right .home-benefits-icon-amazon {
    right: 13px;
    bottom: 0
}

.home-steps {
    background-color: #151518;
    -webkit-padding-before: 55px;
    padding-block-start: 55px;
    -webkit-padding-after: 100px;
    padding-block-end: 100px
}

@media screen and (max-width: 768px) {
    .home-steps {
        -webkit-padding-after: 195px;
        padding-block-end: 195px
    }
}

@media screen and (min-width: 1192px) {
    .home-steps .container:not(.is-max-desktop):not(.is-max-widescreen) {
        max-inline-size: 1000px
    }
}

.home-steps .container .home-steps-headline {
    color: #fff;
    font-size: 49px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.204;
    text-align: center;
    margin: 0;
    -webkit-margin-after: 70px;
    margin-block-end: 70px
}

@media screen and (max-width: 768px) {
    .home-steps .container .home-steps-headline {
        font-size: 31px;
        font-weight: 400;
        line-height: 1.2;
        text-align: left;
        -webkit-margin-after: 50px;
        margin-block-end: 50px
    }
}

.home-steps .container .home-steps-cols {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.home-steps .container .home-steps-cols .home-steps-img-col .home-steps-slider .home-steps-slide img {
    max-inline-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto
}

.home-steps .container .home-steps-cols .home-steps-text-col .home-steps-items {
    list-style: none;
    margin: 0
}

.home-steps .container .home-steps-cols .home-steps-text-col .home-steps-items .home-step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    -webkit-padding-after: 100px;
    padding-block-end: 100px;
    -webkit-margin-after: unset;
    margin-block-end: unset;
    position: relative;
    cursor: pointer
}

.home-steps .container .home-steps-cols .home-steps-text-col .home-steps-items .home-step:before {
    display: none
}

.home-steps .container .home-steps-cols .home-steps-text-col .home-steps-items .home-step:after {
    content: "";
    display: block;
    inline-size: 1px;
    background-color: #cfcfd0;
    position: absolute;
    left: 40px;
    top: 100px;
    bottom: 20px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.home-steps .container .home-steps-cols .home-steps-text-col .home-steps-items .home-step:last-child {
    -webkit-padding-after: unset;
    padding-block-end: unset
}

.home-steps .container .home-steps-cols .home-steps-text-col .home-steps-items .home-step:last-child:after {
    display: none
}

@media screen and (max-width: 768px) {
    .home-steps .container .home-steps-cols .home-steps-text-col .home-steps-items .home-step {
        -webkit-padding-after: 80px;
        padding-block-end: 80px
    }
}

.home-steps .container .home-steps-cols .home-steps-text-col .home-steps-items .home-step .home-step-count {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    inline-size: 80px;
    block-size: 80px;
    border-radius: 2px;
    background-color: #d9dbdd;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.home-steps .container .home-steps-cols .home-steps-text-col .home-steps-items .home-step .home-step-count span {
    font-size: 70px;
    font-weight: 700;
    color: #fff;
    line-height: .8;
    position: relative;
    right: -3px
}

.home-steps .container .home-steps-cols .home-steps-text-col .home-steps-items .home-step .home-step-text {
    -webkit-padding-start: 20px;
    padding-inline-start: 20px
}

.home-steps .container .home-steps-cols .home-steps-text-col .home-steps-items .home-step .home-step-text .home-step-headline {
    color: var(--mainGreen);
    font-family: Oxygen, sans-serif;
    font-size: 25px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.2;
    margin: 0
}

.home-steps .container .home-steps-cols .home-steps-text-col .home-steps-items .home-step .home-step-text .home-step-description {
    color: #fff;
    margin: 0;
    -webkit-margin-before: 10px;
    margin-block-start: 10px
}

.home-steps .container .home-steps-cols .home-steps-text-col .home-steps-items .home-step.active .home-step-count, .home-steps .container .home-steps-cols .home-steps-text-col .home-steps-items .home-step.active:after {
    background-color: var(--mainGreen)
}

.home-steps .container .home-steps-btn {
    max-inline-size: 170px;
    -webkit-margin-before: 54px;
    margin-block-start: 54px;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto
}

.home-steps .container .home-steps-btn p {
    color: #fff
}

section.global-broker {
    position: relative;
    background: url("/assets/a53c129ee51d3134.jpg");
    background-size: cover;
    background-position: bottom;
    text-align: center;
    padding: 100px 24px 15vw
}

section.global-broker .headline, section.global-broker .sub_headline {
    color: #fff;
    font-family: Oxygen, sans-serif
}

section.global-broker .headline {
    font-size: 49px;
    margin: 8px 0 0
}

section.global-broker .sub_headline {
    margin: 0;
    font-size: 39px;
    font-weight: 400
}

section.global-broker .btn {
    display: inline-block;
    margin-top: 24px;
    background-color: var(--mainGreen);
    font-size: 16px;
    color: #fff;
    padding: 16px 32px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border-radius: 4px
}

section.global-broker .btn:hover {
    background-color: var(--secondGreen) ;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

section.global-broker .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

section.global-broker .list {
    width: 50%;
    padding: 92px 12px 0;
    display: grid;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    row-gap: 8px;
    grid-template-columns:1fr 1fr
}

section.global-broker .list__el {
    min-height: 90px;
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    font-family: Oxygen, sans-serif
}

section.global-broker .list__el:before {
    content: "";
    height: 20px;
    width: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    border-radius: 10px;
    background-color: var(--mainGreen);
    margin-top: 4px
}

section.global-broker .img__data {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: auto
}

section.global-broker .content {
    position: relative;
    z-index: 2
}

@media screen and (max-width: 768px) {
    section.global-broker {
        padding: 24px 12px;
        background: #151518
    }

    section.global-broker .sub_headline {
        margin-bottom: 24px
    }

    section.global-broker .list {
        width: 100%;
        padding: 48px 24px 0;
        grid-template-columns:1fr
    }

    section.global-broker .list__el {
        min-height: 78px
    }

    section.global-broker .img__data {
        width: 100%;
        height: 606px;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: -220vw 0;
        object-position: -220vw 0
    }

    section.global-broker .content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 220px
    }

    section.global-broker .content .btn {
        margin-top: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media print, screen and (min-width: 769px) {
    section.global-broker .list {
        padding: 48px 12px;
        grid-template-columns:1fr
    }

    section.global-broker .list__el {
        min-height: 60px
    }
}

@media screen and (min-width: 1000px) {
    section.global-broker .list {
        padding: 92px 12px 0;
        grid-template-columns:1fr 1fr
    }

    section.global-broker .list__el {
        min-height: 90px
    }
}

@media screen and (max-width: 768px) {
    .acc-types-headline {
        -webkit-margin-before: 24px !important;
        margin-block-start: 24px !important;
        -webkit-margin-after: 24px !important;
        margin-block-end: 24px !important
    }
}

.acc-types-headline h1 {
    font-size: 3.8125rem;
    color: var(--mainGreen);
    text-align: center
}

@media print, screen and (min-width: 769px) {
    .acc-types-table {
        -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .5);
        box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .5);
        border-radius: 8px;
        background-color: #fff
    }
}

@media screen and (max-width: 768px) {
    .acc-types-table {
        -webkit-padding-before: 88px !important;
        padding-block-start: 88px !important;
        -webkit-padding-after: 24px !important;
        padding-block-end: 24px !important
    }
}

.acc-types-table .columns {
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0
}

@media screen and (max-width: 768px) {
    .acc-types-table .columns .slick-list {
        overflow: visible
    }
}

.acc-types-table .columns .column {
    -webkit-padding-before: 0;
    padding-block-start: 0;
    -webkit-padding-after: 0;
    padding-block-end: 0;
    outline: none;
    max-inline-size: 16.66666666666667%;
    display: none
}

.acc-types-table .columns .column.active {
    display: block
}

@media screen and (min-width: 1000px) and (max-width: 1191px) {
    .acc-types-table .columns .column {
        min-inline-size: 33.333%;
        -webkit-margin-after: 32px;
        margin-block-end: 32px
    }
}

@media screen and (min-width: 769px) and (max-width: 999px) {
    .acc-types-table .columns .column {
        min-inline-size: 33.333%;
        -webkit-margin-after: 32px;
        margin-block-end: 32px
    }
}

@media print, screen and (min-width: 769px) {
    .acc-types-table .columns .column:not(:last-child) {
        -webkit-border-end: 1px solid #d0d0d1;
        border-inline-end: 1px solid #d0d0d1
    }
}

@media screen and (max-width: 768px) {
    .acc-types-table .columns .column {
        -webkit-padding-start: 4px;
        padding-inline-start: 4px;
        -webkit-padding-end: 4px;
        padding-inline-end: 4px;
        position: relative;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all ease-in-out .3s;
        transition: all .3s ease-in-out;
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    .acc-types-table .columns .column.slick-center {
        -webkit-transform: translateY(-64px);
        -o-transform: translateY(-64px);
        transform: translateY(-64px)
    }
}

@media screen and (max-width: 768px) {
    .acc-types-table .columns .acc-types-table-col {
        -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .5);
        box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .5);
        border-radius: 8px;
        background-color: #fff;
        -webkit-padding-before: 32px;
        padding-block-start: 32px;
        -webkit-padding-after: 32px;
        padding-block-end: 32px;
        -webkit-padding-start: 32px;
        padding-inline-start: 32px;
        -webkit-padding-end: 32px;
        padding-inline-end: 32px
    }
}

.acc-types-table .columns .h4, .acc-types-table .columns .stocks-archive-page-content .collection-archive-bg-wrp .stocks-archive .collection-item a span, .stocks-archive-page-content .collection-archive-bg-wrp .stocks-archive .collection-item a .acc-types-table .columns span {
    inline-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-border-after: 4px solid transparent;
    border-block-end: 4px solid transparent
}

@media screen and (min-width: 1000px) {
    .acc-types-table .columns .acc-types-table-text {
        -webkit-padding-start: 8px;
        padding-inline-start: 8px;
        -webkit-padding-end: 8px;
        padding-inline-end: 8px
    }
}

.acc-types-table .columns .acc-types-table-text .button {
    min-block-size: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: normal;
    padding: 10px
}

.acc-types-table .acc_types_text {
    -webkit-margin-before: 20px;
    margin-block-start: 20px;
    -webkit-padding-start: 15px;
    padding-inline-start: 15px;
    -webkit-padding-end: 15px;
    padding-inline-end: 15px;
    font-size: 12px
}

.acc-types-table .acc_types_text a, .acc-types-table .acc_types_text p, .acc-types-table .acc_types_text span {
    font-size: 12px
}

@media screen and (max-width: 768px) {
    .acc-types-steps {
        -webkit-margin-before: 24px;
        margin-block-start: 24px;
        -webkit-margin-after: 32px;
        margin-block-end: 32px;
        text-align: left !important;
        -webkit-padding-start: 64px;
        padding-inline-start: 64px;
        -webkit-padding-end: 24px;
        padding-inline-end: 24px;
        position: relative
    }

    .acc-types-steps:before {
        content: "";
        display: block;
        position: absolute;
        top: 27px;
        left: 15px;
        right: 15px;
        bottom: 0;
        border-top-left-radius: 40px;
        border-bottom-left-radius: 40px;
        border: 3px solid var(--mainGreen);
        border-inline-end-width: 0;
        z-index: -1
    }
}

.acc-types-steps-top {
    -webkit-margin-after: 64px !important;
    margin-block-end: 64px !important
}

@media screen and (max-width: 768px) {
    .acc-types-steps-top {
        -webkit-margin-after: 32px !important;
        margin-block-end: 32px !important
    }

    .acc-types-steps-top h2 {
        display: none;
        color: var(--mainGreen)
    }

    .acc-types-steps-top .h5 {
        font-size: 1.5rem;
        max-inline-size: 230px;
        background-color: #fff;
        line-height: 1.5;
        -webkit-padding-start: 16px;
        padding-inline-start: 16px;
        -webkit-padding-end: 16px;
        padding-inline-end: 16px;
        position: relative;
        left: -16px
    }
}

@media print, screen and (min-width: 769px) {
    .acc-types-steps-cols {
        max-inline-size: 990px;
        -webkit-margin-before: 0;
        margin-block-start: 0;
        -webkit-margin-after: 0;
        margin-block-end: 0;
        -webkit-margin-start: auto;
        margin-inline-start: auto;
        -webkit-margin-end: auto;
        margin-inline-end: auto
    }
}

@media screen and (max-width: 768px) {
    .acc-types-steps-cols {
        -webkit-padding-after: 24px;
        padding-block-end: 24px
    }
}

.acc-types-steps-col {
    position: relative;
    -webkit-margin-after: 32px;
    margin-block-end: 32px
}

@media print, screen and (min-width: 769px) {
    .acc-types-steps-col {
        max-inline-size: 280px;
        -webkit-margin-start: auto;
        margin-inline-start: auto;
        -webkit-margin-end: auto;
        margin-inline-end: auto
    }
}

@media screen and (max-width: 768px) {
    .acc-types-steps-col {
        -webkit-margin-after: 24px;
        margin-block-end: 24px
    }
}

.acc-types-steps-col-img {
    -webkit-margin-after: 8px;
    margin-block-end: 8px;
    position: relative
}

.acc-types-steps-col-img img {
    vertical-align: top;
    block-size: 60px;
    -o-object-fit: cover;
    object-fit: cover;
    filter: var(--filterGreenBlue);
}

.acc-types-steps-col-img span {
    position: absolute;
    inline-size: 100%;
    block-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 2;
    top: 0;
    left: 0;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    font-weight: 700
}

@media screen and (max-width: 768px) {
    .acc-types-steps-col-img {
        position: absolute;
        top: -40px;
        left: -60px;
        inline-size: 32px;
        background-color: #fff;
        -webkit-margin-after: 0;
        margin-block-end: 0;
        -webkit-padding-before: 16px;
        padding-block-start: 16px;
        -webkit-padding-after: 16px;
        padding-block-end: 16px
    }
}

.acc-types-steps-cols .column:not(:last-child) .acc-types-steps-col-img:after {
    content: "";
    display: block;
    inline-size: 100%;
    block-size: 1px;
    position: absolute;
    background-color: var(--mainGreen);
    top: 37px;
    left: 50%;
    -webkit-margin-start: 20px;
    margin-inline-start: 20px
}

@media screen and (max-width: 768px) {
    .acc-types-steps-cols .column:not(:last-child) .acc-types-steps-col-img:after {
        display: none
    }
}

.acc-types-steps-col-title {
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 8px;
    margin-block-end: 8px
}

.acc-types-steps-mobile-start {
    display: none
}

@media screen and (max-width: 768px) {
    .acc-types-steps-mobile-start {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: #fff;
        -webkit-padding-start: 32px;
        padding-inline-start: 32px;
        -webkit-padding-end: 48px;
        padding-inline-end: 48px;
        position: absolute;
        right: 0;
        bottom: -12px
    }

    .acc-types-steps-mobile-start a {
        color: #151518;
        max-inline-size: 180px
    }

    .acc-types-steps-mobile-start img {
        -webkit-margin-start: 8px;
        margin-inline-start: 8px
    }
}

.acc-types-access {
    background-color: #e7e7e7;
    -webkit-padding-before: 50px;
    padding-block-start: 50px
}

@media screen and (max-width: 768px) {
    .acc-types-access {
        -webkit-padding-before: 24px;
        padding-block-start: 24px;
        -webkit-padding-start: 32px;
        padding-inline-start: 32px;
        -webkit-padding-end: 32px;
        padding-inline-end: 32px
    }
}

.acc-types-access .access-description {
    margin-bottom: 50px
}

@media screen and (max-width: 768px) {
    .acc-types-access-text {
        -webkit-padding-after: 64px;
        padding-block-end: 64px
    }

    .acc-types-access-img {
        -webkit-margin-after: 24px;
        margin-block-end: 24px
    }

    .acc-types-access-benefit {
        -webkit-margin-after: 0 !important;
        margin-block-end: 0 !important
    }
}

.acc-types-access-benefits ul.slick-dots > li {
    -webkit-padding-start: 2px !important;
    padding-inline-start: 2px !important;
    -webkit-padding-end: 2px;
    padding-inline-end: 2px
}

.acc-types-access-benefits ul.slick-dots > li button {
    block-size: 14px;
    inline-size: 14px;
    background-color: #91d5ff
}

.acc-types-access-benefits ul.slick-dots > li.slick-active button {
    background-color: var(--mainGreen)
}

.acc-types-faq {
    -webkit-margin-before: 132px;
    margin-block-start: 132px;
    -webkit-margin-after: 132px;
    margin-block-end: 132px
}

@media screen and (max-width: 768px) {
    .acc-types-faq {
        -webkit-margin-before: 64px;
        margin-block-start: 64px;
        -webkit-margin-after: 64px;
        margin-block-end: 64px;
        -webkit-padding-start: 24px;
        padding-inline-start: 24px;
        -webkit-padding-end: 24px;
        padding-inline-end: 24px
    }

    .acc-types-faq h2 {
        -webkit-margin-after: 16px !important;
        margin-block-end: 16px !important
    }
}

body.rtl .acc-types-steps-cols .column:not(:last-child) .acc-types-steps-col-img:after {
    left: unset;
    right: 50%
}

body.rtl .acc-types-steps-mobile-start img {
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

body.rtl .acc-types-steps-col-img {
    left: unset;
    right: -60px
}

.tabs.platform-tabs ul {
    display: block
}

.tabs.platform-tabs ul li {
    float: left;
    margin: 0 !important
}

.tabs.platform-tabs ul li:before {
    content: none !important
}

.tabs.platform-tabs ul li.is-active {
    float: left
}

.tabs.platform-tabs ul li.is-active a {
    color: #17132f
}

.tabs.platform-tabs ul li.disable {
    float: right
}

.tabs.platform-tabs ul li a {
    font-weight: 700;
    font-size: 16px;
    border: 1px solid #e2dfdf;
    border-bottom: none;
    opacity: .8
}

@media screen and (max-width: 768px) {
    .tabs.platform-tabs ul li a {
        padding: 5px;
        font-size: 13px
    }
}

@media screen and (max-width: 768px) {
    .tabs.platform-tabs ul li {
        padding: 3px
    }
}

@media screen and (max-width: 768px) {
    body.template-what-is .what-is-section {
        padding: 0 24px
    }
}

body.template-what-is .what-content-col {
    padding: 0 8vw;
    -webkit-padding-after: 280px;
    padding-block-end: 280px
}

@media screen and (max-width: 768px) {
    body.template-what-is .what-content-col {
        -webkit-padding-start: 10px;
        padding-inline-start: 10px;
        -webkit-padding-end: 10px;
        padding-inline-end: 10px;
        -webkit-padding-before: 0 !important;
        padding-block-start: 0 !important;
        -webkit-padding-after: 200px;
        padding-block-end: 200px
    }
}

body.template-what-is .what-content-col .what-content-overflow {
    overflow: hidden;
    max-block-size: 100vh;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

body.template-what-is .what-content-col .what-content-overflow:after {
    content: "";
    display: block;
    inline-size: 100%;
    block-size: 100px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 93%, 0)), to(#fff));
    background-image: -webkit-linear-gradient(top, hsla(0, 0%, 93%, 0), #fff);
    background-image: -o-linear-gradient(top, hsla(0, 0%, 93%, 0) 0, #fff 100%);
    background-image: linear-gradient(180deg, hsla(0, 0%, 93%, 0), #fff);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 1
}

body.template-what-is .what-content-col .what-content-overflow h1 {
    color: var(--mainGreen);
    font-size: 61px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 73/61;
    margin: 0;
    -webkit-margin-after: 10px;
    margin-block-end: 10px;
    text-align: center
}

@media screen and (max-width: 768px) {
    body.template-what-is .what-content-col .what-content-overflow h1 {
        font-size: 31px;
        line-height: 37/31
    }
}

body.template-what-is .what-content-col .what-content-overflow h2 {
    color: #002766;
    font-size: 49px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 59/49;
    margin: 0;
    -webkit-margin-before: 75px;
    margin-block-start: 75px;
    -webkit-margin-after: 25px;
    margin-block-end: 25px
}

@media screen and (max-width: 768px) {
    body.template-what-is .what-content-col .what-content-overflow h2 {
        font-size: 25px;
        line-height: 30/25
    }
}

body.template-what-is .what-content-col .what-content-overflow h3 {
    color: #002766;
    font-size: 31px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 37/31;
    margin: 0;
    -webkit-margin-before: 55px;
    margin-block-start: 55px;
    -webkit-margin-after: 18px;
    margin-block-end: 18px
}

@media screen and (max-width: 768px) {
    body.template-what-is .what-content-col .what-content-overflow h3 {
        font-size: 20px;
        line-height: 1.2
    }
}

body.template-what-is .what-content-col .what-content-overflow .wp-block-embed {
    margin: 50px 0
}

@media screen and (max-width: 768px) {
    body.template-what-is .what-content-col .what-content-overflow .wp-block-embed {
        margin: 16px 0
    }
}

body.template-what-is .what-content-col .what-content-overflow .wp-block-embed .wp-block-embed__wrapper {
    position: relative;
    -webkit-padding-before: 56%;
    padding-block-start: 56%
}

body.template-what-is .what-content-col .what-content-overflow .wp-block-embed .wp-block-embed__wrapper iframe {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    position: absolute;
    top: 0;
    left: 0
}

body.template-what-is .what-content-col .what-content-overflow.active:after {
    opacity: 0
}

body.template-what-is .what-content-col .what-content-toggle {
    -webkit-margin-before: 25px;
    margin-block-start: 25px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media screen and (max-width: 768px) {
    body.template-what-is .what-content-col .what-content-toggle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-margin-start: auto;
        margin-inline-start: auto;
        -webkit-margin-end: auto;
        margin-inline-end: auto
    }
}

.markets-page h1 {
    color: var(--mainGreen);
    font-weight: 700;
    font-size: 61px
}

@media screen and (max-width: 768px) {
    .markets-page h1 {
        font-size: 31px
    }
}

.markets-page h2 {
    color: var(--mainGreen);
    font-size: 49px
}

.markets-page section {
    position: relative
}

@media screen and (max-width: 768px) {
    .markets-page section {
        -webkit-margin-before: 50px;
        margin-block-start: 50px
    }
}

.markets-page .market-assets-section {
    text-align: center;
    padding: 0 50px
}

.markets-page .market-assets-section .assets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-inline-size: 900px;
    -webkit-margin-before: 50px;
    margin-block-start: 50px;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto
}

.markets-page .market-assets-section .assets .asset-card {
    -webkit-margin-after: 20px;
    margin-block-end: 20px;
    text-align: left
}

@media screen and (max-width: 768px) {
    .markets-page .market-assets-section {
        -webkit-padding-start: 0;
        padding-inline-start: 0;
        -webkit-padding-end: 0;
        padding-inline-end: 0
    }

    .markets-page .market-assets-section .page-title {
        -webkit-padding-start: 15px;
        padding-inline-start: 15px;
        -webkit-padding-end: 15px;
        padding-inline-end: 15px
    }

    .markets-page .market-assets-section .assets-slider {
        -webkit-margin-start: 0;
        margin-inline-start: 0;
        -webkit-margin-end: 0;
        margin-inline-end: 0;
        -webkit-margin-before: 15px !important;
        margin-block-start: 15px !important;
        -webkit-margin-after: 15px !important;
        margin-block-end: 15px !important
    }

    .markets-page .market-assets-section p {
        padding: 0 20px
    }
}

.markets-page .market-commission-section {
    text-align: center;
    padding: 0 50px
}

.markets-page .market-commission-section h2 {
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-padding-after: 0;
    padding-block-end: 0
}

@media screen and (max-width: 768px) {
    .markets-page .market-commission-section h2 {
        font-size: 3rem;
        text-align: left
    }
}

@media screen and (max-width: 768px) {
    .markets-page .market-commission-section .h5 {
        text-align: left
    }
}

.markets-page .market-commission-section .underbutton-text {
    margin: 0 auto;
    max-inline-size: 170px
}

.markets-page .market-commission-section .img-section {
    -webkit-margin-before: 60px;
    margin-block-start: 60px;
    -webkit-margin-after: 40px;
    margin-block-end: 40px
}

@media screen and (max-width: 768px) {
    .markets-page .market-commission-section .img-section {
        -webkit-margin-before: 20px;
        margin-block-start: 20px;
        -webkit-margin-after: 20px;
        margin-block-end: 20px
    }
}

.markets-page .market-commission-section .img-section .is-8-desktop {
    position: relative
}

.markets-page .market-commission-section .img-section .is-8-desktop .circle {
    inline-size: 470px;
    block-size: 470px;
    border-radius: 50%;
    background: var(--mainGreen);
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media screen and (max-width: 999px) {
    .markets-page .market-commission-section .img-section .is-8-desktop .circle {
        display: none
    }
}

.markets-page .market-commission-section .img-section .stocks-left, .markets-page .market-commission-section .img-section .stocks-right {
    position: absolute;
    inline-size: 200px;
    block-size: 400px;
    left: 140px;
    top: 230px
}

@media screen and (max-width: 999px) {
    .markets-page .market-commission-section .img-section .stocks-left, .markets-page .market-commission-section .img-section .stocks-right {
        display: none
    }
}

.markets-page .market-commission-section .img-section .stocks-left .markets-icon, .markets-page .market-commission-section .img-section .stocks-right .markets-icon {
    inline-size: 74px;
    block-size: 74px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-box-shadow: 0 8px 40px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 8px 40px 0 rgba(0, 0, 0, .5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    -webkit-transform: scale(.3);
    -o-transform: scale(.3);
    transform: scale(.3);
    opacity: 0
}

.markets-page .market-commission-section .img-section .stocks-left .markets-icon.markets-icon-small, .markets-page .market-commission-section .img-section .stocks-right .markets-icon.markets-icon-small {
    inline-size: 50px;
    block-size: 50px
}

.markets-page .market-commission-section .img-section .stocks-left .markets-icon.active, .markets-page .market-commission-section .img-section .stocks-right .markets-icon.active {
    -webkit-animation-name: home-benefit-icons-animation;
    -o-animation-name: home-benefit-icons-animation;
    animation-name: home-benefit-icons-animation;
    -webkit-animation-duration: .8s;
    -o-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.markets-page .market-commission-section .img-section .stocks-left .markets-icon-facebook, .markets-page .market-commission-section .img-section .stocks-right .markets-icon-facebook {
    right: 80px;
    top: 260px
}

.markets-page .market-commission-section .img-section .stocks-left .markets-icon-hp, .markets-page .market-commission-section .img-section .stocks-right .markets-icon-hp {
    right: 0;
    top: 330px
}

.markets-page .market-commission-section .img-section .stocks-left .markets-icon-mastercard, .markets-page .market-commission-section .img-section .stocks-right .markets-icon-mastercard {
    right: 55px;
    top: 380px
}

.markets-page .market-commission-section .img-section .stocks-left .markets-icon-microsoft, .markets-page .market-commission-section .img-section .stocks-right .markets-icon-microsoft {
    right: 80px;
    top: 0
}

.markets-page .market-commission-section .img-section .stocks-left .markets-icon-amazon, .markets-page .market-commission-section .img-section .stocks-right .markets-icon-amazon {
    right: 150px;
    top: 30px
}

.markets-page .market-commission-section .img-section .stocks-left .markets-icon-netflix, .markets-page .market-commission-section .img-section .stocks-right .markets-icon-netflix {
    right: 90px;
    top: 110px
}

.markets-page .market-commission-section .img-section .stocks-right {
    position: absolute;
    inline-size: 200px;
    block-size: 400px;
    right: 95px;
    left: auto;
    top: 290px
}

.markets-page .market-commission-section .commission-description {
    -webkit-margin-before: 30px;
    margin-block-start: 30px;
    -webkit-margin-after: 40px;
    margin-block-end: 40px;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto;
    max-inline-size: 780px
}

.markets-page .market-commission-section .commission-description p {
    -webkit-margin-after: 0;
    margin-block-end: 0
}

.markets-page .market-about {
    -webkit-padding-before: 100px;
    padding-block-start: 100px;
    -webkit-padding-after: 400px;
    padding-block-end: 400px;
    -webkit-padding-start: 50px;
    padding-inline-start: 50px;
    -webkit-padding-end: 50px;
    padding-inline-end: 50px
}

@media screen and (max-width: 768px) {
    .markets-page .market-about {
        padding: 0 0 400px
    }
}

.markets-page .market-about .about-box {
    position: relative;
    max-inline-size: 880px;
    background-image: -webkit-linear-gradient(226deg, #33353f, #1c1d22);
    background-image: -o-linear-gradient(226deg, #33353f 0, #1c1d22 100%);
    background-image: linear-gradient(224deg, #33353f, #1c1d22);
    color: #fff;
    padding: 50px
}

@media screen and (max-width: 768px) {
    .markets-page .market-about .about-box {
        padding: 40px;
        border-radius: unset
    }
}

.markets-page .market-about .about-box .about-contents {
    inline-size: 70%
}

@media screen and (max-width: 768px) {
    .markets-page .market-about .about-box .about-contents {
        inline-size: unset
    }
}

.markets-page .market-about .about-box .about-contents .content h2 {
    color: #fff;
    font-size: 49px
}

@media screen and (max-width: 768px) {
    .markets-page .market-about .about-box .about-contents .content h2 {
        font-size: 25px
    }
}

.markets-page .market-about .about-box .nav-arrows .slick-arrow {
    font-size: 40px;
    color: var(--mainGreen);
    cursor: pointer
}

.markets-page .market-about .about-box img {
    position: absolute;
    right: -250px;
    bottom: -400px
}

@media screen and (max-width: 768px) {
    .markets-page .market-about .about-box img {
        max-width: unset;
        right: -100px;
        width: 150%;
        bottom: -420px
    }
}

.markets-page .trade-features-section:before {
    inline-size: 100vw;
    top: 0;
    left: 0
}

@media screen and (max-width: 768px) {
    .markets-page .trade-features-section:before {
        inline-size: 100%;
        background-color: unset
    }
}

.markets-page .trade-features-section p {
    margin: 0
}

.markets-page .market-faq-section {
    padding: 50px
}

@media screen and (max-width: 768px) {
    .markets-page .market-faq-section {
        background-color: #fafafa
    }
}

@media screen and (max-width: 768px) {
    .markets-page .market-faq-section h2 {
        font-size: 25px
    }
}

.markets-page .market-faq-section .questions-list {
    -webkit-margin-start: 50px;
    margin-inline-start: 50px
}

@media screen and (max-width: 768px) {
    .markets-page .market-faq-section .questions-list {
        -webkit-margin-start: unset;
        margin-inline-start: unset
    }
}

.markets-page .reg-section {
    background-color: #fff;
    -webkit-padding-before: 40px;
    padding-block-start: 40px;
    -webkit-padding-after: 96px;
    padding-block-end: 96px;
    -webkit-padding-start: 40px;
    padding-inline-start: 40px;
    -webkit-padding-end: 40px;
    padding-inline-end: 40px;
    margin: 0
}

@media screen and (max-width: 768px) {
    .markets-page .reg-section {
        background-color: #fafafa
    }
}

.markets-page .reg-section .container {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media screen and (max-width: 768px) {
    .markets-page .reg-section .container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.markets-page .reg-section .container h2 {
    text-align: start;
    font-size: 49px
}

@media screen and (max-width: 768px) {
    .markets-page .reg-section .container h2 {
        text-align: center;
        font-size: 25px
    }
}

body.rtl .question-content .circle-plus .circle-item .horizontal {
    left: 25%
}

body.rtl .markets-page .market-about .about-box img {
    left: -250px;
    right: auto
}

.markets-page.markets-stocks .what-content-col {
    -webkit-padding-before: 0 !important;
    padding-block-start: 0 !important
}

.markets-page.markets-stocks .market-commission-section {
    -webkit-margin-before: 0;
    margin-block-start: 0;
    padding: 0
}

.markets-page.markets-stocks .market-commission-section > .columns {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.markets-page.markets-stocks .market-commission-section .title_section {
    position: relative;
    text-align: left
}

.markets-page.markets-stocks .market-commission-section .title_section h1 {
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-padding-before: 0;
    padding-block-start: 0;
    color: var(--mainGreen);
    font-weight: 700
}

@media screen and (max-width: 768px) {
    .markets-page.markets-stocks .market-commission-section .title_section h1 {
        font-size: 2.5rem
    }
}

.markets-page.markets-stocks .market-commission-section .title_section p {
    max-inline-size: 500px
}

.markets-page.markets-stocks .market-commission-section .img-section {
    max-block-size: 417px;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    position: relative
}

.markets-page.markets-stocks .market-commission-section .img-section .columns {
    max-block-size: 100%
}

.markets-page.markets-stocks .market-commission-section .img-section .columns .circle {
    inline-size: 325px;
    block-size: 325px
}

@media screen and (max-width: 768px) {
    .markets-page.markets-stocks .market-commission-section .img-section .columns .circle {
        display: block
    }
}

.markets-page.markets-stocks .market-commission-section .img-section .columns img {
    max-block-size: 407px
}

.markets-page.markets-stocks .market-commission-section .img-section .columns .stocks-right {
    right: auto;
    left: auto;
    top: auto
}

.markets-page.markets-stocks .market-commission-section .img-section .columns .stocks-left {
    left: -65px;
    top: 0
}

.markets-page.markets-stocks .market-commission-section .img-section .columns .markets-icon {
    max-inline-size: 55px;
    max-block-size: 55px
}

.markets-page.markets-stocks .market-commission-section .img-section .columns .markets-icon.markets-icon-microsoft {
    max-inline-size: 34px;
    max-block-size: 34px
}

.markets-page.markets-stocks .market-commission-section .img-section .columns .markets-icon.markets-icon-microsoft img {
    max-inline-size: 15px;
    max-block-size: 15px
}

.markets-page.markets-stocks .market-commission-section .img-section .columns .markets-icon-facebook {
    right: 57px;
    top: 200px
}

.markets-page.markets-stocks .market-commission-section .img-section .columns .markets-icon-hp {
    right: 0;
    top: 242px
}

.markets-page.markets-stocks .market-commission-section .img-section .columns .markets-icon-mastercard {
    right: 55px;
    top: 280px
}

.markets-page.markets-stocks .market-commission-section .img-section .columns .markets-icon-microsoft {
    right: 149px;
    top: 0
}

.markets-page.markets-stocks .market-commission-section .img-section .columns .markets-icon-amazon {
    right: 185px;
    top: 30px
}

.markets-page.markets-stocks .market-commission-section .img-section .columns .markets-icon-netflix {
    right: 134px;
    top: 75px
}

.markets-page.markets-stocks .market-assets-section {
    position: relative;
    -webkit-margin-before: 100px;
    margin-block-start: 100px;
    -webkit-margin-after: 100px;
    margin-block-end: 100px
}

.markets-page.markets-stocks .market-assets-section, .markets-page.markets-stocks .market-assets-section:after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#fff));
    background-image: -webkit-linear-gradient(top, #e7e7e7, #fff);
    background-image: -o-linear-gradient(top, #e7e7e7 0, #fff 100%);
    background-image: linear-gradient(180deg, #e7e7e7, #fff)
}

.markets-page.markets-stocks .market-assets-section:after {
    content: "";
    position: absolute;
    top: 0;
    width: 100vw;
    left: 50%;
    right: 50%;
    -webkit-margin-start: -50vw;
    margin-inline-start: -50vw;
    -webkit-margin-end: -50vw;
    margin-inline-end: -50vw;
    block-size: 100%;
    z-index: -1
}

.markets-page.markets-stocks .market-assets-section .assets_header {
    text-align: initial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-margin-after: 60px;
    margin-block-end: 60px
}

.markets-page.markets-stocks .market-assets-section .assets_header .assets_header_text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px
}

@media screen and (max-width: 768px) {
    .markets-page.markets-stocks .market-assets-section .assets_header .assets_header_text {
        text-align: center
    }
}

@media screen and (max-width: 768px) {
    .markets-page.markets-stocks .market-assets-section .assets_header .assets_header_text p {
        padding: 0 20px
    }
}

.markets-page.markets-stocks .market-assets-section .assets_header .assets_heade_button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 768px) {
    .markets-page.markets-stocks .market-assets-section .assets_header .assets_heade_button {
        display: none
    }
}

.markets-page.markets-stocks .market-assets-section .assets_bot_button {
    display: none
}

@media screen and (max-width: 768px) {
    .markets-page.markets-stocks .market-assets-section .assets_bot_button {
        display: block
    }
}

.markets-page.markets-stocks .market-assets-section .assets_bot_button a {
    display: inline-block !important;
    -webkit-margin-after: 55px;
    margin-block-end: 55px
}

.markets-page.markets-stocks .market-assets-section .assets_bot_button:not(last-child) {
    border-bottom: 1px solid #969696
}

.markets-page.markets-stocks .market-assets-section .assets-slider {
    margin: -30px;
    -webkit-margin-after: 80px;
    margin-block-end: 80px;
    margin-inline: auto;
    max-inline-size: 1000px
}

.markets-page.markets-stocks .market-assets-section .assets-slider .slick-slide .assets-slide > a {
    display: inline-block;
    inline-size: 100%
}

.markets-page.markets-stocks .market-assets-section .assets-slider .slick-slide .assets-slide > a .asset-card {
    -webkit-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 8px 10px 0 rgba(0, 0, 0, .2);
    max-inline-size: 340px;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0
}

@media screen and (max-width: 768px) {
    .markets-page.markets-stocks .market-assets-section .assets-slider {
        -webkit-margin-start: auto;
        margin-inline-start: auto;
        -webkit-margin-end: auto;
        margin-inline-end: auto
    }
}

.markets-page.markets-stocks .market-assets-section .assets_modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    inline-size: 100%;
    block-size: 100%;
    background-color: rgba(0, 0, 0, .6);
    z-index: 9999998
}

.markets-page.markets-stocks .market-assets-section .assets_modal .steps_wrp {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .5);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid var(--mainGreen);
    max-inline-size: 980px;
    inline-size: 100%;
    z-index: 9999999;
    background-color: #d8d8d8;
    max-block-size: 90vh
}

@media screen and (max-width: 768px) {
    .markets-page.markets-stocks .market-assets-section .assets_modal .steps_wrp {
        inline-size: calc(100% - 20px);
        overflow-y: scroll
    }
}

.markets-page.markets-stocks .market-assets-section .assets_modal .acc-types-steps {
    -webkit-padding-start: 60px;
    padding-inline-start: 60px;
    -webkit-padding-end: 60px;
    padding-inline-end: 60px;
    -webkit-padding-after: 30px;
    padding-block-end: 30px;
    margin: 0
}

.markets-page.markets-stocks .market-assets-section .assets_modal .acc-types-steps .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    block-size: 60px;
    inline-size: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    overflow: hidden
}

.markets-page.markets-stocks .market-assets-section .assets_modal .acc-types-steps .close:before {
    content: "\E90D";
    font-family: icomoon;
    display: block;
    font-size: 14px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: absolute;
    top: 7px;
    right: 7px;
    z-index: 1
}

.markets-page.markets-stocks .market-assets-section .assets_modal .acc-types-steps .close:before:hover {
    background-color: var(--mainGreen)
}

.markets-page.markets-stocks .market-assets-section .assets_modal .acc-types-steps .close:after {
    content: "";
    inline-size: 150%;
    block-size: 150%;
    border-radius: 50%;
    right: -75%;
    position: absolute;
    top: -75%;
    background-color: var(--mainGreen)
}

.markets-page.markets-stocks .market-assets-section .assets_modal .acc-types-steps .acc-types-steps-top {
    -webkit-margin-after: 0 !important;
    margin-block-end: 0 !important;
    -webkit-margin-before: 0 !important;
    margin-block-start: 0 !important;
    background-color: #fff;
    position: relative
}

.markets-page.markets-stocks .market-assets-section .assets_modal .acc-types-steps .acc-types-steps-top:after {
    content: "";
    position: absolute;
    top: 0;
    right: -50px;
    inline-size: 50px;
    block-size: 100%;
    background-color: #fff;
    border-top-right-radius: 10px
}

.markets-page.markets-stocks .market-assets-section .assets_modal .acc-types-steps .acc-types-steps-top:before {
    content: "";
    position: absolute;
    top: 0;
    left: -50px;
    inline-size: 50px;
    block-size: 100%;
    background-color: #fff;
    border-top-left-radius: 10px
}

.markets-page.markets-stocks .market-assets-section .assets_modal .acc-types-steps .acc-types-steps-top > div {
    padding: 0 !important
}

.markets-page.markets-stocks .market-assets-section .assets_modal .acc-types-steps .acc-types-steps-top .image {
    display: inline-block;
    -webkit-margin-before: -60px;
    margin-block-start: -60px
}

.markets-page.markets-stocks .market-assets-section .assets_modal .acc-types-steps .acc-types-steps-top .image img {
    max-block-size: 360px;
    -o-object-fit: contain;
    object-fit: contain
}

.markets-page.markets-stocks .market-assets-section .assets_modal .acc-types-steps .acc-types-steps-top h2 {
    text-align: left
}

@media screen and (max-width: 768px) {
    .markets-page.markets-stocks .market-assets-section .assets_modal .acc-types-steps .acc-types-steps-top {
        background-color: #fff;
        -webkit-margin-after: 40px !important;
        margin-block-end: 40px !important;
        z-index: 1
    }

    .markets-page.markets-stocks .market-assets-section .assets_modal .acc-types-steps .acc-types-steps-top h2 {
        display: block;
        max-inline-size: 72%;
        margin: 0 auto
    }

    .markets-page.markets-stocks .market-assets-section .assets_modal .acc-types-steps .acc-types-steps-top .image {
        display: none
    }
}

.markets-page.markets-stocks .market-assets-section .assets_modal .acc-types-steps .acc-types-steps-cols {
    -webkit-margin-before: -48px;
    margin-block-start: -48px
}

@media screen and (max-width: 768px) {
    .markets-page.markets-stocks .market-assets-section .assets_modal .acc-types-steps .acc-types-steps-cols {
        -webkit-margin-before: 0;
        margin-block-start: 0;
        -webkit-margin-start: 20px;
        margin-inline-start: 20px;
        -webkit-margin-end: 20px;
        margin-inline-end: 20px;
        z-index: 2;
        position: relative
    }
}

@media screen and (max-width: 768px) {
    .markets-page.markets-stocks .market-assets-section .assets_modal .acc-types-steps {
        -webkit-padding-after: 100px;
        padding-block-end: 100px
    }

    .markets-page.markets-stocks .market-assets-section .assets_modal .acc-types-steps .acc-types-steps-col-img {
        background-color: #d8d8d8;
        padding: 0;
        -webkit-margin-after: 15px;
        margin-block-end: 15px;
        -webkit-margin-before: 15px;
        margin-block-start: 15px;
        left: -65px
    }

    .markets-page.markets-stocks .market-assets-section .assets_modal .acc-types-steps:before {
        left: 40px;
        bottom: 70px;
        max-inline-size: 30%;
        top: 65px;
        z-index: 2;
        border-top: none
    }

    .markets-page.markets-stocks .market-assets-section .assets_modal .acc-types-steps .acc-types-steps-mobile-start {
        right: 5%;
        bottom: 40px;
        background-color: var(--mainGreen);
        z-index: 3
    }

    .markets-page.markets-stocks .market-assets-section .assets_modal .acc-types-steps .acc-types-steps-mobile-start a {
        color: #fff
    }
}

.markets-page.markets-stocks .stocks-pillars-section {
    max-inline-size: 880px;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto;
    -webkit-margin-after: 50px;
    margin-block-end: 50px;
    -webkit-padding-start: 15px;
    padding-inline-start: 15px;
    -webkit-padding-end: 16px;
    padding-inline-end: 16px
}

.markets-page.markets-stocks .stocks-pillars-section h3 {
    font-size: 25px;
    color: #09294a;
    text-align: center;
    -webkit-margin-after: 55px;
    margin-block-end: 55px
}

.markets-page.markets-stocks .stocks-pillars-section .home-pillars-col .home-pillar-image {
    -webkit-margin-after: 20px;
    margin-block-end: 20px
}

@media screen and (max-width: 768px) {
    .markets-page.markets-stocks .stocks-pillars-section .home-pillars-col {
        inline-size: 100%
    }

    .markets-page.markets-stocks .stocks-pillars-section .home-pillars-col p {
        font-size: 1rem
    }
}

body.rtl .markets-page.markets-stocks .market-commission-section .img-section .columns .column .stocks-left {
    position: relative;
    left: unset;
    right: -85px
}

body.rtl .markets-page.markets-stocks .market-commission-section .img-section .columns .markets-icon-facebook {
    left: 57px;
    right: unset;
    top: 200px
}

body.rtl .markets-page.markets-stocks .market-commission-section .img-section .columns .markets-icon-hp {
    left: 0;
    right: unset;
    top: 242px
}

body.rtl .markets-page.markets-stocks .market-commission-section .img-section .columns .markets-icon-mastercard {
    left: 55px;
    right: unset;
    top: 280px
}

body.rtl .markets-page.markets-stocks .market-commission-section .img-section .columns .markets-icon-microsoft {
    left: 149px;
    right: unset;
    top: 0
}

body.rtl .markets-page.markets-stocks .market-commission-section .img-section .columns .markets-icon-amazon {
    left: 185px;
    right: unset;
    top: 30px
}

body.rtl .markets-page.markets-stocks .market-commission-section .img-section .columns .markets-icon-netflix {
    left: 134px;
    right: unset;
    top: 75px
}

body.rtl .markets-page.markets-stocks .market-assets-section .assets_modal .acc-types-steps:before {
    right: 40px;
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px
}

body.rtl .markets-page.markets-stocks .market-assets-section .assets_modal .acc-types-steps .acc-types-steps-col p, body.rtl .markets-page.markets-stocks .market-assets-section .assets_modal .acc-types-steps .acc-types-steps-top h2 {
    text-align: right
}

body.rtl .markets-page.markets-stocks .market-assets-section .assets_modal .acc-types-steps .acc-types-steps-mobile-start {
    right: unset;
    left: 5%
}

.stocks-archive-page-content .market-commission-section {
    position: relative;
    z-index: 2;
    -webkit-margin-before: 70px !important;
    margin-block-start: 70px !important;
    -webkit-padding-end: 0;
    padding-inline-end: 0
}

@media screen and (max-width: 768px) {
    .stocks-archive-page-content .market-commission-section {
        -webkit-margin-before: 20px !important;
        margin-block-start: 20px !important
    }
}

.stocks-archive-page-content .market-commission-section .title_section {
    -webkit-padding-after: 10px;
    padding-block-end: 10px;
    max-inline-size: unset !important;
    -webkit-margin-after: 100px;
    margin-block-end: 100px
}

@media screen and (max-width: 768px) {
    .stocks-archive-page-content .market-commission-section .title_section {
        -webkit-margin-after: 0;
        margin-block-end: 0
    }
}

.stocks-archive-page-content .market-commission-section .img-section {
    -webkit-margin-after: -45px !important;
    margin-block-end: -45px !important
}

@media screen and (max-width: 768px) {
    .stocks-archive-page-content .market-commission-section .img-section {
        -webkit-margin-after: 0 !important;
        margin-block-end: 0 !important
    }
}

@media screen and (max-width: 768px) {
    .stocks-archive-page-content .market-commission-section {
        -webkit-padding-start: 25px !important;
        padding-inline-start: 25px !important;
        -webkit-padding-end: 25px !important;
        padding-inline-end: 25px !important
    }
}

.stocks-archive-page-content .collection-archive-bg-wrp {
    position: relative;
    z-index: 1;
    -webkit-padding-before: 45px;
    padding-block-start: 45px
}

.stocks-archive-page-content .collection-archive-bg-wrp, .stocks-archive-page-content .collection-archive-bg-wrp:after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#fff));
    background-image: -webkit-linear-gradient(top, #e7e7e7, #fff);
    background-image: -o-linear-gradient(top, #e7e7e7 0, #fff 100%);
    background-image: linear-gradient(180deg, #e7e7e7, #fff)
}

.stocks-archive-page-content .collection-archive-bg-wrp:after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    inline-size: 100%;
    block-size: 100%
}

@media screen and (max-width: 768px) {
    .stocks-archive-page-content .collection-archive-bg-wrp {
        background-image: unset
    }

    .stocks-archive-page-content .collection-archive-bg-wrp:after {
        display: none
    }
}

.stocks-archive-page-content .collection-archive-bg-wrp .stocks-archive {
    -webkit-padding-after: 0;
    padding-block-end: 0;
    -webkit-padding-before: 0;
    padding-block-start: 0;
    -webkit-padding-start: 50px;
    padding-inline-start: 50px;
    -webkit-padding-end: 50px;
    padding-inline-end: 50px
}

.stocks-archive-page-content .collection-archive-bg-wrp .stocks-archive .collection-item {
    min-block-size: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    display: inline-block;
    inline-size: 100%;
    border-radius: 10px;
    position: relative
}

.stocks-archive-page-content .collection-archive-bg-wrp .stocks-archive .collection-item a {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    inline-size: 100%;
    block-size: 100%
}

.stocks-archive-page-content .collection-archive-bg-wrp .stocks-archive .collection-item a span {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px;
    color: #fff;
    background-color: #000;
    inline-size: 100%;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.stocks-archive-page-content .collection-archive-bg-wrp .stocks-archive .collection-item a:hover span {
    color: var(--mainGreen)
}

@media screen and (max-width: 768px) {
    .stocks-archive-page-content .collection-archive-bg-wrp .stocks-archive {
        -webkit-padding-start: 25px !important;
        padding-inline-start: 25px !important;
        -webkit-padding-end: 25px !important;
        padding-inline-end: 25px !important
    }
}

.stocks-archive-page-content .collection-archive-bg-wrp .stocks-pillars-section {
    -webkit-margin-after: 50px;
    margin-block-end: 50px;
    max-inline-size: 880px;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto
}

body.rtl .stocks-archive-page-content .market-commission-section .title_section h2, body.rtl .stocks-archive-page-content .market-commission-section .title_section p {
    text-align: right
}

body.rtl .stocks-archive-page-content .collection-archive-bg-wrp:after {
    left: -100%
}

.contact-us-page {
    -webkit-padding-before: 50px;
    padding-block-start: 50px;
    -webkit-padding-after: 50px;
    padding-block-end: 50px
}

@media screen and (max-width: 768px) {
    .contact-us-page .container {
        -webkit-padding-start: 20px;
        padding-inline-start: 20px;
        -webkit-padding-end: 20px;
        padding-inline-end: 20px
    }
}

@media screen and (max-width: 768px) {
    .contact-us-page .box {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.contact-us-page h1 {
    color: var(--mainGreen)
}

.contact-us-page .sub-title {
    font-size: 16px;
    max-inline-size: 750px;
    line-height: normal
}

.contact-us-page .contact-box {
    -webkit-margin-before: 50px;
    margin-block-start: 50px;
    -webkit-margin-after: 50px;
    margin-block-end: 50px;
    -webkit-padding-before: 0;
    padding-block-start: 0;
    -webkit-padding-after: 0;
    padding-block-end: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    -webkit-padding-end: 0;
    padding-inline-end: 0
}

.contact-us-page .contact-box .contact-form-wrapper {
    -webkit-padding-start: 64px;
    padding-inline-start: 64px;
    -webkit-padding-end: 64px;
    padding-inline-end: 64px
}

@media screen and (max-width: 768px) {
    .contact-us-page .contact-box .contact-form-wrapper {
        -webkit-padding-before: 0;
        padding-block-start: 0;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        -webkit-padding-start: 0;
        padding-inline-start: 0;
        -webkit-padding-end: 0;
        padding-inline-end: 0
    }
}

.contact-us-page .contact-box .contact-form-wrapper .contact-form-title {
    -webkit-padding-before: 20px;
    padding-block-start: 20px
}

.contact-us-page .contact-box .contact-form-wrapper .contact-form-title img {
    display: inline-block;
    -webkit-padding-end: 10px;
    padding-inline-end: 10px;
    vertical-align: middle
}

.contact-us-page .contact-box .contact-form-wrapper .contact-form-title h3 {
    display: inline-block;
    vertical-align: middle
}

@media screen and (max-width: 768px) {
    .contact-us-page .contact-box .contact-form-wrapper .contact-us-form-top .form-input {
        inline-size: 100%
    }
}

@media screen and (max-width: 768px) {
    .contact-us-page .contact-box .contact-form-wrapper .contact-us-page .contact-box .contact-form-wrapper .contact-us-upload-box div.ub-upload-box .ub-title {
        inline-size: 90%
    }
}

.contact-us-page .contact-box .contact-form-wrapper .contact-us-upload-box div.ub-upload-box, .contact-us-page .contact-box .contact-form-wrapper .form-input .form-input-select, .contact-us-page .contact-box .contact-form-wrapper .form-input .form-input-text, .contact-us-page .contact-box .contact-form-wrapper .form-input .form-input-textarea {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #737374
}

.contact-us-page .contact-box .contact-form-wrapper .contact-us-upload-box {
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0
}

.contact-us-page .contact-box .contact-form-wrapper .contact-us-page {
    -webkit-padding-before: 0;
    padding-block-start: 0;
    -webkit-padding-after: 0;
    padding-block-end: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    -webkit-padding-end: 0;
    padding-inline-end: 0
}

.contact-us-page .contact-box .contact-form-wrapper .contact-us-page .theme-large-headline, .contact-us-page .contact-box .contact-form-wrapper .contact-us-page .theme-small-headline, .contact-us-page .contact-box .contact-form-wrapper .contact-us-page .theme-subtitle {
    display: none
}

.contact-us-page .contact-box .contact-form-wrapper .brand-button.button-width-small {
    inline-size: 160px;
    block-size: 50px
}

@media screen and (max-width: 768px) {
    .contact-us-page .contact-box .contact-form-wrapper .brand-button.button-width-small {
        inline-size: 100%;
        -webkit-margin-after: 20px;
        margin-block-end: 20px
    }
}

.contact-us-page .contact-box .contact-form-wrapper .contact-us-upload-box div.ub-upload-box .ub-upload-item .ub-upload-item-icon-plus {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAAXNSR0IB2cksfwAAACFQTFRFAAAAUlJSgoKCm5ubg4ODfHx8kpKSVVVVioqKaGhobGxsD53wEQAAAAt0Uk5TAB/2//bv/lf7wM+8yCuhAAAAYElEQVR4nGNgAAIhRQYoYFQ2EoAyhYyNFWGCziZQYSETYUNniHCwI7OBiCmYGSLAbMDoCtXHbAAzjGimE4zpxGAMJFkcgIQxmAkGuJjJBRAWuwXDZGMosGTgaoawLCYAAMH0DnojKP7+AAAAAElFTkSuQmCC") 50% no-repeat;
    border: none;
    block-size: 21px;
    inline-size: 21px
}

.contact-us-page .contact-box .contact-form-wrapper :after, .contact-us-page .contact-box .contact-form-wrapper :before {
    background: transparent !important
}

.contact-us-page .contact-box .contact-form-wrapper .contact-us-upload-box div.ub-upload-box .ub-title {
    display: inline-block;
    -webkit-margin-after: 0;
    margin-block-end: 0
}

.contact-us-page .contact-box .contact-form-wrapper .contact-us-upload-box div.ub-upload-box.is-empty .ub-upload-item.is-plus {
    display: inline-block;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    -webkit-padding-end: 20px;
    padding-inline-end: 20px;
    inline-size: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.contact-us-page .contact-box .contact-info {
    background-color: #062a4a;
    color: #fff;
    -webkit-padding-before: 20px;
    padding-block-start: 20px;
    -webkit-padding-after: 20px;
    padding-block-end: 20px;
    -webkit-padding-start: 20px;
    padding-inline-start: 20px;
    -webkit-padding-end: 20px;
    padding-inline-end: 20px;
    overflow: hidden
}

.contact-us-page .contact-box .contact-info .contact-info-title {
    font-size: .8rem
}

.contact-us-page .contact-box .contact-info .contact-info-value {
    font-weight: 700
}

.contact-us-page .contact-box .contact-info .contact-info-value a {
    color: #fff
}

.contact-us-page .contact-box .contact-info .contact-info-value a:hover {
    color: var(--mainGreen)
}

.contact-us-page .contact-box .contact-info svg {
    fill: var(--mainGreen);
    inline-size: 425px
}

@media screen and (max-width: 768px) {
    .contact-us-page .contact-box .contact-info svg {
        max-inline-size: 281px;
        max-block-size: 240px;
        right: -55px;
        float: right;
        position: relative
    }
}

@media screen and (max-width: 768px) {
    .contact-us-page, .contact-us-page .contact-box {
        -webkit-padding-before: 0;
        padding-block-start: 0
    }
}

body.rtl .contact-us-upload-box div.ub-upload-box.is-empty .ub-upload-item.is-plus {
    right: unset !important;
    left: 0
}

.platform-page h1 {
    font-weight: 700;
    font-size: 61px
}

@media screen and (max-width: 768px) {
    .platform-page h1 {
        font-size: 30px
    }
}

.platform-page h2 {
    max-inline-size: 800px;
    margin: 35px auto;
    color: var(--mainGreen);
    font-weight: 700;
    text-align: center;
    font-size: 40px
}

@media screen and (max-width: 768px) {
    .platform-page h2 {
        font-size: 25px
    }
}

.platform-page section:not(.header-section):not(.trade-robot-section) {
    padding: 100px 0
}

@media screen and (max-width: 768px) {
    .platform-page section:not(.header-section):not(.trade-robot-section) {
        padding-inline: 20px
    }
}

.platform-page .app-download-section {
    background-color: #fafafa;
    block-size: 100px;
    padding: 20px
}

@media screen and (max-width: 768px) {
    .platform-page .app-download-section {
        display: none
    }
}

.platform-page .app-download-section .app-downloads {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.platform-page .app-download-section .app-downloads a img {
    inline-size: 145px;
    block-size: 45px;
    background-size: cover;
    -webkit-margin-start: 10px;
    margin-inline-start: 10px;
    vertical-align: middle
}

.platform-page .available-on-section {
    text-align: center
}

.platform-page .available-on-section .browsers img {
    padding: 5px
}

.platform-page .platform-features-section {
    background-color: #fafafa
}

@media screen and (max-width: 768px) {
    .platform-page .platform-features-section {
        padding: 250px 20px 100px !important
    }
}

.platform-page .platform-features-section .platform-image-wrapper {
    max-width: 800px;
    margin: auto
}

.platform-page .platform-features-section .platform-image-wrapper .platform-image {
    padding: 0 40px
}

@media screen and (max-width: 768px) {
    .platform-page .platform-features-section .platform-image-wrapper .platform-image {
        padding: 0;
        display: none
    }
}

.platform-page .platform-features-section .platform-image-wrapper .mobile-platform-image {
    display: none
}

@media screen and (max-width: 768px) {
    .platform-page .platform-features-section .platform-image-wrapper .mobile-platform-image {
        display: block
    }
}

.platform-page .platform-features-section .platform-image-wrapper .platform-video {
    border: 2px solid var(--mainGreen);
    border-radius: 5px;
    margin: 40px 0;
    -webkit-box-shadow: 0 6px 24px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 6px 24px 0 rgba(0, 0, 0, .5)
}

@media screen and (max-width: 768px) {
    .platform-page .platform-features-section .platform-image-wrapper .platform-video {
        inline-size: 80vw;
        block-size: 45vw;
        margin: 0
    }
}

.platform-page .platform-features-section .platform-image-wrapper p, .platform-page .platform-features-section .platform-image-wrapper strong {
    font-size: 12px
}

.platform-page .platform-features-section .platform-features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 768px) {
    .platform-page .platform-features-section .platform-features {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.platform-page .platform-features-section .platform-features .platform-feature {
    background-color: #fff;
    border: 1px solid #f1efef;
    padding: 25px;
    inline-size: 280px;
    min-block-size: 270px;
    text-align: start
}

@media screen and (max-width: 768px) {
    .platform-page .platform-features-section .platform-features .platform-feature {
        inline-size: unset
    }
}

.platform-page .platform-features-section .platform-features .platform-feature img {
    max-inline-size: 70px
}

@media screen and (max-width: 768px) {
    .platform-page .platform-features-section .platform-features .platform-feature img {
        margin: auto
    }
}

.platform-page .platform-features-section .platform-features .platform-feature p {
    margin: 0
}

@media screen and (max-width: 768px) {
    .platform-page .platform-features-section .platform-features .platform-feature p {
        text-align: center
    }
}

.platform-page .platform-features-section .platform-features .platform-feature .platform-feature-title {
    font-weight: 700;
    -webkit-margin-after: 5px;
    margin-block-end: 5px;
    -webkit-margin-before: 10px;
    margin-block-start: 10px;
    color: #062a4a
}

.platform-page .platform-features-section .platform-features .platform-feature.centered {
    text-align: center
}

@media screen and (min-width: 1000px) {
    .platform-page .platform-features-section.skin-2 .platform-features {
        inline-size: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: absolute;
        top: 200px;
        -ms-flex-line-pack: justify;
        align-content: space-between
    }

    .platform-page .platform-features-section.skin-2 .platform-features .platform-feature {
        padding: 20px;
        -webkit-margin-after: 25px;
        margin-block-end: 25px;
        inline-size: 20%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 100px 20px
    }

    .platform-page .platform-features-section.skin-2 .platform-features .platform-feature .platform-feature-inner {
        inline-size: 350px
    }

    .platform-page .platform-features-section.skin-2 .platform-features .platform-feature:nth-child(2n) {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.platform-page .platform-features-section.skin-3 {
    margin-top: 100px
}

.platform-page .platform-features-section.skin-3 .platform-features-section-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

@media screen and (max-width: 768px) {
    .platform-page .platform-features-section.skin-3 .platform-features-section-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.platform-page .platform-features-section.skin-3 .platform-features-section-content .platform-image {
    block-size: -webkit-fit-content;
    block-size: -moz-fit-content;
    block-size: fit-content;
    padding: 0
}

@media screen and (max-width: 768px) {
    .platform-page .platform-features-section.skin-3 .platform-features-section-content .platform-image {
        block-size: unset
    }
}

.platform-page .platform-features-section.skin-3 .platform-features-section-content .platform-features {
    inline-size: 300px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width: 768px) {
    .platform-page .platform-features-section.skin-3 .platform-features-section-content .platform-features {
        margin: auto;
        -webkit-margin-before: 30px;
        margin-block-start: 30px
    }
}

.platform-page .platform-features-section.skin-3 .platform-features-section-content .platform-features .platform-feature {
    inline-size: unset;
    padding: 20px;
    -webkit-margin-after: 30px;
    margin-block-end: 30px;
    min-block-size: 200px
}

@media screen and (max-width: 768px) {
    .platform-page .platform-features-section.skin-3 .platform-features-section-content .platform-features .platform-feature {
        text-align: center
    }
}

.platform-page .platform-features-section.skin-3 .platform-features-section-content .platform-features .platform-feature .platform-feature-inner img {
    display: inline-block;
    margin-right: 5px
}

.platform-page .platform-features-section.skin-3 .platform-features-section-content .platform-features .platform-feature .platform-feature-inner .platform-feature-title {
    display: inline-block
}

@media screen and (max-width: 768px) {
    .platform-page .info-box-section {
        padding: 0 !important
    }
}

.platform-page .info-box-section .container .info-box {
    background-image: -webkit-linear-gradient(226deg, #33353f, #1c1d22);
    background-image: -o-linear-gradient(226deg, #33353f 0, #1c1d22 100%);
    background-image: linear-gradient(224deg, #33353f, #1c1d22);
    inline-size: 80%;
    margin: auto;
    padding: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    min-block-size: 460px
}

@media screen and (max-width: 768px) {
    .platform-page .info-box-section .container .info-box {
        inline-size: 100%;
        margin: 0
    }
}

.platform-page .info-box-section .container .info-box .info-box-content {
    color: #fff;
    max-inline-size: 60%
}

@media screen and (max-width: 768px) {
    .platform-page .info-box-section .container .info-box .info-box-content {
        max-inline-size: unset
    }
}

.platform-page .info-box-section .container .info-box .info-box-content h2 {
    color: #fff;
    text-align: left;
    margin: 0
}

.platform-page .info-box-section .container .info-box .info-box-image {
    position: absolute;
    right: 0;
    bottom: 0
}

@media screen and (max-width: 768px) {
    .platform-page .info-box-section .container .info-box .info-box-image {
        display: none !important
    }
}

.platform-page .text-section {
    text-align: center
}

.platform-page .text-section .container {
    max-inline-size: 800px
}

@media screen and (max-width: 768px) {
    .platform-page .platform-info-section .container {
        position: unset
    }
}

.platform-page .platform-info-section .container .platform-infos .platform-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-margin-after: 50px;
    margin-block-end: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 768px) {
    .platform-page .platform-info-section .container .platform-infos .platform-info {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        margin-top: 300px
    }
}

.platform-page .platform-info-section .container .platform-infos .platform-info:nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.platform-page .platform-info-section .container .platform-infos .platform-info .platform-info-text {
    text-align: start;
    max-inline-size: 550px
}

.platform-page .platform-info-section .container .platform-infos .platform-info .platform-info-text h2 {
    text-align: start;
    font-size: 49px
}

@media screen and (max-width: 768px) {
    .platform-page .platform-info-section .container .platform-infos .platform-info .platform-info-text h2 {
        text-align: center;
        font-size: 25px
    }
}

.platform-page .platform-info-section .container .platform-infos .platform-info img {
    inline-size: 50%
}

@media screen and (max-width: 768px) {
    .platform-page .platform-info-section .container .platform-infos .platform-info img {
        -webkit-margin-before: -450px;
        margin-block-start: -450px;
        block-size: 450px;
        inline-size: unset;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute
    }
}

.platform-page .platform-download-section {
    background-color: #fafafa;
    padding: 100px 0
}

@media screen and (max-width: 768px) {
    .platform-page .platform-download-section {
        padding: 50px 0
    }
}

.platform-page .platform-download-section .platform-downloads {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    inline-size: 100%
}

@media screen and (max-width: 768px) {
    .platform-page .platform-download-section .platform-downloads {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: unset;
        padding: 0 20px
    }
}

.platform-page .platform-download-section .platform-downloads .platform-download {
    display: grid
}

.platform-page .platform-download-section .platform-downloads .platform-download .platform-image {
    min-inline-size: 70px;
    grid-row: 1/3
}

@media screen and (max-width: 768px) {
    .platform-page .platform-download-section .platform-downloads .platform-download .platform-image img {
        -ms-flex-item-align: center;
        align-self: center;
        display: none
    }
}

.platform-page .platform-download-section .platform-downloads .platform-download .download-title {
    grid-column: 2;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-start: 20px;
    margin-inline-start: 20px
}

@media screen and (max-width: 768px) {
    .platform-page .platform-download-section .platform-downloads .platform-download .download-title {
        margin: 20px 0
    }
}

.platform-page .platform-download-section .platform-downloads .platform-download .download-links {
    grid-column: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-margin-start: 20px;
    margin-inline-start: 20px
}

.platform-page .platform-download-section .platform-downloads .platform-download .download-links .download-icon {
    color: var(--mainGreen)
}

.platform-page .platform-download-section .platform-downloads .platform-download .download-links .download-text {
    padding: 10px 0
}

.platform-page .platform-download-section .platform-downloads .platform-download .download-links img {
    inline-size: 130px
}

.platform-page .platform-download-section .platform-downloads .platform-download .download-links span {
    -webkit-margin-end: 10px;
    margin-inline-end: 10px
}

@media screen and (max-width: 768px) {
    .platform-page .platform-download-section .platform-downloads .platform-download {
        margin: unset;
        display: block;
        text-align: center
    }

    .platform-page .platform-download-section .platform-downloads .platform-download.mobile .download-links {
        -webkit-margin-start: 0;
        margin-inline-start: 0
    }

    .platform-page .platform-download-section .platform-downloads .platform-download.desktop {
        display: none
    }
}

.platform-page .trade-robot-section {
    background-color: #e7e7e7;
    -webkit-margin-after: 50px;
    margin-block-end: 50px
}

@media screen and (max-width: 768px) {
    .platform-page .trade-robot-section {
        margin-bottom: 0;
        background-color: transparent
    }
}

@media screen and (max-width: 768px) {
    .platform-page .trade-robot-section .container {
        padding: 0 20px
    }
}

.platform-page .trade-robot-section .container h2 {
    -webkit-padding-before: 86px;
    padding-block-start: 86px;
    -webkit-margin-after: 50px;
    margin-block-end: 50px;
    color: #062a4a
}

@media screen and (max-width: 768px) {
    .platform-page .trade-robot-section .container h2 {
        text-align: left;
        -webkit-padding-before: 35px;
        padding-block-start: 35px;
        -webkit-margin-after: 35px;
        margin-block-end: 35px;
        -webkit-margin-start: auto;
        margin-inline-start: auto;
        -webkit-margin-end: auto;
        margin-inline-end: auto
    }
}

.platform-page .trade-robot-section .container .columns {
    -webkit-margin-after: 86px;
    margin-block-end: 86px
}

@media screen and (max-width: 768px) {
    .platform-page .trade-robot-section .container .columns {
        padding: 0 10px;
        -webkit-margin-after: 0;
        margin-block-end: 0
    }
}

.platform-page .trade-robot-section .container .notice-text {
    text-align: center;
    -webkit-margin-before: 86px;
    margin-block-start: 86px;
    -webkit-margin-after: 64px;
    margin-block-end: 64px
}

@media screen and (max-width: 768px) {
    .platform-page .trade-robot-section .container .notice-text {
        -webkit-margin-before: 0;
        margin-block-start: 0;
        -webkit-margin-after: 25px;
        margin-block-end: 25px
    }
}

.platform-page .trade-robot-section .container h4 {
    text-align: center;
    color: #062a4a;
    -webkit-margin-before: 86px;
    margin-block-start: 86px;
    -webkit-margin-after: 64px;
    margin-block-end: 64px
}

@media screen and (max-width: 768px) {
    .platform-page .trade-robot-section .container h4 {
        display: none
    }
}

.platform-page .trade-robot-section .container .vid-desc {
    margin-bottom: 0
}

@media screen and (max-width: 768px) {
    .platform-page .trade-robot-section .container iframe {
        width: 100%
    }
}

.platform-page .trade-robot-section .container .robot_description {
    -webkit-padding-end: 30px;
    padding-inline-end: 30px
}

@media screen and (max-width: 768px) {
    .platform-page .trade-robot-section .container .robot_description {
        -webkit-padding-end: 0;
        padding-inline-end: 0
    }
}

.platform-page .trade-robot-section .container .trade-features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 768px) {
    .platform-page .trade-robot-section .container .trade-features {
        display: none
    }
}

.platform-page .trade-robot-section .container .trade-features .tabs-wrapper {
    inline-size: 30%
}

@media screen and (max-width: 768px) {
    .platform-page .trade-robot-section .container .trade-features .tabs-wrapper {
        inline-size: unset;
        margin: auto
    }
}

.platform-page .trade-robot-section .container .trade-features .tabs-wrapper a .tab {
    position: relative;
    background-image: -webkit-linear-gradient(230deg, #33353f, #32343d, #1c1d22);
    background-image: -o-linear-gradient(230deg, #33353f 0, #32343d 0, #1c1d22 100%);
    background-image: linear-gradient(220deg, #33353f, #32343d, #1c1d22);
    inline-size: 280px;
    block-size: 50px;
    -webkit-margin-after: 10px;
    margin-block-end: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    padding: 5px
}

@media screen and (max-width: 768px) {
    .platform-page .trade-robot-section .container .trade-features .tabs-wrapper a .tab {
        inline-size: 100%;
        block-size: 300px;
        display: block
    }
}

.platform-page .trade-robot-section .container .trade-features .tabs-wrapper a .tab .tab-title {
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    margin: 0
}

@media screen and (max-width: 768px) {
    .platform-page .trade-robot-section .container .trade-features .tabs-wrapper a .tab .tab-title {
        text-align: start;
        -webkit-margin-after: 20px;
        margin-block-end: 20px
    }
}

.platform-page .trade-robot-section .container .trade-features .tabs-wrapper a .tab .trade-feature-description {
    display: none
}

.platform-page .trade-robot-section .container .trade-features .tabs-wrapper a .tab .progress {
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 0;
    block-size: 6px;
    opacity: 0;
    color: var(--mainGreen)
}

.platform-page .trade-robot-section .container .trade-features .tabs-wrapper a .tab .progress::-webkit-progress-value {
    background-color: var(--mainGreen);
    -webkit-transition: width 5s ease;
    -o-transition: width 5s ease;
    transition: width 5s ease
}

.platform-page .trade-robot-section .container .trade-features .tabs-wrapper a.active .trade-feature-description {
    text-align: center
}

@media screen and (max-width: 768px) {
    .platform-page .trade-robot-section .container .trade-features .tabs-wrapper a.active .trade-feature-description {
        display: block
    }
}

.platform-page .trade-robot-section .container .trade-features .tabs-wrapper a.active .progress {
    opacity: 1
}

@media screen and (max-width: 768px) {
    .platform-page .trade-robot-section .container .trade-features .tabs-wrapper a:not(.active) {
        display: none
    }
}

.platform-page .trade-robot-section .container .trade-features .tabs-content {
    display: block;
    inline-size: 85%
}

@media screen and (max-width: 768px) {
    .platform-page .trade-robot-section .container .trade-features .tabs-content {
        display: none
    }
}

.platform-page .trade-robot-section .container .trade-features .tabs-content .tab-content img {
    inline-size: 100%;
    block-size: 500px;
    border-radius: 10px;
    -o-object-fit: cover;
    object-fit: cover
}

.platform-page .bottom-container .register-now-section {
    text-align: center;
    max-inline-size: 800px;
    margin: auto
}

@media screen and (max-width: 768px) {
    .platform-page .bottom-container .register-now-section {
        -webkit-margin-after: 60px !important;
        margin-block-end: 60px !important
    }
}

.platform-page .bottom-container .register-now-section .register-now-content {
    -webkit-margin-after: 40px;
    margin-block-end: 40px
}

@media screen and (max-width: 768px) {
    .platform-page .bottom-container {
        -webkit-padding-start: 0;
        padding-inline-start: 0;
        -webkit-padding-end: 0;
        padding-inline-end: 0;
        -webkit-padding-after: 0;
        padding-block-end: 0
    }
}

body.rtl .platform-page .platform-download-section .platform-downloads .platform-download.desktop .download-links > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body.rtl .platform-page .platform-download-section .platform-downloads .platform-download.desktop .download-links .download-text {
    -webkit-padding-before: 0;
    padding-block-start: 0;
    -webkit-padding-after: 0;
    padding-block-end: 0
}

.leverage-page .features-header-section {
    background-size: cover;
    background-position: 50%;
    text-align: center;
    color: #fff;
    padding: 50px 0;
    padding-top: 100px !important
}

@media screen and (max-width: 768px) {
    .leverage-page .features-header-section {
        padding: 20px
    }
}

@media screen and (max-width: 768px) {
    .leverage-page .features-header-section .container {
        width: 100%
    }
}

.leverage-page .features-header-section .container h1 {
    font-weight: 700;
    -webkit-margin-before: 60px;
    margin-block-start: 60px;
    -webkit-margin-after: 20px;
    margin-block-end: 20px;
    font-size: 61px
}

@media screen and (max-width: 768px) {
    .leverage-page .features-header-section .container h1 {
        -webkit-margin-before: 70px;
        margin-block-start: 70px;
        font-size: 31px
    }
}

.leverage-page .features-header-section .container .header-description {
    -webkit-margin-after: 50px;
    margin-block-end: 50px;
    max-inline-size: 750px;
    margin: auto
}

.leverage-page .features-header-section .container .header-features .tabs-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 40px 0
}

@media screen and (max-width: 768px) {
    .leverage-page .features-header-section .container .header-features .tabs-wrapper {
        margin: auto
    }
}

.leverage-page .features-header-section .container .header-features .tabs-wrapper a {
    cursor: default
}

.leverage-page .features-header-section .container .header-features .tabs-wrapper a .tab {
    position: relative;
    background-image: -webkit-linear-gradient(230deg, #33353f, #32343d, #1c1d22);
    background-image: -o-linear-gradient(230deg, #33353f 0, #32343d 0, #1c1d22 100%);
    background-image: linear-gradient(220deg, #33353f, #32343d, #1c1d22);
    inline-size: 295px;
    min-block-size: 100%;
    color: #fff;
    padding: 20px;
    text-align: start
}

@media screen and (max-width: 768px) {
    .leverage-page .features-header-section .container .header-features .tabs-wrapper a .tab {
        inline-size: 80%;
        margin: auto;
        block-size: 220px
    }
}

.leverage-page .features-header-section .container .header-features .tabs-wrapper a .tab .tab-title {
    font-size: 25px;
    font-weight: 700;
    margin: 0
}

@media screen and (max-width: 768px) {
    .leverage-page .features-header-section .container .header-features .tabs-wrapper a .tab .tab-title {
        -webkit-margin-after: 20px;
        margin-block-end: 20px
    }
}

.leverage-page .features-header-section .container .header-features .tabs-wrapper a .tab .progress {
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 0;
    block-size: 6px;
    opacity: 0
}

.leverage-page .features-header-section .container .header-features .tabs-wrapper a .tab .progress::-webkit-progress-value {
    -webkit-transition: width 5s ease;
    -o-transition: width 5s ease;
    transition: width 5s ease
}

@media screen and (max-width: 768px) {
    .leverage-page .features-header-section .container .header-features .tabs-wrapper a.active .leverage-feature-description {
        display: block
    }
}

.leverage-page .features-header-section .container .header-features .tabs-wrapper a.active .progress {
    opacity: 1
}

@media screen and (max-width: 768px) {
    .leverage-page .features-header-section .container .header-features .tabs-wrapper a:not(.active) {
        display: none
    }
}

.leverage-page .features-header-section .container .header-features .tabs-content {
    display: block;
    block-size: 590px
}

@media screen and (max-width: 768px) {
    .leverage-page .features-header-section .container .header-features .tabs-content {
        display: none
    }
}

.leverage-page .features-header-section .container .header-features .tabs-content .tab-content img {
    border-radius: 10px;
    -o-object-fit: contain;
    object-fit: contain
}

@media screen and (max-width: 768px) {
    .leverage-page .features-header-section .container .header-features .tabs-content .tab-content .leverage-feature-img {
        display: none !important
    }
}

.leverage-page .features-header-section .container .header-features .tabs-content .tab-content .leverage-feature-mobile-img {
    display: none
}

.leverage-page .features-header-section .container .header-features .tabs-content .tab-content.active .leverage-feature-mobile-img {
    display: block
}

.leverage-page .features-header-section .container .header-features .leverage-warning {
    max-inline-size: 980px;
    margin: auto
}

.leverage-page .leverage-box-section {
    padding: 150px 0
}

@media screen and (max-width: 768px) {
    .leverage-page .leverage-box-section {
        padding: unset
    }
}

.leverage-page .leverage-box-section .container .leverage-box {
    background-color: #002766;
    color: #fff;
    max-inline-size: 1000px;
    font-size: 20px;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    padding: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 768px) {
    .leverage-page .leverage-box-section .container .leverage-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background-color: unset;
        background-image: -webkit-linear-gradient(230deg, #33353f, #32343d, #1c1d22);
        background-image: -o-linear-gradient(230deg, #33353f 0, #32343d 0, #1c1d22 100%);
        background-image: linear-gradient(220deg, #33353f, #32343d, #1c1d22)
    }
}

.leverage-page .leverage-box-section .container .leverage-box button {
    block-size: 50px;
    margin: 20px 50px
}

.not-found-page {
    text-align: center;
    -webkit-padding-before: 50px;
    padding-block-start: 50px;
    -webkit-padding-after: 50px;
    padding-block-end: 50px
}

.not-found-page .trade_wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.not-found-page .trade_wrp a.button {
    -webkit-margin-before: 20px;
    margin-block-start: 20px;
    -webkit-margin-after: 20px;
    margin-block-end: 20px;
    -webkit-margin-start: 20px;
    margin-inline-start: 20px;
    -webkit-margin-end: 20px;
    margin-inline-end: 20px
}

body.template-widgets {
    -webkit-padding-after: 120px;
    padding-block-end: 120px;
    min-block-size: 100vh;
    position: relative
}

.footer-widget {
    background-color: #062a4a;
    inline-size: 100%;
    position: absolute;
    left: 0;
    bottom: 0
}

.footer-widget .container {
    block-size: auto;
    max-inline-size: 570px
}

.footer-widget .container .columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: unset;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer-widget .container .columns .column {
    max-inline-size: 200px
}

@media screen and (max-width: 999px) {
    .footer-widget .container .columns .column {
        text-align: center
    }
}

.footer-widget .container .columns .column img {
    display: inline-block !important;
    vertical-align: top
}

.footer-widget .container .columns .column .text-block {
    color: #fff;
    display: inline-block;
    -webkit-border-end: 1px solid #ccc;
    border-inline-end: 1px solid #ccc;
    -webkit-padding-end: 10px;
    padding-inline-end: 10px
}

@media screen and (min-width: 769px) and (max-width: 999px) {
    .footer-widget .container .columns .column .text-block {
        -webkit-border-end: none;
        border-inline-end: none
    }
}

@media screen and (max-width: 768px) {
    .footer-widget .container .columns .column .text-block {
        -webkit-border-end: none;
        border-inline-end: none;
        display: table;
        -webkit-margin-before: 0;
        margin-block-start: 0;
        -webkit-margin-after: 0;
        margin-block-end: 0;
        -webkit-margin-start: auto;
        margin-inline-start: auto;
        -webkit-margin-end: auto;
        margin-inline-end: auto;
        -webkit-padding-before: 0;
        padding-block-start: 0;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        -webkit-padding-start: 0;
        padding-inline-start: 0;
        -webkit-padding-end: 0;
        padding-inline-end: 0
    }
}

.footer-widget .container .columns .column .text-block span {
    display: block
}

.footer-widget .container .columns .column .text-block .big-line {
    font-size: 16px
}

.footer-widget .container .columns .column .text-block .small-line {
    font-size: 10px
}

.footer-widget .container .columns .column img {
    -webkit-padding-end: 15px;
    padding-inline-end: 15px;
    display: inline-block;
    block-size: 44px
}

@media screen and (max-width: 768px) {
    .footer-widget .container .columns .column img {
        display: table;
        -webkit-margin-before: 0;
        margin-block-start: 0;
        -webkit-margin-start: auto;
        margin-inline-start: auto;
        -webkit-margin-end: auto;
        margin-inline-end: auto;
        -webkit-padding-start: 0;
        padding-inline-start: 0;
        -webkit-padding-end: 0;
        padding-inline-end: 0;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        -webkit-padding-before: 0;
        padding-block-start: 0;
        -webkit-margin-after: 10px;
        margin-block-end: 10px
    }
}

.footer-widget .container .columns .column:last-child .text-block {
    -webkit-border-end: none;
    border-inline-end: none;
    -webkit-padding-end: 0;
    padding-inline-end: 0
}

.widget-content .contact-us-upload-box div.ub-upload-box, .widget-content .form-input .form-input-select, .widget-content .form-input .form-input-text, .widget-content .form-input .form-input-textarea {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #737374
}

.widget-content .brand-button.button-width-small {
    border-radius: 4px;
    block-size: 45px;
    max-inline-size: 100%
}

.widget-content #at-login-reset-psw-link {
    color: #002766;
    font-size: 13px;
    text-decoration: none
}

.widget-content .embed-login-widget .login-widget-form {
    -webkit-margin-after: 0;
    margin-block-end: 0
}

.widget-content h1 {
    text-align: center;
    font-weight: 400;
    font-size: 30px
}

@media screen and (max-width: 768px) {
    .widget-content {
        min-block-size: auto;
        padding: 0 10px
    }
}

.widget-content .trade-widget {
    -webkit-box-shadow: 0 2px 8px #b8b8b9;
    box-shadow: 0 2px 8px #b8b8b9;
    border-radius: 4px;
    max-inline-size: 400px;
    -webkit-margin-before: 30px;
    margin-block-start: 30px;
    -webkit-margin-after: 30px;
    margin-block-end: 30px;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto;
    -webkit-padding-before: 40px;
    padding-block-start: 40px;
    -webkit-padding-after: 40px;
    padding-block-end: 40px;
    -webkit-padding-start: 40px;
    padding-inline-start: 40px;
    -webkit-padding-end: 40px;
    padding-inline-end: 40px
}

@media screen and (max-width: 768px) {
    .widget-content .trade-widget {
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-margin-before: unset;
        margin-block-start: unset
    }
}

.widget-content .trade-widget .login-widget .form-buttons .brand-button-container {
    inline-size: 100%
}

.widget-content .trade-widget .login-widget .form-buttons .brand-button-container #at-login-submit-btn {
    background-color: var(--mainGreen)
}

.widget-content .forgot-password-email-page, .widget-content .forgot-password-start-page {
    inline-size: 100%
}

.widget-content .forgot-password-widget-back-button {
    display: none
}

.widget-content .theme-large-headline {
    text-align: center;
    font-size: 2em;
    -webkit-margin-after: .5em;
    margin-block-end: .5em;
    color: #151518
}

.widget-content .theme-subtitle {
    text-align: center;
    font-size: 16px
}

.widget-content .wp-block-columns, .widget-content .wp-block-columns h1 {
    -webkit-margin-before: 50px;
    margin-block-start: 50px;
    -webkit-margin-after: 50px;
    margin-block-end: 50px;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto
}

.widget-content .wp-block-columns h1 {
    font-weight: 700
}

.widget-content .wp-block-columns .h5 {
    font-weight: 400
}

.widget-content .register-slider {
    max-inline-size: 300px;
    text-align: center;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto;
    direction: ltr !important
}

.stocks-archive-page-content .collection-archive-bg-wrp .stocks-archive .collection-item a .widget-content .register-slider span, .widget-content .register-slider .h4, .widget-content .register-slider .stocks-archive-page-content .collection-archive-bg-wrp .stocks-archive .collection-item a span {
    font-weight: 400;
    -webkit-margin-before: 36px;
    margin-block-start: 36px
}

.widget-content .register-slider p {
    color: #737374
}

.widget-content .register-slider img {
    display: table;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto
}

.widget-content .register-slider ul.slick-dots button {
    block-size: 10px;
    inline-size: 10px
}

.registration-widget .form-buttons button {
    background-color: var(--mainGreen)
}

.contact-form-wrapper .brand-button-container {
    display: unset;
    text-align: center;
    background-color: var(--mainGreen)
}

.about-hero-section {
    block-size: 740px;
    position: relative
}

@media screen and (max-width: 768px) {
    .about-hero-section {
        block-size: auto
    }
}

.about-hero-bg {
    position: absolute;
    left: 0;
    top: 0;
    inline-size: 100%;
    block-size: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

@media screen and (max-width: 768px) {
    .about-hero-bg.about-hero-bg-mobile {
        block-size: 650px;
        position: relative;
        left: auto;
        top: auto
    }
}

.about-hero-container {
    block-size: 100%;
    -webkit-padding-before: 100px;
    padding-block-start: 100px;
    -webkit-padding-after: 100px;
    padding-block-end: 100px
}

@media screen and (max-width: 768px) {
    .about-hero-container {
        position: static;
        -webkit-padding-before: 32px;
        padding-block-start: 32px;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        -webkit-padding-start: 24px;
        padding-inline-start: 24px;
        -webkit-padding-end: 24px;
        padding-inline-end: 24px
    }
}

.about-hero-columns {
    block-size: 100%;
    position: relative;
    z-index: 2
}

@media screen and (max-width: 768px) {
    .about-hero-columns {
        position: static
    }
}

.about-hero-columns h1 {
    color: #fff
}

@media screen and (max-width: 768px) {
    .about-hero-columns h1 {
        position: absolute;
        top: 48px;
        left: 0;
        inline-size: 100%;
        text-align: center;
        -webkit-padding-start: 24px;
        padding-inline-start: 24px;
        -webkit-padding-end: 24px;
        padding-inline-end: 24px;
        line-height: 1.5
    }
}

.about-hero-columns p {
    color: #fff;
    max-inline-size: 492px
}

@media screen and (max-width: 768px) {
    .about-hero-columns p {
        color: #151518;
        -webkit-margin-before: 0 !important;
        margin-block-start: 0 !important;
        max-inline-size: unset
    }
}

.about-timeline-section {
    -webkit-padding-before: 134px;
    padding-block-start: 134px;
    -webkit-padding-after: 190px;
    padding-block-end: 190px
}

.about-timeline-section h2 {
    -webkit-margin-after: 64px;
    margin-block-end: 64px;
    color: var(--mainGreen)
}

@media screen and (max-width: 768px) {
    .about-timeline-section {
        -webkit-padding-before: 64px;
        padding-block-start: 64px;
        -webkit-padding-after: 138px;
        padding-block-end: 138px
    }

    .about-timeline-section h2 {
        text-align: center;
        -webkit-margin-after: 24px;
        margin-block-end: 24px
    }
}

.about-timeline {
    -webkit-padding-start: 24px;
    padding-inline-start: 24px;
    -webkit-padding-end: 24px;
    padding-inline-end: 24px
}

.about-timeline .slick-arrow {
    position: absolute;
    top: 2px;
    left: 0;
    background-color: transparent;
    border: none;
    min-inline-size: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    -webkit-padding-end: 0;
    padding-inline-end: 0;
    -webkit-padding-before: 0;
    padding-block-start: 0;
    -webkit-padding-after: 0;
    padding-block-end: 0;
    color: #151518;
    font-size: 22px;
    z-index: 5;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.about-timeline .slick-arrow.slick-disabled {
    opacity: .3;
    cursor: default
}

.about-timeline .slick-arrow.slick-next {
    left: auto;
    right: 0
}

.about-timeline-item {
    -webkit-padding-start: 24px;
    padding-inline-start: 24px;
    position: relative
}

.about-timeline-item:after {
    content: "";
    display: block;
    block-size: 1px;
    background-color: var(--mainGreen);
    position: absolute;
    top: 17px;
    inline-size: 100%;
    right: 100%;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.about-timeline-item.slick-active:after {
    opacity: 1
}

.about-timeline-item .h3 {
    position: relative;
    z-index: 2;
    background-color: #fff;
    display: inline-block;
    padding: 0 20px;
    left: -24px
}

.about-timeline-item-description {
    inline-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.about-timeline-item-description img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: inline-block;
    margin: 0 10px
}

.about-description-section {
    background-color: #e7e7e7
}

.about-description-section h2 {
    color: var(--mainGreen)
}

.about-description-text-wrap {
    -webkit-padding-before: 56px;
    padding-block-start: 56px;
    -webkit-padding-start: 32px;
    padding-inline-start: 32px;
    -webkit-padding-end: 32px;
    padding-inline-end: 32px;
    position: relative;
    z-index: 2
}

@media screen and (max-width: 768px) {
    .about-description-text-wrap {
        -webkit-padding-before: 127px;
        padding-block-start: 127px
    }
}

.about-description-img {
    -webkit-margin-before: 100px;
    margin-block-start: 100px
}

.about-description-img img {
    vertical-align: top;
    inline-size: 100%
}

@media screen and (min-width: 1000px) {
    .about-description-img {
        -webkit-margin-before: -200px;
        margin-block-start: -200px
    }
}

@media screen and (max-width: 768px) {
    .about-description-img {
        block-size: 796px;
        overflow: hidden;
        position: relative
    }

    .about-description-img img {
        position: absolute;
        top: 0;
        right: -365px;
        block-size: auto;
        max-inline-size: unset;
        inline-size: auto
    }
}

.about-txtimg-section {
    -webkit-margin-before: 24px;
    margin-block-start: 24px;
    -webkit-padding-start: 24px;
    padding-inline-start: 24px;
    -webkit-padding-end: 24px;
    padding-inline-end: 24px
}

@media screen and (max-width: 768px) {
    .about-txtimg-section {
        -webkit-margin-before: 64px;
        margin-block-start: 64px
    }
}

.about-txtimg-section .columns {
    -webkit-margin-after: 26px;
    margin-block-end: 26px
}

@media screen and (max-width: 768px) {
    .about-txtimg-section .columns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-margin-after: 100px;
        margin-block-end: 100px
    }

    .about-txtimg-section .columns .column {
        inline-size: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        -ms-flex-preferred-size: unset;
        flex-basis: unset
    }

    .about-txtimg-section .columns .column:first-child {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.about-txtimg-image-wrap {
    background-color: #e7e7e7;
    display: inline-block;
    border-radius: 10px;
    overflow: hidden
}

.about-txtimg-image-wrap img {
    vertical-align: top
}

body.rtl .about-timeline .slick-prev {
    left: unset;
    right: 0
}

body.rtl .about-timeline .slick-prev span:before {
    content: "\E901"
}

body.rtl .about-timeline .slick-next {
    left: 0;
    right: unset
}

body.rtl .about-timeline .slick-next span:before {
    content: "\E900"
}

.ma-top {
    -webkit-margin-before: 48px;
    margin-block-start: 48px;
    -webkit-margin-after: 48px;
    margin-block-end: 48px
}

@media screen and (max-width: 768px) {
    .ma-top {
        -webkit-padding-start: 24px;
        padding-inline-start: 24px;
        -webkit-padding-end: 24px;
        padding-inline-end: 24px
    }
}

.ma-top .ma-top-title {
    color: var(--mainGreen)
}

@media screen and (max-width: 768px) {
    .ma-content {
        -webkit-padding-start: 0;
        padding-inline-start: 0;
        -webkit-padding-end: 0;
        padding-inline-end: 0
    }
}

.ma-gray {
    background-color: #002766;
    -webkit-padding-before: 8px;
    padding-block-start: 8px;
    -webkit-padding-after: 18px;
    padding-block-end: 18px;
    -webkit-padding-start: 13px;
    padding-inline-start: 13px;
    -webkit-padding-end: 13px;
    padding-inline-end: 13px;
    border-radius: 4px
}

@media screen and (max-width: 768px) {
    .ma-gray {
        -webkit-padding-before: 24px;
        padding-block-start: 24px;
        -webkit-padding-after: 24px;
        padding-block-end: 24px;
        -webkit-padding-start: 24px;
        padding-inline-start: 24px;
        -webkit-padding-end: 24px;
        padding-inline-end: 24px
    }
}

.ma-content-date {
    color: #fff
}

.ma-content-title {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: .56px;
    font-weight: 700;
    font-family: Oxygen, sans-serif;
    color: #fff
}

@media screen and (min-width: 1192px) {
    .ma-sidebar {
        -webkit-padding-start: 98px;
        padding-inline-start: 98px
    }
}

@media screen and (max-width: 768px) {
    .ma-sidebar {
        -webkit-padding-start: 24px;
        padding-inline-start: 24px;
        -webkit-padding-end: 24px;
        padding-inline-end: 24px;
        -webkit-padding-before: 29px;
        padding-block-start: 29px
    }
}

.ma-sidebar-widget {
    border: 1px solid #e7e7e7;
    -webkit-padding-before: 24px;
    padding-block-start: 24px;
    -webkit-padding-after: 24px;
    padding-block-end: 24px;
    -webkit-padding-start: 48px;
    padding-inline-start: 48px;
    -webkit-padding-end: 48px;
    padding-inline-end: 48px;
    -webkit-margin-after: 48px;
    margin-block-end: 48px
}

@media screen and (min-width: 769px) and (max-width: 999px) {
    .ma-sidebar-widget {
        -webkit-padding-before: 24px;
        padding-block-start: 24px;
        -webkit-padding-after: 24px;
        padding-block-end: 24px;
        -webkit-padding-start: 24px;
        padding-inline-start: 24px;
        -webkit-padding-end: 24px;
        padding-inline-end: 24px
    }
}

@media screen and (max-width: 768px) {
    .ma-sidebar-widget {
        -webkit-padding-start: 16px;
        padding-inline-start: 16px;
        -webkit-padding-end: 16px;
        padding-inline-end: 16px
    }
}

.ma-sidebar-title {
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-padding-after: 8px;
    padding-block-end: 8px;
    -webkit-border-after: 1px solid #e7e7e7;
    border-block-end: 1px solid #e7e7e7
}

.ma-sidebar-form {
    border: 1px solid #a1a1a3
}

@media screen and (max-width: 768px) {
    .ma-sidebar-form {
        -webkit-border-start: none;
        border-inline-start: none;
        -webkit-border-end: none;
        border-inline-end: none;
        -webkit-margin-start: -24px;
        margin-inline-start: -24px;
        -webkit-margin-end: -24px;
        margin-inline-end: -24px;
        -webkit-padding-start: 24px;
        padding-inline-start: 24px;
        -webkit-padding-end: 24px;
        padding-inline-end: 24px;
        -webkit-margin-after: 88px;
        margin-block-end: 88px
    }
}

.ma-sidebar-form .ma-sidebar-title {
    -webkit-border-after: none;
    border-block-end: none
}

.ma-sidebar-form input, .ma-sidebar-form select {
    background-color: transparent !important
}

.ma-sidebar-form .brand-button-container {
    -webkit-margin-after: 8px !important;
    margin-block-end: 8px !important
}

.ma-sidebar-form button {
    -webkit-padding-before: 16px;
    padding-block-start: 16px;
    -webkit-padding-after: 16px;
    padding-block-end: 16px;
    -webkit-padding-start: 32px;
    padding-inline-start: 32px;
    line-height: 1.5 !important;
    block-size: auto !important;
    font-weight: 400
}

.ma-latest-reports li a, .ma-sidebar-form button {
    -webkit-padding-end: 32px;
    padding-inline-end: 32px
}

.ma-latest-reports li a {
    display: block;
    position: relative
}

.ma-latest-reports li a:after {
    content: "\E901";
    font-family: icomoon;
    position: absolute;
    color: #0050b3;
    font-size: 20px;
    bottom: -5px;
    right: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.ma-latest-reports li a .ma-latest-report-date {
    display: block;
    font-weight: 700
}

.ma-latest-reports li a .ma-latest-report-title {
    display: block;
    inline-size: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #737374
}

@media screen and (min-width: 769px) and (max-width: 999px) {
    .ma-latest-reports li a .ma-latest-report-title {
        white-space: normal
    }
}

@media screen and (max-width: 768px) {
    .ma-latest-reports li a .ma-latest-report-title {
        inline-size: 230px
    }
}

.ma-latest-reports li a.active .ma-latest-report-date {
    font-weight: 400
}

.ma-latest-reports li a:hover:after {
    right: -5px
}

.news-list {
    -webkit-margin-after: 48px;
    margin-block-end: 48px
}

.news-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-margin-after: 24px;
    margin-block-end: 24px
}

.news-list-item .news-list-item-img {
    inline-size: 180px;
    block-size: 100px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.news-list-item .news-list-item-img img {
    vertical-align: top;
    inline-size: 100%;
    block-size: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.news-list-item .news-list-item-text {
    -webkit-padding-start: 24px;
    padding-inline-start: 24px
}

.news-list-item:hover .news-list-item-img {
    opacity: .8
}

.ma-sidebar-link {
    text-align: right;
    -webkit-padding-end: 24px;
    padding-inline-end: 24px
}

.ma-sidebar-link a {
    display: inline-block;
    color: #002766;
    position: relative;
    -webkit-padding-end: 32px;
    padding-inline-end: 32px
}

.ma-sidebar-link a:after {
    content: "\E901";
    font-family: icomoon;
    display: block;
    font-size: 20px;
    color: #0050b3;
    position: absolute;
    top: -8px;
    right: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.ma-sidebar-link a:hover:after {
    right: -5px
}

.archives-calendar {
    inline-size: 100%;
    border: none
}

.archives-calendar .k-header {
    border: none
}

.archives-calendar .k-header .k-nav-next, .archives-calendar .k-header .k-nav-prev {
    top: 6px;
    color: var(--mainGreen)
}

.archives-calendar .k-header .k-nav-fast {
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #151518;
    font-weight: 700;
    letter-spacing: .56px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: capitalize
}

.archives-calendar .k-calendar-view {
    inline-size: 100%;
    block-size: auto
}

.archives-calendar .k-calendar-view .k-content {
    inline-size: 100% !important
}

.archives-calendar .k-calendar-view .k-content td, .archives-calendar .k-calendar-view .k-content th {
    text-align: center;
    font-size: .8rem;
    letter-spacing: .46px
}

.archives-calendar .k-calendar-view .k-content th {
    font-weight: 700;
    border: none;
    -webkit-padding-start: 2px;
    padding-inline-start: 2px;
    -webkit-padding-end: 2px;
    padding-inline-end: 2px;
    -webkit-padding-before: 12px;
    padding-block-start: 12px;
    -webkit-padding-after: 12px;
    padding-block-end: 12px
}

.archives-calendar .k-calendar-view .k-content td {
    -webkit-padding-before: 6px;
    padding-block-start: 6px;
    -webkit-padding-after: 6px;
    padding-block-end: 6px
}

.archives-calendar .k-calendar-view .k-content td .k-link {
    inline-size: 40px;
    block-size: 40px;
    -webkit-padding-before: 0;
    padding-block-start: 0;
    -webkit-padding-after: 0;
    padding-block-end: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    -webkit-padding-end: 0;
    padding-inline-end: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 50%;
    cursor: default;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media screen and (max-width: 768px) {
    .archives-calendar .k-calendar-view .k-content td .k-link {
        inline-size: 32px;
        block-size: 32px
    }
}

.archives-calendar .k-calendar-view .k-content td .k-link.has-post {
    border-color: #e7e7e7;
    cursor: pointer
}

.archives-calendar .k-calendar-view .k-content td .k-link.has-post.active, .archives-calendar .k-calendar-view .k-content td .k-link.has-post:hover {
    background-color: var(--mainGreen);
    border-color: var(--mainGreen)
}

.archives-calendar .k-calendar-view .k-content td.k-other-month .k-link {
    color: #e7e7e7
}

.ma-regulations .reg-section {
    background-color: transparent
}

body.rtl .ma-latest-reports li a:after {
    content: "\E900";
    right: unset;
    left: 0
}

body.rtl .ma-latest-reports li a:hover:after {
    right: unset;
    left: -5px
}

body.rtl .ma-sidebar-link a:after {
    content: "\E900";
    right: unset;
    left: 0
}

body.rtl .ma-sidebar-link a:hover:after {
    right: unset;
    left: -5px
}

.dmr-template-default h1, .post-type-archive-dmr h1 {
    color: var(--mainGreen);
    font-weight: 700
}

.dmr-template-default .dmr-top-description, .post-type-archive-dmr .dmr-top-description {
    max-inline-size: 580px
}

.dmr-template-default .dmr-assets, .post-type-archive-dmr .dmr-assets {
    -webkit-margin-before: 35px;
    margin-block-start: 35px
}

.dmr-template-default .dmr-asset, .post-type-archive-dmr .dmr-asset {
    background-color: #fff
}

@media screen and (max-width: 768px) {
    .dmr-template-default .dmr-asset, .post-type-archive-dmr .dmr-asset {
        -webkit-margin-after: 4px !important;
        margin-block-end: 4px !important
    }
}

.dmr-template-default .dmr-asset-head, .post-type-archive-dmr .dmr-asset-head {
    -webkit-padding-start: 16px;
    padding-inline-start: 16px;
    -webkit-padding-end: 16px;
    padding-inline-end: 16px;
    -webkit-padding-before: 13px;
    padding-block-start: 13px;
    -webkit-padding-after: 13px;
    padding-block-end: 13px;
    color: #737374;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dmr-template-default .dmr-asset-head:after, .post-type-archive-dmr .dmr-asset-head:after {
    content: "\E90E";
    font-family: icomoon;
    font-size: 16px;
    color: #002766;
    position: absolute;
    top: 50%;
    -webkit-margin-before: -12px;
    margin-block-start: -12px;
    right: 16px
}

.dmr-template-default .dmr-asset-head.active:after, .post-type-archive-dmr .dmr-asset-head.active:after {
    content: "\E90F"
}

.dmr-template-default .dmr-asset-body, .post-type-archive-dmr .dmr-asset-body {
    overflow: hidden;
    max-block-size: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.dmr-template-default .dmr-asset-body-inner, .post-type-archive-dmr .dmr-asset-body-inner {
    -webkit-padding-start: 16px;
    padding-inline-start: 16px;
    -webkit-padding-end: 16px;
    padding-inline-end: 16px;
    -webkit-padding-before: 27px;
    padding-block-start: 27px;
    -webkit-padding-after: 32px;
    padding-block-end: 32px;
    position: relative
}

.dmr-template-default .dmr-asset-body-inner:before, .post-type-archive-dmr .dmr-asset-body-inner:before {
    content: "";
    position: absolute;
    left: 16px;
    right: 16px;
    top: 0;
    block-size: 1px;
    background-color: #a1a1a3
}

.dmr-template-default .dmr-asset-text, .post-type-archive-dmr .dmr-asset-text {
    -webkit-margin-after: 32px;
    margin-block-end: 32px;
    color: #737374
}

.dmr-template-default .dmr-last-pivot, .post-type-archive-dmr .dmr-last-pivot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    inline-size: 100%
}

.dmr-template-default .dmr-last-pivot p, .post-type-archive-dmr .dmr-last-pivot p {
    -webkit-margin-after: 32px;
    margin-block-end: 32px;
    -webkit-margin-end: 32px;
    margin-inline-end: 32px
}

.dmr-template-default .dmr-asset-levels, .post-type-archive-dmr .dmr-asset-levels {
    inline-size: 100%;
    max-inline-size: 480px;
    -webkit-margin-before: 40px;
    margin-block-start: 40px;
    -webkit-margin-after: 32px;
    margin-block-end: 32px
}

.dmr-template-default .dmr-asset-levels td, .post-type-archive-dmr .dmr-asset-levels td {
    vertical-align: middle;
    -webkit-padding-before: 10px;
    padding-block-start: 10px;
    -webkit-padding-after: 10px;
    padding-block-end: 10px;
    -webkit-border-after: 1px solid #d0d0d1;
    border-block-end: 1px solid #d0d0d1
}

.dmr-template-default .dmr-asset-chart, .post-type-archive-dmr .dmr-asset-chart {
    vertical-align: top
}

@media screen and (max-width: 768px) {
    .dmr-template-default .dmr-disclaimer, .post-type-archive-dmr .dmr-disclaimer {
        -webkit-padding-start: 24px;
        padding-inline-start: 24px;
        -webkit-padding-end: 24px;
        padding-inline-end: 24px
    }
}

.fmn-template-default p.h1, .post-type-archive-fmn p.h1 {
    font-weight: 700;
    color: var(--mainGreen)
}

.fmn-template-default .fmn-video, .post-type-archive-fmn .fmn-video {
    position: relative;
    inline-size: 100%;
    -webkit-padding-before: 50%;
    padding-block-start: 50%;
    -webkit-margin-before: 16px;
    margin-block-start: 16px
}

.fmn-template-default .fmn-video iframe, .post-type-archive-fmn .fmn-video iframe {
    display: block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.fmn-template-default .fmn-content-sections, .post-type-archive-fmn .fmn-content-sections {
    background-color: #fff;
    border-radius: 4px;
    -webkit-margin-before: 24px;
    margin-block-start: 24px;
    -webkit-padding-before: 48px;
    padding-block-start: 48px;
    -webkit-padding-after: 48px;
    padding-block-end: 48px
}

@media screen and (max-width: 768px) {
    .fmn-template-default .fmn-content-sections, .post-type-archive-fmn .fmn-content-sections {
        background-color: transparent;
        -webkit-padding-before: unset;
        padding-block-start: unset;
        -webkit-padding-after: unset;
        padding-block-end: unset
    }
}

.fmn-template-default .fmn-content-sections .fmn-content-section, .post-type-archive-fmn .fmn-content-sections .fmn-content-section {
    background-color: #fff;
    -webkit-margin-after: 48px;
    margin-block-end: 48px
}

@media screen and (max-width: 768px) {
    .fmn-template-default .fmn-content-sections .fmn-content-section, .post-type-archive-fmn .fmn-content-sections .fmn-content-section {
        border-radius: 2px;
        -webkit-margin-after: 4px;
        margin-block-end: 4px
    }
}

.fmn-template-default .fmn-content-sections .fmn-content-section:last-child, .post-type-archive-fmn .fmn-content-sections .fmn-content-section:last-child {
    -webkit-margin-after: 0;
    margin-block-end: 0
}

.fmn-template-default .fmn-content-sections .fmn-content-section .fmn-content-mobile-headline, .post-type-archive-fmn .fmn-content-sections .fmn-content-section .fmn-content-mobile-headline {
    display: none
}

@media screen and (max-width: 768px) {
    .fmn-template-default .fmn-content-sections .fmn-content-section .fmn-content-mobile-headline, .post-type-archive-fmn .fmn-content-sections .fmn-content-section .fmn-content-mobile-headline {
        -webkit-padding-start: 16px;
        padding-inline-start: 16px;
        -webkit-padding-end: 16px;
        padding-inline-end: 16px;
        -webkit-padding-before: 8px;
        padding-block-start: 8px;
        -webkit-padding-after: 8px;
        padding-block-end: 8px;
        margin: 0;
        min-block-size: 48px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: 1.2;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
}

@media print, screen and (min-width: 769px) {
    .fmn-template-default .fmn-content-sections .fmn-content-section .fmn-content-wrap, .post-type-archive-fmn .fmn-content-sections .fmn-content-section .fmn-content-wrap {
        max-block-size: unset !important
    }
}

@media screen and (max-width: 768px) {
    .fmn-template-default .fmn-content-sections .fmn-content-section .fmn-content-wrap, .post-type-archive-fmn .fmn-content-sections .fmn-content-section .fmn-content-wrap {
        overflow: hidden;
        max-block-size: 0;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
}

.fmn-template-default .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row, .post-type-archive-fmn .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 999px) {
    .fmn-template-default .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row, .post-type-archive-fmn .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row {
        display: block
    }
}

@media screen and (max-width: 768px) {
    .fmn-template-default .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row, .post-type-archive-fmn .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row {
        -webkit-padding-after: 24px;
        padding-block-end: 24px
    }
}

.fmn-template-default .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-text-wrap, .post-type-archive-fmn .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-text-wrap {
    width: 100%;
    -webkit-padding-start: 13px;
    padding-inline-start: 13px;
    -webkit-padding-end: 13px;
    padding-inline-end: 13px
}

@media screen and (max-width: 768px) {
    .fmn-template-default .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-text-wrap, .post-type-archive-fmn .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-text-wrap {
        -webkit-padding-start: 16px;
        padding-inline-start: 16px;
        -webkit-padding-end: 16px;
        padding-inline-end: 16px
    }
}

@media screen and (max-width: 768px) {
    .fmn-template-default .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-text-wrap .fmn-content-headline, .post-type-archive-fmn .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-text-wrap .fmn-content-headline {
        display: none
    }
}

.fmn-template-default .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-text-wrap .fmn-content-text p, .post-type-archive-fmn .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-text-wrap .fmn-content-text p {
    color: #737374;
    line-height: 24px
}

.fmn-template-default .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-table, .post-type-archive-fmn .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-table {
    width: 100%;
    max-inline-size: 306px;
    -webkit-padding-start: 13px;
    padding-inline-start: 13px;
    -webkit-padding-end: 13px;
    padding-inline-end: 13px
}

@media screen and (max-width: 999px) {
    .fmn-template-default .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-table, .post-type-archive-fmn .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-table {
        -webkit-margin-before: 16px;
        margin-block-start: 16px
    }
}

@media screen and (max-width: 768px) {
    .fmn-template-default .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-table, .post-type-archive-fmn .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-table {
        -webkit-padding-start: 16px;
        padding-inline-start: 16px;
        -webkit-padding-end: 16px;
        padding-inline-end: 16px
    }
}

.fmn-template-default .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-table .table, .post-type-archive-fmn .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-table .table {
    width: 100%
}

.fmn-template-default .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-table .table th, .post-type-archive-fmn .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-table .table th {
    font-weight: 400;
    color: #b8b8b9;
    border-bottom: 1px solid #d0d0d1;
    padding: 16px;
    -webkit-padding-before: 4px;
    padding-block-start: 4px;
    -webkit-padding-after: 4px;
    padding-block-end: 4px
}

.fmn-template-default .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-table .table td, .post-type-archive-fmn .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-table .table td {
    border-collapse: inherit;
    border-bottom: 1px solid #d0d0d1;
    vertical-align: middle;
    padding: 10px 16px
}

.fmn-template-default .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-table .table td .fmn-table-index, .post-type-archive-fmn .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-table .table td .fmn-table-index {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fmn-template-default .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-table .table td .fmn-table-index img, .post-type-archive-fmn .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-table .table td .fmn-table-index img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-margin-end: 16px;
    margin-inline-end: 16px;
    vertical-align: top
}

.fmn-template-default .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-table .table td .fmn-content-text-wrap .fmn-content-text p, .fmn-template-default .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-table .table td .large, .fmn-template-default .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-text-wrap .fmn-content-text .fmn-content-table .table td p, .post-type-archive-fmn .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-table .table td .fmn-content-text-wrap .fmn-content-text p, .post-type-archive-fmn .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-table .table td .large, .post-type-archive-fmn .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-text-wrap .fmn-content-text .fmn-content-table .table td p {
    line-height: 20px
}

.fmn-template-default .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-table .table td .fmn-content-text-wrap .fmn-content-text p.positive, .fmn-template-default .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-table .table td .large.positive, .fmn-template-default .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-text-wrap .fmn-content-text .fmn-content-table .table td p.positive, .post-type-archive-fmn .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-table .table td .fmn-content-text-wrap .fmn-content-text p.positive, .post-type-archive-fmn .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-table .table td .large.positive, .post-type-archive-fmn .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-text-wrap .fmn-content-text .fmn-content-table .table td p.positive {
    color: #52c41a
}

.fmn-template-default .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-table .table td .fmn-content-text-wrap .fmn-content-text p.negative, .fmn-template-default .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-table .table td .large.negative, .fmn-template-default .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-text-wrap .fmn-content-text .fmn-content-table .table td p.negative, .post-type-archive-fmn .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-table .table td .fmn-content-text-wrap .fmn-content-text p.negative, .post-type-archive-fmn .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-table .table td .large.negative, .post-type-archive-fmn .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row .fmn-content-text-wrap .fmn-content-text .fmn-content-table .table td p.negative {
    color: #f53638
}

.fmn-template-default .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row.has-table .fmn-content-text-wrap, .post-type-archive-fmn .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row.has-table .fmn-content-text-wrap {
    max-inline-size: 400px
}

@media screen and (max-width: 999px) {
    .fmn-template-default .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row.has-table .fmn-content-text-wrap, .post-type-archive-fmn .fmn-content-sections .fmn-content-section .fmn-content-wrap .fmn-content-row.has-table .fmn-content-text-wrap {
        max-inline-size: unset
    }
}

.help-page {
    min-block-size: 800px;
    font-size: 16px
}

.help-page .light-header-section {
    text-align: center;
    color: #fff;
    background-color: var(--mainGreen);
    -webkit-padding-start: 50px;
    padding-inline-start: 50px;
    -webkit-padding-end: 50px;
    padding-inline-end: 50px;
    -webkit-padding-before: 50px;
    padding-block-start: 50px;
    -webkit-padding-after: 50px;
    padding-block-end: 50px
}

.help-page .light-header-section span {
    display: block;
    -webkit-margin-before: 1rem;
    margin-block-start: 1rem;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    font-weight: 700
}

.help-page .page-content {
    -webkit-padding-before: 120px;
    padding-block-start: 120px;
    -webkit-padding-after: 0;
    padding-block-end: 0;
    -webkit-padding-start: 30px;
    padding-inline-start: 30px;
    -webkit-padding-end: 30px;
    padding-inline-end: 30px
}

.help-page .page-content .search-wrp {
    position: relative;
    display: inline-block
}

.help-page .page-content .search-wrp .search {
    -webkit-padding-start: 7px;
    padding-inline-start: 7px;
    -webkit-padding-end: 7px;
    padding-inline-end: 7px;
    -webkit-padding-before: 7px;
    padding-block-start: 7px;
    -webkit-padding-after: 7px;
    padding-block-end: 7px;
    border: 1px solid #d0d0d1;
    -webkit-margin-before: 10px;
    margin-block-start: 10px;
    -webkit-margin-after: 10px;
    margin-block-end: 10px;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    inline-size: 100%;
    min-inline-size: 400px
}

@media screen and (max-width: 999px) {
    .help-page .page-content .search-wrp {
        inline-size: 100%
    }

    .help-page .page-content .search-wrp .search {
        min-inline-size: unset;
        inline-size: 100%
    }
}

.help-page .page-content .search-wrp .icon-search {
    position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #d0d0d1
}

body.rtl .help-page .page-content .search-wrp .icon-search {
    right: unset;
    left: 5px
}

.trading-conditions-template .content {
    -webkit-padding-before: 0;
    padding-block-start: 0;
    -webkit-padding-after: 0;
    padding-block-end: 0;
    -webkit-padding-start: 20px;
    padding-inline-start: 20px;
    -webkit-padding-end: 20px;
    padding-inline-end: 20px;
    -webkit-padding-after: 150px;
    padding-block-end: 150px
}

.trading-conditions-template .content .on-commission-widget-wrapper {
    width: unset
}

.trading-conditions-template .content .on-commission-widget-wrapper .on-commission-body {
    -webkit-padding-after: 100px;
    padding-block-end: 100px
}

.trading-conditions-template .content .on-commission-widget-wrapper .on-commission-body .on-commission-body-table {
    -webkit-margin-start: -20px;
    margin-inline-start: -20px
}

.trading-conditions-template .content ul {
    -webkit-margin-start: 0;
    margin-inline-start: 0
}

.trading-conditions-template .content ul li {
    font-size: 16px
}

.trading-conditions-template .content ul li:before {
    left: -6px
}

.trading-conditions-template .content .expiration-head {
    -webkit-padding-start: 16px;
    padding-inline-start: 16px;
    -webkit-padding-end: 16px;
    padding-inline-end: 16px;
    -webkit-padding-before: 13px;
    padding-block-start: 13px;
    -webkit-padding-after: 13px;
    padding-block-end: 13px;
    color: #151518;
    position: relative;
    cursor: pointer
}

.trading-conditions-template .content .expiration-head:after {
    content: "\E90E";
    font-family: icomoon;
    font-size: 16px;
    color: var(--mainGreen);
    position: absolute;
    top: 50%;
    -webkit-margin-before: -12px;
    margin-block-start: -12px;
    right: -10px
}

.trading-conditions-template .content .expiration-head.active {
    -webkit-padding-after: 0;
    padding-block-end: 0
}

.trading-conditions-template .content .expiration-head.active:after {
    content: "\E90F"
}

.trading-conditions-template .content .expiration-body {
    overflow: hidden;
    max-block-size: 0;
    -webkit-padding-start: 16px;
    padding-inline-start: 16px;
    -webkit-padding-end: 16px;
    padding-inline-end: 16px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.trading-conditions-template .content table th, .trading-conditions-template .content table tr {
    text-align: left
}

.promoblock-section {
    block-size: 32px;
    position: relative;
    z-index: 11
}

.promoblock {
    overflow: hidden;
    max-block-size: 0;
    background-color: #062a4a
}

.promoblock, .promoblock-content {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.promoblock-content {
    position: relative;
    opacity: 0
}

.promoblock-content-bg {
    position: absolute;
    top: 0;
    left: 0;
    inline-size: 100%;
    block-size: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.promoblock-toggle {
    inline-size: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #062a4a
}

.promoblock-toggle, .promoblock-toggle .promoblock-toggle-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.promoblock-toggle .promoblock-toggle-btn {
    block-size: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.promoblock-toggle .promoblock-toggle-btn span {
    block-size: 32px;
    font-family: Oxygen, sans-serif;
    position: relative;
    z-index: 2
}

.promoblock-toggle .promoblock-toggle-btn:after, .promoblock-toggle .promoblock-toggle-btn span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.promoblock-toggle .promoblock-toggle-btn:after {
    content: "\E90C";
    font-family: icomoon;
    font-size: 16px;
    color: #fff;
    inline-size: 40px;
    block-size: 40px;
    border-radius: 50%;
    background-color: #062a4a;
    position: absolute;
    bottom: -17px;
    left: 50%;
    -webkit-margin-start: -20px;
    margin-inline-start: -20px;
    -webkit-padding-before: 10px;
    padding-block-start: 10px
}

@media screen and (min-width: 1000px) {
    .promoblock-toggle .promoblock-toggle-btn:hover:after, .promoblock-toggle .promoblock-toggle-btn:hover span {
        color: var(--mainGreen)
    }
}

.promoblock-section.active .promoblock-content {
    opacity: 1
}

.promoblock-section.active .promoblock-toggle-btn:after {
    content: "\E90B"
}

.reg-tmpl-promo-container {
    min-block-size: 470px;
    -webkit-padding-before: 32px;
    padding-block-start: 32px;
    -webkit-padding-after: 32px;
    padding-block-end: 32px;
    -webkit-padding-start: 24px;
    padding-inline-start: 24px;
    -webkit-padding-end: 24px;
    padding-inline-end: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 768px) {
    .reg-tmpl-promo-container {
        -webkit-padding-before: 16px;
        padding-block-start: 16px
    }
}

@media screen and (max-width: 768px) {
    .reg-tmpl-promo-img-col img {
        inline-size: 80px;
        block-size: auto
    }
}

.reg-tmpl-promo-link a {
    display: inline-block;
    position: relative;
    -webkit-padding-end: 19px;
    padding-inline-end: 19px
}

.reg-tmpl-promo-link a:after {
    content: "\E901";
    font-family: icomoon;
    display: block;
    font-size: 16px;
    color: #fff;
    position: absolute;
    top: -2px;
    right: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.reg-tmpl-promo-link a:hover:after {
    color: var(--mainGreen)
}

.reg-tmpl-hero-section {
    background-color: #062a4a;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

@media screen and (max-width: 768px) {
    .reg-tmpl-hero-section {
        -webkit-padding-start: 24px;
        padding-inline-start: 24px;
        -webkit-padding-end: 24px;
        padding-inline-end: 24px;
        -webkit-padding-before: 20px;
        padding-block-start: 20px
    }
}

.reg-tmpl-hero-section .container {
    min-block-size: 650px;
    -webkit-padding-before: 64px;
    padding-block-start: 64px;
    -webkit-padding-after: 64px;
    padding-block-end: 64px
}

@media screen and (max-width: 768px) {
    .reg-tmpl-hero-section .container {
        -webkit-padding-before: 32px;
        padding-block-start: 32px;
        -webkit-padding-after: 32px;
        padding-block-end: 32px;
        min-block-size: unset
    }
}

.reg-tmpl-hero-content {
    max-inline-size: 620px
}

.reg-tmpl-hero-content h1 {
    -webkit-margin-after: 32px;
    margin-block-end: 32px
}

.reg-tmpl-hero-content .reg-tmpl-hero-text {
    max-inline-size: 580px
}

@media screen and (max-width: 768px) {
    .reg-tmpl-hero-content h1 {
        -webkit-margin-after: 16px;
        margin-block-end: 16px
    }
}

.reg-tmpl-cards-section {
    position: relative;
    -webkit-margin-after: 190px;
    margin-block-end: 190px
}

@media screen and (max-width: 768px) {
    .reg-tmpl-cards-section {
        -webkit-padding-start: 0;
        padding-inline-start: 0;
        -webkit-padding-end: 0;
        padding-inline-end: 0;
        -webkit-padding-before: 0;
        padding-block-start: 0;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        -webkit-margin-after: 0;
        margin-block-end: 0
    }
}

.reg-tmpl-cards-circle-bottom, .reg-tmpl-cards-circle-top {
    inline-size: 267px;
    block-size: 267px;
    position: absolute;
    display: none
}

@media screen and (min-width: 1192px) {
    .reg-tmpl-cards-circle-bottom, .reg-tmpl-cards-circle-top {
        display: block
    }
}

.reg-tmpl-cards-circle-top {
    top: -100px;
    right: -100px
}

.reg-tmpl-cards-circle-bottom {
    bottom: -250px;
    left: -130px
}

@media screen and (max-width: 768px) {
    .reg-tmpl-cards-section .container {
        -webkit-padding-start: 24px;
        padding-inline-start: 24px;
        -webkit-padding-end: 24px;
        padding-inline-end: 24px
    }
}

.reg-tmpl-cards-text {
    -webkit-padding-before: 32px;
    padding-block-start: 32px;
    -webkit-padding-after: 54px;
    padding-block-end: 54px;
    position: relative;
    z-index: 2
}

@media screen and (min-width: 1192px) {
    .reg-tmpl-cards-text {
        -webkit-padding-end: 100px;
        padding-inline-end: 100px
    }
}

@media screen and (max-width: 768px) {
    .reg-tmpl-cards-text {
        text-align: center
    }
}

@media screen and (max-width: 768px) {
    .reg-tmpl-card-col {
        -webkit-margin-after: 12px;
        margin-block-end: 12px
    }
}

.reg-tmpl-card {
    display: block;
    overflow: hidden;
    block-size: 100%;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .5);
    border-radius: 10px;
    position: relative;
    background-color: #fff;
    min-block-size: 170px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media screen and (max-width: 768px) {
    .reg-tmpl-card {
        max-inline-size: 180px;
        -webkit-margin-start: auto;
        margin-inline-start: auto;
        -webkit-margin-end: auto;
        margin-inline-end: auto
    }
}

.reg-tmpl-card-bg {
    position: absolute;
    top: -7px;
    left: -7px;
    inline-size: 165px;
    block-size: 110px;
    background-repeat: no-repeat;
    background-position: 0 0
}

.reg-tmpl-card-text {
    position: relative;
    z-index: 2;
    -webkit-padding-start: 24px;
    padding-inline-start: 24px;
    -webkit-padding-end: 24px;
    padding-inline-end: 24px;
    -webkit-padding-before: 75px;
    padding-block-start: 75px;
    -webkit-padding-after: 16px;
    padding-block-end: 16px
}

.reg-tmpl-card-country {
    color: #8a8a8b;
    position: absolute;
    top: 8px;
    right: 8px
}

.reg-tmpl-card-name {
    color: #8a8a8b;
    line-height: 1.25
}

.reg-tmpl-card:hover {
    opacity: .7
}

.template-legal h1 {
    text-align: center;
    color: var(--mainGreen);
    margin: 0 0 40px
}

.template-legal p a {
    color: var(--mainGreen)
}



.template-legal .legal-content table td {
    display: table-cell;
    vertical-align: middle
}

.template-legal .legal-content table tr {
    font-size: 13px;
    font-weight: 600
}

.template-legal .legal-content table tr:first-child {
    text-align: left;
    color: #d0d0d1;
    font-size: 13px;
    font-weight: 500
}

.template-legal .legal-content table a {
    color: #002766
}

.template-legal .legal-content table a:after {
    content: "\E901";
    font-family: icomoon !important
}

.template-legal .legal-content table img {
    block-size: 35px;
    inline-size: 35px
}

.template-legal .legal-content li p {
    -webkit-margin-after: 0;
    margin-block-end: 0
}

.awards-hero-section {
    background-color: #062a4a;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

@media screen and (max-width: 768px) {
    .awards-hero-section {
        -webkit-padding-start: 32px;
        padding-inline-start: 32px;
        -webkit-padding-end: 32px;
        padding-inline-end: 32px;
        min-block-size: calc(100vh - 86px);
        background-position: top
    }
}

.awards-hero-section .container {
    min-block-size: 612px;
    -webkit-padding-before: 64px;
    padding-block-start: 64px;
    -webkit-padding-after: 64px;
    padding-block-end: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 768px) {
    .awards-hero-section .container {
        -webkit-padding-before: 95px;
        padding-block-start: 95px;
        -webkit-padding-after: 16px;
        padding-block-end: 16px;
        min-block-size: unset
    }
}

.awards-hero-content {
    max-inline-size: 780px;
    inline-size: 100%
}

@media screen and (max-width: 768px) {
    .awards-hero-content {
        max-inline-size: 236px
    }
}

.awards-list-section {
    position: relative;
    -webkit-padding-before: 47px;
    padding-block-start: 47px;
    -webkit-margin-after: 189px;
    margin-block-end: 189px
}

@media screen and (max-width: 768px) {
    .awards-list-section {
        -webkit-margin-after: 0;
        margin-block-end: 0
    }
}

.awards-list-circle-bottom, .awards-list-circle-top {
    inline-size: 326px;
    block-size: 326px;
    position: absolute;
    display: none
}

@media screen and (min-width: 1192px) {
    .awards-list-circle-bottom, .awards-list-circle-top {
        display: block
    }
}

.awards-list-circle-top {
    top: -140px;
    right: -30px
}

.awards-list-circle-bottom {
    bottom: -210px;
    left: -120px
}

.award-item {
    -webkit-padding-before: 77px;
    padding-block-start: 77px;
    -webkit-padding-after: 77px;
    padding-block-end: 77px;
    -webkit-border-after: 1px solid #e7e7e7;
    border-block-end: 1px solid #e7e7e7
}

@media screen and (max-width: 768px) {
    .award-item {
        -webkit-padding-before: 0;
        padding-block-start: 0;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        -webkit-border-after: none;
        border-block-end: none;
        -webkit-padding-start: 14px;
        padding-inline-start: 14px;
        -webkit-padding-end: 14px;
        padding-inline-end: 14px
    }
}

@media screen and (max-width: 768px) {
    .award-item-img-col .award-item-img {
        inline-size: 244px;
        block-size: 244px;
        -webkit-margin-start: auto;
        margin-inline-start: auto;
        -webkit-margin-end: auto;
        margin-inline-end: auto
    }

    .award-item-img-col .award-item-img img {
        inline-size: 100%;
        block-size: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }
}

.content-wrapper ul.award-item-years {
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    list-style: none;
    font-size: 0;
    -webkit-margin-start: -16px;
    margin-inline-start: -16px
}

.content-wrapper ul.award-item-years li {
    display: inline-block;
    font-size: 1.25rem;
    letter-spacing: .71px;
    -webkit-padding-before: 5px;
    padding-block-start: 5px;
    -webkit-padding-after: 5px;
    padding-block-end: 5px;
    -webkit-padding-start: 16px;
    padding-inline-start: 16px;
    -webkit-padding-end: 16px;
    padding-inline-end: 16px;
    -webkit-border-end: 1px solid #e7e7e7;
    border-inline-end: 1px solid #e7e7e7;
    -webkit-margin-after: 8px;
    margin-block-end: 8px
}

.content-wrapper ul.award-item-years li:last-child {
    -webkit-border-end: unset;
    border-inline-end: unset
}

.award-item-text-col .h2 {
    -webkit-margin-after: 12px;
    margin-block-end: 12px
}

.award-item-text-col .h4, .award-item-text-col .stocks-archive-page-content .collection-archive-bg-wrp .stocks-archive .collection-item a span, .stocks-archive-page-content .collection-archive-bg-wrp .stocks-archive .collection-item a .award-item-text-col span {
    -webkit-margin-after: 14px;
    margin-block-end: 14px
}

@media screen and (max-width: 768px) {
    .award-item-text-col .h4, .award-item-text-col .stocks-archive-page-content .collection-archive-bg-wrp .stocks-archive .collection-item a span, .stocks-archive-page-content .collection-archive-bg-wrp .stocks-archive .collection-item a .award-item-text-col span {
        font-size: 1.25rem;
        letter-spacing: .71px
    }
}

@media screen and (max-width: 768px) {
    .award-item-description-inner {
        overflow: hidden;
        max-block-size: 96px;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
}

.award-item-read-more {
    color: #062a4a;
    position: relative;
    display: inline-block;
    -webkit-padding-end: 22px;
    padding-inline-end: 22px;
    cursor: pointer;
    -webkit-margin-before: 8px;
    margin-block-start: 8px
}

.award-item-read-more:after {
    content: "\E901";
    font-family: icomoon;
    display: block;
    font-size: 14px;
    position: absolute;
    top: 0;
    right: 0
}

body.rtl .award-item-read-more:after {
    content: "\E900";
    right: unset;
    left: 0
}

.elective-pro-page section {
    -webkit-margin-after: 50px !important;
    margin-block-end: 50px !important
}

.elective-pro-page section.reg-section {
    -webkit-margin-after: 96px !important;
    margin-block-end: 96px !important
}

.elective-pro-page .header-section button {
    display: block !important;
    margin-top: 40px
}

.elective-pro-page .header-section .underbutton-text {
    font-size: .6rem !important;
    max-inline-size: 170px !important
}

.elective-pro-page .elective-pro-info-section {
    -webkit-padding-before: 60px;
    padding-block-start: 60px;
    -webkit-padding-after: 60px;
    padding-block-end: 60px;
    margin: 0 auto
}

.elective-pro-page .elective-pro-info-section .perks_title {
    color: #000;
    -webkit-margin-after: 30px;
    margin-block-end: 30px;
    text-align: center
}

.elective-pro-page .elective-pro-info-section .perks_blocks .perk_block {
    -webkit-margin-before: 30px;
    margin-block-start: 30px;
    -webkit-margin-after: 30px;
    margin-block-end: 30px;
    text-align: center;
    border-left: 1px solid #000;
    padding: 10px 25px
}

.elective-pro-page .elective-pro-info-section .perks_blocks .perk_block:first-child {
    border-left: none
}

.elective-pro-page .elective-pro-info-section .perks_blocks .perk_block h3 {
    font-size: 31px;
    color: var(--mainGreen);
    font-weight: 700;
    margin: 0
}

@media screen and (max-width: 768px) {
    .elective-pro-page .elective-pro-info-section .perks_blocks .perk_block {
        border-left: none;
        position: relative;
        -webkit-margin-before: 0;
        margin-block-start: 0;
        -webkit-margin-after: 0;
        margin-block-end: 0;
        -webkit-padding-before: 30px;
        padding-block-start: 30px;
        -webkit-padding-after: 30px;
        padding-block-end: 30px
    }

    .elective-pro-page .elective-pro-info-section .perks_blocks .perk_block:after {
        content: "";
        position: absolute;
        width: 60%;
        height: 1px;
        background-color: #000;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 0
    }

    .elective-pro-page .elective-pro-info-section .perks_blocks .perk_block:last-child {
        border-bottom: none
    }

    .elective-pro-page .elective-pro-info-section .perks_blocks .perk_block:last-child:after {
        display: none
    }
}

.elective-pro-page .elective-pro-info-section .perks_terms_and_cond {
    text-align: center
}

.elective-pro-page .elective-pro-info-section .perks_terms_and_cond a {
    color: var(--mainGreen);
    font-size: 17px
}

@media screen and (max-width: 768px) {
    .elective-pro-page .elective-pro-info-section {
        -webkit-padding-start: 20px;
        padding-inline-start: 20px;
        -webkit-padding-end: 20px;
        padding-inline-end: 20px;
        -webkit-padding-before: 0;
        padding-block-start: 0;
        -webkit-padding-after: 0;
        padding-block-end: 0
    }
}

.elective-pro-page .elective-pro-protections {
    padding: 60px 0 65px;
    background: none 50% no-repeat;
    background-size: cover
}

.elective-pro-page .elective-pro-protections a, .elective-pro-page .elective-pro-protections h2, .elective-pro-page .elective-pro-protections p {
    color: #fff
}

.elective-pro-page .elective-pro-protections h2 {
    -webkit-margin-after: 0;
    margin-block-end: 0
}

.elective-pro-page .elective-pro-protections .protections_blocks h4 {
    color: var(--mainGreen);
    -webkit-margin-before: 40px;
    margin-block-start: 40px
}

@media screen and (max-width: 768px) {
    .elective-pro-page .elective-pro-protections .protections_blocks h4 {
        font-size: 31px
    }
}

.elective-pro-page .elective-pro-protections .protections_blocks p {
    line-height: 1.2
}

@media screen and (max-width: 768px) {
    .elective-pro-page .elective-pro-protections .protections_blocks {
        text-align: center
    }
}

@media screen and (max-width: 768px) {
    .elective-pro-page .elective-pro-protections .image_block {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .elective-pro-page .elective-pro-protections {
        -webkit-padding-start: 20px;
        padding-inline-start: 20px;
        -webkit-padding-end: 20px;
        padding-inline-end: 20px
    }

    .elective-pro-page .elective-pro-protections img {
        max-block-size: 300px;
        -o-object-fit: contain;
        object-fit: contain
    }
}

.elective-pro-page .elective-pro-switch-to-pro-section {
    text-align: center;
    max-inline-size: 800px;
    -webkit-margin-before: auto;
    margin-block-start: auto;
    -webkit-margin-after: auto;
    margin-block-end: auto;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto;
    -webkit-padding-start: 50px;
    padding-inline-start: 50px;
    -webkit-padding-end: 50px;
    padding-inline-end: 50px;
    -webkit-padding-before: 50px;
    padding-block-start: 50px;
    -webkit-padding-after: 50px;
    padding-block-end: 50px
}

.elective-pro-page .elective-pro-switch-to-pro-section h2 {
    color: var(--mainGreen);
    font-weight: 700
}

@media screen and (max-width: 768px) {
    .elective-pro-page .elective-pro-switch-to-pro-section {
        -webkit-padding-start: 20px;
        padding-inline-start: 20px;
        -webkit-padding-end: 20px;
        padding-inline-end: 20px;
        -webkit-padding-before: 20px;
        padding-block-start: 20px;
        -webkit-padding-after: 20px;
        padding-block-end: 20px
    }
}

.elective-pro-page .elective-pro-switch-to-pro-section button {
    display: block;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto
}

.elective-pro-page .elective-pro-switch-to-pro-section .underbutton-text {
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto;
    text-align: center
}

.lobby-page {
    text-align: center
}

.lobby-page h1 {
    color: var(--mainGreen)
}

.lobby-page .main-subtitle {
    -webkit-padding-start: 20px;
    padding-inline-start: 20px;
    -webkit-padding-end: 20px;
    padding-inline-end: 20px;
    -webkit-padding-after: 20px;
    padding-block-end: 20px
}

.lobby-page .container .pages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-inline-size: 1000px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-margin-before: auto;
    margin-block-start: auto;
    -webkit-margin-after: auto;
    margin-block-end: auto;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto;
    -webkit-padding-after: 100px;
    padding-block-end: 100px;
    -webkit-padding-before: 30px;
    padding-block-start: 30px
}

.lobby-page .container .pages .page {
    max-inline-size: 330px;
    text-align: center;
    -webkit-padding-start: 25px;
    padding-inline-start: 25px;
    -webkit-padding-end: 25px;
    padding-inline-end: 25px;
    -webkit-padding-after: 25px;
    padding-block-end: 25px;
    -webkit-padding-before: 25px;
    padding-block-start: 25px
}

@media screen and (max-width: 768px) {
    .lobby-page .container .pages .page {
        max-inline-size: 100%;
        -webkit-padding-start: 15px;
        padding-inline-start: 15px;
        -webkit-padding-end: 15px;
        padding-inline-end: 15px;
        -webkit-padding-after: 15px;
        padding-block-end: 15px;
        -webkit-padding-before: 15px;
        padding-block-start: 15px
    }
}

.lobby-page .container .pages .page .page-inner {
    position: relative;
    height: 100%;
    background-image: -webkit-linear-gradient(239deg, #33353f, #1c1d22);
    background-image: -o-linear-gradient(239deg, #33353f 0, #1c1d22 100%);
    background-image: linear-gradient(211deg, #33353f, #1c1d22);
    -webkit-padding-start: 24px;
    padding-inline-start: 24px;
    -webkit-padding-end: 24px;
    padding-inline-end: 24px;
    -webkit-padding-after: 30px;
    padding-block-end: 30px;
    -webkit-padding-before: 10px;
    padding-block-start: 10px
}

.lobby-page .container .pages .page .page-inner:hover {
    opacity: .85
}

.lobby-page .container .pages .page .page-inner .page-image {
    min-block-size: 120px;
    -webkit-padding-before: 30px;
    padding-block-start: 30px
}

.lobby-page .container .pages .page .page-inner .page-image img {
    max-height: 120px
}

.lobby-page .container .pages .page .page-inner .page-title {
    font-size: 25px;
    font-weight: 700;
    color: #fff;
    text-align: left
}

.lobby-page .container .pages .page .page-inner .page-description {
    -webkit-padding-after: 15px;
    padding-block-end: 15px;
    -webkit-padding-before: 15px;
    padding-block-start: 15px;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    text-align: left
}

.lobby-page .container .pages .page .page-inner .learn-more {
    font-size: 13px;
    color: #fff;
    position: absolute;
    bottom: 10px;
    right: 24px
}

.affiliates-page {
    -webkit-padding-after: 70px;
    padding-block-end: 70px
}

.affiliates-page .affiliates-hero-section {
    min-block-size: 740px;
    position: relative
}

@media screen and (max-width: 768px) {
    .affiliates-page .affiliates-hero-section {
        block-size: auto;
        -webkit-padding-start: 0;
        padding-inline-start: 0;
        -webkit-padding-end: 0;
        padding-inline-end: 0;
        -webkit-padding-before: 0;
        padding-block-start: 0;
        -webkit-padding-after: 0;
        padding-block-end: 0
    }
}

.affiliates-page .affiliates-hero-bg {
    position: absolute;
    left: 0;
    top: 0;
    inline-size: 100%;
    block-size: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

@media screen and (max-width: 768px) {
    .affiliates-page .affiliates-hero-bg.affiliates-hero-bg-mobile {
        background-position: top
    }
}

.affiliates-page .affiliates-hero-container {
    block-size: 100%;
    -webkit-padding-before: 64px;
    padding-block-start: 64px;
    -webkit-padding-after: 32px;
    padding-block-end: 32px
}

@media screen and (max-width: 768px) {
    .affiliates-page .affiliates-hero-container {
        position: static;
        -webkit-padding-start: 24px;
        padding-inline-start: 24px;
        -webkit-padding-end: 24px;
        padding-inline-end: 24px
    }
}

.affiliates-page .affiliates-hero-content {
    max-inline-size: 600px;
    position: relative;
    z-index: 2
}

.affiliates-page .affiliates-hero-content .h4, .affiliates-page .affiliates-hero-content .h5, .affiliates-page .affiliates-hero-content .stocks-archive-page-content .collection-archive-bg-wrp .stocks-archive .collection-item a span, .affiliates-page .affiliates-hero-content h1, .stocks-archive-page-content .collection-archive-bg-wrp .stocks-archive .collection-item a .affiliates-page .affiliates-hero-content span {
    line-height: 1.5
}

.affiliates-page .affiliates-hero-button-wrap {
    -webkit-margin-before: 64px;
    margin-block-start: 64px
}

.affiliates-page .affiliates-hero-button-wrap .medium {
    max-inline-size: 218px
}

@media screen and (max-width: 768px) {
    .affiliates-page .affiliates-hero-button-wrap {
        -webkit-margin-before: 32px;
        margin-block-start: 32px
    }
}

.affiliates-page .affiliates-summaries {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    inline-size: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 768px) {
    .affiliates-page .affiliates-summaries {
        display: block;
        max-inline-size: 248px;
        -webkit-margin-start: auto;
        margin-inline-start: auto;
        -webkit-margin-end: auto;
        margin-inline-end: auto;
        -webkit-margin-before: 42px;
        margin-block-start: 42px
    }

    .affiliates-page .affiliates-summaries .slick-list {
        -webkit-padding-before: 8px;
        padding-block-start: 8px;
        -webkit-padding-after: 8px;
        padding-block-end: 8px
    }
}

.affiliates-page .affiliates-summary {
    -webkit-border-end: 1px solid #d0d0d1;
    border-inline-end: 1px solid #d0d0d1
}

.affiliates-page .affiliates-summary:last-child {
    border: none
}

.affiliates-page .affiliates-summary .affiliates-summary-inner {
    text-align: center;
    -webkit-padding-start: 48px;
    padding-inline-start: 48px;
    -webkit-padding-end: 48px;
    padding-inline-end: 48px;
    -webkit-padding-before: 8px;
    padding-block-start: 8px;
    -webkit-padding-after: 16px;
    padding-block-end: 16px
}

.affiliates-page .affiliates-summary .affiliates-summary-inner .h1 {
    color: var(--mainGreen)
}

@media screen and (max-width: 768px) {
    .affiliates-page .affiliates-summary {
        min-block-size: 183px;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: none;
        position: relative
    }

    .affiliates-page .affiliates-summary:after, .affiliates-page .affiliates-summary:before {
        content: "";
        display: block;
        inline-size: 100%;
        block-size: 1px;
        background-color: #d0d0d1;
        -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .5);
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .5);
        position: absolute;
        top: 0;
        left: 0
    }

    .affiliates-page .affiliates-summary:after {
        top: auto;
        bottom: 0
    }

    .affiliates-page .affiliates-summary .affiliates-summary-inner {
        inline-size: 100%;
        -webkit-padding-before: 24px;
        padding-block-start: 24px;
        -webkit-padding-after: 24px;
        padding-block-end: 24px;
        -webkit-padding-start: 24px;
        padding-inline-start: 24px;
        -webkit-padding-end: 24px;
        padding-inline-end: 24px
    }

    .affiliates-page .affiliates-summary .affiliates-summary-inner .h1 {
        font-size: 3rem;
        letter-spacing: 1.73px
    }
}

.affiliates-page .affiliates-tools-section {
    -webkit-padding-before: 96px;
    padding-block-start: 96px;
    -webkit-padding-after: 120px;
    padding-block-end: 120px;
    position: relative
}

.affiliates-page .affiliates-tools-section .circle {
    position: absolute
}

.affiliates-page .affiliates-tools-section .affiliates-tools-circle-left-top {
    inline-size: 210px;
    block-size: 210px;
    top: 127px;
    left: -105px
}

.affiliates-page .affiliates-tools-section .affiliates-tools-circle-right-top {
    inline-size: 55px;
    block-size: 55px;
    top: 177px;
    right: -10px
}

.affiliates-page .affiliates-tools-section .affiliates-tools-circle-right-bottom {
    inline-size: 192px;
    block-size: 192px;
    bottom: 68px;
    right: -70px
}

.affiliates-page .affiliates-tools-section .container {
    z-index: 2
}

.affiliates-page .affiliates-tools-section .container h2 {
    line-height: 1.5;
    color: var(--mainGreen)
}

@media screen and (max-width: 768px) {
    .affiliates-page .affiliates-tools-section {
        -webkit-padding-before: 64px;
        padding-block-start: 64px;
        -webkit-padding-after: 72px;
        padding-block-end: 72px;
        -webkit-padding-start: 24px;
        padding-inline-start: 24px;
        -webkit-padding-end: 24px;
        padding-inline-end: 24px
    }

    .affiliates-page .affiliates-tools-section .container h2 {
        font-size: 2.4rem;
        letter-spacing: 1.38px;
        -webkit-margin-after: 8px !important;
        margin-block-end: 8px !important
    }

    .affiliates-page .affiliates-tools-section .container .h5 {
        font-family: Open Sans, sans-serif;
        font-size: 16px;
        letter-spacing: .56px
    }
}

.affiliates-page .affiliates-tools-cols {
    -webkit-margin-before: 32px;
    margin-block-start: 32px;
    -webkit-margin-after: 16px;
    margin-block-end: 16px
}

.affiliates-page .affiliates-tools-cols .column {
    -webkit-border-end: 1px solid #d0d0d1;
    border-inline-end: 1px solid #d0d0d1;
    -webkit-padding-before: 19px;
    padding-block-start: 19px;
    -webkit-padding-after: 55px;
    padding-block-end: 55px
}

.affiliates-page .affiliates-tools-cols .column:last-child {
    border: none
}

.affiliates-page .affiliates-tools-cols .column img {
    vertical-align: top;
    block-size: 81px;
    inline-size: auto
}

@media screen and (max-width: 768px) {
    .affiliates-page .affiliates-tools-cols {
        -webkit-margin-before: 8px;
        margin-block-start: 8px;
        -webkit-margin-after: 0;
        margin-block-end: 0;
        -webkit-margin-start: unset;
        margin-inline-start: unset;
        -webkit-margin-end: unset;
        margin-inline-end: unset
    }

    .affiliates-page .affiliates-tools-cols .column {
        -webkit-padding-start: 0;
        padding-inline-start: 0;
        -webkit-padding-end: 0;
        padding-inline-end: 0;
        -webkit-padding-before: 24px;
        padding-block-start: 24px;
        -webkit-padding-after: 24px;
        padding-block-end: 24px;
        border: none;
        -webkit-border-after: 1px solid #d0d0d1;
        border-block-end: 1px solid #d0d0d1
    }
}

.affiliates-page .affiliates-tools-button-wrap {
    max-inline-size: 170px;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto;
    text-align: start
}

.affiliates-page .affiliates-banner-section {
    min-block-size: 740px;
    position: relative;
    background-color: #062a4a
}

@media screen and (max-width: 768px) {
    .affiliates-page .affiliates-banner-section {
        block-size: auto;
        -webkit-padding-start: 0;
        padding-inline-start: 0;
        -webkit-padding-end: 0;
        padding-inline-end: 0;
        -webkit-padding-before: 0;
        padding-block-start: 0;
        -webkit-padding-after: 0;
        padding-block-end: 0
    }
}

.affiliates-page .affiliates-banner-bg {
    position: absolute;
    left: 0;
    top: 0;
    inline-size: 100%;
    block-size: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

@media screen and (max-width: 768px) {
    .affiliates-page .affiliates-banner-bg.affiliates-banner-bg-mobile {
        background-position: bottom
    }
}

.affiliates-page .affiliates-banner-container {
    block-size: 100%;
    -webkit-padding-before: 86px;
    padding-block-start: 86px;
    -webkit-padding-after: 32px;
    padding-block-end: 32px
}

@media screen and (max-width: 768px) {
    .affiliates-page .affiliates-banner-container {
        -webkit-padding-before: 32px;
        padding-block-start: 32px;
        -webkit-padding-after: 466px;
        padding-block-end: 466px;
        -webkit-padding-start: 24px;
        padding-inline-start: 24px;
        -webkit-padding-end: 24px;
        padding-inline-end: 24px
    }
}

.affiliates-page .affiliates-banner-content {
    max-inline-size: 750px;
    position: relative;
    z-index: 2
}

.affiliates-page .affiliates-banner-content h2 {
    line-height: 1.5;
    font-size: 2.4rem;
    letter-spacing: 1.38px
}

.affiliates-page .affiliates-banner-button-wrap {
    -webkit-margin-before: 32px;
    margin-block-start: 32px
}

.affiliates-page .affiliates-banner-button-wrap .medium {
    max-inline-size: 170px
}

@media screen and (max-width: 768px) {
    .affiliates-page .affiliates-banner-button-wrap {
        -webkit-margin-before: 32px;
        margin-block-start: 32px
    }
}

.affiliates-page .affiliates-steps-section {
    -webkit-margin-before: 96px;
    margin-block-start: 96px;
    -webkit-margin-after: 96px;
    margin-block-end: 96px;
    position: relative
}

.affiliates-page .affiliates-steps-section .circle {
    inline-size: 243px;
    block-size: 243px;
    position: absolute;
    top: 104px;
    left: -140px;
    z-index: -1
}

.affiliates-page .affiliates-steps-section .container {
    max-inline-size: 1000px
}

@media screen and (max-width: 768px) {
    .affiliates-page .affiliates-steps-section {
        -webkit-margin-before: 64px;
        margin-block-start: 64px;
        -webkit-margin-after: 64px;
        margin-block-end: 64px;
        -webkit-padding-start: 24px;
        padding-inline-start: 24px;
        -webkit-padding-end: 24px;
        padding-inline-end: 24px
    }

    .affiliates-page .affiliates-steps-section h2 {
        font-size: 2.4rem;
        color: var(--mainGreen);
        letter-spacing: 1.38px
    }
}

.affiliates-page .affiliates-steps {
    -webkit-margin-before: 51px;
    margin-block-start: 51px
}

@media screen and (max-width: 768px) {
    .affiliates-page .affiliates-steps {
        -webkit-margin-before: 32px;
        margin-block-start: 32px
    }
}

.affiliates-page .affiliates-step {
    position: relative
}

.affiliates-page .affiliates-step:after {
    content: "";
    display: block;
    inline-size: 100%;
    block-size: 1px;
    background-color: var(--mainGreen);
    position: absolute;
    top: 50px;
    left: 50%
}

.affiliates-page .affiliates-step:last-child:after {
    display: none
}

.affiliates-page .affiliates-step .affiliates-step-number {
    inline-size: 113px;
    block-size: 81px;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50%;
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.affiliates-page .affiliates-step .affiliates-step-headline {
    -webkit-margin-before: 13px;
    margin-block-start: 13px;
    -webkit-margin-after: 16px;
    margin-block-end: 16px
}

@media screen and (max-width: 768px) {
    .affiliates-page .affiliates-step {
        -webkit-padding-after: 104px;
        padding-block-end: 104px
    }

    .affiliates-page .affiliates-step:last-child {
        -webkit-padding-after: 0;
        padding-block-end: 0
    }

    .affiliates-page .affiliates-step:after {
        content: "";
        display: block;
        inline-size: 1px;
        block-size: 72px;
        background-color: var(--mainGreen);
        position: absolute;
        top: auto;
        bottom: 16px;
        left: 50%
    }
}

.affiliates-page .affiliates-reg-section {
    -webkit-margin-before: 96px;
    margin-block-start: 96px
}

.affiliates-page .affiliates-reg-section .circle {
    inline-size: 65px;
    block-size: 65px;
    position: absolute;
    bottom: -160px;
    right: 80px
}

.affiliates-page .affiliates-reg-section h2 {
    line-height: 1.5;
    color: var(--mainGreen)
}

.affiliates-page .affiliates-reg-section .medium {
    max-inline-size: 170px;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto
}

.blog-page .light-header-section {
    text-align: center;
    color: #fff;
    background-color: var(--mainGreen);
    -webkit-padding-start: 50px;
    padding-inline-start: 50px;
    -webkit-padding-end: 50px;
    padding-inline-end: 50px;
    -webkit-padding-before: 50px;
    padding-block-start: 50px;
    -webkit-padding-after: 50px;
    padding-block-end: 50px
}

.blog-page .light-header-section .header-titles {
    max-width: 600px;
    margin: auto
}

.blog-page .light-header-section .header-titles strong {
    color: #fff
}

.blog-page .columns {
    padding: 40px 0 100px;
    margin: auto
}

@media screen and (max-width: 768px) {
    .blog-page .columns {
        padding-bottom: unset
    }
}

.blog-page .columns .page-title h1 {
    margin-bottom: 54px
}

.blog-page .columns .content .mobile-search-bar {
    display: none;
    width: 90%;
    margin: auto
}

@media screen and (max-width: 768px) {
    .blog-page .columns .content .mobile-search-bar {
        display: block
    }
}

.blog-page .columns .content .posts {
    width: 90%
}

@media screen and (max-width: 768px) {
    .blog-page .columns .content .posts {
        margin: 0 auto
    }
}

.blog-page .columns .content .posts .post {
    padding: 30px 0;
    display: grid;
    grid-template-columns:2fr 5fr;
    -webkit-animation: fadein 2s;
    -o-animation: fadein 2s;
    animation: fadein 2s;
    border-bottom: .5px solid #e5e5e5
}

@media screen and (max-width: 768px) {
    .blog-page .columns .content .posts .post {
        padding: 20px 0;
        grid-template-columns:4fr 7fr
    }
}

.blog-page .columns .content .posts .post a {
    all: unset;
    cursor: pointer
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-o-keyframes fadein {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadein {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.blog-page .columns .content .posts .post .post-image {
    grid-row: 1/3
}

@media screen and (max-width: 768px) {
    .blog-page .columns .content .posts .post .post-image {
        grid-row: 1
    }
}

.blog-page .columns .content .posts .post .post-image img {
    width: 200px;
    height: 200px;
    margin-right: 15px;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (max-width: 768px) {
    .blog-page .columns .content .posts .post .post-image img {
        width: 100px;
        height: 100px;
        min-width: unset
    }
}

.blog-page .columns .content .posts .post .post-info {
    grid-column: 2
}

.blog-page .columns .content .posts .post .post-info .post-catagory {
    color: #979595;
    font-size: 14px;
    margin-bottom: 0
}

@media screen and (max-width: 768px) {
    .blog-page .columns .content .posts .post .post-info .post-catagory {
        font-size: 12px
    }
}

.blog-page .columns .content .posts .post .post-info .post-title {
    font-size: 30px;
    padding: 10px 0;
    font-weight: 600;
    margin-bottom: unset;
    line-height: 2rem;
    margin-top: 0;
    font-family: PT Sans, sans-serif
}

@media screen and (max-width: 768px) {
    .blog-page .columns .content .posts .post .post-info .post-title {
        font-size: 20px;
        line-height: 1.4rem;
        padding: 2px 0;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden
    }
}

.blog-page .columns .content .posts .post .post-info .post-author {
    display: inline-block;
    margin-right: 15px
}

@media screen and (max-width: 768px) {
    .blog-page .columns .content .posts .post .post-info .post-author {
        margin-right: unset
    }
}

.blog-page .columns .content .posts .post .post-info .post-author .author-image {
    vertical-align: middle;
    display: inline-block;
    width: 30px;
    height: 30px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 10px;
    font-size: 14px
}

@media screen and (max-width: 768px) {
    .blog-page .columns .content .posts .post .post-info .post-author .author-image {
        width: 18px;
        height: 18px;
        margin-right: 3px
    }
}

.blog-page .columns .content .posts .post .post-info .post-author .author-name {
    display: inline
}

@media screen and (max-width: 768px) {
    .blog-page .columns .content .posts .post .post-info .post-author .author-name {
        font-size: 10px
    }
}

.blog-page .columns .content .posts .post .post-info .post-date {
    display: inline-block;
    font-size: 14px
}

@media screen and (max-width: 768px) {
    .blog-page .columns .content .posts .post .post-info .post-date {
        font-size: 10px
    }
}

.blog-page .columns .content .posts .post .post-description {
    color: #797979;
    line-height: 24px;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    grid-column: 2
}

@media screen and (max-width: 768px) {
    .blog-page .columns .content .posts .post .post-description {
        grid-column: 1/3;
        font-size: 12px;
        line-height: 20px;
        -webkit-line-clamp: 5
    }
}

.blog-page .columns .content .posts .post .read-more {
    grid-column: 2
}

.blog-page .columns .content .posts .post:first-child {
    padding-top: 0
}

.blog-page .columns .content .pagination {
    display: block;
    float: right;
    margin-top: 25px;
    margin-right: 90px
}

@media screen and (max-width: 768px) {
    .blog-page .columns .content .pagination {
        margin-right: unset;
        float: unset;
        -webkit-margin-after: 100px;
        margin-block-end: 100px
    }
}

.blog-page .columns .content .pagination i {
    font-style: unset
}

.blog-page .columns .content .pagination .page-numbers {
    background-color: #fff;
    padding: 8px 15px;
    border: .5px solid #e5e5e5;
    font-size: 16px
}

.blog-page .columns .content .pagination .current {
    color: #fff;
    background-color: var(--mainGreen);
    border-color: var(--mainGreen)
}

.blog-page .subscribe {
    background-color: #002766;
    -webkit-margin-after: 150px;
    margin-block-end: 150px;
    padding: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 768px) {
    .blog-page .subscribe {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        padding: 40px;
        -webkit-padding-after: 150px;
        padding-block-end: 150px;
        -webkit-margin-after: unset;
        margin-block-end: unset
    }
}

.blog-page .subscribe .subscribe-titles {
    color: #fff
}

.blog-page .subscribe .subscribe-form {
    inline-size: 50%;
    text-align: right
}

@media screen and (max-width: 768px) {
    .blog-page .subscribe .subscribe-form {
        inline-size: 100%
    }
}

.blog-page .subscribe .subscribe-form input {
    inline-size: 60%;
    block-size: 44px;
    padding: 15px;
    -webkit-margin-end: 10px;
    margin-inline-end: 10px
}

@media screen and (max-width: 768px) {
    .blog-page .subscribe .subscribe-form input {
        inline-size: 100%;
        -webkit-margin-after: 5px;
        margin-block-end: 5px
    }
}

.blog-page .subscribe .subscribe-form button {
    border-radius: unset
}

@media screen and (max-width: 768px) {
    .blog-page .subscribe .subscribe-form button {
        inline-size: 100%
    }
}

.blog-article-page .light-header-section {
    text-align: center;
    color: #fff;
    background-color: var(--mainGreen);
    -webkit-padding-start: 50px;
    padding-inline-start: 50px;
    -webkit-padding-end: 50px;
    padding-inline-end: 50px;
    -webkit-padding-before: 50px;
    padding-block-start: 50px;
    -webkit-padding-after: 50px;
    padding-block-end: 50px
}

.blog-article-page .light-header-section .header-titles {
    max-width: 600px;
    margin: auto
}

.blog-article-page .light-header-section .header-titles strong {
    color: #fff
}

.blog-article-page .blog-article-page-content {
    padding: 40px 0
}

.blog-article-page .blog-article-page-content .article-wrapper {
    width: 90%
}

@media screen and (max-width: 768px) {
    .blog-article-page .blog-article-page-content .article-wrapper {
        width: 100%
    }
}

.blog-article-page .blog-article-page-content .article-wrapper .article-headers {
    text-align: center
}

.blog-article-page .blog-article-page-content .article-wrapper .article-headers .article-catagorie {
    font-size: 14px;
    color: #666;
    margin: 0
}

.blog-article-page .blog-article-page-content .article-wrapper .article-headers .article-title {
    font-size: 32px;
    font-family: unset;
    line-height: 2.5rem;
    padding: 10px;
    margin: 0
}

.blog-article-page .blog-article-page-content .article-wrapper .article-headers .article-author-title {
    display: none;
    padding-right: 10px
}

@media screen and (max-width: 768px) {
    .blog-article-page .blog-article-page-content .article-wrapper .article-headers .article-author-title {
        display: inline
    }
}

.blog-article-page .blog-article-page-content .article-wrapper .article-headers .article-author-title img {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: -3px
}

.blog-article-page .blog-article-page-content .article-wrapper .article-headers .article-date {
    font-size: 14px;
    color: #666
}

.blog-article-page .blog-article-page-content .article-wrapper .article-headers .article-reading-time {
    font-size: 14px;
    color: #666;
    -webkit-margin-start: 30px;
    margin-inline-start: 30px
}

.blog-article-page .blog-article-page-content .article-wrapper .article-headers .article-reading-time .reading-time {
    -webkit-margin-start: 5px;
    margin-inline-start: 5px
}

.blog-article-page .blog-article-page-content .article-wrapper .article-headers .article-image {
    width: 100%;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 20px 0 40px
}

.blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-author {
    position: relative
}

@media screen and (max-width: 768px) {
    .blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-author {
        display: none
    }
}

.blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-author .article-author-wrapper {
    right: 0;
    position: absolute;
    text-align: right;
    -webkit-margin-end: 10px;
    margin-inline-end: 10px
}

.blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-author .article-author-wrapper .written-by {
    font-size: 14px;
    margin: 0
}

.blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-author .article-author-wrapper .author-name {
    font-size: 20px
}

.blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-author .article-author-wrapper img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-description {
    font-weight: 700
}

@media screen and (max-width: 768px) {
    .blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-content {
        width: 90%;
        margin: 0 auto
    }
}

.blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-content p {
    font-size: 16px;
    color: #666;
    line-height: 25px;
    padding-bottom: 15px
}

.blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-content h2 {
    font-weight: 700
}

.blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-content h1, .blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-content h2, .blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-content h3, .blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-content h4, .blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-content h5 {
    margin: 25px 0 15px
}

.blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-content h1:first-child, .blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-content h2:first-child, .blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-content h3:first-child, .blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-content h4:first-child, .blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-content h5:first-child {
    margin-top: unset
}

.blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-content ol {
    padding-left: 1em;
    padding-bottom: 15px
}

.blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-tags {
    text-align: center;
    padding: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 768px) {
    .blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-tags {
        padding: 10px
    }
}

.blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-tags .article-tag {
    background-color: #ebebeb;
    min-width: 85px;
    font-size: 14px;
    margin: 5px 8px;
    padding: 2px 10px;
    font-weight: 700;
    color: #4e4e4e
}

.blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-tags a {
    color: #000
}

.blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-share {
    margin-left: -68px
}

@media screen and (max-width: 768px) {
    .blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-share {
        margin-left: unset
    }
}

.blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-share .share-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: .5px solid #e5e5e5;
    padding: 30px 0 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-share .share-options .share-title {
    color: #666;
    font-size: 14px;
    padding: 10px
}

@media screen and (max-width: 768px) {
    .blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-share .share-options .share-title {
        display: none
    }
}

.blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-share .share-options .share-option {
    width: 85px;
    height: 30px;
    font-size: 16px;
    margin: 0 8px;
    color: #fff;
    text-align: center
}

@media screen and (max-width: 768px) {
    .blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-share .share-options .share-option {
        font-size: 24px;
        width: 50px;
        height: 50px
    }
}

.blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-share .share-options .share-option span {
    position: relative;
    top: 2px;
    vertical-align: middle
}

@media screen and (max-width: 768px) {
    .blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-share .share-options .share-option span {
        top: 11px
    }
}

.blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-share .share-options .facebook {
    background-color: #3b5998
}

.blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-share .share-options .twitter {
    background-color: #55acee
}

.blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-share .share-options .linkedin {
    background-color: #007ab9
}

.blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-share .share-options .mail {
    background-color: #656ad2
}

.blog-article-page .blog-article-page-content .article-wrapper .article-content-wrapper .article-share .share-options .instagram {
    background: -webkit-radial-gradient(125% 100%, circle, #fed373 0, #f15245 41%, #d92e7f 57%, #9b36b7 108%, #515ecf);
    background: -o-radial-gradient(125% 100%, circle, #fed373 7%, #f15245 41%, #d92e7f 57%, #9b36b7 108%, #515ecf);
    background: radial-gradient(circle at 125% 100%, #fed373 7%, #f15245 41%, #d92e7f 57%, #9b36b7 108%, #515ecf)
}

.blog-article-page .related-articles-wrapper {
    background-color: #f1f5fe
}

@media screen and (max-width: 768px) {
    .blog-article-page .related-articles-wrapper {
        text-align: center;
        padding-bottom: 130px
    }
}

.blog-article-page .related-articles-wrapper .related-articles-title {
    font-size: 30px;
    font-weight: 400;
    padding: 40px 0
}

@media screen and (max-width: 768px) {
    .blog-article-page .related-articles-wrapper .related-articles-title {
        font-size: 25px
    }
}

.blog-article-page .related-articles-wrapper .related-articles-mobile {
    text-align: center
}

@media screen and (max-width: 768px) {
    .blog-article-page .related-articles-wrapper .related-articles-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width: 769px) {
    .blog-article-page .related-articles-wrapper .related-articles-mobile {
        display: grid;
        grid-template-columns:1fr 1fr;
        row-gap: 24px;
        -webkit-column-gap: 24px;
        -moz-column-gap: 24px;
        column-gap: 24px;
        padding-bottom: 144px
    }
}

@media (min-width: 1024px) {
    .blog-article-page .related-articles-wrapper .related-articles-mobile {
        grid-template-columns:1fr 1fr 1fr 1fr
    }
}

.blog-article-page .related-articles-wrapper .related-articles-mobile .related-article-mobile {
    margin-bottom: 15px
}

.blog-article-page .related-articles-wrapper .related-articles-mobile .related-article-mobile .related-article-image-mobile {
    display: unset;
    width: 210px;
    height: 210px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-box-shadow: 0 8px 17px -9px rgba(0, 0, 0, .3);
    box-shadow: 0 8px 17px -9px rgba(0, 0, 0, .3)
}

.blog-article-page .related-articles-wrapper .related-articles-mobile .related-article-mobile .related-article-title-mobile {
    font-size: 20px;
    font-weight: 700;
    max-width: 90%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 10px auto
}

.blog-article-page .related-articles-wrapper .related-articles-mobile .related-article-mobile .related-article-title-mobile a {
    color: #000
}

.blog-article-page .related-articles-wrapper .related-articles-mobile .related-article-mobile .related-article-info-mobile {
    font-size: 13px;
    color: #666
}

.blog-article-page .related-articles-wrapper .related-articles-mobile .arrow {
    top: 90px;
    position: absolute;
    font-size: 35px;
    z-index: 1
}

.blog-article-page .related-articles-wrapper .related-articles-mobile .prev-arrow {
    left: 25px
}

.blog-article-page .related-articles-wrapper .related-articles-mobile .next-arrow {
    right: 25px
}

.ib-page section {
    padding: 50px 0
}

@media screen and (max-width: 768px) {
    .ib-page section {
        padding: 50px 20px
    }
}

.ib-page h2 {
    color: var(--mainGreen);
    font-size: 36px
}

.ib-page .ib-button {
    max-inline-size: 300px;
    margin: auto;
    text-align: left
}

.ib-page .ib-button button {
    inline-size: 100%
}

.ib-page .ib-button .ib-button-disclaimer {
    font-size: 10px
}

.ib-page .ib-hero {
    inline-size: 100%;
    block-size: 730px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    background-color: #151518;
    -webkit-padding-before: 30px;
    padding-block-start: 30px;
    -webkit-padding-after: 30px;
    padding-block-end: 30px
}

.ib-page .ib-hero * {
    color: #fff
}

.ib-page .ib-hero .ib-hero-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    position: absolute;
    top: 0;
    left: 0;
    inline-size: 100%;
    block-size: 100%
}

@media screen and (max-width: 768px) {
    .ib-page .ib-hero .ib-hero-bg {
        block-size: 450px;
        background-size: 140% auto;
        background-position: 100% 0
    }
}

.ib-page .ib-hero .container {
    position: relative;
    z-index: 2
}

.ib-page .ib-hero .container .ib-hero-text {
    max-inline-size: 605px;
    -webkit-margin-before: 100px;
    margin-block-start: 100px
}

.ib-page .ib-hero .container .ib-hero-text > :last-child {
    -webkit-margin-after: 0 !important;
    margin-block-end: 0 !important
}

.ib-page .ib-hero .container .ib-hero-text h1 {
    font-family: Oxygen, sans-serif;
    font-size: 48px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.145;
    -webkit-margin-after: 20px;
    margin-block-end: 20px
}

@media screen and (max-width: 768px) {
    .ib-page .ib-hero .container .ib-hero-text h1 {
        font-size: 33px;
        line-height: 1.212
    }
}

.ib-page .ib-hero .container .ib-hero-text p, .ib-page .ib-hero .container .ib-hero-text ul li {
    font-family: Oxygen, sans-serif;
    letter-spacing: normal
}

.ib-page .ib-hero .container .ib-hero-text ul li {
    font-size: 15px;
    line-height: normal;
    font-style: normal;
    color: var(--mainGreen);
    -webkit-margin-after: 5px;
    margin-block-end: 5px;
    -webkit-padding-start: 10px;
    padding-inline-start: 10px
}

.ib-page .ib-hero .container .ib-hero-text ul li:before {
    content: "";
    inline-size: 4px;
    block-size: 4px;
    border-radius: 50%;
    top: 8px;
    background-color: var(--mainGreen)
}

.ib-page .ib-hero .container .ib-hero-text .ib-hero-btn {
    -webkit-margin-before: 48px;
    margin-block-start: 48px
}

.ib-page .ib-hero .container .ib-hero-text .ib-hero-btn > :last-child {
    -webkit-margin-after: 0 !important;
    margin-block-end: 0 !important
}

@media screen and (max-width: 768px) {
    .ib-page .ib-hero .container .ib-hero-text .ib-hero-btn {
        text-align: center
    }
}

@media screen and (max-width: 768px) {
    .ib-page .ib-hero .container .ib-hero-text .ib-hero-btn a {
        inline-size: 100%
    }
}

.ib-page .ib-features-section {
    background-color: #fafafa;
    text-align: center
}

.ib-page .ib-features-section .container .ib-features-description {
    font-size: 18px;
    inline-size: 80%;
    margin: auto
}

@media screen and (max-width: 768px) {
    .ib-page .ib-features-section .container .ib-features-description {
        font-size: 20px
    }
}

.ib-page .ib-features-section .container .ib-features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    inline-size: 80%;
    margin: 50px auto
}

.ib-page .ib-features-section .container .ib-features .feature {
    background-color: #fff;
    color: #002766;
    inline-size: 300px;
    padding: 20px;
    -webkit-margin-after: 30px;
    margin-block-end: 30px;
    text-align: left;
    min-block-size: 180px
}

.ib-page .ib-features-section .container .ib-features .feature img {
    -webkit-margin-after: 10px;
    margin-block-end: 10px
}

.ib-page .ib-features-section .container .ib-features .slick-dots {
    margin: auto
}

.ib-page .ib-info-section {
    color: #fff
}

@media screen and (max-width: 768px) {
    .ib-page .ib-info-section {
        -webkit-padding-after: 200px;
        padding-block-end: 200px
    }
}

.ib-page .ib-info-section .container .ib-infos .ib-info {
    -webkit-margin-after: 100px;
    margin-block-end: 100px
}

@media screen and (max-width: 768px) {
    .ib-page .ib-info-section .container .ib-infos .ib-info {
        -webkit-margin-after: 50px;
        margin-block-end: 50px
    }
}

.ib-page .ib-info-section .container .ib-infos .ib-info .ib-info-titles {
    -webkit-margin-after: 20px;
    margin-block-end: 20px;
    max-inline-size: 800px
}

.ib-page .ib-info-section .container .ib-infos .ib-info .ib-info-titles .ib-info-subtitle {
    font-weight: 700
}

.ib-page .ib-info-section .container .ib-infos .ib-info .ib-info-description {
    max-inline-size: 800px
}

.ib-page .ib-info-section .container .ib-infos .ib-info .ib-info-features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 768px) {
    .ib-page .ib-info-section .container .ib-infos .ib-info .ib-info-features {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.ib-page .ib-info-section .container .ib-infos .ib-info .ib-info-features .ib-info-feature {
    padding: 10px;
    inline-size: 200px;
    min-block-size: 150px;
    -webkit-margin-end: 20px;
    margin-inline-end: 20px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-60%, var(--mainGreen)), color-stop(150%, transparent));
    background: -webkit-linear-gradient(var(--mainGreen) -60%, transparent 150%);
    background: -o-linear-gradient(var(--mainGreen) -60%, transparent 150%);
    background: linear-gradient(var(--mainGreen) -60%, transparent 150%)
}

@media screen and (max-width: 768px) {
    .ib-page .ib-info-section .container .ib-infos .ib-info .ib-info-features .ib-info-feature {
        inline-size: unset;
        -webkit-border-after: solid 1px var(--mainGreen);
        border-block-end: solid 1px var(--mainGreen);
        background: unset;
        display: unset;
        -webkit-margin-end: unset;
        margin-inline-end: unset;
        text-align: start;
        min-block-size: unset
    }

    .ib-page .ib-info-section .container .ib-infos .ib-info .ib-info-features .ib-info-feature:last-child {
        -webkit-border-after: unset;
        border-block-end: unset
    }
}

@media screen and (max-width: 768px) {
    .ib-page .promotion-section {
        -webkit-padding-before: 200px;
        padding-block-start: 200px
    }
}

.ib-page .promotion-section .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ib-page .promotion-section .container .promotion-text {
    inline-size: 60%
}

@media screen and (max-width: 768px) {
    .ib-page .promotion-section .container .promotion-text {
        inline-size: unset
    }
}

.ib-page .promotion-section .container .promotion-text .promotion-upper-title {
    font-size: 24px;
    margin: 0
}

.ib-page .promotion-section .container .promotion-text .promotion-description {
    font-size: 18px
}

.ib-page .promotion-section .container .promotion-image {
    inline-size: 40%
}

@media screen and (max-width: 768px) {
    .ib-page .promotion-section .container .promotion-image {
        position: absolute;
        top: -400px;
        inline-size: 150%;
        left: -23%
    }
}

.ib-page .ib-reviews-section {
    background-color: #fafafa;
    text-align: center;
    min-block-size: 500px
}

@media screen and (max-width: 768px) {
    .ib-page .ib-reviews-section {
        -webkit-padding-after: 200px;
        padding-block-end: 200px;
        min-block-size: 600px
    }
}

.ib-page .ib-reviews-section .container .ib-reviews-description {
    font-size: 18px
}

.ib-page .ib-reviews-section .container .trustpilot-widget {
    display: contents
}

.register-page-section {
    min-block-size: 100vh;
    inline-size: 100vw;
    background-color: var(--mainGreen);
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    -webkit-padding-before: 55px;
    padding-block-start: 55px;
    -webkit-padding-after: 55px;
    padding-block-end: 55px
}

@media screen and (min-width: 1192px) {
    .register-page-section .container {
        max-inline-size: 870px !important
    }
}

@media only screen and (min-width: 782px) {
    .register-page-section .container .register-page-content .wp-block-column:not(:first-child) {
        margin-left: 90px
    }
}

.register-page-section .container .register-page-content .wp-block-column:first-child * {
    color: #fff
}

@media only screen and (max-width: 599px) {
    .register-page-section .container .register-page-content .wp-block-column:first-child .register-page-left-col-content {
        display: none
    }
}

.register-page-section .container .register-page-content .wp-block-column:first-child h1 {
    font-size: 39px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.20513;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 45px;
    margin-block-end: 45px
}

@media screen and (max-width: 768px) {
    .register-page-section .container .register-page-content .wp-block-column:first-child h1 {
        font-size: 31px;
        line-height: 1.19355;
        text-align: center
    }
}

.register-page-section .container .register-page-content .wp-block-column:first-child h2 {
    opacity: .85;
    color: #fff;
    font-size: 31px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.19355;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 8px;
    margin-block-end: 8px
}

.register-page-section .container .register-page-content .wp-block-column:first-child p {
    -webkit-margin-after: 24px;
    margin-block-end: 24px
}

.register-page-section .container .register-page-content .wp-block-column:first-child .register-page-benefits {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 64px -15px
}

.register-page-section .container .register-page-content .wp-block-column:first-child .register-page-benefits li {
    font-size: 13px;
    position: relative;
    padding: 10px 15px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0;
    text-align: center
}

.register-page-section .container .register-page-content .wp-block-column:first-child .register-page-benefits li strong {
    font-weight: 400;
    font-size: 16px
}

.register-page-section .container .register-page-content .wp-block-column:first-child .register-page-benefits li:not(:last-child) {
    -webkit-border-end: 1px solid #fff;
    border-inline-end: 1px solid #fff
}

.register-page-section .container .register-page-content .wp-block-column:last-child .register-page-widget {
    background-color: #fff;
    max-inline-size: 380px;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto;
    padding: 40px;
    -webkit-margin-after: 14px;
    margin-block-end: 14px
}

.register-page-section .container .register-page-content .wp-block-column:last-child .register-page-widget h2 {
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.2;
    -webkit-margin-before: 0;
    margin-block-start: 0
}

.register-page-section .container .register-page-content .wp-block-column:last-child .register-page-widget .contact-us-upload-box div.ub-upload-box, .register-page-section .container .register-page-content .wp-block-column:last-child .register-page-widget .form-input .form-input-select, .register-page-section .container .register-page-content .wp-block-column:last-child .register-page-widget .form-input .form-input-text, .register-page-section .container .register-page-content .wp-block-column:last-child .register-page-widget .form-input .form-input-textarea {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #737374
}

.register-page-section .container .register-page-content .wp-block-column:last-child .register-page-widget .brand-button.button-width-small {
    border-radius: 4px;
    block-size: 45px;
    max-inline-size: 100%
}

.register-page-section .container .register-page-content .wp-block-column:last-child .register-page-disclaimer {
    color: #fff;
    font-size: 13px;
    line-height: 1.53846
}

#register-notice-popup {
    display: block
}

#register-notice-popup .popup-scroll .popup-wrap .popup-box {
    border-radius: 0
}

#register-notice-popup .popup-scroll .popup-wrap .popup-box .popup-content .reg-not-pp-text {
    -webkit-margin-after: 26px;
    margin-block-end: 26px
}

#register-notice-popup .popup-scroll .popup-wrap .popup-box .popup-content .reg-not-pp-text > :last-child {
    -webkit-margin-after: 0 !important;
    margin-block-end: 0 !important
}

#register-notice-popup .popup-scroll .popup-wrap .popup-box .popup-content .reg-not-pp-text h3 {
    color: #151518;
    font-size: 31px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.19355
}

#register-notice-popup .popup-scroll .popup-wrap .popup-box .popup-content .reg-not-pp-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

#register-notice-popup .popup-scroll .popup-wrap .popup-box .popup-content .reg-not-pp-btns .button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-inline-size: unset;
    inline-size: 280px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 0;
    font-size: 16px;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.5;
    vertical-align: top;
    margin: 30px 15px 0;
    white-space: normal
}

#register-notice-popup .popup-scroll .popup-wrap .popup-box .popup-content .reg-not-pp-btns .button.reg-not-pp-btn-cancel {
    background-color: #fff;
    color: var(--mainGreen);
    border: 1px solid var(--mainGreen)
}

#register-notice-popup .popup-scroll .popup-wrap .popup-box .popup-content .reg-not-pp-btns .button.reg-not-pp-btn-cancel:hover {
    border-color: var(--secondGreen);
    color: var(--secondGreen)
}

.taxonomy-letters {
    -webkit-padding-after: 240px;
    padding-block-end: 240px
}

.taxonomy-letters .page-content {
    padding-block: 24px;
    padding-inline: 24px
}

@media print, screen and (min-width: 769px) {
    .taxonomy-letters .page-content {
        padding-inline: 96px
    }
}

.taxonomy-letters .page-content h2 {
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 20px;
    margin-block-end: 20px;
    letter-spacing: 0;
    font-size: 31px;
    color: var(--mainGreen);
    text-align: start
}

@media print, screen and (min-width: 769px) {
    .taxonomy-letters .page-content h2 {
        text-align: center;
        font-size: 60px
    }
}

.taxonomy-letters .page-content h3 {
    letter-spacing: 0;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 20px;
    margin-block-end: 20px;
    font-weight: 400;
    font-size: 20px;
    color: #000;
    text-align: start
}

@media print, screen and (min-width: 769px) {
    .taxonomy-letters .page-content h3 {
        font-size: 24px;
        -webkit-margin-after: 60px;
        margin-block-end: 60px;
        text-align: center
    }
}

.taxonomy-letters .page-content p {
    text-align: start;
    font-size: 16px;
    font-family: Open Sans, sans-serif;
    -webkit-margin-after: 48px;
    margin-block-end: 48px
}

@media print, screen and (min-width: 769px) {
    .taxonomy-letters .page-content p {
        text-align: center
    }
}

.taxonomy-letters .tax__terms ol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding-inline: 0;
    padding-block: 24px
}

.taxonomy-letters .tax__terms li {
    padding-inline: 6px;
    padding-block: 0;
    font-size: 30px;
    font-weight: 700;
    color: #505068
}

.taxonomy-letters .tax__terms li a {
    color: var(--mainGreen);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.taxonomy-letters .tax__terms li a:hover {
    color: var(--secondGreen)
}

.taxonomy-letters .tax__term__posts {
    -webkit-padding-before: 24px;
    padding-block-start: 24px
}

.taxonomy-letters .tax__letter {
    font-weight: 700;
    color: var(--mainGreen);
    font-size: 62px;
    -webkit-padding-after: 18px;
    padding-block-end: 18px
}

.taxonomy-letters .tax__posts-list {
    display: grid;
    grid-template-columns:100%;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 4px
}

@media print, screen and (min-width: 769px) {
    .taxonomy-letters .tax__posts-list {
        grid-template-columns:1fr 1fr 1fr
    }
}

.taxonomy-letters .tax__posts-list a {
    color: #002766;
    font-size: 20px;
    font-weight: 700;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.taxonomy-letters .tax__posts-list a:hover {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    color: var(--mainGreen)
}

.single-glossary .content-wrapper {
    padding-top: 48px
}

@media screen and (max-width: 768px) {
    .single-glossary .content-wrapper {
        padding-top: 12px
    }
}

@media screen and (max-width: 768px) {
    .single-glossary .breadcrumb {
        display: none
    }
}

.single-glossary .tax__terms {
    padding-bottom: 48px
}

.single-glossary .tax__terms ol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding-inline: 0;
    padding-block: 24px
}

.single-glossary .tax__terms li {
    padding-inline: 6px;
    padding-block: 0;
    font-size: 30px;
    font-weight: 700;
    color: #505068
}

.single-glossary .tax__terms li a {
    color: var(--mainGreen);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.single-glossary .tax__terms li a:hover {
    color: var(--secondGreen)
}

.single-glossary .tax__term__posts {
    -webkit-padding-before: 24px;
    padding-block-start: 24px
}

.single-glossary .tax__letter {
    font-weight: 700;
    color: var(--mainGreen);
    font-size: 62px;
    -webkit-padding-after: 18px;
    padding-block-end: 18px
}

.single-glossary .tax__posts-list {
    display: grid;
    grid-template-columns:100%;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 4px
}

@media print, screen and (min-width: 769px) {
    .single-glossary .tax__posts-list {
        grid-template-columns:1fr 1fr 1fr
    }
}

.single-glossary .tax__posts-list a {
    color: #002766;
    font-size: 20px;
    font-weight: 700;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.single-glossary .tax__posts-list a:hover {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    color: var(--mainGreen)
}

.single-glossary .page-content {
    -webkit-padding-after: 350px;
    padding-block-end: 350px
}

@media screen and (max-width: 768px) {
    .single-glossary .page-content {
        padding-inline: 26px
    }
}

.single-glossary .page-content .single-glossary-title {
    color: var(--mainGreen);
    font-weight: 400;
    font-size: 39px;
    line-height: 47px
}

@media screen and (max-width: 768px) {
    .single-glossary .page-content .single-glossary-title {
        font-weight: 700;
        -webkit-margin-before: 33px;
        margin-block-start: 33px;
        font-size: 31px;
        line-height: 37px
    }
}

.single-glossary .page-content .single-glossary-content {
    -webkit-margin-after: 68px;
    margin-block-end: 68px
}

@media screen and (max-width: 768px) {
    .single-glossary .page-content .single-glossary-content {
        -webkit-margin-after: 32px;
        margin-block-end: 32px
    }
}

@media screen and (max-width: 768px) {
    .single-glossary .page-content .single-glossary-related-terms-wrapper {
        max-inline-size: 400px;
        margin-inline: auto;
        overflow: hidden
    }
}

.single-glossary .page-content .single-glossary-related-terms-wrapper .single-glossary-related-terms-title {
    color: var(--mainGreen);
    font-weight: 700;
    font-size: 25px;
    line-height: 38px
}

.single-glossary .page-content .single-glossary-related-terms-wrapper .single-glossary-related-terms-slide .single-glossary-related-terms-list {
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 4px
}

@media screen and (max-width: 768px) {
    .single-glossary .page-content .single-glossary-related-terms-wrapper .single-glossary-related-terms-slide .single-glossary-related-terms-list {
        grid-template-columns:100%
    }
}

.single-glossary .page-content .single-glossary-related-terms-wrapper .single-glossary-related-terms-slide .single-glossary-related-terms-list .single-glossary-related-term-link {
    display: block;
    color: #002766;
    font-size: 20px;
    font-weight: 700;
    -webkit-transition: all .3s ease-in;
    -o-transition: all ease-in .3s;
    transition: all .3s ease-in
}

.single-glossary .page-content .single-glossary-related-terms-wrapper .single-glossary-related-terms-slide .single-glossary-related-terms-list .single-glossary-related-term-link.active, .single-glossary .page-content .single-glossary-related-terms-wrapper .single-glossary-related-terms-slide .single-glossary-related-terms-list .single-glossary-related-term-link:hover {
    color: var(--mainGreen)
}

.single-glossary .lets-play, .single-glossary .skeleton {
    width: 90%;
    max-width: 700px;
    margin: 60px auto
}

.single-glossary .lets-play {
    color: var(--mainGreen);
    font-size: 36px;
    line-height: 48px
}

.cta-block {
    text-align: center;
    -webkit-margin-before: 60px;
    margin-block-start: 60px;
    -webkit-margin-after: 60px;
    margin-block-end: 60px
}

.cta-block .headline {
    color: var(--mainGreen) !important;
    font-size: 22px !important
}

.cta-block .button {
    color: #fff;
    text-align: center;
    border: unset;
    display: inline-block
}

.cta-block .underbutton-text {
    text-align: center;
    font-size: .6rem !important;
    letter-spacing: .35px;
    line-height: unset !important;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto
}

.tabs-container .tabs li {
    margin-bottom: 0
}

.tabs-container .tabs li:before {
    content: none
}

.tabs-container .tabs a {
    font-size: 16px;
    font-weight: 700;
    opacity: .72
}

.tabs-container .tabs li.is-active a {
    opacity: 1;
    color: #17132f;
    background-color: #fff;
    border-color: #dbdbdb;
    border-bottom-color: transparent !important
}

.tabs-container .tabs-wrapper .tab-column {
    display: none
}

.tabs-container .tabs-wrapper .tab-column.active {
    display: block
}

.tabs-container table {
    width: 100%
}

.tabs-container table thead {
    border-top: 2px solid #dbdbdb
}

.tabs-container table tr {
    border-bottom: 1px solid #dbdbdb
}

.tabs-container table th {
    font-size: 13px;
    text-align: center !important;
    vertical-align: middle
}

.tabs-container table td, .tabs-container table th {
    padding: .5em .75em
}

.tabs-container table td {
    text-align: center
}

.tabs-container table .col-name {
    text-align: left !important
}

@media (max-width: 500px) {
    .tabs-container {
        padding: 0
    }
}

.floating-button-block {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999
}




/*
     FILE ARCHIVED ON 09:30:06 Jul 23, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:03:27 Sep 27, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.363
  load_resource: 89.118
  PetaboxLoader3.resolve: 25.749
  PetaboxLoader3.datanode: 49.972 (2)
  loaddict: 32.536
*/