.navbar-placeholder {
    z-index: 999
}

.navbar-wrapper {
    width: 100%;
    height: 4.6rem;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    -webkit-transition: all .4s;
    transition: all .4s
}

    .navbar-wrapper.is-static {
        position: static !important
    }

    .navbar-wrapper.is-solid {
        background: #fff;
        -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.12);
        box-shadow: 0 0 8px 0 rgba(0,0,0,.12)
    }

    .navbar-wrapper.is-cloned {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        z-index: 100;
        background: #fff;
        -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.12);
        box-shadow: 0 0 8px 0 rgba(0,0,0,.12)
    }

        .navbar-wrapper.is-cloned.is-active {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

    .navbar-wrapper.is-transparent .navbar-item.is-slide, .navbar-wrapper.is-transparent .navbar-link.is-slide {
        border-bottom: 1px solid transparent
    }

        .navbar-wrapper.is-transparent .navbar-item.is-slide:after, .navbar-wrapper.is-transparent .navbar-link.is-slide:after {
            content: '';
            display: block;
            width: 0;
            min-width: 0;
            height: 1.6px;
            position: absolute;
            left: 0;
            bottom: 0;
            background: var(--main-site-background-color);
            -webkit-transition: width .3s;
            transition: width .3s
        }

        .navbar-wrapper.is-transparent .navbar-item.is-slide:hover:after, .navbar-wrapper.is-transparent .navbar-link.is-slide:hover:after {
            width: 100%
        }

    .navbar-wrapper > .container {
        min-height: 4.6rem
    }

    .navbar-wrapper .navbar-brand {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 4.6rem
    }

        .navbar-wrapper .navbar-brand img {
            height: 28px
        }

            .navbar-wrapper .navbar-brand img.light-logo {
                display: block
            }

            .navbar-wrapper .navbar-brand img.dark-logo {
                display: none
            }

    .navbar-wrapper .navbar-item:hover, .navbar-wrapper .navbar-item.has-dropdown:hover {
        color: #999;
        background: transparent
    }

        .navbar-wrapper .navbar-item:hover a, .navbar-wrapper .navbar-item.has-dropdown:hover a {
            background: transparent
        }

    .navbar-wrapper .navbar-item.is-menu:hover {
        background: #e8e8e8 !important
    }

        .navbar-wrapper .navbar-item.is-menu:hover i, .navbar-wrapper .navbar-item.is-menu:hover span {
            color: var(--main-link-font-color) !important
        }

    .navbar-wrapper .navbar-item.is-menu span {
        padding: 0 10px
    }

    .navbar-wrapper .navbar-item.is-menu i {
        font-size: 22px;
        color: #999
    }

    .navbar-wrapper .navbar-item.is-mega {
        position: static
    }

        .navbar-wrapper .navbar-item.is-mega .is-mega-menu-title {
            margin-bottom: 0;
            padding: .375rem 1rem
        }

    .navbar-wrapper .navbar-item.is-button:hover > .button.primary-btn {
        background: var(--main-site-background-color) !important
    }

    .navbar-wrapper .navbar-item.is-button:hover > .button.secondary-btn {
        background: var(--main-site-background-color) !important
    }

    .navbar-wrapper .navbar-item.is-button:hover > .button.accent-btn {
        background: #00d1b2 !important
    }

    .navbar-wrapper .navbar-link:hover {
        background: transparent !important;
        color: var(--main-link-font-color)
    }

        .navbar-wrapper .navbar-link:hover:after {
            border-color: var(--main-blue-border-color)
        }

    .navbar-wrapper .navbar-link:after {
        font-size: .85rem;
        border: 1.6px solid transparent;
        border-radius: 2px;
        border-right: 0;
        border-top: 0;
        border-color: var(--main-text-color);
        margin-top: -.375em;
        right: 1.125em;
        -webkit-transition: all .3s;
        transition: all .3s;
        right: 1.525em
    }

    .navbar-wrapper .custom-burger {
        margin-left: auto;
        display: none;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 4.6rem;
        width: 4.6rem
    }

    .navbar-wrapper.navbar-light .icon-box-toggle span i {
        background: #fff !important
    }

    .navbar-wrapper.navbar-light .navbar-item, .navbar-wrapper.navbar-light .navbar-link {
        color: #fff
    }

        .navbar-wrapper.navbar-light .navbar-item.is-slide, .navbar-wrapper.navbar-light .navbar-link.is-slide {
            border-bottom: 1px solid transparent
        }

            .navbar-wrapper.navbar-light .navbar-item.is-slide:after, .navbar-wrapper.navbar-light .navbar-link.is-slide:after {
                content: '';
                display: block;
                width: 0;
                min-width: 0;
                height: 1px;
                position: absolute;
                left: 0;
                bottom: 0;
                background: #fff;
                -webkit-transition: width .3s;
                transition: width .3s
            }

            .navbar-wrapper.navbar-light .navbar-item.is-slide:hover:after, .navbar-wrapper.navbar-light .navbar-link.is-slide:hover:after {
                width: 100%
            }

        .navbar-wrapper.navbar-light .navbar-link:after {
            font-size: .85rem;
            border: 1.6px solid transparent;
            border-radius: 2px;
            border-right: 0;
            border-top: 0;
            border-color: #fff;
            margin-top: -.375em;
            right: 1.125em;
            -webkit-transition: all .3s;
            transition: all .3s;
            right: 1.525em
        }

    .navbar-wrapper.navbar-light .navbar-burger span {
        background: #fff !important
    }

    .navbar-wrapper.navbar-inverse.is-reverse {
        background: #344258
    }

        .navbar-wrapper.navbar-inverse.is-reverse .navbar-menu.is-active {
            background: #344258
        }

    .navbar-wrapper.navbar-inverse.is-blue {
        background: var(--main-site-background-color)
    }

        .navbar-wrapper.navbar-inverse.is-blue .navbar-menu.is-active {
            background: var(--main-site-background-color)
        }

    .navbar-wrapper.navbar-inverse.is-purple {
        background: var(--main-site-background-color)
    }

        .navbar-wrapper.navbar-inverse.is-purple .navbar-menu.is-active {
            background: var(--main-site-background-color)
        }

    .navbar-wrapper.navbar-inverse.is-red {
        background: #ff7273
    }

        .navbar-wrapper.navbar-inverse.is-red .navbar-menu.is-active {
            background: #ff7273
        }

    .navbar-wrapper.navbar-inverse .icon-box-toggle span i {
        background: #fff !important
    }

    .navbar-wrapper.navbar-inverse .navbar-item, .navbar-wrapper.navbar-inverse .navbar-link {
        color: #fff
    }

        .navbar-wrapper.navbar-inverse .navbar-link:after {
            font-size: .85rem;
            border: 1.6px solid transparent;
            border-radius: 2px;
            border-right: 0;
            border-top: 0;
            border-color: #fff;
            margin-top: -.375em;
            right: 1.125em;
            -webkit-transition: all .3s;
            transition: all .3s;
            right: 1.525em
        }

    .navbar-wrapper.navbar-inverse .navbar-burger span {
        background: #fff !important
    }

    .navbar-wrapper .navbar-dropdown.is-medium {
        width: 200px
    }

    .navbar-wrapper .navbar-dropdown .navbar-item {
        color: var(--main-text-color)
    }

    .navbar-wrapper.navbar-faded {
        background: var(--main-faded-background-color);
        -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.12);
        box-shadow: 0 0 8px 0 rgba(0,0,0,.12)
    }

        .navbar-wrapper.navbar-faded .navbar-brand img {
            height: 28px
        }

            .navbar-wrapper.navbar-faded .navbar-brand img.light-logo {
                display: none
            }

            .navbar-wrapper.navbar-faded .navbar-brand img.dark-logo {
                display: block
            }

.account {
    position: relative;
    right: 20px;
    top: 5px;
    margin-left: 30px
}

    .account .nav-item {
        border-bottom: 1px solid transparent !important
    }

    .account img.account-avatar {
        max-height: 40px;
        border-radius: 50px;
        border: 1px solid #eff4f7
    }

    .account div a {
        color: #66676b !important
    }

        .account div a i {
            position: relative;
            top: 3px;
            left: 10px;
            font-size: 7px !important;
            color: #66676b
        }

    .account .dropOut ul {
        margin-left: 0 !important
    }

.scroll-nav-wrapper {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #fff;
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.12);
    box-shadow: 0 0 8px 0 rgba(0,0,0,.12)
}

    .scroll-nav-wrapper .tabs {
        background: #fff
    }

        .scroll-nav-wrapper .tabs a {
            padding-bottom: 0;
            padding-top: 0;
            border-bottom-color: transparent
        }

        .scroll-nav-wrapper .tabs ul {
            border-bottom: none
        }

            .scroll-nav-wrapper .tabs ul li a {
                color: #a9abac
            }

            .scroll-nav-wrapper .tabs ul li:hover a {
                color: #00d1b2;
                border-bottom-color: #00d1b2
            }

            .scroll-nav-wrapper .tabs ul li.is-active a {
                color: #00d1b2;
                border-bottom: 2px solid #00d1b2
            }

            .scroll-nav-wrapper .tabs ul li a.there {
                color: #00d1b2;
                border-bottom: 2px solid #00d1b2
            }

.menu-toggle {
    font-size: 20px;
    color: #666;
    line-height: 48px;
    text-align: center;
    background: transparent;
    display: block;
    width: 24px;
    height: 26px;
    cursor: pointer;
    padding: 0;
    margin: 0 14px;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
    opacity: 1;
    position: relative;
    top: 2px
}

    .menu-toggle .icon-box-toggle {
        height: 100%;
        width: 100%;
        background: transparent;
        position: relative;
        display: block;
        width: 30px;
        height: 30px
    }

        .menu-toggle .icon-box-toggle.active > span.rotate {
            -webkit-transform: rotate(90deg);
            transform: translate(0,0) rotate(90deg)
        }

        .menu-toggle .icon-box-toggle.active > span > i.icon-line-center {
            visibility: hidden;
            width: 1px;
            height: 3px;
            left: 70%
        }

        .menu-toggle .icon-box-toggle.active > span > i.icon-line-bottom {
            margin: -2px 0 0 -10px;
            left: 50%;
            top: 12px;
            -webkit-transform: rotate(135deg);
            transform: translate(0,0) rotate(135deg)
        }

        .menu-toggle .icon-box-toggle.active > span > i.icon-line-top {
            margin: -2px 0 0 -10px;
            left: 50%;
            top: 12px;
            -webkit-transform: rotate(45deg);
            transform: translate(0,0) rotate(45deg)
        }

    .menu-toggle .icon-line-center {
        position: absolute;
        width: 20px;
        height: 2px;
        background: #a9abac;
        margin: -1px 0 0 -10px;
        left: 50%;
        top: 11px;
        -webkit-transition: all .2s ease;
        transition: all .2s ease
    }

    .menu-toggle .icon-line-top {
        position: absolute;
        width: 20px;
        height: 2px;
        background: #a9abac;
        margin: -3px 0 0 -10px;
        left: 50%;
        top: 7px;
        -webkit-transition: all .2s ease;
        transition: all .2s ease
    }

    .menu-toggle .icon-line-bottom {
        position: absolute;
        width: 20px;
        height: 2px;
        background: #a9abac;
        margin: 2px 0 0 -10px;
        left: 50%;
        top: 14px;
        -webkit-transition: all .2s ease;
        transition: all .2s ease
    }
/*! _sections.scss | Bulkit | CSS Ninja */
.section.section-light-grey {
    background-color: #eff4f7
}

.section.section-feature-grey {
    background-color: #fbfbfb
}

.section.section-header-grey {
    background-color: #f5f9fc
}

.section.section-feature-grey-accent {
    background-color: #efefef
}

.section.section-primary {
    background-color: var(--main-site-background-color)
}

.section.section-secondary {
    background-color: var(--main-site-background-color)
}

.section.has-border-bottom {
    border-bottom: 1px solid #ededed
}

.section.has-border-top {
    border-top: 1px solid #ededed
}

.section.is-relative {
    position: relative
}

.section.is-cover {
    background-size: cover !important
}

.section.no-margin {
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.section.section-half {
    height: 75vh !important
}

.section.is-skewed-sm {
    -webkit-transform: skew(0deg,-3deg) translate(0,-45px);
    transform: skew(0deg,-3deg) translate(0,-45px);
    padding-top: 140px
}

.section .container {
    z-index: 1
}

    .section .container.is-reverse-skewed-sm {
        -webkit-transform: skew(0deg,3deg) translate(0,45px);
        transform: skew(0deg,3deg) translate(0,45px)
    }

    .section .container.slanted-container {
        margin-top: -100px
    }

.section .content-wrapper {
    padding-top: 40px
}

.section .bottom-spacer {
    padding-bottom: 200px
}

.section .section-title-wrapper {
    position: relative;
    padding: 40px 20px
}

    .section .section-title-wrapper .bg-number, .section .section-title-wrapper .bg-symbol {
        position: absolute;
        text-align: center;
        font-weight: bolder;
        top: -18px;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        font-size: 160px;
        z-index: 0;
        opacity: .1;
        color: #999;
        width: 160px;
        height: 160px;
        line-height: 160px
    }

        .section .section-title-wrapper .bg-number .material-icons, .section .section-title-wrapper .bg-symbol .material-icons {
            font-size: 12rem
        }

    .section .section-title-wrapper .top-subtitle {
        text-transform: uppercase;
        color: var(--main-link-font-color);
        font-weight: 700;
        font-size: 1.05rem
    }

    .section .section-title-wrapper .icon-subtitle {
        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;
        -ms-flex-line-pack: center;
        align-content: center
    }

        .section .section-title-wrapper .icon-subtitle.is-one i {
            margin: 10px 5px 0 5px;
            font-size: 2.2rem;
            color: var(--main-link-font-color)
        }

        .section .section-title-wrapper .icon-subtitle.is-many i {
            margin: 10px 5px 0 5px;
            font-size: 1.4rem;
            color: var(--main-link-font-color)
        }

.section .title.section-title {
    font-size: 2.7rem;
    color: #a9abac;
    font-weight: bold;
    font-family: 'Nexa Bold',sans-serif
}

.section .title.section-subtitle {
    font-size: 2.3rem;
    color: #a9abac
}

.section .title.quick-feature {
    font-size: 2.7rem;
    color: var(--main-text-color);
    position: relative
}

    .section .title.quick-feature .bg-number, .section .title.quick-feature .bg-symbol {
        position: absolute;
        font-weight: bolder;
        top: -100px;
        left: 40px;
        font-size: 14rem;
        z-index: 0;
        opacity: .1;
        color: #999
    }

.section .title.feature-title {
    font-weight: 600;
    color: var(--main-text-color);
    font-size: 2.2rem
}

.section .icon-subtitle i {
    font-size: 2.4rem;
    color: var(--main-link-font-color)
}

.section .detailed-feature-subtitle {
    text-transform: uppercase;
    font-size: 15px;
    color: #a9abac;
    font-weight: 600
}

.section .title-divider {
    margin: 10px 0;
    width: 80px;
    height: 5px;
    background: var(--main-site-background-color)
}

    .section .title-divider.is-right {
        margin-left: auto
    }

    .section .title-divider.is-centered {
        margin: 0 auto
    }

.section h2.feature-headline {
    color: var(--main-link-font-color) !important;
    line-height: 1.2;
    padding: 5px 0;
    margin-bottom: 0 !important
}

.section .section-feature-description {
    color: #595959
}

.section .media.icon-box {
    border-top: none !important
}

    .section .media.icon-box .media-content .content p span.icon-box-title {
        color: var(--main-text-color);
        font-size: 1.2rem;
        font-weight: 600
    }

    .section .media.icon-box .media-content .content p span.icon-box-text {
        color: #a9abac;
        font-size: 1.1rem;
        font-weight: 400
    }

.section .flex-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .section .flex-wrapper.flex-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .section .flex-wrapper.flex-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .section .flex-wrapper.flex-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .section .flex-wrapper img {
        width: 23%
    }

.content.content-flex, .content-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .content.content-flex.center-flex, .content-flex.center-flex {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

.divider {
    display: table;
    white-space: nowrap;
    margin-top: 20px;
    padding: 0 20px
}

    .divider .before-divider, .divider .after-divider {
        display: table-cell;
        width: 50%;
        border-bottom: 1px solid #ededed;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #999
    }

    .divider .children {
        padding: 0 20px;
        font-size: 14px;
        color: #cecece
    }
/*! _hero.scss | Bulkit | CSS Ninja */
.hero.is-relative {
    position: relative
}

.hero.is-cover {
    background-size: cover !important
}

.hero.is-theme-primary {
    background-color: var(--main-site-background-color)
}

    .hero.is-theme-primary .title {
        color: #fff
    }

    .hero.is-theme-primary .subtitle {
        color: #fff
    }

.hero.is-theme-secondary {
    background-color: var(--main-site-background-color)
}

    .hero.is-theme-secondary .title {
        color: #fff
    }

    .hero.is-theme-secondary .subtitle {
        color: #fff
    }

.hero.is-theme-accent {
    background-color: #00d1b2
}

    .hero.is-theme-accent .title {
        color: #fff
    }

    .hero.is-theme-accent .subtitle {
        color: #fff
    }

.hero.is-theme-info {
    background-color: var(--main-site-background-color)
}

    .hero.is-theme-info .title {
        color: #fff
    }

    .hero.is-theme-info .subtitle {
        color: #fff
    }

.hero.is-theme-success {
    background-color: #00b289
}

    .hero.is-theme-success .title {
        color: #fff
    }

    .hero.is-theme-success .subtitle {
        color: #fff
    }

.hero.is-theme-warning {
    background-color: #eda514
}

    .hero.is-theme-warning .title {
        color: #fff
    }

    .hero.is-theme-warning .subtitle {
        color: #fff
    }

.hero.is-theme-danger {
    background-color: #ff7273
}

    .hero.is-theme-danger .title {
        color: #fff
    }

    .hero.is-theme-danger .subtitle {
        color: #fff
    }

.hero.is-feature-grey {
    background-color: #fbfbfb
}

    .hero.is-feature-grey .title {
        color: var(--main-text-color)
    }

    .hero.is-feature-grey .subtitle {
        color: var(--main-text-color)
    }

.hero.is-light-grey {
    background-color: #eff4f7;
    background-image: linear-gradient(141deg,#d0e0ec 0%,#f5f7fa 71%,white 100%)
}

    .hero.is-light-grey .title.dark {
        color: var(--main-text-color)
    }

    .hero.is-light-grey .title.theme {
        color: var(--main-link-font-color)
    }

    .hero.is-light-grey .subtitle {
        margin-top: 0 !important;
        padding-right: 20%;
        line-height: 1.6 !important
    }

.hero.is-coal {
    background-color: #444
}

    .hero.is-coal .title {
        color: #fff
    }

    .hero.is-coal .subtitle {
        color: #fff
    }

.hero-body {
    background-size: cover !important;
    background-repeat: no-repeat !important
}

    .hero-body .title.main-title {
        color: #fff;
        z-index: 999;
        font-size: 3.5rem
    }

    .hero-body .title.big-title {
        color: var(--main-text-color);
        z-index: 999;
        font-size: 4rem
    }

    .hero-body .title.page-title {
        font-size: 3.5rem
    }

    .hero-body .title.medium-title {
        font-size: 2.5rem
    }

    .hero-body .title.small-title {
        font-size: 2rem
    }

    .hero-body .subtitle.page-subtitle {
        font-size: 1.8rem
    }

    .hero-body .clients-small {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 15px 0
    }

        .hero-body .clients-small img {
            height: 42px;
            margin: 0 5px
        }

        .hero-body .clients-small.centered {
            -webkit-box-pack: center !important;
            -ms-flex-pack: center !important;
            justify-content: center !important
        }

    .hero-body.is-relative {
        position: relative
    }

.hero-foot img.partner-logo {
    height: 70px !important
}

.parallax-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: #333;
    opacity: .4
}
/*! _footer.scss | Bulkit | CSS Ninja */
footer.footer-dark {
    background: var(--main-text-color);
    color: #fff;
    position: relative
}

    footer.footer-dark .columns {
        padding-top: 30px;
        padding-bottom: 30px
    }

    footer.footer-dark .footer-logo {
        padding: 10px 0
    }

        footer.footer-dark .footer-logo img {
            height: 25px
        }

    footer.footer-dark .footer-column .footer-header {
        padding: 10px 0
    }

        footer.footer-dark .footer-column .footer-header h3 {
            font-family: 'Nexa Bold',sans-serif;
            font-weight: 400;
            font-size: 1.1rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 0 !important;
            color: #eff4f7
        }

    footer.footer-dark .footer-column ul.link-list {
        line-height: 30px;
        font-size: 1rem
    }

        footer.footer-dark .footer-column ul.link-list a {
            color: #98a9c3;
            font-weight: 400;
            -webkit-transition: all .5s;
            transition: all .5s
        }

        footer.footer-dark .footer-column ul.link-list :hover {
            color: #fcfcfc
        }

    footer.footer-dark .footer-column .level-item .icon {
        color: var(--main-link-font-color);
        -webkit-transition: all .5s;
        transition: all .5s
    }

        footer.footer-dark .footer-column .level-item .icon i {
            font-size: 20px
        }

        footer.footer-dark .footer-column .level-item .icon :hover {
            color: #fcfcfc
        }

    footer.footer-dark .footer-column .copyright {
        padding: 10px 0
    }

footer.footer-light {
    background: #fff;
    color: var(--main-text-color);
    position: relative
}

    footer.footer-light .columns {
        padding-top: 30px;
        padding-bottom: 30px
    }

    footer.footer-light .footer-logo {
        padding: 10px 0
    }

        footer.footer-light .footer-logo img {
            height: 25px
        }

    footer.footer-light .footer-column .footer-header {
        padding: 10px 0
    }

        footer.footer-light .footer-column .footer-header h3 {
            font-family: 'Nexa Bold',sans-serif;
            font-weight: 400;
            font-size: 1.1rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 0 !important;
            color: var(--main-text-color)
        }

    footer.footer-light .footer-column ul.link-list {
        line-height: 30px;
        font-size: 1rem
    }

        footer.footer-light .footer-column ul.link-list a {
            color: #98a9c3;
            font-weight: 400;
            -webkit-transition: all .5s;
            transition: all .5s
        }

        footer.footer-light .footer-column ul.link-list :hover {
            color: var(--main-link-font-color)
        }

    footer.footer-light .footer-column .level-item .icon {
        color: #999;
        -webkit-transition: all .5s;
        transition: all .5s
    }

        footer.footer-light .footer-column .level-item .icon i {
            font-size: 20px
        }

        footer.footer-light .footer-column .level-item .icon :hover {
            color: var(--main-link-font-color)
        }

    footer.footer-light .footer-column .copyright {
        padding: 10px 0
    }

@media(max-width:768px) {
    .footer-columns.is-flex-mobile {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
}

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

    footer.footer-light-left .footer-nav-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        footer.footer-light-left .footer-nav-right .footer-nav-link {
            margin: 0 10px;
            padding: 20px 0;
            color: var(--main-text-color) !important;
            border-bottom: 2px solid transparent
        }

            footer.footer-light-left .footer-nav-right .footer-nav-link:hover {
                color: #999 !important;
                border-bottom: 2px solid #999
            }

            footer.footer-light-left .footer-nav-right .footer-nav-link.is-active {
                color: var(--main-link-font-color) !important;
                border-bottom: 2px solid var(--main-blue-border-color) !important
            }

    footer.footer-light-left .level-item .icon {
        color: #cecece;
        -webkit-transition: all .5s;
        transition: all .5s
    }

        footer.footer-light-left .level-item .icon :hover {
            color: var(--main-link-font-color)
        }

    footer.footer-light-left .moto {
        color: #999
    }

@media(max-width:768px) {
    .footer-nav-right {
        margin-top: 0 !important
    }
}

footer.footer-dark-left {
    padding: 5rem 1.5rem !important;
    background: var(--main-text-color)
}

    footer.footer-dark-left .footer-nav-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        footer.footer-dark-left .footer-nav-right .footer-nav-link {
            margin: 0 10px;
            padding: 20px 0;
            color: #fff !important;
            border-bottom: 2px solid transparent
        }

            footer.footer-dark-left .footer-nav-right .footer-nav-link:hover {
                color: #fcfcfc !important;
                border-bottom: 2px solid #fff
            }

            footer.footer-dark-left .footer-nav-right .footer-nav-link.is-active {
                color: var(--main-link-font-color) !important;
                border-bottom: 2px solid var(--main-blue-border-color) !important
            }

    footer.footer-dark-left .level-item .icon {
        color: #fff;
        -webkit-transition: all .5s;
        transition: all .5s
    }

        footer.footer-dark-left .level-item .icon :hover {
            color: var(--main-link-font-color)
        }

    footer.footer-dark-left .moto {
        color: #fff
    }

footer.footer-light-medium {
    padding-bottom: 10rem !important;
    padding-top: 8rem !important;
    background: #fff
}

    footer.footer-light-medium .social-links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        footer.footer-light-medium .social-links a {
            color: var(--main-text-color);
            margin: 0 5px
        }

            footer.footer-light-medium .social-links a:hover {
                color: var(--main-link-font-color)
            }

    footer.footer-light-medium .footer-description {
        color: var(--main-text-color)
    }

    footer.footer-light-medium .footer-column {
        padding-top: 20px
    }

        footer.footer-light-medium .footer-column .column-header {
            text-transform: uppercase;
            color: var(--main-text-color);
            font-size: 1rem;
            font-weight: 700;
            margin: 10px 0
        }

        footer.footer-light-medium .footer-column .column-item {
            padding-bottom: 10px
        }

            footer.footer-light-medium .footer-column .column-item a {
                color: var(--main-text-color)
            }

                footer.footer-light-medium .footer-column .column-item a:hover {
                    color: var(--main-link-font-color)
                }

    footer.footer-light-medium .moto {
        color: #999
    }

    footer.footer-light-medium .small-footer-logo {
        height: 28px
    }
/*! _animations.scss | Bulkit | CSS Ninja */
/*! _navigation.scss | Bulkit | CSS Ninja */
/*! _pageloader.scss | Bulkit | CSS Ninja */
/*! _buttons.scss | Bulkit | CSS Ninja */
.button {
    -webkit-transition: all .5s;
    transition: all .5s
}

    .button.button-signup {
        padding: 22px 40px !important
    }

        .button.button-signup.btn-outlined.is-bold {
            border-width: 2px;
            font-weight: 600
        }

    .button.button-cta {
        padding: 22px 40px !important
    }

        .button.button-cta.btn-outlined.is-bold {
            border-width: 2px;
            font-weight: 600
        }

    .button.no-lh {
        line-height: 0 !important
    }

    .button.button-action {
        padding: 25px 40px !important
    }

    .button.btn-align {
        padding: 3px 13px 6px 13px
    }

    .button.btn-align-md {
        padding: 5px 15px 18px 15px
    }

    .button.btn-align-lg {
        padding: 6px 15px 18px 15px
    }

    .button.btn-upper {
        text-transform: uppercase
    }

    .button.rounded {
        border-radius: 500px
    }

    .button.raised:hover {
        -webkit-box-shadow: 0 14px 26px -12px rgba(0,0,0,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2) !important;
        box-shadow: 0 14px 26px -12px rgba(0,0,0,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2) !important;
        opacity: .8
    }

    .button.is-raised {
        -webkit-box-shadow: 0 14px 26px -12px rgba(0,0,0,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2) !important;
        box-shadow: 0 14px 26px -12px rgba(0,0,0,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2) !important
    }

    .button.btn-fade:hover {
        opacity: .6
    }

    .button.btn-outlined {
        background: transparent
    }

        .button.btn-outlined.light-btn {
            border-color: #fff;
            color: #fff
        }

            .button.btn-outlined.light-btn:hover {
                background-color: #fff;
                color: var(--main-text-color)
            }

        .button.btn-outlined.is-bold {
            border-width: 2px;
            font-weight: 600
        }

    .button.btn-padding {
        padding: 6px 13px 16px 13px !important
    }

    .button.default-btn {
        color: #cecece !important
    }

    .button.is-link {
        text-decoration: none !important
    }

    .button.has-icon-right i {
        padding-left: 8px
    }

    .button:focus {
        border-color: #ccc
    }

    .button i {
        position: relative;
        top: 1px;
        padding-right: 8px
    }

    .button.has-icon i {
        position: relative;
        margin-right: 5px;
        font-size: 1.7rem
    }

    .button.is-fullwidth {
        display: block !important;
        width: 100% !important;
        text-align: center !important
    }

    .button.btn-square {
        width: 45px;
        height: 45px;
        text-align: center !important;
        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
    }

        .button.btn-square.is-small {
            width: 36px;
            height: 36px
        }

        .button.btn-square.is-medium {
            width: 55px;
            height: 55px
        }

        .button.btn-square.is-large {
            width: 64px;
            height: 64px
        }

        .button.btn-square i {
            font-size: 21px;
            padding: 0 !important
        }

        .button.btn-square.is-small i {
            font-size: 18px
        }

        .button.btn-square.is-medium i {
            font-size: 28px
        }

        .button.btn-square.is-large i {
            font-size: 32px
        }

    .button.is-link {
        background: transparent !important
    }

        .button.is-link.btn-more {
            text-decoration: none !important
        }

        .button.is-link.color-primary i {
            font-size: 9px;
            margin-left: 10px;
            position: relative;
            top: 2px;
            color: var(--main-link-font-color) !important;
            -webkit-transition: all .5s;
            transition: all .5s
        }

        .button.is-link:hover {
            background: #f5f5f5 !important
        }

            .button.is-link:hover i {
                -webkit-transform: translate(10px,0);
                transform: translate(10px,0)
            }

    .button.primary-btn {
        border-color: var(--main-blue-border-color);
        background-color: var(--main-site-background-color);
        color: #fff;
        -webkit-transition: all .5s;
        transition: all .5s
    }

        .button.primary-btn:hover {
            color: #fff
        }

        .button.primary-btn.raised:hover {
            -webkit-box-shadow: 0 14px 26px -12px rgba(3,155,229,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(3,155,229,.2) !important;
            box-shadow: 0 14px 26px -12px rgba(3,155,229,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(3,155,229,.2) !important;
            opacity: .9
        }

        .button.primary-btn.btn-outlined {
            border-color: var(--main-blue-border-color);
            color: var(--main-link-font-color);
            background-color: transparent
        }

            .button.primary-btn.btn-outlined:hover {
                color: #fff;
                background-color: var(--main-site-background-color)
            }

        .button.primary-btn:focus {
            border-color: var(--main-blue-border-color)
        }

    .button.secondary-btn {
        border-color: var(--main-blue-border-color);
        background-color: var(--main-site-background-color);
        color: #fff;
        -webkit-transition: all .5s;
        transition: all .5s
    }

        .button.secondary-btn:hover {
            color: #fff
        }

        .button.secondary-btn.raised:hover {
            -webkit-box-shadow: 0 14px 26px -12px rgba(0,132,196,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,132,196,.2) !important;
            box-shadow: 0 14px 26px -12px rgba(0,132,196,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,132,196,.2) !important;
            opacity: .95
        }

        .button.secondary-btn.btn-outlined {
            border-color: var(--main-blue-border-color);
            color: var(--main-link-font-color);
            background-color: transparent
        }

            .button.secondary-btn.btn-outlined:hover {
                color: #fff;
                background-color: var(--main-site-background-color)
            }

        .button.secondary-btn:focus {
            border-color: var(--main-blue-border-color)
        }

    .button.accent-btn {
        border-color: #00d1b2;
        background-color: #00d1b2;
        color: #fff;
        -webkit-transition: all .5s;
        transition: all .5s
    }

        .button.accent-btn:hover {
            color: #fff
        }

        .button.accent-btn.raised:hover {
            -webkit-box-shadow: 0 14px 26px -12px rgba(0,209,178,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,209,178,.2) !important;
            box-shadow: 0 14px 26px -12px rgba(0,209,178,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,209,178,.2) !important;
            opacity: .8
        }

        .button.accent-btn.btn-outlined {
            border-color: #00d1b2;
            color: #00d1b2;
            background-color: transparent
        }

            .button.accent-btn.btn-outlined:hover {
                color: #fff;
                background-color: #00d1b2
            }

        .button.accent-btn:focus {
            border-color: #00d1b2
        }

    .button.success-btn {
        border-color: #00b289;
        background-color: #00b289;
        color: #fff;
        -webkit-transition: all .5s;
        transition: all .5s
    }

        .button.success-btn:hover {
            color: #fff
        }

        .button.success-btn.raised:hover {
            -webkit-box-shadow: 0 14px 26px -12px rgba(0,178,137,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,178,137,.2) !important;
            box-shadow: 0 14px 26px -12px rgba(0,178,137,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,178,137,.2) !important;
            opacity: .8
        }

        .button.success-btn.btn-outlined {
            border-color: #00b289;
            color: #00b289;
            background-color: transparent
        }

            .button.success-btn.btn-outlined:hover {
                color: #fff;
                background-color: #00b289
            }

        .button.success-btn:focus {
            border-color: #00b289
        }

    .button.warning-btn {
        border-color: #eda514;
        background-color: #eda514;
        color: #fff;
        -webkit-transition: all .5s;
        transition: all .5s
    }

        .button.warning-btn:hover {
            color: #fff
        }

        .button.warning-btn.raised:hover {
            -webkit-box-shadow: 0 14px 26px -12px rgba(237,165,20,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(237,165,20,.2) !important;
            box-shadow: 0 14px 26px -12px rgba(237,165,20,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(237,165,20,.2) !important;
            opacity: .8
        }

        .button.warning-btn.btn-outlined {
            border-color: #eda514;
            color: #eda514;
            background-color: transparent
        }

            .button.warning-btn.btn-outlined:hover {
                color: #fff;
                background-color: #eda514
            }

        .button.warning-btn:focus {
            border-color: #eda514
        }

    .button.danger-btn {
        border-color: #ff7273;
        background-color: #ff7273;
        color: #fff;
        -webkit-transition: all .5s;
        transition: all .5s
    }

        .button.danger-btn:hover {
            color: #fff
        }

        .button.danger-btn.raised:hover {
            -webkit-box-shadow: 0 14px 26px -12px rgba(255,114,115,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(255,114,115,.2) !important;
            box-shadow: 0 14px 26px -12px rgba(255,114,115,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(255,114,115,.2) !important;
            opacity: .8
        }

        .button.danger-btn.btn-outlined {
            border-color: #ff7273;
            color: #ff7273;
            background-color: transparent
        }

            .button.danger-btn.btn-outlined:hover {
                color: #fff;
                background-color: #ff7273
            }

        .button.danger-btn:focus {
            border-color: #ff7273
        }

    .button.info-btn {
        border-color: var(--main-blue-border-color);
        background-color: var(--main-site-background-color);
        color: #fff;
        -webkit-transition: all .5s;
        transition: all .5s
    }

        .button.info-btn:hover {
            color: #fff
        }

        .button.info-btn.raised:hover {
            -webkit-box-shadow: 0 14px 26px -12px rgba(3,155,229,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(3,155,229,.2) !important;
            box-shadow: 0 14px 26px -12px rgba(3,155,229,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(3,155,229,.2) !important;
            opacity: .8
        }

        .button.info-btn.btn-outlined {
            border-color: var(--main-blue-border-color);
            color: var(--main-link-font-color);
            background-color: transparent
        }

            .button.info-btn.btn-outlined:hover {
                color: #fff;
                background-color: var(--main-site-background-color)
            }

        .button.info-btn:focus {
            border-color: var(--main-blue-border-color)
        }

    .button.social-btn {
        color: #fff
    }

        .button.social-btn.facebook {
            background-color: #3b5998
        }

        .button.social-btn.twitter {
            background-color: #1dcaff
        }

        .button.social-btn.linkedin {
            background-color: #007bb6
        }

        .button.social-btn.tumblr {
            background-color: #35465c
        }

        .button.social-btn.github {
            background-color: #444
        }

.ripple {
    overflow: hidden
}

.ripple-effect {
    position: absolute;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background: #fff;
    -webkit-animation: ripple-animation 2s;
    animation: ripple-animation 2s
}

@-webkit-keyframes ripple-animation {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .4
    }

    to {
        -webkit-transform: scale(100);
        transform: scale(100);
        opacity: 0
    }
}

@keyframes ripple-animation {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .4
    }

    to {
        -webkit-transform: scale(100);
        transform: scale(100);
        opacity: 0
    }
}
/*! _cards.scss | Bulkit | CSS Ninja */
.feature-card {
    width: 300px;
    height: 320px;
    background-color: #fff;
    border-radius: 3px;
    margin: 0 auto;
    -webkit-transition: all .6s;
    transition: all .6s
}

    .feature-card.card-md {
        height: 350px
    }

    .feature-card.card-lg {
        height: 400px
    }

    .feature-card.card-shadow {
        -webkit-box-shadow: 0 5px 43px rgba(0,0,0,.18) !important;
        box-shadow: 0 5px 43px rgba(0,0,0,.18) !important
    }

    .feature-card.hover-inset:hover {
        -webkit-box-shadow: inset rgba(143,160,241,.2) 0 0 0 1px,rgba(213,220,247,.59) 0 10px 20px;
        box-shadow: inset rgba(143,160,241,.2) 0 0 0 1px,rgba(213,220,247,.59) 0 10px 20px;
        cursor: pointer
    }

    .feature-card.light-bordered {
        border: 1px solid #e5e5e5 !important
    }

    .feature-card .card-title h4 {
        font-size: 1.2rem;
        font-weight: 600;
        color: var(--main-text-color)
    }

    .feature-card .card-icon img {
        height: 140px;
        margin-top: 20px
    }

    .feature-card .card-img img {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }

    .feature-card .card-action {
        margin-top: 40px
    }

    .feature-card .card-feature-description {
        padding: 5px 30px !important
    }

        .feature-card .card-feature-description span {
            color: #595959;
            margin-top: 20px
        }

    .feature-card .card-img-description {
        padding-bottom: 10px
    }

        .feature-card .card-img-description span {
            color: #595959;
            margin-top: 20px
        }

    .feature-card .bookmark i {
        font-size: 1.4rem;
        color: #a9abac;
        position: relative;
        top: 3px;
        margin-right: 10px
    }

        .feature-card .bookmark i:hover {
            color: var(--main-link-font-color)
        }

.flex-card {
    position: relative;
    background-color: #fff;
    border: 1px solid #fcfcfc;
    border-radius: .1875rem;
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px;
    -webkit-transition: all .5s;
    transition: all .5s
}

    .flex-card .flex-card-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        border-bottom: 1px solid #ededed;
        padding: 10px 15px
    }

        .flex-card .flex-card-header .header-avatar {
            max-height: 45px
        }

            .flex-card .flex-card-header .header-avatar img {
                height: 45px;
                border-radius: 100px
            }

        .flex-card .flex-card-header .header-info {
            margin: 0 10px
        }

            .flex-card .flex-card-header .header-info .header-title {
                font-size: 1.2rem
            }

            .flex-card .flex-card-header .header-info .header-subtitle {
                font-size: .9rem;
                color: #a9abac
            }

        .flex-card .flex-card-header .header-control {
            margin-right: 10px
        }

            .flex-card .flex-card-header .header-control i {
                font-size: .8rem;
                color: #a9abac
            }

            .flex-card .flex-card-header .header-control:hover i {
                color: var(--main-link-font-color)
            }

        .flex-card .flex-card-header.primary {
            background: var(--main-site-background-color)
        }

            .flex-card .flex-card-header.primary .header-info div, .flex-card .flex-card-header.primary .header-control i {
                color: #fff !important
            }

        .flex-card .flex-card-header.secondary {
            background: var(--main-site-background-color)
        }

            .flex-card .flex-card-header.secondary .header-info div, .flex-card .flex-card-header.secondary .header-control i {
                color: #fff !important
            }

        .flex-card .flex-card-header.accent {
            background: #00d1b2
        }

            .flex-card .flex-card-header.accent .header-info div, .flex-card .flex-card-header.accent .header-control i {
                color: #fff !important
            }

    .flex-card .card-body {
        padding: 30px 30px
    }

        .flex-card .card-body.is-small {
            padding: 20px 20px
        }

        .flex-card .card-body.is-large {
            padding: 40px 40px
        }

    .flex-card h3.card-title {
        margin-bottom: 10px;
        margin-top: 10px;
        font-size: 22px;
        line-height: 30px;
        text-decoration: none
    }

    .flex-card .card-description {
        line-height: 24px;
        cursor: default;
        color: #777;
        font-size: 16px
    }

    .flex-card.primary-card {
        background: var(--main-site-background-color)
    }

        .flex-card.primary-card .content, .flex-card.primary-card .content h2 {
            color: #fff !important
        }

    .flex-card.secondary-card {
        background: var(--main-site-background-color)
    }

        .flex-card.secondary-card .content, .flex-card.secondary-card .content h2 {
            color: #fff !important
        }

    .flex-card.accent-card {
        background: #00d1b2
    }

        .flex-card.accent-card .content, .flex-card.accent-card .content h2 {
            color: #fff !important
        }

    .flex-card.card-overflow {
        overflow: visible !important
    }

    .flex-card.light-bordered {
        border: 1px solid #e5e5e5 !important
    }

    .flex-card.simple-shadow {
        -webkit-box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
    }

    .flex-card.light-raised {
        -webkit-box-shadow: 0 3px 10px 4px rgba(0,0,0,.04);
        box-shadow: 0 3px 10px 4px rgba(0,0,0,.04)
    }

    .flex-card.raised {
        -webkit-box-shadow: 0 5px 25px 0 rgba(0,0,0,.2);
        box-shadow: 0 5px 25px 0 rgba(0,0,0,.2)
    }

    .flex-card.hover-raised:hover {
        -webkit-box-shadow: 0 5px 25px 0 rgba(0,0,0,.2);
        box-shadow: 0 5px 25px 0 rgba(0,0,0,.2);
        cursor: pointer
    }

    .flex-card.hover-inset:hover {
        -webkit-box-shadow: inset rgba(143,160,241,.2) 0 0 0 1px,rgba(213,220,247,.59) 0 10px 20px;
        box-shadow: inset rgba(143,160,241,.2) 0 0 0 1px,rgba(213,220,247,.59) 0 10px 20px;
        cursor: pointer
    }

    .flex-card .tabs {
        padding: 15px .7rem
    }

    .flex-card .navtab-content {
        min-height: 190px
    }

        .flex-card .navtab-content p {
            padding: 0 .8rem 20px
        }

    .flex-card.icon-card {
        -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,.1);
        box-shadow: 0 3px 10px 0 rgba(0,0,0,.1);
        -webkit-transition: inherit;
        transition: inherit;
        margin-bottom: 0
    }

        .flex-card.icon-card img {
            max-height: 80px
        }

        .flex-card.icon-card .icon-card-text {
            font-size: 1.1rem;
            color: #a9abac
        }

    .flex-card.icon-card-hover {
        height: 170px;
        padding: 20px 20px 10px 130px;
        border-radius: 8px;
        -webkit-box-shadow: -1px 3px 10px 0 rgba(0,0,0,.04);
        box-shadow: -1px 3px 10px 0 rgba(0,0,0,.04);
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        text-align: left;
        background-color: #fff
    }

        .flex-card.icon-card-hover:hover {
            -webkit-box-shadow: -1px 3px 10px 0 rgba(0,0,0,.1);
            box-shadow: -1px 3px 10px 0 rgba(0,0,0,.1);
            -webkit-transform: translate(0,-10px);
            transform: translate(0,-10px)
        }

    .flex-card.testimonial-card .testimonial-title {
        color: var(--main-link-font-color);
        font-weight: 500;
        padding: 5px 0
    }

    .flex-card.testimonial-card .testimonial-text {
        color: #999;
        font-size: .9rem;
        font-style: italic;
        padding: 5px 0
    }

    .flex-card.testimonial-card .user-id {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 5px 0
    }

        .flex-card.testimonial-card .user-id img {
            height: 50px;
            border-radius: 100px
        }

        .flex-card.testimonial-card .user-id .info {
            padding: 0 10px
        }

            .flex-card.testimonial-card .user-id .info .name {
                font-size: 1.1rem;
                font-weight: 600;
                color: var(--main-text-color)
            }

            .flex-card.testimonial-card .user-id .info .position {
                font-size: .9rem;
                color: #cecece
            }

    .flex-card .navigation-tabs.outlined-pills .tabs.tabs-header.primary {
        background-color: var(--main-site-background-color)
    }

    .flex-card .navigation-tabs.outlined-pills .tabs.tabs-header.secondary {
        background-color: var(--main-site-background-color)
    }

    .flex-card .navigation-tabs.outlined-pills .tabs.tabs-header.accent {
        background-color: #00d1b2
    }

    .flex-card .navigation-tabs.outlined-pills .tabs.tabs-header ul li a {
        color: #f2f2f2
    }

    .flex-card .navigation-tabs.outlined-pills .tabs.tabs-header ul li.is-active a {
        color: #fff;
        border: 1px solid #fff;
        border-bottom-color: #fff !important
    }

    .flex-card .icon-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .flex-card .icon-group img {
            height: 60px
        }

        .flex-card .icon-group span {
            font-size: 20px;
            margin-left: 20px;
            color: #999;
            -webkit-transition: all .5s;
            transition: all .5s
        }

            .flex-card .icon-group span:hover {
                -webkit-transform: translate(10px,0);
                transform: translate(10px,0)
            }

    .flex-card.auth-card {
        padding: 0 40px 20px 40px
    }

        .flex-card.auth-card .auth-card-header {
            height: 5rem;
            width: 100%;
            position: relative;
            top: -2.5rem;
            left: auto !important;
            right: auto !important;
            border-radius: 4px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .flex-card.auth-card .auth-card-header img {
                max-height: 30px
            }

            .flex-card.auth-card .auth-card-header.header-primary {
                background-color: var(--main-site-background-color);
                color: #fff;
                -webkit-box-shadow: 0 14px 26px -12px rgba(3,155,229,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(3,155,229,.2) !important;
                box-shadow: 0 14px 26px -12px rgba(3,155,229,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(3,155,229,.2) !important
            }

            .flex-card.auth-card .auth-card-header.header-secondary {
                background-color: var(--main-site-background-color);
                color: #fff;
                -webkit-box-shadow: 0 14px 26px -12px rgba(0,132,196,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,132,196,.2) !important;
                box-shadow: 0 14px 26px -12px rgba(0,132,196,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,132,196,.2) !important
            }

            .flex-card.auth-card .auth-card-header.header-accent {
                background-color: #00d1b2;
                color: #fff;
                -webkit-box-shadow: 0 14px 26px -12px rgba(0,209,178,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,209,178,.2) !important;
                box-shadow: 0 14px 26px -12px rgba(0,209,178,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,209,178,.2) !important
            }

    .flex-card .card-content {
        position: relative;
        padding: 1rem !important
    }

        .flex-card .card-content .bottom-avatar img {
            height: 50px;
            border-radius: 100px;
            position: absolute;
            right: 0;
            bottom: 0
        }

.floating-circle {
    width: 100px;
    height: 100px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 22px;
    border-radius: 50px;
    background-color: #fff;
    -webkit-box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06)
}

    .floating-circle img {
        width: 60px;
        position: relative;
        left: 20px
    }

.event-card {
    overflow: hidden;
    width: 100%;
    height: 320px;
    display: inline-block;
    position: relative;
    background-color: #fff;
    -webkit-transition: -webkit-box-shadow 300ms ease-in;
    transition: -webkit-box-shadow 300ms ease-in;
    transition: box-shadow 300ms ease-in;
    transition: box-shadow 300ms ease-in,-webkit-box-shadow 300ms ease-in;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 1px solid #ededed
}

    .event-card:hover {
        -webkit-box-shadow: 1px 1px 8px 2px rgba(0,0,0,.1);
        box-shadow: 1px 1px 8px 2px rgba(0,0,0,.1)
    }

    .event-card .card-date {
        position: absolute;
        top: 0;
        right: 0;
        background-color: #00d1b2;
        z-index: 1
    }

        .event-card .card-date .date {
            padding: 0 10px
        }

            .event-card .card-date .date .day {
                font-size: 2.7rem;
                color: #fff;
                font-weight: bold
            }

            .event-card .card-date .date .month {
                font-weight: 500;
                color: #fff
            }

.img-container {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

    .img-container img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

.card-text {
    bottom: -40%;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #fff;
    -webkit-transition: all 450ms cubic-bezier(.6,.06,.34,.61);
    transition: all 450ms cubic-bezier(.6,.06,.34,.61)
}

@media(max-width:768px) {
    .card-text {
        bottom: -71%
    }
}

@media(min-width:768px) {
    .card-text {
        bottom: -55%
    }
}

@media(min-width:1024px) {
    .card-text {
        bottom: -64%
    }
}

@media(min-width:1420px) {
    .card-text {
        bottom: -70%
    }
}

.card-text.is-clicked, .event-card:hover .card-text {
    bottom: 0%
}

.card-text .button.is-link i {
    font-size: 10px !important;
    -webkit-transition: all .5s !important;
    transition: all .5s !important;
    margin-left: 20px;
    top: 2px
}

.card-text .text.text-container {
    padding: 20px 30px
}

    .card-text .text.text-container .text-header .text-subtitle {
        color: #00d1b2;
    }

.card-text .text.text-title {
    font-family: 'Nexa Bold',sans-serif;
    font-size: 1.15em;
    margin-bottom: .25em;
    font-weight: bold;
    text-transform: uppercase
}

.card-text .text.text-details:before {
    content: "";
    display: block;
    width: 30%;
    height: 1px;
    background-color: #ddd;
    margin: 30px 0
}

.card-text .text.text-description {
    line-height: 1.4em
}

.card-text .text.text-link {
    text-decoration: none;
    margin-top: 1em;
    display: inline-block;
    color: #00d1b2
}

    .card-text .text.text-link:hover {
        color: #38ffe1
    }

.card.card-shadow {
    -webkit-box-shadow: 0 5px 43px rgba(0,0,0,.18) !important;
    box-shadow: 0 5px 43px rgba(0,0,0,.18) !important
}

.card .image {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.card img {
    display: block
}

.card.ressource-card {
    position: relative
}

    .card.ressource-card .ressource-avatar img {
        position: absolute;
        top: 15px;
        right: 15px;
        height: 60px;
        width: 60px;
        border-radius: 1000px
    }

    .card.ressource-card .card-image {
        position: relative
    }

        .card.ressource-card .card-image figure {
            overflow: hidden
        }

            .card.ressource-card .card-image figure.zoomOut img {
                -webkit-transform: scale(1.5);
                transform: scale(1.5);
                -webkit-transition: .3s ease-in-out;
                transition: .3s ease-in-out
            }

            .card.ressource-card .card-image figure.zoomIn img {
                -webkit-transform: scale(1);
                transform: scale(1);
                -webkit-transition: .3s ease-in-out;
                transition: .3s ease-in-out
            }

        .card.ressource-card .card-image .card-image-overlay {
            position: absolute;
            width: 100%;
            height: 100%;
            background: rgba(68,79,96,.6);
            z-index: 1
        }

            .card.ressource-card .card-image .card-image-overlay.primary {
                background: var(--main-site-background-color);
                opacity: .6
            }

            .card.ressource-card .card-image .card-image-overlay.secondary {
                background: var(--main-site-background-color);
                opacity: .6
            }

            .card.ressource-card .card-image .card-image-overlay.accent {
                background: #00d1b2;
                opacity: .6
            }

    .card.ressource-card .card-content .media-content a {
        font-family: 'Nexa Bold',sans-serif;
        font-size: 16px;
        color: var(--main-text-color)
    }

        .card.ressource-card .card-content .media-content a:hover {
            color: var(--main-link-font-color)
        }

    .card.ressource-card .card-content .media-content p {
        font-weight: 700;
        color: #999
    }

    .card.ressource-card .avatar-rounded img {
        border-radius: 50px !important
    }

    .card.ressource-card:hover .card-image figure.zoomOut img {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .8
    }

    .card.ressource-card:hover .card-image figure.zoomIn img {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: .8
    }

.card.card-floating-wide, .card.card-floating-boxed {
    margin: 4%;
    border-radius: 6px
}

    .card.card-floating-wide .title, .card.card-floating-boxed .title {
        margin: 0 !important;
        padding: 10px 0
    }

    .card.card-floating-wide .subtitle, .card.card-floating-boxed .subtitle {
        font-size: .9rem;
        color: #a9abac;
        margin: 0 !important
    }

    .card.card-floating-wide .card-image figure img {
        display: block;
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
        border-radius: 6px;
        -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
        box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)
    }

    .card.card-floating-boxed .title {
        margin-top: -10%
    }

    .card.card-floating-boxed .card-image figure img {
        display: block;
        -webkit-transform: scale(.94);
        transform: scale(.94);
        border-radius: 6px;
        -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
        box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
        margin-top: -10%
    }

    .card.card-floating-boxed .card-content {
        margin-top: -50px
    }

.media-card {
    min-height: 260px
}

    .media-card .media-card-image {
        height: 100% !important;
        min-height: 260px;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%
    }

    .media-card .mcard-content {
        padding: 20px
    }

        .media-card .mcard-content .mcard-title {
            line-height: 1.2 !important;
            font-size: 20px !important;
            font-weight: 600;
            color: var(--main-text-color)
        }

            .media-card .mcard-content .mcard-title a {
                color: var(--main-text-color)
            }

        .media-card .mcard-content .mcard-description {
            line-height: 1.4 !important;
            max-height: 4.2em !important;
            margin-top: 7px;
            color: #999
        }

    .media-card .mcard-controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 20px;
        position: absolute;
        bottom: 0 !important;
        width: 100%
    }

        .media-card .mcard-controls .mcard-avatar img {
            height: 40px;
            width: 40px;
            border-radius: 250px
        }

        .media-card .mcard-controls .mcard-info {
            margin-left: 15px
        }

            .media-card .mcard-controls .mcard-info span {
                font-size: 14px;
                line-height: 1.4
            }

            .media-card .mcard-controls .mcard-info div span {
                font-size: 12px;
                line-height: 1.2;
                color: #a9abac
            }

            .media-card .mcard-controls .mcard-info div i {
                font-size: 4px;
                position: relative;
                color: #999;
                top: -2px;
                margin: 0 5px
            }

        .media-card .mcard-controls .mcard-actions i {
            position: relative;
            top: 5px;
            color: #a9abac;
            cursor: pointer
        }

            .media-card .mcard-controls .mcard-actions i:hover {
                color: #00d1b2
            }

    .media-card .content-column {
        position: relative
    }
/*! _dialogs.scss | Bulkit | CSS Ninja */
/*! _forms.scss | Bulkit | CSS Ninja */
form {
    width: 100%
}

.input, .textarea, select {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.form-label {
    padding-bottom: 5px;
    color: #999
}

.input {
    color: #595959;
    height: 36px;
    -webkit-transition: all .3s;
    transition: all .3s;
    border-color: #ccc
}

    .input.is-small {
        height: 26px
    }

        .input.is-small ~ .icon {
            height: 26px !important;
            width: 26px !important
        }

    .input.is-medium {
        height: 44px
    }

        .input.is-medium ~ .icon {
            height: 44px !important;
            width: 44px !important
        }

    .input.is-large {
        height: 52px
    }

        .input.is-large ~ .icon {
            height: 52px !important;
            width: 52px !important
        }

    .input.custom-input {
        height: 46px;
        line-height: 46px;
        padding-left: 50px !important
    }

        .input.custom-input:focus {
            border-color: #dbdbdb !important
        }

    .input.rounded {
        border-radius: 100px
    }

    .input.is-primary-focus:focus {
        border-color: var(--main-blue-border-color)
    }

        .input.is-primary-focus:focus ~ .icon i {
            color: var(--main-link-font-color)
        }

    .input.is-secondary-focus:focus {
        border-color: var(--main-blue-border-color)
    }

        .input.is-secondary-focus:focus ~ .icon i {
            color: var(--main-link-font-color)
        }

    .input.is-accent-focus:focus {
        border-color: #00d1b2
    }

        .input.is-accent-focus:focus ~ .icon i {
            color: #00d1b2
        }

    .input.is-grey-focus:focus {
        border-color: #a9abac
    }

        .input.is-grey-focus:focus ~ .icon i {
            color: #a9abac
        }

    .input:focus, .input:active {
        border-color: #eff4f7
    }

        .input:focus.has-shadow, .input:active.has-shadow {
            -webkit-box-shadow: -1px 3px 15px 0 rgba(0,0,0,.06) !important;
            box-shadow: -1px 3px 15px 0 rgba(0,0,0,.06) !important;
            border-color: #e8e8e8
        }

    .input .icon {
        height: 36px !important;
        width: 36px !important
    }

textarea.textarea {
    color: #595959;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all .8s;
    transition: all .8s
}

    textarea.textarea:focus {
        border: 1px solid #ededed
    }

    textarea.textarea.is-primary-focus:focus {
        border-color: var(--main-blue-border-color)
    }

        textarea.textarea.is-primary-focus:focus ~ span.icon i {
            color: var(--main-link-font-color)
        }

    textarea.textarea.is-secondary-focus:focus {
        border-color: var(--main-blue-border-color)
    }

        textarea.textarea.is-secondary-focus:focus ~ span.icon i {
            color: var(--main-link-font-color)
        }

    textarea.textarea.is-accent-focus:focus {
        border-color: #00d1b2
    }

        textarea.textarea.is-accent-focus:focus ~ span.icon i {
            color: #00d1b2
        }

    textarea.textarea.is-grey-focus:focus {
        border-color: #a9abac
    }

        textarea.textarea.is-grey-focus:focus ~ span.icon i {
            color: #a9abac
        }

    textarea.textarea.is-default-focus:focus {
        border-color: #ccc
    }

        textarea.textarea.is-default-focus:focus ~ span.icon i {
            color: #ccc
        }

    textarea.textarea.is-grow {
        min-height: 40px !important;
        height: 40px;
        resize: none;
        -webkit-transition: all .5s;
        transition: all .5s;
        overflow: hidden
    }

        textarea.textarea.is-grow:focus {
            height: 130px !important;
            border-color: #999
        }

    textarea.textarea.is-button {
        min-height: 50px !important;
        height: 50px !important;
        resize: none;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom: none !important;
        -webkit-transition: all .6s;
        transition: all .6s
    }

        textarea.textarea.is-button:hover {
            border-color: #ccc
        }

        textarea.textarea.is-button:focus {
            height: 130px !important;
            padding-bottom: 40px !important;
            border-color: #ccc
        }

        textarea.textarea.is-button + .textarea-button {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            position: relative;
            border: 1px solid #ccc;
            border-top: none !important;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px
        }

            textarea.textarea.is-button + .textarea-button button {
                margin: 10px 7px 7px 7px
            }

.control.required {
    position: relative
}

    .control.required.has-success .input {
        border-color: #00b289
    }

    .control.required.has-success .validation-info.is-success {
        display: block
    }

    .control.required.has-success .success {
        opacity: 1
    }

    .control.required.has-error .input {
        border-color: #ff7273
    }

    .control.required.has-error .validation-info.is-error {
        display: block
    }

    .control.required.has-error .error {
        opacity: 1
    }

    .control.required.required-small .success, .control.required.required-small .error {
        height: 26px;
        width: 26px
    }

        .control.required.required-small .success i, .control.required.required-small .error i {
            font-size: 10px
        }

    .control.required.required-small .input {
        padding-right: 26px
    }

    .control.required.required-medium .success, .control.required.required-medium .error {
        height: 44px;
        width: 44px
    }

    .control.required.required-medium .input {
        padding-right: 44px
    }

    .control.required.required-large .success, .control.required.required-large .error {
        height: 52px;
        width: 52px
    }

    .control.required.required-large .input {
        padding-right: 52px
    }

    .control.required .success, .control.required .error {
        position: absolute;
        top: 0;
        right: 0;
        height: 36px;
        width: 36px;
        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;
        opacity: 0;
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }

        .control.required .success i {
            color: #00b289
        }

        .control.required .error i {
            color: #ff7273
        }

    .control.required .validation-info {
        display: none;
        font-size: .8rem
    }

        .control.required .validation-info.is-success {
            color: #00b289
        }

        .control.required .validation-info.is-error {
            color: #ff7273
        }

    .control.required .input {
        padding-right: 36px
    }

.control-material {
    position: relative;
    margin-bottom: 2em
}

    .control-material input, .control-material textarea {
        border-radius: 0 !important
    }

    .control-material.is-primary input.material-input:focus ~ label, .control-material.is-primary input:valid ~ label, .control-material.is-primary textarea:focus ~ label {
        color: var(--main-link-font-color)
    }

    .control-material.is-primary .material-input:focus ~ .caret-icon i {
        color: var(--main-link-font-color)
    }

    .control-material.is-primary .bar:before, .control-material.is-primary .bar:after {
        background: var(--main-site-background-color)
    }

    .control-material.is-primary.has-icon input:focus ~ i {
        color: var(--main-link-font-color) !important
    }

    .control-material.is-primary .dropdown-list .option.selected {
        background: var(--main-site-background-color);
        color: #fcfcfc
    }

    .control-material.is-secondary input.material-input:focus ~ label, .control-material.is-secondary input:valid ~ label, .control-material.is-secondary textarea:focus ~ label {
        color: var(--main-link-font-color)
    }

    .control-material.is-secondary .material-input:focus ~ .caret-icon i {
        color: var(--main-link-font-color)
    }

    .control-material.is-secondary .bar:before, .control-material.is-secondary .bar:after {
        background: var(--main-site-background-color)
    }

    .control-material.is-secondary.has-icon input:focus ~ i {
        color: var(--main-link-font-color) !important
    }

    .control-material.is-secondary .dropdown-list .option.selected {
        background: var(--main-site-background-color);
        color: #fcfcfc
    }

    .control-material.is-accent input.material-input:focus ~ label, .control-material.is-accent input:valid ~ label, .control-material.is-accent textarea:focus ~ label {
        color: #00d1b2
    }

    .control-material.is-accent .material-input:focus ~ .caret-icon i {
        color: #00d1b2
    }

    .control-material.is-accent .bar:before, .control-material.is-accent .bar:after {
        background: #00d1b2
    }

    .control-material.is-accent.has-icon input:focus ~ i {
        color: #00d1b2 !important
    }

    .control-material.is-accent .dropdown-list .option.selected {
        background: #00d1b2;
        color: #fcfcfc
    }

    .control-material.is-light input.material-input:focus ~ label, .control-material.is-light input:valid ~ label, .control-material.is-light textarea:focus ~ label {
        color: #fff
    }

    .control-material.is-light .bar:before, .control-material.is-light .bar:after {
        background: #fff
    }

    .control-material.is-light.has-icon input:focus ~ i {
        color: #fff !important
    }

    .control-material .material-input, .control-material textarea {
        width: 100% !important;
        font-size: 18px;
        padding: .625em .625em .625em .3125em;
        display: block;
        width: 18.75em;
        border: none;
        border-bottom: 1px solid #a9abac;
        background-color: transparent !important
    }

        .control-material .material-input:focus, .control-material textarea:focus {
            outline: none
        }

    .control-material label {
        font-family: 'Arial';
        color: #cecece;
        font-size: 15px;
        font-weight: normal;
        position: absolute;
        pointer-events: none;
        top: 1em;
        left: .3125em;
        transition: .2s ease all;
        -moz-transition: .2s ease all;
        -webkit-transition: .2s ease all
    }

    .control-material .material-input:focus ~ label, .control-material input:valid ~ label, .control-material textarea:focus ~ label {
        top: -8px;
        left: -2px;
        font-size: 12px
    }

    .control-material .bar {
        position: relative;
        display: block
    }

        .control-material .bar:before, .control-material .bar:after {
            content: '';
            height: 2px;
            width: 0;
            bottom: 0;
            position: absolute;
            transition: .2s ease all;
            -moz-transition: .2s ease all;
            -webkit-transition: .2s ease all
        }

        .control-material .bar:before {
            left: 50%
        }

        .control-material .bar:after {
            right: 50%
        }

    .control-material .material-input:focus ~ .bar:before, .control-material input.material-input:focus ~ .bar:after, .control-material textarea:focus ~ .bar:before, .control-material textarea:focus ~ .bar:after {
        width: 50%
    }

    .control-material.has-icon {
        position: relative
    }

        .control-material.has-icon input {
            padding-right: 54px
        }

            .control-material.has-icon input:focus ~ i, .control-material.has-icon input:valid ~ i {
                margin-top: 10px
            }

        .control-material.has-icon i {
            position: absolute;
            right: 15px;
            top: 12px;
            color: #cecece;
            -webkit-transition: all .3s;
            transition: all .3s
        }

    .control-material.required {
        position: relative
    }

        .control-material.required input {
            padding-right: 54px
        }

        .control-material.required i {
            position: absolute;
            right: 15px;
            top: 12px;
            color: #cecece;
            display: none
        }

        .control-material.required .validation-info {
            display: none;
            font-size: .8rem
        }

        .control-material.required.has-success input {
            border-bottom-color: #00b289 !important
        }

        .control-material.required.has-success .bar:after, .control-material.required.has-success .bar:before {
            background: #00b289 !important
        }

        .control-material.required.has-success .success i {
            color: #00b289 !important;
            display: block
        }

        .control-material.required.has-success label {
            color: #00b289 !important
        }

        .control-material.required.has-success small.validation-info.success {
            color: #00b289;
            display: block
        }

        .control-material.required.has-error input {
            border-bottom-color: #ff7273 !important
        }

        .control-material.required.has-error .bar:after, .control-material.required.has-error .bar:before {
            background: #ff7273 !important
        }

        .control-material.required.has-error .error i {
            color: #ff7273 !important;
            display: block
        }

        .control-material.required.has-error label {
            color: #ff7273 !important
        }

        .control-material.required.has-error small.validation-info.error {
            color: #ff7273;
            display: block
        }

    .control-material .material-select.is-active .dropdown-list {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        pointer-events: all
    }

    .control-material .material-select.has-value .inner-wrap label {
        top: -20px;
        left: -2px;
        font-size: 12px
    }

    .control-material .material-select .inner-wrap .caret-icon {
        position: absolute;
        top: 10px;
        right: 0;
        height: 30px;
        width: 30px;
        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;
        -webkit-transition: all .3s;
        transition: all .3s
    }

        .control-material .material-select .inner-wrap .caret-icon i {
            color: #999
        }

    .control-material .material-select .material-input:focus {
        pointer-events: none !important
    }

        .control-material .material-select .material-input:focus ~ .caret-icon {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
        }

    .control-material .material-select .dropdown-list {
        background: #fff;
        border: 1px solid #ededed;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        margin-top: 15px;
        z-index: 2;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        opacity: 0;
        pointer-events: none
    }

        .control-material .material-select .dropdown-list .option {
            font-size: 12px;
            cursor: pointer;
            padding: 10px
        }

            .control-material .material-select .dropdown-list .option:hover:not(.selected) {
                background: #ededed
            }

.control.has-icons-left .select select {
    padding-left: 2.5rem
}

.control.has-icons-left .select.is-small select {
    padding-left: 1.75rem
}

.control.has-icons-left .select.is-medium select {
    padding-left: 3rem
}

.control.has-icons-left .select.is-large + .icon {
    font-size: 1.6rem
}

.control.has-icons-left .select.is-large select {
    padding-left: 3.3rem
}

.control .select:after {
    border: 1px solid var(--main-blue-border-color);
    border-right: 0;
    border-top: 0
}

.control .select:hover:after {
    border: 1px solid #0279b3;
    border-right: 0;
    border-top: 0
}

.control .select select:active, .control .select select:focus {
    border-color: var(--main-blue-border-color)
}

.control .select:not(.is-multiple):not(.is-loading)::after {
    right: 1.525em;
    z-index: 4;
    font-size: .8rem;
    border: 1px solid #999;
    border-right: 0;
    border-top: 0
}

.auto-cpl-control .icon {
    height: 44px !important;
    width: 44px !important
}

    .auto-cpl-control .icon i {
        font-size: 18px
    }

.auto-cpl-control .autocpl {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.auto-cpl-control .easy-autocomplete-container ul li {
    padding: 8px 12px
}

    .auto-cpl-control .easy-autocomplete-container ul li.selected {
        background: #f7f7f7 !important
    }

.auto-cpl-control .easy-autocomplete-container .template-wrapper {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .auto-cpl-control .easy-autocomplete-container .template-wrapper .autocpl-avatar {
        width: 36px !important;
        height: 36px !important;
        border-radius: 100px !important
    }

    .auto-cpl-control .easy-autocomplete-container .template-wrapper .entry-text {
        margin-left: 15px
    }

        .auto-cpl-control .easy-autocomplete-container .template-wrapper .entry-text span {
            font-size: .8rem;
            color: #a9abac
        }

.datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover {
    background-color: #00d1b2 !important
}

.file-input-wrapper .control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

    .file-input-wrapper .control .inputfile {
        width: .1px;
        height: .1px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        z-index: -1
    }

        .file-input-wrapper .control .inputfile + label {
            max-width: 80%;
            font-size: 1.05rem;
            font-weight: 400;
            text-overflow: ellipsis;
            white-space: nowrap;
            cursor: pointer;
            display: inline-block;
            overflow: hidden;
            border-radius: 5px;
            padding: .625rem 1.45rem .8rem 1.25rem;
            -webkit-transition: all .3s;
            transition: all .3s
        }

            .file-input-wrapper .control .inputfile + label i {
                margin-right: 10px
            }

    .file-input-wrapper .control .simple-file-input + label {
        color: #fff;
        background-color: #00d1b2
    }

        .file-input-wrapper .control .simple-file-input:focus + label, .file-input-wrapper .control .simple-file-input.has-focus + label, .file-input-wrapper .control .simple-file-input + label:hover {
            background-color: #00ebc8;
            -webkit-box-shadow: inset rgba(143,160,241,.2) 0 0 0 1px,rgba(213,220,247,.59) 0 10px 20px;
            box-shadow: inset rgba(143,160,241,.2) 0 0 0 1px,rgba(213,220,247,.59) 0 10px 20px
        }

.field-input-wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .field-input-wrapper .field-input {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: #fcfcfc;
        border: 1px solid #ededed;
        padding: 16px;
        width: 450px;
        position: relative;
        border-radius: 3px
    }

        .field-input-wrapper .field-input > [type='file'] {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            z-index: 10;
            cursor: pointer
        }

        .field-input-wrapper .field-input > .button {
            display: inline-block;
            cursor: pointer;
            padding: 8px 16px;
            border-radius: 2px;
            margin-right: 8px;
            line-height: 1
        }

        .field-input-wrapper .field-input > .label {
            color: var(--main-text-color);
            font-weight: 400;
            white-space: nowrap;
            opacity: .3
        }

        .field-input-wrapper .field-input.-chosen > .label {
            opacity: 1
        }

.field.has-addons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .field.has-addons input {
        margin-right: 5px
    }

    .field.has-addons .button {
        height: 36px
    }

.label--checkbox {
    position: relative;
    margin: .5rem;
    font-family: Arial,sans-serif;
    line-height: 135% !important;
    cursor: pointer;
    -webkit-transform: scale(.7);
    transform: scale(.7)
}

    .label--checkbox span {
        position: relative;
        top: -7px;
        font-size: 14px;
        color: var(--main-text-color)
    }

.md-checkbox {
    position: relative;
    top: -.375rem;
    margin: 0 1rem 0 0;
    cursor: pointer;
    -webkit-transform: scale(1.8);
    transform: scale(1.8)
}

    .md-checkbox:before {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        content: "";
        position: absolute;
        left: 0;
        z-index: 1;
        width: .9rem;
        height: .9rem;
        border: 1.5px solid #ccc
    }

    .md-checkbox:checked:before {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        height: .5rem;
        border-color: var(--main-blue-border-color);
        border-top-style: none;
        border-right-style: none
    }

    .md-checkbox:after {
        content: "";
        position: absolute;
        top: -.125rem;
        left: 0;
        width: 1rem;
        height: 1rem;
        background: #fff;
        cursor: pointer
    }

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(6.25rem);
        transform: translateY(6.25rem)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideUp {
    0% {
        -webkit-transform: translateY(6.25rem);
        transform: translateY(6.25rem)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media(min-width:769px) {
    input.md-checkbox:focus {
        border-bottom-color: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        outline-offset: 0 !important;
        background: #fff !important
    }
}

.checkbox-wrap, .radio-wrap {
    position: relative;
    cursor: pointer;
    padding: 1em
}

    .checkbox-wrap::-moz-selection, .radio-wrap::-moz-selection {
        background: transparent
    }

    .checkbox-wrap::selection, .radio-wrap::selection {
        background: transparent
    }

    .checkbox-wrap input.d-checkbox + span, .radio-wrap input.d-checkbox + span, .checkbox-wrap input.b-radio + span, .radio-wrap input.b-radio + span {
        background: #fff;
        content: "";
        display: inline-block;
        margin: 0 .5em 0 0;
        padding: 0;
        border: 1px solid #999;
        vertical-align: middle;
        width: 2em;
        height: 2em
    }

        .checkbox-wrap input.d-checkbox + span::after, .radio-wrap input.d-checkbox + span::after, .checkbox-wrap input.b-radio + span::after, .radio-wrap input.b-radio + span::after {
            content: "";
            display: block;
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-transition: -webkit-transform .2s;
            transition: -webkit-transform .2s;
            transition: transform .2s;
            transition: transform .2s,-webkit-transform .2s
        }

    .checkbox-wrap input.d-checkbox:checked + span::after, .radio-wrap input.d-checkbox:checked + span::after, .checkbox-wrap input.b-radio:checked + span::after, .radio-wrap input.b-radio:checked + span::after {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .checkbox-wrap input.d-checkbox, .radio-wrap input.d-checkbox, .checkbox-wrap input.b-radio, .radio-wrap input.b-radio {
        position: absolute;
        cursor: pointer;
        opacity: 0
    }

    .checkbox-wrap input + span {
        border-radius: 2px
    }

        .checkbox-wrap input + span::after {
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2NHB4IiBoZWlnaHQ9IjY0cHgiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTMuNzA3LDMyLjI5MyAxMi4yOTMsMzMuODU0IDI0LjI5Myw0NiAyNS43MDcsNDYgNDkuNzA3LDIxLjg1NCA0OC4yOTMsMjAuMzY2IDI1LDQzLjYyMyAiLz48L2c+PC9zdmc+) no-repeat center;
            background-size: contain;
            width: 1.9em;
            height: 1.9em
        }

    .checkbox-wrap.is-medium input + span {
        width: 1.4em;
        height: 1.4em
    }

        .checkbox-wrap.is-medium input + span::after {
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2NHB4IiBoZWlnaHQ9IjY0cHgiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTMuNzA3LDMyLjI5MyAxMi4yOTMsMzMuODU0IDI0LjI5Myw0NiAyNS43MDcsNDYgNDkuNzA3LDIxLjg1NCA0OC4yOTMsMjAuMzY2IDI1LDQzLjYyMyAiLz48L2c+PC9zdmc+) no-repeat center;
            background-size: contain;
            width: 1.3em;
            height: 1.3em
        }

    .checkbox-wrap.is-small input + span {
        width: 1em;
        height: 1em
    }

        .checkbox-wrap.is-small input + span::after {
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2NHB4IiBoZWlnaHQ9IjY0cHgiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTMuNzA3LDMyLjI5MyAxMi4yOTMsMzMuODU0IDI0LjI5Myw0NiAyNS43MDcsNDYgNDkuNzA3LDIxLjg1NCA0OC4yOTMsMjAuMzY2IDI1LDQzLjYyMyAiLz48L2c+PC9zdmc+) no-repeat center;
            background-size: contain;
            width: .9em;
            height: .9em
        }

    .radio-wrap input + span {
        border-radius: 1000px;
        border: solid 1px #0b0c0c
    }

        .radio-wrap input + span::after {
            border-radius: 1000px;
            margin: .55em;
            width: .75em;
            height: .75em
        }

    .radio-wrap input:checked + span::after {
        background: var(--main-text-color)
    }

    .radio-wrap.is-small span {
        -webkit-transform: scale(.6) !important;
        transform: scale(.6) !important
    }

        .radio-wrap.is-small span::after {
            margin: .54em !important
        }

    .radio-wrap.is-medium span {
        -webkit-transform: scale(.8) !important;
        transform: scale(.8) !important
    }

        .radio-wrap.is-medium span::after {
            margin: .58em !important
        }

    .radio-wrap.is-primary input:checked + span::after {
        background: var(--main-site-background-color)
    }

    .radio-wrap.is-secondary input:checked + span::after {
        background: var(--main-site-background-color)
    }

    .radio-wrap.is-accent input:checked + span::after {
        background: #00d1b2
    }

.tagsinput {
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 5px;
    width: 300px;
    height: 100px;
    overflow-y: auto
}

    .tagsinput .tag {
        position: relative;
        border: 1px solid var(--main-blue-border-color);
        border-radius: 3px;
        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;
        float: left;
        padding: 4px 8px;
        text-decoration: none;
        background: var(--main-site-background-color);
        color: #fff;
        margin-right: 5px;
        margin-bottom: 5px;
        font-size: 13px
    }

        .tagsinput .tag:after {
            position: absolute;
            right: 4px;
            font-family: 'Material Icons';
            content: '';
            color: #fff;
            opacity: 1;
            z-index: 0
        }

        .tagsinput .tag span {
            position: relative;
            top: -2px;
            margin-right: 6px
        }

        .tagsinput .tag a {
            font-weight: 700;
            color: #fff;
            text-decoration: none;
            font-size: 11px;
            opacity: 0;
            position: relative;
            z-index: 2
        }

    .tagsinput input {
        width: 80px;
        margin: 0 5px 5px 0;
        font-family: helvetica;
        font-size: 13px;
        border: 1px solid transparent;
        padding: 5px;
        background: 0 0;
        color: #000;
        outline: 0
    }

    .tagsinput div {
        display: block;
        float: left
    }

.tags_clear {
    clear: both;
    width: 100%;
    height: 0
}

.not_valid {
    background: #fbd8db !important;
    color: #90111a !important
}

.bulma-tags .tagsinput {
    width: 100%;
    border: 1px solid #ccc;
    background: #fff;
    padding: 5px;
    overflow-y: auto
}

    .bulma-tags .tagsinput .control {
        margin-right: .2rem !important
    }

    .bulma-tags .tagsinput .tags .tag:first-child {
        padding: 4px 8px 6px
    }

        .bulma-tags .tagsinput .tags .tag:first-child.is-active {
            background: var(--main-site-background-color)
        }

        .bulma-tags .tagsinput .tags .tag:first-child:after {
            display: none !important
        }

    .bulma-tags .tagsinput .tags .is-delete {
        margin: 0;
        background: #344258
    }

.wickedpicker {
    height: 150px
}

    .wickedpicker .wickedpicker__controls {
        padding: 12px 0 !important
    }

    .wickedpicker .wickedpicker__controls__control-up:before {
        font-family: 'material icons';
        content: ''
    }

    .wickedpicker .wickedpicker__controls__control-down:after {
        font-family: 'material icons';
        content: '';
        top: 8px;
        position: relative
    }

.steps-wrapper {
    position: relative;
    min-height: 390px;
    padding: 40px;
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 6px;
    -webkit-box-shadow: inset rgba(143,160,241,.2) 0 0 0 1px,rgba(213,220,247,.59) 0 10px 20px;
    box-shadow: inset rgba(143,160,241,.2) 0 0 0 1px,rgba(213,220,247,.59) 0 10px 20px
}

    .steps-wrapper .steps {
        font-size: .9rem
    }

        .steps-wrapper .steps .steps-content {
            padding-bottom: 50px
        }

        .steps-wrapper .steps .step-item.is-active .step-marker {
            border-color: var(--main-blue-border-color) !important;
            color: var(--main-link-font-color)
        }

        .steps-wrapper .steps .step-item.is-active:before {
            background-position: left bottom
        }

        .steps-wrapper .steps .step-item.is-completed .step-marker {
            background: var(--main-site-background-color)
        }

        .steps-wrapper .steps .step-item.is-completed:before {
            background-position: left bottom
        }

        .steps-wrapper .steps .step-item:not(:first-child):before {
            content: " ";
            display: block;
            position: absolute
        }

        .steps-wrapper .steps .step-item:before {
            background: -webkit-gradient(linear,right top,left top,color-stop(50%,#dbdbdb),color-stop(50%,var(--main-site-background-color)));
            background: linear-gradient(to left,#dbdbdb 50%,var(--main-site-background-color) 50%);
            background-size: 200% 100%;
            background-position: right bottom
        }

    .steps-wrapper .step-title {
        font-size: 0.8rem !important;
        text-transform: uppercase
    }

    .steps-wrapper .label {
        text-align: left;
        font-weight: 600 !important
    }

    .steps-wrapper .steps-actions {
        position: absolute;
        width: 100%;
        bottom: 40px;
        left: 0;
        padding: 0 40px
    }

        .steps-wrapper .steps-actions .steps-action {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            margin: 0
        }

            .steps-wrapper .steps-actions .steps-action .button {
                margin-left: 8px
            }

    .steps-wrapper .confirm-image {
        display: block;
        margin: 10px auto;
        height: 75px
    }

    .steps-wrapper.is-squared .step-marker {
        border-radius: 4px !important
    }

@media(max-width:767px) {
    .steps-wrapper.is-double-column .steps-actions {
        bottom: 20px !important
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    .steps-wrapper.is-double-column .steps-actions {
        bottom: 20px !important
    }
}

.is-combo {
    margin-bottom: 20px
}

    .is-combo .combo-label {
        font-weight: 500;
        font-size: .9rem;
        color: #999
    }

    .is-combo .combo-box, .is-combo .image-combo-box, .is-combo .stacked-combo-box, .is-combo .user-combo-box {
        position: relative;
        background: #fff;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
        height: 40px;
        margin-top: 4px;
        cursor: pointer;
        -webkit-transition: all .3s;
        transition: all .3s
    }

        .is-combo .combo-box.has-rounded-images .combo-item img, .is-combo .combo-box.has-rounded-images .item-icon img, .is-combo .image-combo-box.has-rounded-images .combo-item img, .is-combo .image-combo-box.has-rounded-images .item-icon img, .is-combo .stacked-combo-box.has-rounded-images .combo-item img, .is-combo .stacked-combo-box.has-rounded-images .item-icon img, .is-combo .user-combo-box.has-rounded-images .combo-item img, .is-combo .user-combo-box.has-rounded-images .item-icon img {
            border-radius: 50%
        }

        .is-combo .combo-box .box-inner, .is-combo .image-combo-box .box-inner, .is-combo .stacked-combo-box .box-inner, .is-combo .user-combo-box .box-inner {
            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
        }

            .is-combo .combo-box .box-inner .combo-item, .is-combo .image-combo-box .box-inner .combo-item, .is-combo .stacked-combo-box .box-inner .combo-item, .is-combo .user-combo-box .box-inner .combo-item {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                height: 40px;
                padding-left: 8px
            }

                .is-combo .combo-box .box-inner .combo-item i, .is-combo .image-combo-box .box-inner .combo-item i, .is-combo .stacked-combo-box .box-inner .combo-item i, .is-combo .user-combo-box .box-inner .combo-item i {
                    color: var(--main-link-font-color);
                    font-size: 20px;
                    margin-right: 8px
                }

                .is-combo .combo-box .box-inner .combo-item .fa, .is-combo .image-combo-box .box-inner .combo-item .fa, .is-combo .stacked-combo-box .box-inner .combo-item .fa, .is-combo .user-combo-box .box-inner .combo-item .fa {
                    position: relative;
                    top: 1px;
                    font-size: 14px
                }

                    .is-combo .combo-box .box-inner .combo-item .fa.is-green, .is-combo .image-combo-box .box-inner .combo-item .fa.is-green, .is-combo .stacked-combo-box .box-inner .combo-item .fa.is-green, .is-combo .user-combo-box .box-inner .combo-item .fa.is-green {
                        color: #00b289
                    }

                    .is-combo .combo-box .box-inner .combo-item .fa.is-blue, .is-combo .image-combo-box .box-inner .combo-item .fa.is-blue, .is-combo .stacked-combo-box .box-inner .combo-item .fa.is-blue, .is-combo .user-combo-box .box-inner .combo-item .fa.is-blue {
                        color: var(--main-link-font-color)
                    }

                    .is-combo .combo-box .box-inner .combo-item .fa.is-orange, .is-combo .image-combo-box .box-inner .combo-item .fa.is-orange, .is-combo .stacked-combo-box .box-inner .combo-item .fa.is-orange, .is-combo .user-combo-box .box-inner .combo-item .fa.is-orange {
                        color: #eda514
                    }

                    .is-combo .combo-box .box-inner .combo-item .fa.is-red, .is-combo .image-combo-box .box-inner .combo-item .fa.is-red, .is-combo .stacked-combo-box .box-inner .combo-item .fa.is-red, .is-combo .user-combo-box .box-inner .combo-item .fa.is-red {
                        color: #ff7273
                    }

                    .is-combo .combo-box .box-inner .combo-item .fa.is-secondary, .is-combo .image-combo-box .box-inner .combo-item .fa.is-secondary, .is-combo .stacked-combo-box .box-inner .combo-item .fa.is-secondary, .is-combo .user-combo-box .box-inner .combo-item .fa.is-secondary {
                        color: var(--main-link-font-color)
                    }

                .is-combo .combo-box .box-inner .combo-item img, .is-combo .image-combo-box .box-inner .combo-item img, .is-combo .stacked-combo-box .box-inner .combo-item img, .is-combo .user-combo-box .box-inner .combo-item img {
                    display: block;
                    height: 26px;
                    width: 26px;
                    -o-object-fit: contain;
                    object-fit: contain;
                    margin-right: 8px
                }

                    .is-combo .combo-box .box-inner .combo-item img.is-stacked, .is-combo .image-combo-box .box-inner .combo-item img.is-stacked, .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked, .is-combo .user-combo-box .box-inner .combo-item img.is-stacked {
                        height: 26px;
                        width: 26px;
                        border: 2px solid #fff;
                        margin-right: 0 !important
                    }

                        .is-combo .combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(1), .is-combo .image-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(1), .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(1), .is-combo .user-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(1) {
                            margin-left: -9px
                        }

                        .is-combo .combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(2), .is-combo .image-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(2), .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(2), .is-combo .user-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(2) {
                            margin-left: -9px
                        }

                        .is-combo .combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(3), .is-combo .image-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(3), .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(3), .is-combo .user-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(3) {
                            margin-left: -9px
                        }

                        .is-combo .combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(4), .is-combo .image-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(4), .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(4), .is-combo .user-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(4) {
                            margin-left: -9px
                        }

                        .is-combo .combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(5), .is-combo .image-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(5), .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(5), .is-combo .user-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(5) {
                            margin-left: -9px
                        }

                .is-combo .combo-box .box-inner .combo-item .avatar-container, .is-combo .image-combo-box .box-inner .combo-item .avatar-container, .is-combo .stacked-combo-box .box-inner .combo-item .avatar-container, .is-combo .user-combo-box .box-inner .combo-item .avatar-container {
                    position: relative;
                    display: block;
                    height: 26px;
                    width: 26px
                }

                    .is-combo .combo-box .box-inner .combo-item .avatar-container .avatar, .is-combo .image-combo-box .box-inner .combo-item .avatar-container .avatar, .is-combo .stacked-combo-box .box-inner .combo-item .avatar-container .avatar, .is-combo .user-combo-box .box-inner .combo-item .avatar-container .avatar {
                        display: block;
                        height: 26px;
                        width: 26px;
                        border-radius: 50%
                    }

                    .is-combo .combo-box .box-inner .combo-item .avatar-container .badge, .is-combo .image-combo-box .box-inner .combo-item .avatar-container .badge, .is-combo .stacked-combo-box .box-inner .combo-item .avatar-container .badge, .is-combo .user-combo-box .box-inner .combo-item .avatar-container .badge {
                        position: absolute;
                        bottom: 0;
                        right: -6px;
                        height: 16px;
                        width: 16px;
                        border-radius: 50%;
                        border: 2px solid #fff;
                        margin: 0
                    }

                .is-combo .combo-box .box-inner .combo-item span, .is-combo .image-combo-box .box-inner .combo-item span, .is-combo .stacked-combo-box .box-inner .combo-item span, .is-combo .user-combo-box .box-inner .combo-item span {
                    display: block;
                    color: var(--main-text-color);
                    font-size: .9rem;
                    font-weight: 500;
                    margin-left: 8px
                }

        .is-combo .combo-box .box-chevron, .is-combo .image-combo-box .box-chevron, .is-combo .stacked-combo-box .box-chevron, .is-combo .user-combo-box .box-chevron {
            position: absolute;
            top: 0;
            right: 0;
            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;
            height: 40px;
            width: 40px
        }

            .is-combo .combo-box .box-chevron i, .is-combo .image-combo-box .box-chevron i, .is-combo .stacked-combo-box .box-chevron i, .is-combo .user-combo-box .box-chevron i {
                font-size: 18px;
                stroke: var(--main-text-color);
                -webkit-transform: rotate(0);
                transform: rotate(0);
                -webkit-transition: all .3s;
                transition: all .3s
            }

            .is-combo .combo-box .box-chevron svg, .is-combo .image-combo-box .box-chevron svg, .is-combo .stacked-combo-box .box-chevron svg, .is-combo .user-combo-box .box-chevron svg {
                height: 18px;
                width: 18px;
                stroke: var(--main-text-color);
                -webkit-transform: rotate(0);
                transform: rotate(0);
                -webkit-transition: all .3s;
                transition: all .3s
            }

        .is-combo .combo-box .box-dropdown, .is-combo .image-combo-box .box-dropdown, .is-combo .stacked-combo-box .box-dropdown, .is-combo .user-combo-box .box-dropdown {
            position: absolute;
            top: 32px;
            left: 0;
            width: 100%;
            z-index: 50;
            opacity: 0;
            -webkit-transform: translateY(20px);
            transform: translateY(20px);
            pointer-events: none;
            -webkit-transition: all .3s;
            transition: all .3s
        }

            .is-combo .combo-box .box-dropdown.is-dropup, .is-combo .image-combo-box .box-dropdown.is-dropup, .is-combo .stacked-combo-box .box-dropdown.is-dropup, .is-combo .user-combo-box .box-dropdown.is-dropup {
                top: -165px;
                height: 148px
            }

                .is-combo .combo-box .box-dropdown.is-dropup .dropdown-inner, .is-combo .image-combo-box .box-dropdown.is-dropup .dropdown-inner, .is-combo .stacked-combo-box .box-dropdown.is-dropup .dropdown-inner, .is-combo .user-combo-box .box-dropdown.is-dropup .dropdown-inner {
                    overflow-y: auto
                }

            .is-combo .combo-box .box-dropdown .dropdown-inner, .is-combo .image-combo-box .box-dropdown .dropdown-inner, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner, .is-combo .user-combo-box .box-dropdown .dropdown-inner {
                position: relative;
                width: 100%;
                height: 100%;
                background: #fff;
                border: 1px solid #e3e3e3;
                border-radius: 4px;
                margin-top: 10px;
                max-height: 190px;
                overflow-y: auto
            }

                .is-combo .combo-box .box-dropdown .dropdown-inner ul, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul {
                    padding: 10px 0
                }

                    .is-combo .combo-box .box-dropdown .dropdown-inner ul li, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li {
                        padding: 6px 8px;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-pack: start;
                        -ms-flex-pack: start;
                        justify-content: flex-start;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        width: 100%
                    }

                        .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon {
                            position: relative;
                            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;
                            height: 30px;
                            width: 30px;
                            margin-right: 8px
                        }

                            .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon i, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon i, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon i, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon i {
                                color: #999;
                                font-size: 20px
                            }

                            .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa {
                                font-size: 14px;
                                position: relative;
                                top: 1px
                            }

                                .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-green, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-green, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-green, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-green {
                                    color: #00b289
                                }

                                .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-blue, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-blue, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-blue, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-blue {
                                    color: var(--main-link-font-color)
                                }

                                .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-orange, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-orange, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-orange, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-orange {
                                    color: #eda514
                                }

                                .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-red, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-red, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-red, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-red {
                                    color: #ff7273
                                }

                                .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-secondary, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-secondary, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-secondary, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-secondary {
                                    color: var(--main-link-font-color)
                                }

                            .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon img, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon img, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon img, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon img {
                                display: block;
                                height: 22px;
                                width: 22px;
                                -o-object-fit: contain;
                                object-fit: contain;
                                -webkit-transition: opacity .3s;
                                transition: opacity .3s
                            }

                                .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon img.faded-img, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon img.faded-img, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon img.faded-img, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon img.faded-img {
                                    opacity: .4
                                }

                            .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .avatar, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .avatar, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .avatar, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .avatar {
                                display: block;
                                height: 22px;
                                width: 22px;
                                border-radius: 50%
                            }

                            .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .badge, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .badge, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .badge, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .badge {
                                position: absolute;
                                bottom: 0;
                                right: 0;
                                height: 12px;
                                width: 12px;
                                border-radius: 50%;
                                border: 2px solid #fff
                            }

                        .is-combo .combo-box .box-dropdown .dropdown-inner ul li .checkmark, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .checkmark, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .checkmark, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .checkmark {
                            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;
                            height: 16px;
                            width: 16px;
                            margin-right: 8px;
                            margin-left: auto;
                            opacity: 0;
                            -webkit-transition: all .3s;
                            transition: all .3s
                        }

                            .is-combo .combo-box .box-dropdown .dropdown-inner ul li .checkmark svg, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .checkmark svg, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .checkmark svg, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .checkmark svg {
                                stroke: var(--main-blue-border-color);
                                stroke-width: 3px;
                                height: 16px;
                                width: 16px
                            }

                            .is-combo .combo-box .box-dropdown .dropdown-inner ul li .checkmark i, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .checkmark i, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .checkmark i, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .checkmark i {
                                font-size: 16px;
                                color: var(--main-link-font-color)
                            }

                        .is-combo .combo-box .box-dropdown .dropdown-inner ul li span, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li span, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li span, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li span {
                            display: block;
                            color: #999;
                            font-size: .9rem;
                            font-weight: 500
                        }

                        .is-combo .combo-box .box-dropdown .dropdown-inner ul li:hover, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li:hover, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li:hover, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li:hover {
                            background: #f2f2f2
                        }

                        .is-combo .combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i {
                            color: var(--main-link-font-color)
                        }

                        .is-combo .combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon .faded-img, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon .faded-img, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon .faded-img, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon .faded-img {
                            opacity: 1
                        }

                        .is-combo .combo-box .box-dropdown .dropdown-inner ul li.is-active span, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li.is-active span, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li.is-active span, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li.is-active span {
                            color: var(--main-text-color)
                        }

                        .is-combo .combo-box .box-dropdown .dropdown-inner ul li.is-active .checkmark, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li.is-active .checkmark, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li.is-active .checkmark, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li.is-active .checkmark {
                            opacity: 1
                        }

        .is-combo .combo-box.is-active, .is-combo .image-combo-box.is-active, .is-combo .stacked-combo-box.is-active, .is-combo .user-combo-box.is-active {
            border-color: var(--main-blue-border-color)
        }

            .is-combo .combo-box.is-active .box-chevron svg, .is-combo .combo-box.is-active .box-chevron i, .is-combo .image-combo-box.is-active .box-chevron svg, .is-combo .image-combo-box.is-active .box-chevron i, .is-combo .stacked-combo-box.is-active .box-chevron svg, .is-combo .stacked-combo-box.is-active .box-chevron i, .is-combo .user-combo-box.is-active .box-chevron svg, .is-combo .user-combo-box.is-active .box-chevron i {
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg)
            }

            .is-combo .combo-box.is-active .box-dropdown, .is-combo .image-combo-box.is-active .box-dropdown, .is-combo .stacked-combo-box.is-active .box-dropdown, .is-combo .user-combo-box.is-active .box-dropdown {
                opacity: 1;
                -webkit-transform: translateY(0);
                transform: translateY(0);
                pointer-events: all
            }

    .is-combo .help-text {
        font-size: .75rem;
        color: #999
    }

    .is-combo .big-combo-box {
        position: relative;
        background: #fff;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
        height: 58px;
        margin-top: 4px;
        cursor: pointer;
        -webkit-transition: all .3s;
        transition: all .3s
    }

        .is-combo .big-combo-box .box-inner {
            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;
            height: 100%
        }

            .is-combo .big-combo-box .box-inner .combo-item {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                height: 58px;
                padding-left: 8px
            }

                .is-combo .big-combo-box .box-inner .combo-item i {
                    color: var(--main-link-font-color);
                    font-size: 1.6rem
                }

                .is-combo .big-combo-box .box-inner .combo-item .combo-text {
                    margin-left: 16px
                }

                    .is-combo .big-combo-box .box-inner .combo-item .combo-text span {
                        display: block
                    }

                        .is-combo .big-combo-box .box-inner .combo-item .combo-text span:first-child {
                            color: var(--main-text-color);
                            font-size: .9rem;
                            font-weight: 500
                        }

                        .is-combo .big-combo-box .box-inner .combo-item .combo-text span:nth-child(2) {
                            color: #999;
                            font-size: .8rem;
                            max-width: 330px;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis
                        }

        .is-combo .big-combo-box .box-chevron {
            position: absolute;
            top: 0;
            right: 0;
            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;
            height: 58px;
            width: 58px
        }

            .is-combo .big-combo-box .box-chevron svg {
                height: 18px;
                width: 18px;
                stroke: var(--main-text-color);
                -webkit-transform: rotate(0);
                transform: rotate(0);
                -webkit-transition: all .3s;
                transition: all .3s
            }

        .is-combo .big-combo-box .box-dropdown {
            position: absolute;
            top: 54px;
            left: 0;
            width: 100%;
            z-index: 50;
            opacity: 0;
            -webkit-transform: translateY(20px);
            transform: translateY(20px);
            pointer-events: none;
            -webkit-transition: all .3s;
            transition: all .3s
        }

            .is-combo .big-combo-box .box-dropdown .dropdown-inner {
                position: relative;
                width: 100%;
                height: 100%;
                background: #fff;
                border: 1px solid #e3e3e3;
                border-radius: 4px;
                margin-top: 10px;
                max-height: 190px;
                overflow-y: auto;
                overflow-x: hidden
            }

                .is-combo .big-combo-box .box-dropdown .dropdown-inner ul {
                    padding: 10px 0
                }

                    .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li {
                        padding: 6px 8px;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-pack: start;
                        -ms-flex-pack: start;
                        justify-content: flex-start;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        width: 100%
                    }

                        .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-icon {
                            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;
                            height: 30px;
                            width: 30px;
                            min-height: 30px;
                            min-width: 30px;
                            margin-right: 16px
                        }

                            .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-icon i {
                                color: #999;
                                font-size: 1.6rem
                            }

                        .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-name span {
                            display: block
                        }

                            .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-name span:first-child {
                                color: var(--main-text-color);
                                font-size: .9rem;
                                font-weight: 500
                            }

                            .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-name span:nth-child(2) {
                                color: #999;
                                font-size: .8rem;
                                white-space: nowrap;
                                overflow: hidden;
                                text-overflow: ellipsis
                            }

                        .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li:hover {
                            background: #f2f2f2
                        }

                        .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i {
                            color: var(--main-link-font-color)
                        }

                        .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li.is-active span {
                            color: var(--main-text-color)
                        }

        .is-combo .big-combo-box.is-active {
            border-color: var(--main-blue-border-color)
        }

            .is-combo .big-combo-box.is-active .box-chevron svg {
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg)
            }

            .is-combo .big-combo-box.is-active .box-dropdown {
                opacity: 1;
                -webkit-transform: translateY(0);
                transform: translateY(0);
                pointer-events: all
            }
/*! _labels.scss | Bulkit | CSS Ninja */
/*! _dropdowns.scss | Bulkit | CSS Ninja */
/*! _pricing.scss | Bulkit | CSS Ninja */
/*! _switch.scss | Bulkit | CSS Ninja */
/*! _pages-auth.scss | Bulkit | CSS Ninja */
.top-logo {
    height: 40px
}

.intro-section .intro-text .intro-title {
    margin: 15px 0;
    font-size: 18px;
    color: var(--main-link-font-color)
}

.intro-section .intro-text .intro-sub {
    padding: 20px 30px;
    font-size: 14px;
    color: var(--main-text-color)
}

.login-wrapper {
    overflow: hidden !important;
    height: 100%;
    padding: 0;
    margin: 0
}

    .login-wrapper.is-gapless:not(:last-child) {
        margin-bottom: 0 !important
    }

    .login-wrapper .input {
        font-size: 1.2rem
    }

    .login-wrapper .login {
        padding: 10px 0
    }

    .login-wrapper .column.login-column {
        padding: 0 !important
    }

    .login-wrapper .hero.login-hero, .login-wrapper .hero.signup-hero {
        background-position: center;
        background-size: auto
    }

    .login-wrapper #signup-banner .hero {
        background: url("https://source.unsplash.com/DWui9DmfCXA/");
        background-position: center;
        background-size: cover;
        background-blend-mode: screen
    }

.hero-banner .title {
    padding: 25px;
    padding-top: 25%
}

.hero-banner .subtitle {
    padding: 0 30px
}

.hero-banner img.login-city {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0
}

.hero-banner .button {
    position: relative;
    z-index: 2
}

.signup-hero .title {
    padding: 25px;
    padding-top: 15%
}

.signup-hero .subtitle {
    padding: 0 22%
}

.signup-hero img.mockup {
    position: absolute;
    bottom: -15%;
    left: 0;
    right: 0;
    z-index: 0
}

.signup-hero .already {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px
}

    .signup-hero .already span {
        margin-right: 15px;
        color: #fff
    }

    .signup-hero .already a {
        min-width: 80px
    }

.forgot, .no-account, .return {
    color: var(--main-text-color) !important;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

    .forgot:hover, .no-account:hover, .return:hover {
        opacity: .8;
        color: var(--main-link-font-color) !important
    }

    .forgot.is-secondary, .no-account.is-secondary, .return.is-secondary {
        color: var(--main-link-font-color) !important
    }

    .forgot.is-accent, .no-account.is-accent, .return.is-accent {
        color: #00d1b2 !important
    }

.forgot-password a {
    color: #95a5a6;
    font-weight: normal;
    padding-right: 20px;
    -webkit-transition: all .6s;
    transition: all .6s
}

    .forgot-password a:hover {
        color: var(--main-link-font-color)
    }

.no-account-link a {
    color: var(--main-text-color);
    font-weight: 500
}

    .no-account-link a:hover {
        color: var(--main-link-font-color)
    }

.icon.user, .icon.password {
    margin: 5px 10px 0 0
}

.checkbox-wrap {
    color: var(--main-text-color);
    margin-bottom: 10px
}

    .checkbox-wrap span {
        position: relative;
        top: -2px
    }
/*! _landing-v3.scss | Bulkit | CSS Ninja */
.big-title {
    font-family: 'Nexa Bold',sans-serif;
    margin-bottom: 0 !important;
    padding: 10px 0
}

.light-subtitle {
    font-size: 1.5rem;
    padding: 2% 10% 2% 10%;
    margin-bottom: 0 !important
}

.video-link {
    padding: 10px 0;
    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;
    cursor: pointer
}

    .video-link span {
        color: var(--main-text-color)
    }

    .video-link i {
        position: relative;
        top: 2px;
        padding-right: 10px;
        color: #444;
        -webkit-transition: all .4s;
        transition: all .4s
    }

    .video-link:hover i, .video-link:hover span {
        color: var(--main-link-font-color)
    }

.mockup-section {
    padding: 5rem 1.5rem !important
}

    .mockup-section .app-mockup {
        position: relative;
        padding-top: 5%;
        z-index: 2
    }

    .mockup-section .hr-bg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        max-width: 1096px;
        width: 100%;
        z-index: 0
    }

.minimal-feature .minimal-title {
    font-family: 'Nexa Bold',sans-serif;
    font-size: 2rem;
    font-weight: 500;
    color: var(--main-text-color);
    padding: 10px 0;
    margin-bottom: 0 !important
}

.minimal-feature-image {
    position: relative
}

    .minimal-feature-image .main-image {
        position: relative;
        z-index: 2
    }

    .minimal-feature-image .image-bg {
        position: absolute;
        top: 10%;
        left: -20%;
        right: 0;
        margin: 0 auto;
        max-width: 1096px;
        width: 120%;
        z-index: 0
    }

.city-container img {
    display: block
}

.conditions {
    position: relative;
    top: 12px;
    font-size: 85%;
    margin-left: 15px;
    color: #fff
}

.billing-switcher-wrapper {
    padding-top: 40px;
    max-width: 200px;
    margin: 0 auto;
    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;
    position: relative
}

    .billing-switcher-wrapper .by-month {
        padding-right: 20px
    }

    .billing-switcher-wrapper .by-year {
        padding-left: 10px
    }

    .billing-switcher-wrapper .by-month, .billing-switcher-wrapper .by-year {
        color: #a9abac
    }

        .billing-switcher-wrapper .by-month.is-active, .billing-switcher-wrapper .by-year.is-active {
            color: var(--main-link-font-color)
        }

    .billing-switcher-wrapper .discount {
        position: absolute;
        top: -10px;
        right: -100px
    }

        .billing-switcher-wrapper .discount img {
            max-height: 70px;
            height: 70px
        }

.pricing-wrapper {
    position: relative
}

    .pricing-wrapper .hr-bg {
        position: absolute;
        top: -50px;
        left: 0;
        right: 0;
        margin: 0 auto;
        max-width: 1096px;
        width: 100%;
        z-index: 0
    }

    .pricing-wrapper .flex-card {
        z-index: 2
    }

        .pricing-wrapper .flex-card .condensed-plan {
            padding: 20px;
            text-align: center;
            border-right: 1px solid #ededed
        }

            .pricing-wrapper .flex-card .condensed-plan.is-last {
                border-right: none
            }

            .pricing-wrapper .flex-card .condensed-plan.is-switched .monthly-price {
                display: none !important
            }

            .pricing-wrapper .flex-card .condensed-plan.is-switched .yearly-price {
                display: block !important
            }

            .pricing-wrapper .flex-card .condensed-plan.is-switched .yearly-billed {
                visibility: visible !important
            }

            .pricing-wrapper .flex-card .condensed-plan .plan-header {
                font-size: 1.2rem;
                font-weight: 500;
                padding-bottom: 20px
            }

            .pricing-wrapper .flex-card .condensed-plan .plan-description {
                color: #a9abac;
                padding-bottom: 20px
            }

                .pricing-wrapper .flex-card .condensed-plan .plan-description span {
                    font-weight: 500;
                    color: var(--main-link-font-color)
                }

            .pricing-wrapper .flex-card .condensed-plan .plan-price {
                font-size: 6rem;
                font-weight: 400;
                padding-bottom: 2rem;
                border-bottom: 1px dashed #a9abac
            }

                .pricing-wrapper .flex-card .condensed-plan .plan-price span:after {
                    content: "PER MONTH";
                    display: block;
                    margin-top: -8px;
                    font-size: .8rem;
                    line-height: 1rem;
                    font-family: inherit;
                    font-weight: 300;
                    color: #748088
                }

                .pricing-wrapper .flex-card .condensed-plan .plan-price span:before {
                    content: "$";
                    display: inline-block;
                    font-weight: 700;
                    line-height: 4rem;
                    font-size: 1rem;
                    padding-top: 1rem;
                    margin-right: 0;
                    vertical-align: text-top
                }

                .pricing-wrapper .flex-card .condensed-plan .plan-price .monthly-price {
                    display: block
                }

                .pricing-wrapper .flex-card .condensed-plan .plan-price .yearly-price {
                    display: none
                }

                .pricing-wrapper .flex-card .condensed-plan .plan-price .yearly-billed {
                    padding-top: 2rem;
                    font-size: .9rem;
                    color: var(--main-link-font-color);
                    visibility: hidden
                }

            .pricing-wrapper .flex-card .condensed-plan .plan-features {
                padding-top: 3rem
            }

                .pricing-wrapper .flex-card .condensed-plan .plan-features li {
                    padding-bottom: 20px
                }

.help-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .help-header img {
        max-height: 45px;
        max-width: 45px;
        padding-right: 20px;
        border-right: 1px solid #fff
    }

    .help-header .title {
        color: #fff;
        padding-left: 20px;
        position: relative;
        top: -2px
    }

.help-subheader {
    padding: 20px 0 30px 0
}

.help-search-wrapper {
    position: relative;
    width: 100%
}

    .help-search-wrapper input {
        width: 100%;
        padding: 20px 32px 21px 59px;
        background: var(--unfocussed-search-background-color);
        border: none;
        color: rgb(255,255,255);
        font-size: 18px;
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.03);
        box-shadow: 0 1px 2px 0 rgba(0,0,0,.03);
        -webkit-transition: background .4s,box-shadow .2s;
        -webkit-transition: background .4s,-webkit-box-shadow .2s;
        transition: background .4s,-webkit-box-shadow .2s;
        transition: background .4s,box-shadow .2s;
        transition: background .4s,box-shadow .2s,-webkit-box-shadow .2s
    }

        .help-search-wrapper input::-webkit-input-placeholder {
            color: rgb(255,255,255) !important
        }

        .help-search-wrapper input::-moz-placeholder {
            color: rgb(255,255,255) !important
        }

        .help-search-wrapper input:-ms-input-placeholder {
            color: rgb(255,255,255) !important
        }

        .help-search-wrapper input:-moz-placeholder {
            color: rgb(255,255,255) !important
        }

        .help-search-wrapper input:focus {
            -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.14);
            box-shadow: 0 10px 20px rgba(0,0,0,.14);
            background: #fff;
            color: var(--main-text-color)
        }

            .help-search-wrapper input:focus + i {
                color: var(--main-text-color)
            }

            .help-search-wrapper input:focus::-webkit-input-placeholder {
                color: var(--main-text-color) !important
            }

            .help-search-wrapper input:focus::-moz-placeholder {
                color: var(--main-text-color) !important
            }

            .help-search-wrapper input:focus:-ms-input-placeholder {
                color: var(--main-text-color) !important
            }

            .help-search-wrapper input:focus:-moz-placeholder {
                color: var(--main-text-color) !important
            }

    .help-search-wrapper i {
        font-size: 2rem;
        color: #fff;
        position: absolute;
        top: 18px;
        left: 18px
    }

.section.help-section {
    background: var(--page-background-color)
}

    .section.help-section .category-card {
        -webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,.03);
        box-shadow: 0 3px 8px 0 rgba(0,0,0,.03)
    }

        .section.help-section .category-card .card-body a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .section.help-section .category-card .card-body a .icon {
                width: 110px;
                height: 110px;
                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
            }

                .section.help-section .category-card .card-body a .icon i {
                    font-size: 3.5rem;
                    color: #818a97 !important
                }

            .section.help-section .category-card .card-body a .inner-content {
                padding-left: 25px
            }

                .section.help-section .category-card .card-body a .inner-content .title {
                    margin-bottom: 10px !important;
                    font-weight: 400;
                    color: var(--main-link-font-color)
                }

                .section.help-section .category-card .card-body a .inner-content .inner-text {
                    color: #999 !important
                }

                .section.help-section .category-card .card-body a .inner-content .card-meta {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: start;
                    -ms-flex-pack: start;
                    justify-content: flex-start;
                    margin-top: 12px
                }

                    .section.help-section .category-card .card-body a .inner-content .card-meta .small-avatar {
                        height: 34px;
                        width: 34px;
                        border-radius: 50%;
                        margin-right: 10px;
                        border: 2px solid #fff;
                        position: relative
                    }

                        .section.help-section .category-card .card-body a .inner-content .card-meta .small-avatar:not(:first-child) {
                            margin-left: -19px
                        }

                        .section.help-section .category-card .card-body a .inner-content .card-meta .small-avatar:first-child {
                            z-index: 3
                        }

                        .section.help-section .category-card .card-body a .inner-content .card-meta .small-avatar:nth-child(2) {
                            z-index: 2
                        }

                        .section.help-section .category-card .card-body a .inner-content .card-meta .small-avatar:nth-child(3) {
                            z-index: 1
                        }

                        .section.help-section .category-card .card-body a .inner-content .card-meta .small-avatar:nth-child(4) {
                            z-index: 0
                        }

                        .section.help-section .category-card .card-body a .inner-content .card-meta .small-avatar.is-more {
                            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;
                            color: #fff;
                            background: #999;
                            font-weight: 500;
                            font-size: 13px
                        }

                            .section.help-section .category-card .card-body a .inner-content .card-meta .small-avatar.is-more span {
                                position: relative;
                                top: -2px;
                                left: -1px
                            }

                    .section.help-section .category-card .card-body a .inner-content .card-meta .meta-info {
                        color: #999 !important
                    }

                        .section.help-section .category-card .card-body a .inner-content .card-meta .meta-info .articles-number {
                            font-size: 13px
                        }

                        .section.help-section .category-card .card-body a .inner-content .card-meta .meta-info .authors {
                            font-size: 13px
                        }

                            .section.help-section .category-card .card-body a .inner-content .card-meta .meta-info .authors span {
                                color: var(--main-link-font-color)
                            }

.breadcrumbs {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #999
}

    .breadcrumbs ul {
        margin: 0 !important
    }

        .breadcrumbs ul li {
            display: inline-block;
            list-style: none;
            margin: 0 0 0 10px
        }

            .breadcrumbs ul li:first-child:before {
                content: '';
                margin-left: -20px
            }

            .breadcrumbs ul li:before {
                content: "";
                font-family: "FontAwesome";
                color: #a0a0a0;
                font-size: 14px;
                margin-right: 15px
            }

    .breadcrumbs a {
        font-weight: 500;
        color: var(--main-link-font-color)
    }

.help-container {
    position: relative
}

    .help-container .shadow-bg {
        width: 100%
    }

        .help-container .shadow-bg:before {
            content: ' ';
            position: absolute;
            display: block;
            top: 50px;
            left: 0;
            bottom: 0;
            right: 0;
            background: #ebeef1;
            border-radius: 4px;
            -webkit-transition: background .3s;
            transition: background .3s;
            z-index: 0;
            margin: 0 10px
        }

    .help-container .category-header {
        padding: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        top: 20px;
        z-index: 2
    }

        .help-container .category-header .icon {
            width: 110px;
            height: 110px;
            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
        }

            .help-container .category-header .icon i {
                font-size: 3.5rem;
                color: #818a97 !important
            }

        .help-container .category-header .inner-content {
            padding-left: 25px
        }

            .help-container .category-header .inner-content .title {
                margin-bottom: 10px !important;
                font-weight: 400;
                color: var(--main-link-font-color)
            }

            .help-container .category-header .inner-content .inner-text {
                color: #999 !important
            }

            .help-container .category-header .inner-content .card-meta {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                margin-top: 12px
            }

                .help-container .category-header .inner-content .card-meta .small-avatar {
                    height: 34px;
                    width: 34px;
                    border-radius: 50%;
                    margin-right: 10px;
                    border: 2px solid #fff
                }

                    .help-container .category-header .inner-content .card-meta .small-avatar:not(:first-child) {
                        margin-left: -19px
                    }

                    .help-container .category-header .inner-content .card-meta .small-avatar:first-child {
                        z-index: 3
                    }

                    .help-container .category-header .inner-content .card-meta .small-avatar:nth-child(2) {
                        z-index: 2
                    }

                    .help-container .category-header .inner-content .card-meta .small-avatar:nth-child(3) {
                        z-index: 1
                    }

                    .help-container .category-header .inner-content .card-meta .small-avatar:nth-child(4) {
                        z-index: 0
                    }

                    .help-container .category-header .inner-content .card-meta .small-avatar.is-more {
                        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;
                        color: #fff;
                        background: #999;
                        font-weight: 500;
                        font-size: 13px
                    }

                        .help-container .category-header .inner-content .card-meta .small-avatar.is-more span {
                            position: relative;
                            top: -2px;
                            left: -1px
                        }

                .help-container .category-header .inner-content .card-meta .meta-info {
                    color: #999 !important
                }

                    .help-container .category-header .inner-content .card-meta .meta-info .articles-number {
                        font-size: 13px
                    }

                    .help-container .category-header .inner-content .card-meta .meta-info .authors {
                        font-size: 13px
                    }

                        .help-container .category-header .inner-content .card-meta .meta-info .authors span {
                            color: var(--main-link-font-color)
                        }

    .help-container .articles-list {
        position: relative;
        margin: 30px;
        background: #fff;
        width: calc(100% - 60px);
        border-radius: 4px;
        border: 1px solid #d4dadf;
        -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.05);
        box-shadow: 0 2px 6px 0 rgba(0,0,0,.05)
    }

        .help-container .articles-list .help-article {
            padding: 30px
        }

            .help-container .articles-list .help-article a {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .help-container .articles-list .help-article a .inner-content .title {
                    margin-bottom: 10px !important;
                    font-weight: 400;
                    color: var(--main-link-font-color)
                }

                .help-container .articles-list .help-article a .inner-content .inner-text {
                    color: #999 !important
                }

                .help-container .articles-list .help-article a .inner-content .card-meta {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: start;
                    -ms-flex-pack: start;
                    justify-content: flex-start;
                    margin-top: 12px
                }

                    .help-container .articles-list .help-article a .inner-content .card-meta .small-avatar {
                        height: 34px;
                        width: 34px;
                        border-radius: 50%;
                        margin-right: 10px;
                        border: 2px solid #fff;
                        position: relative
                    }

                    .help-container .articles-list .help-article a .inner-content .card-meta .meta-info {
                        color: #999 !important;
                        line-height: 1.1rem
                    }

                        .help-container .articles-list .help-article a .inner-content .card-meta .meta-info .author {
                            font-size: 13px
                        }

                            .help-container .articles-list .help-article a .inner-content .card-meta .meta-info .author span {
                                color: var(--main-link-font-color)
                            }

                        .help-container .articles-list .help-article a .inner-content .card-meta .meta-info .status {
                            font-size: 12px;
                            color: #a9abac
                        }

            .help-container .articles-list .help-article:not(:last-child) {
                border-bottom: 1px solid #d4dadf
            }

.single-help-article {
    border-radius: 4px;
    border: 1px solid #d4dadf;
    margin-top: 20px;
    padding: 60px
}

    .single-help-article .article-inner {
        max-width: 640px;
        margin: 0 auto
    }

        .single-help-article .article-inner h2 {
            font-weight: 500
        }

        .single-help-article .article-inner h3 {
            padding-top: 20px;
            color: #999;
            font-weight: 500;
            margin-bottom: 1rem
        }

        .single-help-article .article-inner .article-meta {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            color: #999 !important;
            line-height: 1.1rem
        }

            .single-help-article .article-inner .article-meta .small-avatar {
                width: 32px;
                height: 32px;
                border-radius: 50%
            }

            .single-help-article .article-inner .article-meta .meta-info {
                color: #999 !important;
                line-height: 1.1rem;
                margin-left: 15px
            }

                .single-help-article .article-inner .article-meta .meta-info .author {
                    font-size: 13px
                }

                    .single-help-article .article-inner .article-meta .meta-info .author span {
                        color: var(--main-link-font-color)
                    }

                .single-help-article .article-inner .article-meta .meta-info .status {
                    font-size: 12px;
                    color: #a9abac
                }

        .single-help-article .article-inner .content {
            padding-top: 30px
        }

            .single-help-article .article-inner .content p {
                font-size: 16px;
                color: var(--main-text-color)
            }

            .single-help-article .article-inner .content h4 {
                padding-top: 10px;
                font-weight: 500
            }

            .single-help-article .article-inner .content ul {
                font-size: 16px
            }

        .single-help-article .article-inner .rating-section {
            width: 100%;
            text-align: center
        }

            .single-help-article .article-inner .rating-section .question {
                padding-top: 25px;
                font-size: 1.1rem;
                font-weight: 500;
                color: #a9abac
            }

            .single-help-article .article-inner .rating-section .rating-buttons {
                position: relative;
                top: 18px
            }

            .single-help-article .article-inner .rating-section .rating-button {
                max-width: 60px;
                max-height: 60px;
                cursor: pointer
            }

                .single-help-article .article-inner .rating-section .rating-button i {
                    font-size: 50px;
                    font-weight: 200;
                    color: #a9abac;
                    -webkit-transition: all .3s;
                    transition: all .3s
                }

                .single-help-article .article-inner .rating-section .rating-button:hover i {
                    color: var(--main-link-font-color);
                    -webkit-transform: scale(1.1);
                    transform: scale(1.1)
                }

@media(max-width:768px) {
    .category-card .card-body {
        padding: 30px 20px !important
    }

        .category-card .card-body a {
            -webkit-box-orient: vertical !important;
            -webkit-box-direction: normal !important;
            -ms-flex-direction: column !important;
            flex-direction: column !important
        }

        .category-card .card-body .inner-content {
            padding-left: 0 !important
        }

        .category-card .card-body .icon {
            width: 100% !important;
            height: 60px !important;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: start !important;
            -ms-flex-pack: start !important;
            justify-content: flex-start !important
        }

            .category-card .card-body .icon i {
                font-size: 2.8rem !important
            }

    .category-header {
        padding: 30px 20px !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

        .category-header .inner-content {
            padding-left: 0 !important
        }

        .category-header .icon {
            width: 100% !important;
            height: 60px !important;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: start !important;
            -ms-flex-pack: start !important;
            justify-content: flex-start !important
        }

            .category-header .icon i {
                font-size: 2.8rem !important
            }

    .small-avatar:nth-child(2), .small-avatar:nth-child(3), .small-avatar:nth-child(4), .small-avatar.is-more {
        display: none !important
    }

    .help-article {
        padding: 30px 20px !important
    }

    .articles-list {
        margin: 20px;
        width: calc(100% - 40px)
    }

    .single-help-article {
        padding: 25px 20px
    }
}
/*! _layout-utils.scss | Bulkit | CSS Ninja */
body {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    overflow: hidden !important
}

.button.is-active, .button:active, .button:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

#backtotop {
    position: fixed;
    right: 0;
    opacity: 0;
    visibility: hidden;
    bottom: 25px;
    margin: 0 25px 0 0;
    z-index: 9999;
    -webkit-transition: .35s;
    transition: .35s;
    -webkit-transform: scale(.7);
    transform: scale(.7);
    -webkit-transition: all .5s;
    transition: all .5s
}

    #backtotop.visible {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

        #backtotop.visible a:hover {
            opacity: .9;
            background: var(--main-site-background-color)
        }

    #backtotop a {
        text-decoration: none;
        border: 0 none;
        display: block;
        width: 46px;
        height: 46px;
        background-color: #66676b;
        opacity: 1;
        -webkit-transition: all .3s;
        transition: all .3s;
        border-radius: 50%;
        text-align: center;
        font-size: 26px
    }

body #backtotop a {
    color: #fff
}

#backtotop a:after {
    outline: none;
    content: "";
    font-family: "FontAwesome";
    position: relative;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%)
}

.progress {
    width: 100% !important
}

    .progress.primary::-webkit-progress-value {
        background-color: var(--main-site-background-color) !important
    }

    .progress.secondary::-moz-progress-bar {
        background-color: var(--main-site-background-color) !important
    }

::-webkit-input-placeholder {
    color: #cecece
}

::-moz-placeholder {
    color: #cecece
}

:-ms-input-placeholder {
    color: #cecece
}

:-moz-placeholder {
    color: #cecece
}

*::-webkit-scrollbar-thumb, html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb {
    width: 10px
}

*::-webkit-scrollbar-thumb, html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: rgba(0,0,0,.2)
}
/*! _helpers.scss | Bulkit | CSS Ninja */
.color-primary {
    color: var(--main-link-font-color) !important
}

.color-secondary {
    color: var(--main-link-font-color) !important
}

.color-accent {
    color: #00d1b2 !important
}

.color-red {
    color: #ff7273 !important
}

.border-light {
    border-color: #fff !important
}

.dark-text {
    color: var(--main-text-color) !important
}

.light-text {
    color: #fff !important
}

.primary-text {
    color: var(--main-link-font-color) !important
}

.secondary-text {
    color: var(--main-link-font-color) !important
}

.accent-text {
    color: #00d1b2 !important
}

.info-text {
    color: var(--main-link-font-color) !important
}

.success-text {
    color: #00b289 !important
}

.warning-text {
    color: #eda514 !important
}

.danger-text {
    color: #ff7273 !important
}

.dark-bg {
    background: #444 !important
}

.light-bg {
    background: #fff !important
}

.font-w-400 {
    font-weight: 400 !important
}

.font-w-500 {
    font-weight: 500 !important
}

.font-w-600 {
    font-weight: 600 !important
}

.text-decoration-none {
    text-decoration: none !important
}

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

.text-bold {
    font-weight: 600 !important
}

.text-bolder {
    font-weight: 700 !important
}

.font-size-normal {
    font-size: 1rem
}

.font-size-2x {
    font-size: 2rem
}

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

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

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

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

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

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

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

.is-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .is-flex.is-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .is-flex.is-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .is-flex.is-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .is-flex.is-vcenter {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center
    }

.is-block {
    display: block !important
}

.z-index-2 {
    z-index: 2 !important
}

.z-index-101 {
    z-index: 101 !important
}

.no-padding {
    padding: 0 !important
}

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

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

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

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

.padding-10 {
    padding: 10px
}

.padding-15 {
    padding: 15px
}

.padding-20 {
    padding: 20px
}

.padding-25 {
    padding: 25px
}

.padding-30 {
    padding: 30px
}

.padding-40 {
    padding: 40px
}

.padding-50 {
    padding: 50px
}

.padding-60 {
    padding: 60px
}

.padding-70 {
    padding: 70px
}

.padding-80 {
    padding: 80px
}

.padding-90 {
    padding: 90px
}

.padding-100 {
    padding: 100px
}

.pt-5 {
    padding-top: 5px !important
}

.pt-10 {
    padding-top: 10px
}

.pt-20 {
    padding-top: 20px
}

.pt-30 {
    padding-top: 30px
}

.pt-40 {
    padding-top: 40px
}

.pt-50 {
    padding-top: 50px
}

.pt-60 {
    padding-top: 60px
}

.pt-70 {
    padding-top: 70px
}

.pt-80 {
    padding-top: 80px
}

.pb-5 {
    padding-bottom: 5px !important;
}

.pb-10 {
    padding-bottom: 10px
}

.pb-20 {
    padding-bottom: 20px
}

.pb-30 {
    padding-bottom: 30px
}

.pb-40 {
    padding-bottom: 40px
}

.pb-50 {
    padding-bottom: 50px
}

.pb-60 {
    padding-bottom: 60px
}

.pb-70 {
    padding-bottom: 70px
}

.pb-80 {
    padding-bottom: 80px
}

.pl-5 {
    padding-left: 5px
}

.pl-10 {
    padding-left: 10px
}

.pl-20 {
    padding-left: 20px
}

.pl-30 {
    padding-left: 30px
}

.pl-40 {
    padding-left: 40px
}

.pl-50 {
    padding-left: 50px
}

.pl-60 {
    padding-left: 60px
}

.pl-70 {
    padding-left: 70px
}

.pl-80 {
    padding-left: 80px
}

.pr-5 {
    padding-right: 5px
}

.pr-10 {
    padding-right: 10px
}

.pr-20 {
    padding-right: 20px
}

.pr-30 {
    padding-right: 30px
}

.pr-40 {
    padding-right: 40px
}

.pr-50 {
    padding-right: 50px
}

.pr-60 {
    padding-right: 60px
}

.pr-70 {
    padding-right: 70px
}

.pr-80 {
    padding-right: 80px
}

.huge-pt {
    padding-top: 100px
}

.huge-pb {
    padding-bottom: 100px
}

.giant-pb {
    padding-bottom: 150px
}

.no-margin {
    margin: 0 !important
}

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

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

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

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

.margin-x-auto {
    margin: 0 auto !important
}

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

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

.margin-10 {
    margin: 10px
}

.margin-20 {
    margin: 20px
}

.margin-25 {
    margin: 25px
}

.margin-30 {
    margin: 30px
}

.margin-40 {
    margin: 40px
}

.margin-50 {
    margin: 50px
}

.margin-60 {
    margin: 60px
}

.margin-70 {
    margin: 70px
}

.margin-80 {
    margin: 80px
}

.margin-90 {
    margin: 90px
}

.margin-100 {
    margin: 100px
}

.mt-5 {
    margin-top: 5px
}

.mt-10 {
    margin-top: 10px
}

.mt-20 {
    margin-top: 20px
}

.mt-30 {
    margin-top: 30px
}

.mt-40 {
    margin-top: 40px
}

.mt-50 {
    margin-top: 50px
}

.mt-60 {
    margin-top: 60px
}

.mt-70 {
    margin-top: 70px
}

.mt-80 {
    margin-top: 80px
}

.mt-120 {
    margin-top: 120px
}

.mb-5 {
    margin-bottom: 5px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-50 {
    margin-bottom: 50px
}

.mb-60 {
    margin-bottom: 60px
}

.mb-70 {
    margin-bottom: 70px
}

.mb-80 {
    margin-bottom: 80px
}

.ml-5 {
    margin-left: 5px
}

.ml-10 {
    margin-left: 10px
}

.ml-20 {
    margin-left: 20px
}

.ml-30 {
    margin-left: 30px
}

.ml-40 {
    margin-left: 40px
}

.ml-50 {
    margin-left: 50px
}

.ml-60 {
    margin-left: 60px
}

.ml-70 {
    margin-left: 70px
}

.ml-80 {
    margin-left: 80px
}

.mr-5 {
    margin-right: 5px
}

.mr-10 {
    margin-right: 10px
}

.mr-20 {
    margin-right: 20px
}

.mr-30 {
    margin-right: 30px
}

.mr-40 {
    margin-right: 40px
}

.mr-50 {
    margin-right: 50px
}

.mr-60 {
    margin-right: 60px
}

.mr-70 {
    margin-right: 70px
}

.mr-80 {
    margin-right: 80px
}

.width-40 {
    width: 40px !important
}

.width-100 {
    width: 100px !important
}

.width-250 {
    width: 250px !important
}

.height-30 {
    height: 30px !important
}

.height-60 {
    height: 60px !important
}

.height-60 {
    height: 60px !important
}

.height-70 {
    height: 60px !important
}

.height-80 {
    height: 60px !important
}

.height-90 {
    height: 60px !important
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.is-fixed {
    position: fixed;
    top: 0;
    left: 0
}

.is-hidden {
    display: none !important
}

.is-vhidden {
    visibility: hidden !important
}

.is-disabled {
    pointer-events: none;
    opacity: .4;
    cursor: default !important
}

.stuck {
    position: fixed !important;
    top: 0 !important;
    z-index: 2 !important;
    -webkit-animation-name: translateDown;
    animation-name: translateDown;
    -webkit-animation-duration: .4s;
    animation-duration: .4s
}

.overflow-auto {
    overflow: auto !important
}

.im.is-icon-xs, .sl.is-icon-xs, .material-icons.is-icon-xs {
    font-size: .8rem !important
}

.im.is-icon-md, .sl.is-icon-md, .material-icons.is-icon-md {
    font-size: 1.5rem !important
}

.fa.is-icon-2x, .im.is-icon-2x, .sl.is-icon-2x, .material-icons.is-icon-2x {
    font-size: 2rem
}

.im.is-icon-3x, .sl.is-icon-3x, .material-icons.is-icon-3x {
    font-size: 3rem
}

.im.is-icon-4x, .sl.is-icon-4x, .material-icons.is-icon-4x {
    font-size: 4rem
}

.im.is-gigantic, .sl.is-gigantic, .material-icons.is-gigantic {
    font-size: 12rem
}

.img-circle {
    border-radius: 1000px
}

@media(max-width:767px) {
    .mobile-padding-20 {
        padding: 20px 30px
    }

    .mobile-padding-40 {
        padding: 40px
    }

    .has-text-centered-mobile {
        text-align: center !important
    }
}
/*! _responsive.scss | Bulkit | CSS Ninja */
@media(max-width:767px) {
    .section-title-wrapper {
        padding: 40px 0 !important
    }

    .content-wrapper {
        padding-top: 40px !important
    }
}

@media(max-width:768px) {
    .nav-item.is-tab {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .nav .nav-item.is-tab.is-active, .nav-menu.is-active .nav-item.is-tab.is-active {
        border-bottom: none !important;
        color: var(--main-link-font-color) !important
    }

    .nav-item.nav-inner {
        padding-top: 15px !important;
        padding-bottom: 15px !important
    }

    a.nav-item.is-not-mobile {
        display: none !important
    }

    .nav-item.is-menu-mobile {
        display: block !important;
        color: #7a7a7a !important
    }

    .navbar.navbar-light.is-dark-mobile {
        background: #344258
    }

        .navbar.navbar-light.is-dark-mobile .navbar-menu {
            background: #344258
        }

            .navbar.navbar-light.is-dark-mobile .navbar-menu a {
                color: #fff
            }

    .navbar .navbar-menu .navbar-link, .navbar .navbar-menu .navbar-item, .navbar .navbar-menu .navbar-dropdown {
        width: 100%;
        text-align: center
    }

        .navbar .navbar-menu .navbar-link:after {
            display: block !important;
            right: 43%
        }

    .navbar .navbar-menu .button {
        width: 100%
    }

    .navbar-brand {
        min-height: 4.6rem
    }

    .custom-burger {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .navbar-burger {
        height: 4.6rem;
        width: 4.6rem
    }

    .level-left.level-social {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .level-left.level-social .level-item:last-child .icon i {
            position: relative !important
        }

    #main-hero {
        max-height: 100vh;
        background-position-x: 55% !important
    }

    .parallax-overlay {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0 !important
    }

    .title.section-title {
        font-size: 2rem !important
    }

    .hero.is-fullheight.is-halfed-mobile {
        height: 35vh !important
    }

    .three-grid .column, .four-grid .column, .five-grid .column {
        border: none !important
    }

    .three-grid .is-separator, .four-grid .is-separator, .five-grid .is-separator {
        border: none !important
    }

    .single-image-carousel .image-wrapper img {
        min-height: 50px !important
    }

    .single-image-carousel .image-wrapper .caption {
        display: none
    }

    .video-caption {
        left: 5%
    }

    #navigation-trigger, .navigation-close {
        opacity: 1 !important
    }

    .navbar-wrapper.navbar-fade.navbar-light.mobile-menu-dark {
        background-color: #344258 !important
    }

        .navbar-wrapper.navbar-fade.navbar-light.mobile-menu-dark .nav-menu.is-active {
            background-color: #344258 !important
        }

            .navbar-wrapper.navbar-fade.navbar-light.mobile-menu-dark .nav-menu.is-active .nav-inner.is-menu-mobile {
                color: #fff !important
            }

                .navbar-wrapper.navbar-fade.navbar-light.mobile-menu-dark .nav-menu.is-active .nav-inner.is-menu-mobile.is-active {
                    color: var(--main-link-font-color) !important
                }

    .navbar-wrapper.navbar-fade.mobile-menu-dark {
        background-color: #fff !important
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    .columns {
        padding: 0 10%
    }

        .columns.is-tablet-portrait {
            padding: 10%
        }

        .columns.is-not-tablet-portrait {
            padding: 0 !important
        }

    .content-wrapper {
        padding-top: 0 !important
    }
}

@media(max-width:1007px) {
    .column.slide-description {
        padding: 20px 0 !important
    }

    .account {
        display: none
    }

    .media-card {
        min-height: 300px !important
    }

    .column.is-4.media-stretch {
        width: 100% !important
    }

        .column.is-4.media-stretch .media-card-image {
            min-height: 150px
        }

    .mcard-controls {
        position: relative !important
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    .navbar-brand {
        min-height: 4.6rem;
        height: 4.6rem
    }

        .navbar-brand .custom-burger {
            display: none
        }

    .navbar-wrapper.navbar-fade.navbar-light.mobile-menu-dark {
        background-color: #344258 !important
    }

        .navbar-wrapper.navbar-fade.navbar-light.mobile-menu-dark .nav-menu.is-active {
            background-color: #344258 !important
        }

            .navbar-wrapper.navbar-fade.navbar-light.mobile-menu-dark .nav-menu.is-active .nav-inner.is-menu-mobile {
                color: #fff !important
            }

                .navbar-wrapper.navbar-fade.navbar-light.mobile-menu-dark .nav-menu.is-active .nav-inner.is-menu-mobile.is-active {
                    color: var(--main-link-font-color) !important
                }

    .navbar-wrapper.navbar-fade.mobile-menu-dark {
        background-color: #fff !important
    }

    .navbar.navbar-light.is-dark-mobile {
        background: #344258
    }

        .navbar.navbar-light.is-dark-mobile .navbar-menu {
            background: #344258
        }

            .navbar.navbar-light.is-dark-mobile .navbar-menu a {
                color: #fff
            }

    .navbar .navbar-menu .navbar-link, .navbar .navbar-menu .navbar-item, .navbar .navbar-menu .navbar-dropdown {
        text-align: center
    }

        .navbar .navbar-menu .navbar-link:after {
            display: block !important;
            right: 43%
        }

    .navbar .navbar-menu .button {
        width: 100%
    }

    .navbar .navbar-menu #signup-btn, .navbar .navbar-menu #signup-btn-alt {
        width: 30% !important
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .navbar.navbar-light.is-dark-mobile {
        background: #344258 !important
    }

        .navbar.navbar-light.is-dark-mobile .navbar-menu.is-active {
            background: #344258 !important
        }

            .navbar.navbar-light.is-dark-mobile .navbar-menu.is-active a {
                color: #fff !important
            }

    .navbar .navbar-menu.is-active .navbar-link, .navbar .navbar-menu.is-active .navbar-item, .navbar .navbar-menu.is-active .navbar-dropdown {
        text-align: center
    }

        .navbar .navbar-menu.is-active .navbar-link:after {
            display: block !important;
            right: 43%
        }

    .navbar .navbar-menu.is-active .button {
        width: 100%
    }

    .navbar .navbar-menu.is-active #signup-btn, .navbar .navbar-menu.is-active #signup-btn-alt {
        width: 30% !important
    }
}

@media only screen and (max-width:1023px) {
    .custom-burger {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

.simple-feed {
    padding: 15px;
    list-style: none
}

    .simple-feed a {
        color: var(--main-link-font-color)
    }

    .simple-feed .feed-item {
        position: relative;
        top: -10px;
        padding-bottom: 40px;
        padding-left: 30px;
        border-left: 2px solid #ededed;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .simple-feed .feed-item .name {
            font-weight: 600;
            color: var(--main-text-color)
        }

        .simple-feed .feed-item img {
            border-radius: 100px;
            width: 45px;
            height: 45px
        }

        .simple-feed .feed-item .feed-item-text {
            margin-left: 15px
        }

        .simple-feed .feed-item::after {
            content: "";
            display: block;
            position: absolute;
            top: 20%;
            left: -8px;
            width: 14px;
            height: 14px;
            border-radius: 100px;
            background: #fff;
            border: 2px solid #ededed
        }

        .simple-feed .feed-item .date {
            display: block;
            position: relative;
            top: -5px;
            color: #999;
            text-transform: none;
            font-size: 13px
        }

        .simple-feed .feed-item .text {
            position: relative;
            top: -3px
        }