/*! core.scss | Friendkit | © Css Ninja. 2020-2021 */


/*! _colors.scss | Friendkit | © Css Ninja. 2020-2021 */


/*! bulma.io v0.9.3 | MIT License | github.com/jgthms/bulma */



.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis,
.file-cta,
.file-name,
.select select,
.textarea,
.input,
.button {
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1rem;
    height: 2.5em;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    line-height: 1.5;
    padding-bottom: calc(0.5em - 1px);
    padding-left: calc(0.75em - 1px);
    padding-right: calc(0.75em - 1px);
    padding-top: calc(0.5em - 1px);
    position: relative;
    vertical-align: top
}

    .pagination-previous:focus,
    .pagination-next:focus,
    .pagination-link:focus,
    .pagination-ellipsis:focus,
    .file-cta:focus,
    .file-name:focus,
    .select select:focus,
    .textarea:focus,
    .input:focus,
    .button:focus,
    .is-focused.pagination-previous,
    .is-focused.pagination-next,
    .is-focused.pagination-link,
    .is-focused.pagination-ellipsis,
    .is-focused.file-cta,
    .is-focused.file-name,
    .select select.is-focused,
    .is-focused.textarea,
    .is-focused.input,
    .is-focused.button,
    .pagination-previous:active,
    .pagination-next:active,
    .pagination-link:active,
    .pagination-ellipsis:active,
    .file-cta:active,
    .file-name:active,
    .select select:active,
    .textarea:active,
    .input:active,
    .button:active,
    .is-active.pagination-previous,
    .is-active.pagination-next,
    .is-active.pagination-link,
    .is-active.pagination-ellipsis,
    .is-active.file-cta,
    .is-active.file-name,
    .select select.is-active,
    .is-active.textarea,
    .is-active.input,
    .is-active.button {
        outline: none
    }

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

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

.navbar-link:not(.is-arrowless)::after,
.select:not(.is-multiple):not(.is-loading)::after {
    border: 3px solid transparent;
    border-radius: 2px;
    border-right: 0;
    border-top: 0;
    content: " ";
    display: block;
    height: .625em;
    margin-top: -0.4375em;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    width: .625em
}

.tabs:not(:last-child),
.pagination:not(:last-child),
.message:not(:last-child),
.level:not(:last-child),
.breadcrumb:not(:last-child),
.block:not(:last-child),
.title:not(:last-child),
.subtitle:not(:last-child),
.table-container:not(:last-child),
.table:not(:last-child),
.progress:not(:last-child),
.notification:not(:last-child),
.content:not(:last-child),
.box:not(:last-child) {
    margin-bottom: 1.5rem
}

.modal-close,
.delete {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: rgba(10, 10, 10, .2);
    border: none;
    border-radius: 9999px;
    cursor: pointer;
    pointer-events: auto;
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 0;
    height: 20px;
    max-height: 20px;
    max-width: 20px;
    min-height: 20px;
    min-width: 20px;
    outline: none;
    position: relative;
    vertical-align: top;
    width: 20px
}

    .modal-close::before,
    .delete::before,
    .modal-close::after,
    .delete::after {
        background-color: #fff;
        content: "";
        display: block;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    .modal-close::before,
    .delete::before {
        height: 2px;
        width: 50%
    }

    .modal-close::after,
    .delete::after {
        height: 50%;
        width: 2px
    }

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

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

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

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

.is-large.modal-close,
.is-large.delete {
    height: 32px;
    max-height: 32px;
    max-width: 32px;
    min-height: 32px;
    min-width: 32px;
    width: 32px
}

.control.is-loading::after,
.select.is-loading::after,
.loader,
.button.is-loading::after {
    -webkit-animation: spinAround 500ms infinite linear;
    animation: spinAround 500ms infinite linear;
    border: 2px solid #dbdbdb;
    border-radius: 9999px;
    border-right-color: transparent;
    border-top-color: transparent;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}

.hero-video,
.is-overlay,
.modal-background,
.modal,
.image.is-square img,
.image.is-square .has-ratio,
.image.is-1by1 img,
.image.is-1by1 .has-ratio,
.image.is-5by4 img,
.image.is-5by4 .has-ratio,
.image.is-4by3 img,
.image.is-4by3 .has-ratio,
.image.is-3by2 img,
.image.is-3by2 .has-ratio,
.image.is-5by3 img,
.image.is-5by3 .has-ratio,
.image.is-16by9 img,
.image.is-16by9 .has-ratio,
.image.is-2by1 img,
.image.is-2by1 .has-ratio,
.image.is-3by1 img,
.image.is-3by1 .has-ratio,
.image.is-4by5 img,
.image.is-4by5 .has-ratio,
.image.is-3by4 img,
.image.is-3by4 .has-ratio,
.image.is-2by3 img,
.image.is-2by3 .has-ratio,
.image.is-3by5 img,
.image.is-3by5 .has-ratio,
.image.is-9by16 img,
.image.is-9by16 .has-ratio,
.image.is-1by2 img,
.image.is-1by2 .has-ratio,
.image.is-1by3 img,
.image.is-1by3 .has-ratio {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}
.hidden{
    display:none !important;
}

.navbar-burger {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: none;
    color: currentColor;
    font-family: inherit;
    font-size: 1em;
    margin: 0;
    padding: 0
}


/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */

html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal
}

ul {
    list-style: none
}

button,
input,
select,
textarea {
    margin: 0
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

*,
*::before,
*::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

img,
video {
    height: auto;
    max-width: 100%
}

iframe {
    border: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

    td:not([align]),
    th:not([align]) {
        text-align: inherit
    }

html {
    background-color: #fff;
    font-size: 16px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    min-width: 300px;
    overflow-x: hidden;
    overflow-y: scroll;
    text-rendering: optimizeLegibility;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

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

body,
button,
input,
optgroup,
select,
textarea {
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

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

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

a {
    color: #039be5;
    cursor: pointer;
    text-decoration: none
}

    a strong {
        color: currentColor
    }

    a:hover {
        color: #363636
    }

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

hr {
    background-color: #f5f5f5;
    border: none;
    display: block;
    height: 2px;
    margin: 1.5rem 0
}

img {
    height: auto;
    max-width: 100%
}

input[type=checkbox],
input[type=radio] {
    vertical-align: baseline
}

small {
    font-size: .875em
}

span {
    font-style: inherit;
    font-weight: inherit
}

strong {
    color: #363636;
    font-weight: 700
}

fieldset {
    border: none
}

pre {
    -webkit-overflow-scrolling: touch;
    background-color: #f5f5f5;
    color: #4a4a4a;
    font-size: .875em;
    overflow-x: auto;
    padding: 1.25rem 1.5rem;
    white-space: pre;
    word-wrap: normal
}

    pre code {
        background-color: transparent;
        color: currentColor;
        font-size: 1em;
        padding: 0
    }

table td,
table th {
    vertical-align: top
}

    table td:not([align]),
    table th:not([align]) {
        text-align: inherit
    }

table th {
    color: #363636
}

@-webkit-keyframes spinAround {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spinAround {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.box {
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 .5em 1em -0.125em rgba(10, 10, 10, .1), 0 0px 0 1px rgba(10, 10, 10, .02);
    box-shadow: 0 .5em 1em -0.125em rgba(10, 10, 10, .1), 0 0px 0 1px rgba(10, 10, 10, .02);
    color: #4a4a4a;
    display: block;
    padding: 1.25rem
}

a.box:hover,
a.box:focus {
    -webkit-box-shadow: 0 .5em 1em -0.125em rgba(10, 10, 10, .1), 0 0 0 1px #039be5;
    box-shadow: 0 .5em 1em -0.125em rgba(10, 10, 10, .1), 0 0 0 1px #039be5
}

a.box:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, .2), 0 0 0 1px #039be5;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, .2), 0 0 0 1px #039be5
}

.button {
    background-color: #fff;
    border-color: #dbdbdb;
    border-width: 1px;
    color: #363636;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: calc(0.5em - 1px);
    padding-left: 1em;
    padding-right: 1em;
    padding-top: calc(0.5em - 1px);
    text-align: center;
    white-space: nowrap
}

    .button strong {
        color: inherit
    }

    .button .icon,
    .button .icon.is-small,
    .button .icon.is-medium,
    .button .icon.is-large {
        height: 1.5em;
        width: 1.5em
    }

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

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

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

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

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

        .button:focus:not(:active),
        .button.is-focused:not(:active) {
            -webkit-box-shadow: 0 0 0 .125em rgba(3, 155, 229, .25);
            box-shadow: 0 0 0 .125em rgba(3, 155, 229, .25)
        }

    .button:active,
    .button.is-active {
        border-color: #4a4a4a;
        color: #363636
    }

    .button.is-text {
        background-color: transparent;
        border-color: transparent;
        color: #4a4a4a;
        text-decoration: underline
    }

        .button.is-text:hover,
        .button.is-text.is-hovered,
        .button.is-text:focus,
        .button.is-text.is-focused {
            background-color: #f5f5f5;
            color: #363636
        }

        .button.is-text:active,
        .button.is-text.is-active {
            background-color: #e8e8e8;
            color: #363636
        }

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

    .button.is-ghost {
        background: none;
        border-color: transparent;
        color: #039be5;
        text-decoration: none
    }

        .button.is-ghost:hover,
        .button.is-ghost.is-hovered {
            color: #039be5;
            text-decoration: underline
        }

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

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

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

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

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

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

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

            .button.is-white.is-inverted:hover,
            .button.is-white.is-inverted.is-hovered {
                background-color: #000
            }

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

        .button.is-white.is-loading::after {
            border-color: transparent transparent #0a0a0a #0a0a0a !important
        }

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

            .button.is-white.is-outlined:hover,
            .button.is-white.is-outlined.is-hovered,
            .button.is-white.is-outlined:focus,
            .button.is-white.is-outlined.is-focused {
                background-color: #fff;
                border-color: #fff;
                color: #0a0a0a
            }

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

            .button.is-white.is-outlined.is-loading:hover::after,
            .button.is-white.is-outlined.is-loading.is-hovered::after,
            .button.is-white.is-outlined.is-loading:focus::after,
            .button.is-white.is-outlined.is-loading.is-focused::after {
                border-color: transparent transparent #0a0a0a #0a0a0a !important
            }

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

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

            .button.is-white.is-inverted.is-outlined:hover,
            .button.is-white.is-inverted.is-outlined.is-hovered,
            .button.is-white.is-inverted.is-outlined:focus,
            .button.is-white.is-inverted.is-outlined.is-focused {
                background-color: #0a0a0a;
                color: #fff
            }

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

            .button.is-white.is-inverted.is-outlined[disabled],
            fieldset[disabled] .button.is-white.is-inverted.is-outlined {
                background-color: transparent;
                border-color: #0a0a0a;
                -webkit-box-shadow: none;
                box-shadow: none;
                color: #0a0a0a
            }

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

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

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

            .button.is-black:focus:not(:active),
            .button.is-black.is-focused:not(:active) {
                -webkit-box-shadow: 0 0 0 .125em rgba(10, 10, 10, .25);
                box-shadow: 0 0 0 .125em rgba(10, 10, 10, .25)
            }

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

        .button.is-black[disabled],
        fieldset[disabled] .button.is-black {
            background-color: #0a0a0a;
            border-color: transparent;
            -webkit-box-shadow: none;
            box-shadow: none
        }

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

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

            .button.is-black.is-inverted[disabled],
            fieldset[disabled] .button.is-black.is-inverted {
                background-color: #fff;
                border-color: transparent;
                -webkit-box-shadow: none;
                box-shadow: none;
                color: #0a0a0a
            }

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

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

            .button.is-black.is-outlined:hover,
            .button.is-black.is-outlined.is-hovered,
            .button.is-black.is-outlined:focus,
            .button.is-black.is-outlined.is-focused {
                background-color: #0a0a0a;
                border-color: #0a0a0a;
                color: #fff
            }

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

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

            .button.is-black.is-outlined[disabled],
            fieldset[disabled] .button.is-black.is-outlined {
                background-color: transparent;
                border-color: #0a0a0a;
                -webkit-box-shadow: none;
                box-shadow: none;
                color: #0a0a0a
            }

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

            .button.is-black.is-inverted.is-outlined:hover,
            .button.is-black.is-inverted.is-outlined.is-hovered,
            .button.is-black.is-inverted.is-outlined:focus,
            .button.is-black.is-inverted.is-outlined.is-focused {
                background-color: #fff;
                color: #0a0a0a
            }

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

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

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

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

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

            .button.is-light:focus:not(:active),
            .button.is-light.is-focused:not(:active) {
                -webkit-box-shadow: 0 0 0 .125em rgba(245, 245, 245, .25);
                box-shadow: 0 0 0 .125em rgba(245, 245, 245, .25)
            }

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

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

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

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

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

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

        .button.is-light.is-outlined {
            background-color: transparent;
            border-color: #f5f5f5;
            color: #f5f5f5
        }

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

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

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

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

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

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

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

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

    .button.is-dark {
        background-color: #202836;
        border-color: transparent;
        color: #fff
    }

        .button.is-dark:hover,
        .button.is-dark.is-hovered {
            background-color: #1b222e;
            border-color: transparent;
            color: #fff
        }

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

            .button.is-dark:focus:not(:active),
            .button.is-dark.is-focused:not(:active) {
                -webkit-box-shadow: 0 0 0 .125em rgba(32, 40, 54, .25);
                box-shadow: 0 0 0 .125em rgba(32, 40, 54, .25)
            }

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

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

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

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

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

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

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

            .button.is-dark.is-outlined:hover,
            .button.is-dark.is-outlined.is-hovered,
            .button.is-dark.is-outlined:focus,
            .button.is-dark.is-outlined.is-focused {
                background-color: #202836;
                border-color: #202836;
                color: #fff
            }

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

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

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

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

            .button.is-dark.is-inverted.is-outlined:hover,
            .button.is-dark.is-inverted.is-outlined.is-hovered,
            .button.is-dark.is-inverted.is-outlined:focus,
            .button.is-dark.is-inverted.is-outlined.is-focused {
                background-color: #fff;
                color: #202836
            }

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

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

    .button.is-primary {
        background-color: #3d70b2;
        border-color: transparent;
        color: #fff
    }

        .button.is-primary:hover,
        .button.is-primary.is-hovered {
            background-color: #3a6aa9;
            border-color: transparent;
            color: #fff
        }

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

            .button.is-primary:focus:not(:active),
            .button.is-primary.is-focused:not(:active) {
                -webkit-box-shadow: 0 0 0 .125em rgba(61, 112, 178, .25);
                box-shadow: 0 0 0 .125em rgba(61, 112, 178, .25)
            }

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

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

        .button.is-primary.is-inverted {
            background-color: #fff;
            color: #3d70b2
        }

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

            .button.is-primary.is-inverted[disabled],
            fieldset[disabled] .button.is-primary.is-inverted {
                background-color: #fff;
                border-color: transparent;
                -webkit-box-shadow: none;
                box-shadow: none;
                color: #3d70b2
            }

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

        .button.is-primary.is-outlined {
            background-color: transparent;
            border-color: #3d70b2;
            color: #3d70b2
        }

            .button.is-primary.is-outlined:hover,
            .button.is-primary.is-outlined.is-hovered,
            .button.is-primary.is-outlined:focus,
            .button.is-primary.is-outlined.is-focused {
                background-color: #3d70b2;
                border-color: #3d70b2;
                color: #fff
            }

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

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

            .button.is-primary.is-outlined[disabled],
            fieldset[disabled] .button.is-primary.is-outlined {
                background-color: transparent;
                border-color: #3d70b2;
                -webkit-box-shadow: none;
                box-shadow: none;
                color: #3d70b2
            }

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

            .button.is-primary.is-inverted.is-outlined:hover,
            .button.is-primary.is-inverted.is-outlined.is-hovered,
            .button.is-primary.is-inverted.is-outlined:focus,
            .button.is-primary.is-inverted.is-outlined.is-focused {
                background-color: #fff;
                color: #3d70b2
            }

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

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

        .button.is-primary.is-light {
            background-color: #f0f4fa;
            color: #3c6eaf
        }

            .button.is-primary.is-light:hover,
            .button.is-primary.is-light.is-hovered {
                background-color: #e6edf7;
                border-color: transparent;
                color: #3c6eaf
            }

            .button.is-primary.is-light:active,
            .button.is-primary.is-light.is-active {
                background-color: #dde7f3;
                border-color: transparent;
                color: #3c6eaf
            }

    .button.is-link {
        background-color: #039be5;
        border-color: transparent;
        color: #fff
    }

        .button.is-link:hover,
        .button.is-link.is-hovered {
            background-color: #0392d8;
            border-color: transparent;
            color: #fff
        }

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

            .button.is-link:focus:not(:active),
            .button.is-link.is-focused:not(:active) {
                -webkit-box-shadow: 0 0 0 .125em rgba(3, 155, 229, .25);
                box-shadow: 0 0 0 .125em rgba(3, 155, 229, .25)
            }

        .button.is-link:active,
        .button.is-link.is-active {
            background-color: #038acc;
            border-color: transparent;
            color: #fff
        }

        .button.is-link[disabled],
        fieldset[disabled] .button.is-link {
            background-color: #039be5;
            border-color: transparent;
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .button.is-link.is-inverted {
            background-color: #fff;
            color: #039be5
        }

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

            .button.is-link.is-inverted[disabled],
            fieldset[disabled] .button.is-link.is-inverted {
                background-color: #fff;
                border-color: transparent;
                -webkit-box-shadow: none;
                box-shadow: none;
                color: #039be5
            }

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

        .button.is-link.is-outlined {
            background-color: transparent;
            border-color: #039be5;
            color: #039be5
        }

            .button.is-link.is-outlined:hover,
            .button.is-link.is-outlined.is-hovered,
            .button.is-link.is-outlined:focus,
            .button.is-link.is-outlined.is-focused {
                background-color: #039be5;
                border-color: #039be5;
                color: #fff
            }

            .button.is-link.is-outlined.is-loading::after {
                border-color: transparent transparent #039be5 #039be5 !important
            }

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

            .button.is-link.is-outlined[disabled],
            fieldset[disabled] .button.is-link.is-outlined {
                background-color: transparent;
                border-color: #039be5;
                -webkit-box-shadow: none;
                box-shadow: none;
                color: #039be5
            }

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

            .button.is-link.is-inverted.is-outlined:hover,
            .button.is-link.is-inverted.is-outlined.is-hovered,
            .button.is-link.is-inverted.is-outlined:focus,
            .button.is-link.is-inverted.is-outlined.is-focused {
                background-color: #fff;
                color: #039be5
            }

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

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

        .button.is-link.is-light {
            background-color: #ebf8ff;
            color: #0385c4
        }

            .button.is-link.is-light:hover,
            .button.is-link.is-light.is-hovered {
                background-color: #def4ff;
                border-color: transparent;
                color: #0385c4
            }

            .button.is-link.is-light:active,
            .button.is-link.is-light.is-active {
                background-color: #d2f0fe;
                border-color: transparent;
                color: #0385c4
            }

    .button.is-info {
        background-color: #3e8ed0;
        border-color: transparent;
        color: #fff
    }

        .button.is-info:hover,
        .button.is-info.is-hovered {
            background-color: #3488ce;
            border-color: transparent;
            color: #fff
        }

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

            .button.is-info:focus:not(:active),
            .button.is-info.is-focused:not(:active) {
                -webkit-box-shadow: 0 0 0 .125em rgba(62, 142, 208, .25);
                box-shadow: 0 0 0 .125em rgba(62, 142, 208, .25)
            }

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

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

        .button.is-info.is-inverted {
            background-color: #fff;
            color: #3e8ed0
        }

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

            .button.is-info.is-inverted[disabled],
            fieldset[disabled] .button.is-info.is-inverted {
                background-color: #fff;
                border-color: transparent;
                -webkit-box-shadow: none;
                box-shadow: none;
                color: #3e8ed0
            }

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

        .button.is-info.is-outlined {
            background-color: transparent;
            border-color: #3e8ed0;
            color: #3e8ed0
        }

            .button.is-info.is-outlined:hover,
            .button.is-info.is-outlined.is-hovered,
            .button.is-info.is-outlined:focus,
            .button.is-info.is-outlined.is-focused {
                background-color: #3e8ed0;
                border-color: #3e8ed0;
                color: #fff
            }

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

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

            .button.is-info.is-outlined[disabled],
            fieldset[disabled] .button.is-info.is-outlined {
                background-color: transparent;
                border-color: #3e8ed0;
                -webkit-box-shadow: none;
                box-shadow: none;
                color: #3e8ed0
            }

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

            .button.is-info.is-inverted.is-outlined:hover,
            .button.is-info.is-inverted.is-outlined.is-hovered,
            .button.is-info.is-inverted.is-outlined:focus,
            .button.is-info.is-inverted.is-outlined.is-focused {
                background-color: #fff;
                color: #3e8ed0
            }

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

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

        .button.is-info.is-light {
            background-color: #eff5fb;
            color: #296fa8
        }

            .button.is-info.is-light:hover,
            .button.is-info.is-light.is-hovered {
                background-color: #e4eff9;
                border-color: transparent;
                color: #296fa8
            }

            .button.is-info.is-light:active,
            .button.is-info.is-light.is-active {
                background-color: #dae9f6;
                border-color: transparent;
                color: #296fa8
            }

    .button.is-success {
        background-color: #1ce589;
        border-color: transparent;
        color: rgba(0, 0, 0, .7)
    }

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

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

            .button.is-success:focus:not(:active),
            .button.is-success.is-focused:not(:active) {
                -webkit-box-shadow: 0 0 0 .125em rgba(28, 229, 137, .25);
                box-shadow: 0 0 0 .125em rgba(28, 229, 137, .25)
            }

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

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

        .button.is-success.is-inverted {
            background-color: rgba(0, 0, 0, .7);
            color: #1ce589
        }

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

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

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

        .button.is-success.is-outlined {
            background-color: transparent;
            border-color: #1ce589;
            color: #1ce589
        }

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

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

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

            .button.is-success.is-outlined[disabled],
            fieldset[disabled] .button.is-success.is-outlined {
                background-color: transparent;
                border-color: #1ce589;
                -webkit-box-shadow: none;
                box-shadow: none;
                color: #1ce589
            }

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

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

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

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

        .button.is-success.is-light {
            background-color: #edfdf5;
            color: #0f854f
        }

            .button.is-success.is-light:hover,
            .button.is-success.is-light.is-hovered {
                background-color: #e1fcf0;
                border-color: transparent;
                color: #0f854f
            }

            .button.is-success.is-light:active,
            .button.is-success.is-light.is-active {
                background-color: #d6faea;
                border-color: transparent;
                color: #0f854f
            }

    .button.is-warning {
        background-color: #ffe08a;
        border-color: transparent;
        color: rgba(0, 0, 0, .7)
    }

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

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

            .button.is-warning:focus:not(:active),
            .button.is-warning.is-focused:not(:active) {
                -webkit-box-shadow: 0 0 0 .125em rgba(255, 224, 138, .25);
                box-shadow: 0 0 0 .125em rgba(255, 224, 138, .25)
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .button.is-warning.is-light {
            background-color: #fffaeb;
            color: #946c00
        }

            .button.is-warning.is-light:hover,
            .button.is-warning.is-light.is-hovered {
                background-color: #fff6de;
                border-color: transparent;
                color: #946c00
            }

            .button.is-warning.is-light:active,
            .button.is-warning.is-light.is-active {
                background-color: #fff3d1;
                border-color: transparent;
                color: #946c00
            }

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

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

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

            .button.is-danger:focus:not(:active),
            .button.is-danger.is-focused:not(:active) {
                -webkit-box-shadow: 0 0 0 .125em rgba(247, 20, 22, .25);
                box-shadow: 0 0 0 .125em rgba(247, 20, 22, .25)
            }

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

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

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

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

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

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

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

            .button.is-danger.is-outlined:hover,
            .button.is-danger.is-outlined.is-hovered,
            .button.is-danger.is-outlined:focus,
            .button.is-danger.is-outlined.is-focused {
                background-color: #f71416;
                border-color: #f71416;
                color: #fff
            }

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

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

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

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

            .button.is-danger.is-inverted.is-outlined:hover,
            .button.is-danger.is-inverted.is-outlined.is-hovered,
            .button.is-danger.is-inverted.is-outlined:focus,
            .button.is-danger.is-inverted.is-outlined.is-focused {
                background-color: #fff;
                color: #f71416
            }

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

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

        .button.is-danger.is-light {
            background-color: #feebeb;
            color: #e3080a
        }

            .button.is-danger.is-light:hover,
            .button.is-danger.is-light.is-hovered {
                background-color: #fedfdf;
                border-color: transparent;
                color: #e3080a
            }

            .button.is-danger.is-light:active,
            .button.is-danger.is-light.is-active {
                background-color: #fdd3d3;
                border-color: transparent;
                color: #e3080a
            }

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

        .button.is-small:not(.is-rounded) {
            border-radius: 2px
        }

    .button.is-normal {
        font-size: 1rem
    }

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

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

    .button[disabled],
    fieldset[disabled] .button {
        background-color: #fff;
        border-color: #dbdbdb;
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .5
    }

    .button.is-fullwidth {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

    .button.is-loading {
        color: transparent !important;
        pointer-events: none
    }

        .button.is-loading::after {
            position: absolute;
            left: calc(50% - (1em * 0.5));
            top: calc(50% - (1em * 0.5));
            position: absolute !important
        }

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

    .button.is-rounded {
        border-radius: 9999px;
        padding-left: calc(1em + 0.25em);
        padding-right: calc(1em + 0.25em)
    }

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

    .buttons .button {
        margin-bottom: .5rem
    }

        .buttons .button:not(:last-child):not(.is-fullwidth) {
            margin-right: .5rem
        }

    .buttons:last-child {
        margin-bottom: -0.5rem
    }

    .buttons:not(:last-child) {
        margin-bottom: 1rem
    }

    .buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
        font-size: .75rem
    }

        .buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) {
            border-radius: 2px
        }

    .buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
        font-size: 1.25rem
    }

    .buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
        font-size: 1.5rem
    }

    .buttons.has-addons .button:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .buttons.has-addons .button:not(:last-child) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        margin-right: -1px
    }

    .buttons.has-addons .button:last-child {
        margin-right: 0
    }

    .buttons.has-addons .button:hover,
    .buttons.has-addons .button.is-hovered {
        z-index: 2
    }

    .buttons.has-addons .button:focus,
    .buttons.has-addons .button.is-focused,
    .buttons.has-addons .button:active,
    .buttons.has-addons .button.is-active,
    .buttons.has-addons .button.is-selected {
        z-index: 3
    }

        .buttons.has-addons .button:focus:hover,
        .buttons.has-addons .button.is-focused:hover,
        .buttons.has-addons .button:active:hover,
        .buttons.has-addons .button.is-active:hover,
        .buttons.has-addons .button.is-selected:hover {
            z-index: 4
        }

    .buttons.has-addons .button.is-expanded {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .buttons.is-centered {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) {
            margin-left: .25rem;
            margin-right: .25rem
        }

    .buttons.is-right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

        .buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
            margin-left: .25rem;
            margin-right: .25rem
        }

.container {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 auto;
    position: relative;
    width: auto
}

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

@media screen and (min-width: 1024px) {
    .container {
        max-width: 960px
    }
}

@media screen and (max-width: 1215px) {
    .container.is-widescreen:not(.is-max-desktop) {
        max-width: 1152px
    }
}

@media screen and (max-width: 1407px) {
    .container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) {
        max-width: 1344px
    }
}

@media screen and (min-width: 1216px) {
    .container:not(.is-max-desktop) {
        max-width: 1152px
    }
}

@media screen and (min-width: 1408px) {
    .container:not(.is-max-desktop):not(.is-max-widescreen) {
        max-width: 1344px
    }
}

.content li + li {
    margin-top: .25em
}

.content p:not(:last-child),
.content dl:not(:last-child),
.content ol:not(:last-child),
.content ul:not(:last-child),
.content blockquote:not(:last-child),
.content pre:not(:last-child),
.content table:not(:last-child) {
    margin-bottom: 1em
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    color: #363636;
    font-weight: 600;
    line-height: 1.125
}

.content h1 {
    font-size: 2em;
    margin-bottom: .5em
}

    .content h1:not(:first-child) {
        margin-top: 1em
    }

.content h2 {
    font-size: 1.75em;
    margin-bottom: .5714em
}

    .content h2:not(:first-child) {
        margin-top: 1.1428em
    }

.content h3 {
    font-size: 1.5em;
    margin-bottom: .6666em
}

    .content h3:not(:first-child) {
        margin-top: 1.3333em
    }

.content h4 {
    font-size: 1.25em;
    margin-bottom: .8em
}

.content h5 {
    font-size: 1.125em;
    margin-bottom: .8888em
}

.content h6 {
    font-size: 1em;
    margin-bottom: 1em
}

.content blockquote {
    background-color: #f5f5f5;
    border-left: 5px solid #dbdbdb;
    padding: 1.25em 1.5em
}

.content ol {
    list-style-position: outside;
    margin-left: 2em;
    margin-top: 1em
}

    .content ol:not([type]) {
        list-style-type: decimal
    }

        .content ol:not([type]).is-lower-alpha {
            list-style-type: lower-alpha
        }

        .content ol:not([type]).is-lower-roman {
            list-style-type: lower-roman
        }

        .content ol:not([type]).is-upper-alpha {
            list-style-type: upper-alpha
        }

        .content ol:not([type]).is-upper-roman {
            list-style-type: upper-roman
        }

.content ul {
    list-style: disc outside;
    margin-left: 2em;
    margin-top: 1em
}

    .content ul ul {
        list-style-type: circle;
        margin-top: .5em
    }

        .content ul ul ul {
            list-style-type: square
        }

.content dd {
    margin-left: 2em
}

.content figure {
    margin-left: 2em;
    margin-right: 2em;
    text-align: center
}

    .content figure:not(:first-child) {
        margin-top: 2em
    }

    .content figure:not(:last-child) {
        margin-bottom: 2em
    }

    .content figure img {
        display: inline-block
    }

    .content figure figcaption {
        font-style: italic
    }

.content pre {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    padding: 1.25em 1.5em;
    white-space: pre;
    word-wrap: normal
}

.content sup,
.content sub {
    font-size: 75%
}

.content table {
    width: 100%
}

    .content table td,
    .content table th {
        border: 1px solid #dbdbdb;
        border-width: 0 0 1px;
        padding: .5em .75em;
        vertical-align: top
    }

    .content table th {
        color: #363636
    }

        .content table th:not([align]) {
            text-align: inherit
        }

    .content table thead td,
    .content table thead th {
        border-width: 0 0 2px;
        color: #363636
    }

    .content table tfoot td,
    .content table tfoot th {
        border-width: 2px 0 0;
        color: #363636
    }

    .content table tbody tr:last-child td,
    .content table tbody tr:last-child th {
        border-bottom-width: 0
    }

.content .tabs li + li {
    margin-top: 0
}

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

.content.is-normal {
    font-size: 1rem
}

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

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

.icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 1.5rem;
    width: 1.5rem
}

    .icon.is-small {
        height: 1rem;
        width: 1rem
    }

    .icon.is-medium {
        height: 2rem;
        width: 2rem
    }

    .icon.is-large {
        height: 3rem;
        width: 3rem
    }

.icon-text {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: inherit;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.5rem;
    vertical-align: top
}

    .icon-text .icon {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

        .icon-text .icon:not(:last-child) {
            margin-right: .25em
        }

        .icon-text .icon:not(:first-child) {
            margin-left: .25em
        }

div.icon-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.image {
    display: block;
    position: relative
}

    .image img {
        display: block;
        height: auto;
        width: 100%
    }

        .image img.is-rounded {
            border-radius: 9999px
        }

    .image.is-fullwidth {
        width: 100%
    }

    .image.is-square img,
    .image.is-square .has-ratio,
    .image.is-1by1 img,
    .image.is-1by1 .has-ratio,
    .image.is-5by4 img,
    .image.is-5by4 .has-ratio,
    .image.is-4by3 img,
    .image.is-4by3 .has-ratio,
    .image.is-3by2 img,
    .image.is-3by2 .has-ratio,
    .image.is-5by3 img,
    .image.is-5by3 .has-ratio,
    .image.is-16by9 img,
    .image.is-16by9 .has-ratio,
    .image.is-2by1 img,
    .image.is-2by1 .has-ratio,
    .image.is-3by1 img,
    .image.is-3by1 .has-ratio,
    .image.is-4by5 img,
    .image.is-4by5 .has-ratio,
    .image.is-3by4 img,
    .image.is-3by4 .has-ratio,
    .image.is-2by3 img,
    .image.is-2by3 .has-ratio,
    .image.is-3by5 img,
    .image.is-3by5 .has-ratio,
    .image.is-9by16 img,
    .image.is-9by16 .has-ratio,
    .image.is-1by2 img,
    .image.is-1by2 .has-ratio,
    .image.is-1by3 img,
    .image.is-1by3 .has-ratio {
        height: 100%;
        width: 100%
    }

    .image.is-square,
    .image.is-1by1 {
        padding-top: 100%
    }

    .image.is-5by4 {
        padding-top: 80%
    }

    .image.is-4by3 {
        padding-top: 75%
    }

    .image.is-3by2 {
        padding-top: 66.6666%
    }

    .image.is-5by3 {
        padding-top: 60%
    }

    .image.is-16by9 {
        padding-top: 56.25%
    }

    .image.is-2by1 {
        padding-top: 50%
    }

    .image.is-3by1 {
        padding-top: 33.3333%
    }

    .image.is-4by5 {
        padding-top: 125%
    }

    .image.is-3by4 {
        padding-top: 133.3333%
    }

    .image.is-2by3 {
        padding-top: 150%
    }

    .image.is-3by5 {
        padding-top: 166.6666%
    }

    .image.is-9by16 {
        padding-top: 177.7777%
    }

    .image.is-1by2 {
        padding-top: 200%
    }

    .image.is-1by3 {
        padding-top: 300%
    }

    .image.is-16x16 {
        height: 16px;
        width: 16px
    }

    .image.is-24x24 {
        height: 24px;
        width: 24px
    }

    .image.is-32x32 {
        height: 32px;
        width: 32px
    }

    .image.is-48x48 {
        height: 48px;
        width: 48px
    }

    .image.is-64x64 {
        height: 64px;
        width: 64px
    }

    .image.is-96x96 {
        height: 96px;
        width: 96px
    }

    .image.is-128x128 {
        height: 128px;
        width: 128px
    }

.notification {
    background-color: #f5f5f5;
    border-radius: 4px;
    position: relative;
    padding: 1.25rem 2.5rem 1.25rem 1.5rem
}

    .notification a:not(.button):not(.dropdown-item) {
        color: currentColor;
        text-decoration: underline
    }

    .notification strong {
        color: currentColor
    }

    .notification code,
    .notification pre {
        background: #fff
    }

        .notification pre code {
            background: transparent
        }

    .notification > .delete {
        right: .5rem;
        position: absolute;
        top: .5rem
    }

    .notification .title,
    .notification .subtitle,
    .notification .content {
        color: currentColor
    }

    .notification.is-white {
        background-color: #fff;
        color: #0a0a0a
    }

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

    .notification.is-light {
        background-color: #f5f5f5;
        color: rgba(0, 0, 0, .7)
    }

    .notification.is-dark {
        background-color: #202836;
        color: #fff
    }

    .notification.is-primary {
        background-color: #3d70b2;
        color: #fff
    }

        .notification.is-primary.is-light {
            background-color: #f0f4fa;
            color: #3c6eaf
        }

    .notification.is-link {
        background-color: #039be5;
        color: #fff
    }

        .notification.is-link.is-light {
            background-color: #ebf8ff;
            color: #0385c4
        }

    .notification.is-info {
        background-color: #3e8ed0;
        color: #fff
    }

        .notification.is-info.is-light {
            background-color: #eff5fb;
            color: #296fa8
        }

    .notification.is-success {
        background-color: #1ce589;
        color: rgba(0, 0, 0, .7)
    }

        .notification.is-success.is-light {
            background-color: #edfdf5;
            color: #0f854f
        }

    .notification.is-warning {
        background-color: #ffe08a;
        color: rgba(0, 0, 0, .7)
    }

        .notification.is-warning.is-light {
            background-color: #fffaeb;
            color: #946c00
        }

    .notification.is-danger {
        background-color: #f71416;
        color: #fff
    }

        .notification.is-danger.is-light {
            background-color: #feebeb;
            color: #e3080a
        }

.progress {
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    border-radius: 9999px;
    display: block;
    height: 1rem;
    overflow: hidden;
    padding: 0;
    width: 100%
}

    .progress::-webkit-progress-bar {
        background-color: #ededed
    }

    .progress::-webkit-progress-value {
        background-color: #4a4a4a
    }

    .progress::-moz-progress-bar {
        background-color: #4a4a4a
    }

    .progress::-ms-fill {
        background-color: #4a4a4a;
        border: none
    }

    .progress.is-white::-webkit-progress-value {
        background-color: #fff
    }

    .progress.is-white::-moz-progress-bar {
        background-color: #fff
    }

    .progress.is-white::-ms-fill {
        background-color: #fff
    }

    .progress.is-white:indeterminate {
        background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #fff), color-stop(30%, #ededed));
        background-image: linear-gradient(to right, #fff 30%, #ededed 30%)
    }

    .progress.is-black::-webkit-progress-value {
        background-color: #0a0a0a
    }

    .progress.is-black::-moz-progress-bar {
        background-color: #0a0a0a
    }

    .progress.is-black::-ms-fill {
        background-color: #0a0a0a
    }

    .progress.is-black:indeterminate {
        background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #0a0a0a), color-stop(30%, #ededed));
        background-image: linear-gradient(to right, #0a0a0a 30%, #ededed 30%)
    }

    .progress.is-light::-webkit-progress-value {
        background-color: #f5f5f5
    }

    .progress.is-light::-moz-progress-bar {
        background-color: #f5f5f5
    }

    .progress.is-light::-ms-fill {
        background-color: #f5f5f5
    }

    .progress.is-light:indeterminate {
        background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, whitesmoke), color-stop(30%, #ededed));
        background-image: linear-gradient(to right, whitesmoke 30%, #ededed 30%)
    }

    .progress.is-dark::-webkit-progress-value {
        background-color: #202836
    }

    .progress.is-dark::-moz-progress-bar {
        background-color: #202836
    }

    .progress.is-dark::-ms-fill {
        background-color: #202836
    }

    .progress.is-dark:indeterminate {
        background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #202836), color-stop(30%, #ededed));
        background-image: linear-gradient(to right, #202836 30%, #ededed 30%)
    }

    .progress.is-primary::-webkit-progress-value {
        background-color: #3d70b2
    }

    .progress.is-primary::-moz-progress-bar {
        background-color: #3d70b2
    }

    .progress.is-primary::-ms-fill {
        background-color: #3d70b2
    }

    .progress.is-primary:indeterminate {
        background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #3d70b2), color-stop(30%, #ededed));
        background-image: linear-gradient(to right, #3d70b2 30%, #ededed 30%)
    }

    .progress.is-link::-webkit-progress-value {
        background-color: #039be5
    }

    .progress.is-link::-moz-progress-bar {
        background-color: #039be5
    }

    .progress.is-link::-ms-fill {
        background-color: #039be5
    }

    .progress.is-link:indeterminate {
        background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #039BE5), color-stop(30%, #ededed));
        background-image: linear-gradient(to right, #039BE5 30%, #ededed 30%)
    }

    .progress.is-info::-webkit-progress-value {
        background-color: #3e8ed0
    }

    .progress.is-info::-moz-progress-bar {
        background-color: #3e8ed0
    }

    .progress.is-info::-ms-fill {
        background-color: #3e8ed0
    }

    .progress.is-info:indeterminate {
        background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #3e8ed0), color-stop(30%, #ededed));
        background-image: linear-gradient(to right, #3e8ed0 30%, #ededed 30%)
    }

    .progress.is-success::-webkit-progress-value {
        background-color: #1ce589
    }

    .progress.is-success::-moz-progress-bar {
        background-color: #1ce589
    }

    .progress.is-success::-ms-fill {
        background-color: #1ce589
    }

    .progress.is-success:indeterminate {
        background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #1CE589), color-stop(30%, #ededed));
        background-image: linear-gradient(to right, #1CE589 30%, #ededed 30%)
    }

    .progress.is-warning::-webkit-progress-value {
        background-color: #ffe08a
    }

    .progress.is-warning::-moz-progress-bar {
        background-color: #ffe08a
    }

    .progress.is-warning::-ms-fill {
        background-color: #ffe08a
    }

    .progress.is-warning:indeterminate {
        background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #ffe08a), color-stop(30%, #ededed));
        background-image: linear-gradient(to right, #ffe08a 30%, #ededed 30%)
    }

    .progress.is-danger::-webkit-progress-value {
        background-color: #f71416
    }

    .progress.is-danger::-moz-progress-bar {
        background-color: #f71416
    }

    .progress.is-danger::-ms-fill {
        background-color: #f71416
    }

    .progress.is-danger:indeterminate {
        background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #f71416), color-stop(30%, #ededed));
        background-image: linear-gradient(to right, #f71416 30%, #ededed 30%)
    }

    .progress:indeterminate {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-name: moveIndeterminate;
        animation-name: moveIndeterminate;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        background-color: #ededed;
        background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #4a4a4a), color-stop(30%, #ededed));
        background-image: linear-gradient(to right, #4a4a4a 30%, #ededed 30%);
        background-position: top left;
        background-repeat: no-repeat;
        background-size: 150% 150%
    }

        .progress:indeterminate::-webkit-progress-bar {
            background-color: transparent
        }

        .progress:indeterminate::-moz-progress-bar {
            background-color: transparent
        }

        .progress:indeterminate::-ms-fill {
            animation-name: none
        }

    .progress.is-small {
        height: .75rem
    }

    .progress.is-medium {
        height: 1.25rem
    }

    .progress.is-large {
        height: 1.5rem
    }

@-webkit-keyframes moveIndeterminate {
    from {
        background-position: 200% 0
    }

    to {
        background-position: -200% 0
    }
}

@keyframes moveIndeterminate {
    from {
        background-position: 200% 0
    }

    to {
        background-position: -200% 0
    }
}

.table {
    background-color: #fff;
    color: #363636
}

    .table td,
    .table th {
        border: 1px solid #dbdbdb;
        border-width: 0 0 1px;
        padding: .5em .75em;
        vertical-align: top
    }

        .table td.is-white,
        .table th.is-white {
            background-color: #fff;
            border-color: #fff;
            color: #0a0a0a
        }

        .table td.is-black,
        .table th.is-black {
            background-color: #0a0a0a;
            border-color: #0a0a0a;
            color: #fff
        }

        .table td.is-light,
        .table th.is-light {
            background-color: #f5f5f5;
            border-color: #f5f5f5;
            color: rgba(0, 0, 0, .7)
        }

        .table td.is-dark,
        .table th.is-dark {
            background-color: #202836;
            border-color: #202836;
            color: #fff
        }

        .table td.is-primary,
        .table th.is-primary {
            background-color: #3d70b2;
            border-color: #3d70b2;
            color: #fff
        }

        .table td.is-link,
        .table th.is-link {
            background-color: #039be5;
            border-color: #039be5;
            color: #fff
        }

        .table td.is-info,
        .table th.is-info {
            background-color: #3e8ed0;
            border-color: #3e8ed0;
            color: #fff
        }

        .table td.is-success,
        .table th.is-success {
            background-color: #1ce589;
            border-color: #1ce589;
            color: rgba(0, 0, 0, .7)
        }

        .table td.is-warning,
        .table th.is-warning {
            background-color: #ffe08a;
            border-color: #ffe08a;
            color: rgba(0, 0, 0, .7)
        }

        .table td.is-danger,
        .table th.is-danger {
            background-color: #f71416;
            border-color: #f71416;
            color: #fff
        }

        .table td.is-narrow,
        .table th.is-narrow {
            white-space: nowrap;
            width: 1%
        }

        .table td.is-selected,
        .table th.is-selected {
            background-color: #3d70b2;
            color: #fff
        }

            .table td.is-selected a,
            .table td.is-selected strong,
            .table th.is-selected a,
            .table th.is-selected strong {
                color: currentColor
            }

        .table td.is-vcentered,
        .table th.is-vcentered {
            vertical-align: middle
        }

    .table th {
        color: #363636
    }

        .table th:not([align]) {
            text-align: inherit
        }

    .table tr.is-selected {
        background-color: #3d70b2;
        color: #fff
    }

        .table tr.is-selected a,
        .table tr.is-selected strong {
            color: currentColor
        }

        .table tr.is-selected td,
        .table tr.is-selected th {
            border-color: #fff;
            color: currentColor
        }

    .table thead {
        background-color: transparent
    }

        .table thead td,
        .table thead th {
            border-width: 0 0 2px;
            color: #363636
        }

    .table tfoot {
        background-color: transparent
    }

        .table tfoot td,
        .table tfoot th {
            border-width: 2px 0 0;
            color: #363636
        }

    .table tbody {
        background-color: transparent
    }

        .table tbody tr:last-child td,
        .table tbody tr:last-child th {
            border-bottom-width: 0
        }

    .table.is-bordered td,
    .table.is-bordered th {
        border-width: 1px
    }

    .table.is-bordered tr:last-child td,
    .table.is-bordered tr:last-child th {
        border-bottom-width: 1px
    }

    .table.is-fullwidth {
        width: 100%
    }

    .table.is-hoverable tbody tr:not(.is-selected):hover {
        background-color: #fafafa
    }

    .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
        background-color: #fafafa
    }

        .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
            background-color: #f5f5f5
        }

    .table.is-narrow td,
    .table.is-narrow th {
        padding: .25em .5em
    }

    .table.is-striped tbody tr:not(.is-selected):nth-child(even) {
        background-color: #fafafa
    }

.table-container {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    overflow-y: hidden;
    max-width: 100%
}

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

    .tags .tag {
        margin-bottom: .5rem
    }

        .tags .tag:not(:last-child) {
            margin-right: .5rem
        }

    .tags:last-child {
        margin-bottom: -0.5rem
    }

    .tags:not(:last-child) {
        margin-bottom: 1rem
    }

    .tags.are-medium .tag:not(.is-normal):not(.is-large) {
        font-size: 1rem
    }

    .tags.are-large .tag:not(.is-normal):not(.is-medium) {
        font-size: 1.25rem
    }

    .tags.is-centered {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .tags.is-centered .tag {
            margin-right: .25rem;
            margin-left: .25rem
        }

    .tags.is-right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

        .tags.is-right .tag:not(:first-child) {
            margin-left: .5rem
        }

        .tags.is-right .tag:not(:last-child) {
            margin-right: 0
        }

    .tags.has-addons .tag {
        margin-right: 0
    }

        .tags.has-addons .tag:not(:first-child) {
            margin-left: 0;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        .tags.has-addons .tag:not(:last-child) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

.tag:not(body) {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 4px;
    color: #4a4a4a;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: .75rem;
    height: 2em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.5;
    padding-left: .75em;
    padding-right: .75em;
    white-space: nowrap
}

    .tag:not(body) .delete {
        margin-left: .25rem;
        margin-right: -0.375rem
    }

    .tag:not(body).is-white {
        background-color: #fff;
        color: #0a0a0a
    }

    .tag:not(body).is-black {
        background-color: #0a0a0a;
        color: #fff
    }

    .tag:not(body).is-light {
        background-color: #f5f5f5;
        color: rgba(0, 0, 0, .7)
    }

    .tag:not(body).is-dark {
        background-color: #202836;
        color: #fff
    }

    .tag:not(body).is-primary {
        background-color: #3d70b2;
        color: #fff
    }

        .tag:not(body).is-primary.is-light {
            background-color: #f0f4fa;
            color: #3c6eaf
        }

    .tag:not(body).is-link {
        background-color: #039be5;
        color: #fff
    }

        .tag:not(body).is-link.is-light {
            background-color: #ebf8ff;
            color: #0385c4
        }

    .tag:not(body).is-info {
        background-color: #3e8ed0;
        color: #fff
    }

        .tag:not(body).is-info.is-light {
            background-color: #eff5fb;
            color: #296fa8
        }

    .tag:not(body).is-success {
        background-color: #1ce589;
        color: rgba(0, 0, 0, .7)
    }

        .tag:not(body).is-success.is-light {
            background-color: #edfdf5;
            color: #0f854f
        }

    .tag:not(body).is-warning {
        background-color: #ffe08a;
        color: rgba(0, 0, 0, .7)
    }

        .tag:not(body).is-warning.is-light {
            background-color: #fffaeb;
            color: #946c00
        }

    .tag:not(body).is-danger {
        background-color: #f71416;
        color: #fff
    }

        .tag:not(body).is-danger.is-light {
            background-color: #feebeb;
            color: #e3080a
        }

    .tag:not(body).is-normal {
        font-size: .75rem
    }

    .tag:not(body).is-medium {
        font-size: 1rem
    }

    .tag:not(body).is-large {
        font-size: 1.25rem
    }

    .tag:not(body) .icon:first-child:not(:last-child) {
        margin-left: -0.375em;
        margin-right: .1875em
    }

    .tag:not(body) .icon:last-child:not(:first-child) {
        margin-left: .1875em;
        margin-right: -0.375em
    }

    .tag:not(body) .icon:first-child:last-child {
        margin-left: -0.375em;
        margin-right: -0.375em
    }

    .tag:not(body).is-delete {
        margin-left: 1px;
        padding: 0;
        position: relative;
        width: 2em
    }

        .tag:not(body).is-delete::before,
        .tag:not(body).is-delete::after {
            background-color: currentColor;
            content: "";
            display: block;
            left: 50%;
            position: absolute;
            top: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
            transform: translateX(-50%) translateY(-50%) rotate(45deg);
            -webkit-transform-origin: center center;
            transform-origin: center center
        }

        .tag:not(body).is-delete::before {
            height: 1px;
            width: 50%
        }

        .tag:not(body).is-delete::after {
            height: 50%;
            width: 1px
        }

        .tag:not(body).is-delete:hover,
        .tag:not(body).is-delete:focus {
            background-color: #e8e8e8
        }

        .tag:not(body).is-delete:active {
            background-color: #dbdbdb
        }

    .tag:not(body).is-rounded {
        border-radius: 9999px
    }

a.tag:hover {
    text-decoration: underline
}

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

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

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

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

    .title .tag,
    .subtitle .tag {
        vertical-align: middle
    }

.title {
    color: #363636;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.125
}

    .title strong {
        color: inherit;
        font-weight: inherit
    }

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

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

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

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

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

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

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

    .title.is-7 {
        font-size: .75rem
    }

.subtitle {
    color: #4a4a4a;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.25
}

    .subtitle strong {
        color: #363636;
        font-weight: 600
    }

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

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

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

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

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

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

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

    .subtitle.is-7 {
        font-size: .75rem
    }

.heading {
    display: block;
    font-size: 11px;
    letter-spacing: 1px;
    margin-bottom: 5px;
    text-transform: uppercase
}

.number {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 9999px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1.25rem;
    height: 2em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 1.5rem;
    min-width: 2.5em;
    padding: .25rem .5rem;
    text-align: center;
    vertical-align: top
}

.select select,
.textarea,
.input {
    background-color: #fff;
    border-color: #dbdbdb;
    border-radius: 4px;
    color: #363636
}

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

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

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

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

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

    .select select:focus,
    .textarea:focus,
    .input:focus,
    .select select.is-focused,
    .is-focused.textarea,
    .is-focused.input,
    .select select:active,
    .textarea:active,
    .input:active,
    .select select.is-active,
    .is-active.textarea,
    .is-active.input {
        border-color: #039be5;
        -webkit-box-shadow: 0 0 0 .125em rgba(3, 155, 229, .25);
        box-shadow: 0 0 0 .125em rgba(3, 155, 229, .25)
    }

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

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

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

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

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

.textarea,
.input {
    -webkit-box-shadow: inset 0 .0625em .125em rgba(10, 10, 10, .05);
    box-shadow: inset 0 .0625em .125em rgba(10, 10, 10, .05);
    max-width: 100%;
    width: 100%
}

[readonly].textarea,
[readonly].input {
    -webkit-box-shadow: none;
    box-shadow: none
}

.is-white.textarea,
.is-white.input {
    border-color: #fff
}

    .is-white.textarea:focus,
    .is-white.input:focus,
    .is-white.is-focused.textarea,
    .is-white.is-focused.input,
    .is-white.textarea:active,
    .is-white.input:active,
    .is-white.is-active.textarea,
    .is-white.is-active.input {
        -webkit-box-shadow: 0 0 0 .125em rgba(255, 255, 255, .25);
        box-shadow: 0 0 0 .125em rgba(255, 255, 255, .25)
    }

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

    .is-black.textarea:focus,
    .is-black.input:focus,
    .is-black.is-focused.textarea,
    .is-black.is-focused.input,
    .is-black.textarea:active,
    .is-black.input:active,
    .is-black.is-active.textarea,
    .is-black.is-active.input {
        -webkit-box-shadow: 0 0 0 .125em rgba(10, 10, 10, .25);
        box-shadow: 0 0 0 .125em rgba(10, 10, 10, .25)
    }

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

    .is-light.textarea:focus,
    .is-light.input:focus,
    .is-light.is-focused.textarea,
    .is-light.is-focused.input,
    .is-light.textarea:active,
    .is-light.input:active,
    .is-light.is-active.textarea,
    .is-light.is-active.input {
        -webkit-box-shadow: 0 0 0 .125em rgba(245, 245, 245, .25);
        box-shadow: 0 0 0 .125em rgba(245, 245, 245, .25)
    }

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

    .is-dark.textarea:focus,
    .is-dark.input:focus,
    .is-dark.is-focused.textarea,
    .is-dark.is-focused.input,
    .is-dark.textarea:active,
    .is-dark.input:active,
    .is-dark.is-active.textarea,
    .is-dark.is-active.input {
        -webkit-box-shadow: 0 0 0 .125em rgba(32, 40, 54, .25);
        box-shadow: 0 0 0 .125em rgba(32, 40, 54, .25)
    }

.is-primary.textarea,
.is-primary.input {
    border-color: #3d70b2
}

    .is-primary.textarea:focus,
    .is-primary.input:focus,
    .is-primary.is-focused.textarea,
    .is-primary.is-focused.input,
    .is-primary.textarea:active,
    .is-primary.input:active,
    .is-primary.is-active.textarea,
    .is-primary.is-active.input {
        -webkit-box-shadow: 0 0 0 .125em rgba(61, 112, 178, .25);
        box-shadow: 0 0 0 .125em rgba(61, 112, 178, .25)
    }

.is-link.textarea,
.is-link.input {
    border-color: #039be5
}

    .is-link.textarea:focus,
    .is-link.input:focus,
    .is-link.is-focused.textarea,
    .is-link.is-focused.input,
    .is-link.textarea:active,
    .is-link.input:active,
    .is-link.is-active.textarea,
    .is-link.is-active.input {
        -webkit-box-shadow: 0 0 0 .125em rgba(3, 155, 229, .25);
        box-shadow: 0 0 0 .125em rgba(3, 155, 229, .25)
    }

.is-info.textarea,
.is-info.input {
    border-color: #3e8ed0
}

    .is-info.textarea:focus,
    .is-info.input:focus,
    .is-info.is-focused.textarea,
    .is-info.is-focused.input,
    .is-info.textarea:active,
    .is-info.input:active,
    .is-info.is-active.textarea,
    .is-info.is-active.input {
        -webkit-box-shadow: 0 0 0 .125em rgba(62, 142, 208, .25);
        box-shadow: 0 0 0 .125em rgba(62, 142, 208, .25)
    }

.is-success.textarea,
.is-success.input {
    border-color: #1ce589
}

    .is-success.textarea:focus,
    .is-success.input:focus,
    .is-success.is-focused.textarea,
    .is-success.is-focused.input,
    .is-success.textarea:active,
    .is-success.input:active,
    .is-success.is-active.textarea,
    .is-success.is-active.input {
        -webkit-box-shadow: 0 0 0 .125em rgba(28, 229, 137, .25);
        box-shadow: 0 0 0 .125em rgba(28, 229, 137, .25)
    }

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

    .is-warning.textarea:focus,
    .is-warning.input:focus,
    .is-warning.is-focused.textarea,
    .is-warning.is-focused.input,
    .is-warning.textarea:active,
    .is-warning.input:active,
    .is-warning.is-active.textarea,
    .is-warning.is-active.input {
        -webkit-box-shadow: 0 0 0 .125em rgba(255, 224, 138, .25);
        box-shadow: 0 0 0 .125em rgba(255, 224, 138, .25)
    }

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

    .is-danger.textarea:focus,
    .is-danger.input:focus,
    .is-danger.is-focused.textarea,
    .is-danger.is-focused.input,
    .is-danger.textarea:active,
    .is-danger.input:active,
    .is-danger.is-active.textarea,
    .is-danger.is-active.input {
        -webkit-box-shadow: 0 0 0 .125em rgba(247, 20, 22, .25);
        box-shadow: 0 0 0 .125em rgba(247, 20, 22, .25)
    }

.is-small.textarea,
.is-small.input {
    border-radius: 2px;
    font-size: .75rem
}

.is-medium.textarea,
.is-medium.input {
    font-size: 1.25rem
}

.is-large.textarea,
.is-large.input {
    font-size: 1.5rem
}

.is-fullwidth.textarea,
.is-fullwidth.input {
    display: block;
    width: 100%
}

.is-inline.textarea,
.is-inline.input {
    display: inline;
    width: auto
}

.input.is-rounded {
    border-radius: 9999px;
    padding-left: calc(calc(0.75em - 1px) + 0.375em);
    padding-right: calc(calc(0.75em - 1px) + 0.375em)
}

.input.is-static {
    background-color: transparent;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0
}

.textarea {
    display: block;
    max-width: 100%;
    min-width: 100%;
    padding: calc(0.75em - 1px);
    resize: vertical
}

    .textarea:not([rows]) {
        max-height: 40em;
        min-height: 8em
    }

    .textarea[rows] {
        height: initial
    }

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

.radio,
.checkbox {
    cursor: pointer;
    display: inline-block;
    line-height: 1.25;
    position: relative
}

    .radio input,
    .checkbox input {
        cursor: pointer
    }

    .radio:hover,
    .checkbox:hover {
        color: #363636
    }

    [disabled].radio,
    [disabled].checkbox,
    fieldset[disabled] .radio,
    fieldset[disabled] .checkbox,
    .radio input[disabled],
    .checkbox input[disabled] {
        color: #7a7a7a;
        cursor: not-allowed
    }

    .radio + .radio {
        margin-left: .5em
    }

.select {
    display: inline-block;
    max-width: 100%;
    position: relative;
    vertical-align: top
}

    .select:not(.is-multiple) {
        height: 2.5em
    }

        .select:not(.is-multiple):not(.is-loading)::after {
            border-color: #039be5;
            right: 1.125em;
            z-index: 4
        }

    .select.is-rounded select {
        border-radius: 9999px;
        padding-left: 1em
    }

    .select select {
        cursor: pointer;
        display: block;
        font-size: 1em;
        max-width: 100%;
        outline: none
    }

        .select select::-ms-expand {
            display: none
        }

        .select select[disabled]:hover,
        fieldset[disabled] .select select:hover {
            border-color: #f5f5f5
        }

        .select select:not([multiple]) {
            padding-right: 2.5em
        }

        .select select[multiple] {
            height: auto;
            padding: 0
        }

            .select select[multiple] option {
                padding: .5em 1em
            }

    .select:not(.is-multiple):not(.is-loading):hover::after {
        border-color: #363636
    }

    .select.is-white:not(:hover)::after {
        border-color: #fff
    }

    .select.is-white select {
        border-color: #fff
    }

        .select.is-white select:hover,
        .select.is-white select.is-hovered {
            border-color: #f2f2f2
        }

        .select.is-white select:focus,
        .select.is-white select.is-focused,
        .select.is-white select:active,
        .select.is-white select.is-active {
            -webkit-box-shadow: 0 0 0 .125em rgba(255, 255, 255, .25);
            box-shadow: 0 0 0 .125em rgba(255, 255, 255, .25)
        }

    .select.is-black:not(:hover)::after {
        border-color: #0a0a0a
    }

    .select.is-black select {
        border-color: #0a0a0a
    }

        .select.is-black select:hover,
        .select.is-black select.is-hovered {
            border-color: #000
        }

        .select.is-black select:focus,
        .select.is-black select.is-focused,
        .select.is-black select:active,
        .select.is-black select.is-active {
            -webkit-box-shadow: 0 0 0 .125em rgba(10, 10, 10, .25);
            box-shadow: 0 0 0 .125em rgba(10, 10, 10, .25)
        }

    .select.is-light:not(:hover)::after {
        border-color: #f5f5f5
    }

    .select.is-light select {
        border-color: #f5f5f5
    }

        .select.is-light select:hover,
        .select.is-light select.is-hovered {
            border-color: #e8e8e8
        }

        .select.is-light select:focus,
        .select.is-light select.is-focused,
        .select.is-light select:active,
        .select.is-light select.is-active {
            -webkit-box-shadow: 0 0 0 .125em rgba(245, 245, 245, .25);
            box-shadow: 0 0 0 .125em rgba(245, 245, 245, .25)
        }

    .select.is-dark:not(:hover)::after {
        border-color: #202836
    }

    .select.is-dark select {
        border-color: #202836
    }

        .select.is-dark select:hover,
        .select.is-dark select.is-hovered {
            border-color: #171c26
        }

        .select.is-dark select:focus,
        .select.is-dark select.is-focused,
        .select.is-dark select:active,
        .select.is-dark select.is-active {
            -webkit-box-shadow: 0 0 0 .125em rgba(32, 40, 54, .25);
            box-shadow: 0 0 0 .125em rgba(32, 40, 54, .25)
        }

    .select.is-primary:not(:hover)::after {
        border-color: #3d70b2
    }

    .select.is-primary select {
        border-color: #3d70b2
    }

        .select.is-primary select:hover,
        .select.is-primary select.is-hovered {
            border-color: #36649f
        }

        .select.is-primary select:focus,
        .select.is-primary select.is-focused,
        .select.is-primary select:active,
        .select.is-primary select.is-active {
            -webkit-box-shadow: 0 0 0 .125em rgba(61, 112, 178, .25);
            box-shadow: 0 0 0 .125em rgba(61, 112, 178, .25)
        }

    .select.is-link:not(:hover)::after {
        border-color: #039be5
    }

    .select.is-link select {
        border-color: #039be5
    }

        .select.is-link select:hover,
        .select.is-link select.is-hovered {
            border-color: #038acc
        }

        .select.is-link select:focus,
        .select.is-link select.is-focused,
        .select.is-link select:active,
        .select.is-link select.is-active {
            -webkit-box-shadow: 0 0 0 .125em rgba(3, 155, 229, .25);
            box-shadow: 0 0 0 .125em rgba(3, 155, 229, .25)
        }

    .select.is-info:not(:hover)::after {
        border-color: #3e8ed0
    }

    .select.is-info select {
        border-color: #3e8ed0
    }

        .select.is-info select:hover,
        .select.is-info select.is-hovered {
            border-color: #3082c5
        }

        .select.is-info select:focus,
        .select.is-info select.is-focused,
        .select.is-info select:active,
        .select.is-info select.is-active {
            -webkit-box-shadow: 0 0 0 .125em rgba(62, 142, 208, .25);
            box-shadow: 0 0 0 .125em rgba(62, 142, 208, .25)
        }

    .select.is-success:not(:hover)::after {
        border-color: #1ce589
    }

    .select.is-success select {
        border-color: #1ce589
    }

        .select.is-success select:hover,
        .select.is-success select.is-hovered {
            border-color: #18d07c
        }

        .select.is-success select:focus,
        .select.is-success select.is-focused,
        .select.is-success select:active,
        .select.is-success select.is-active {
            -webkit-box-shadow: 0 0 0 .125em rgba(28, 229, 137, .25);
            box-shadow: 0 0 0 .125em rgba(28, 229, 137, .25)
        }

    .select.is-warning:not(:hover)::after {
        border-color: #ffe08a
    }

    .select.is-warning select {
        border-color: #ffe08a
    }

        .select.is-warning select:hover,
        .select.is-warning select.is-hovered {
            border-color: #ffd970
        }

        .select.is-warning select:focus,
        .select.is-warning select.is-focused,
        .select.is-warning select:active,
        .select.is-warning select.is-active {
            -webkit-box-shadow: 0 0 0 .125em rgba(255, 224, 138, .25);
            box-shadow: 0 0 0 .125em rgba(255, 224, 138, .25)
        }

    .select.is-danger:not(:hover)::after {
        border-color: #f71416
    }

    .select.is-danger select {
        border-color: #f71416
    }

        .select.is-danger select:hover,
        .select.is-danger select.is-hovered {
            border-color: #ea080a
        }

        .select.is-danger select:focus,
        .select.is-danger select.is-focused,
        .select.is-danger select:active,
        .select.is-danger select.is-active {
            -webkit-box-shadow: 0 0 0 .125em rgba(247, 20, 22, .25);
            box-shadow: 0 0 0 .125em rgba(247, 20, 22, .25)
        }

    .select.is-small {
        border-radius: 2px;
        font-size: .75rem
    }

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

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

    .select.is-disabled::after {
        border-color: #7a7a7a
    }

    .select.is-fullwidth {
        width: 100%
    }

        .select.is-fullwidth select {
            width: 100%
        }

    .select.is-loading::after {
        margin-top: 0;
        position: absolute;
        right: .625em;
        top: .625em;
        -webkit-transform: none;
        transform: none
    }

    .select.is-loading.is-small:after {
        font-size: .75rem
    }

    .select.is-loading.is-medium:after {
        font-size: 1.25rem
    }

    .select.is-loading.is-large:after {
        font-size: 1.5rem
    }

.file {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative
}

    .file.is-white .file-cta {
        background-color: #fff;
        border-color: transparent;
        color: #0a0a0a
    }

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

    .file.is-white:focus .file-cta,
    .file.is-white.is-focused .file-cta {
        border-color: transparent;
        -webkit-box-shadow: 0 0 .5em rgba(255, 255, 255, .25);
        box-shadow: 0 0 .5em rgba(255, 255, 255, .25);
        color: #0a0a0a
    }

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

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

    .file.is-black:hover .file-cta,
    .file.is-black.is-hovered .file-cta {
        background-color: #040404;
        border-color: transparent;
        color: #fff
    }

    .file.is-black:focus .file-cta,
    .file.is-black.is-focused .file-cta {
        border-color: transparent;
        -webkit-box-shadow: 0 0 .5em rgba(10, 10, 10, .25);
        box-shadow: 0 0 .5em rgba(10, 10, 10, .25);
        color: #fff
    }

    .file.is-black:active .file-cta,
    .file.is-black.is-active .file-cta {
        background-color: #000;
        border-color: transparent;
        color: #fff
    }

    .file.is-light .file-cta {
        background-color: #f5f5f5;
        border-color: transparent;
        color: rgba(0, 0, 0, .7)
    }

    .file.is-light:hover .file-cta,
    .file.is-light.is-hovered .file-cta {
        background-color: #eee;
        border-color: transparent;
        color: rgba(0, 0, 0, .7)
    }

    .file.is-light:focus .file-cta,
    .file.is-light.is-focused .file-cta {
        border-color: transparent;
        -webkit-box-shadow: 0 0 .5em rgba(245, 245, 245, .25);
        box-shadow: 0 0 .5em rgba(245, 245, 245, .25);
        color: rgba(0, 0, 0, .7)
    }

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

    .file.is-dark .file-cta {
        background-color: #202836;
        border-color: transparent;
        color: #fff
    }

    .file.is-dark:hover .file-cta,
    .file.is-dark.is-hovered .file-cta {
        background-color: #1b222e;
        border-color: transparent;
        color: #fff
    }

    .file.is-dark:focus .file-cta,
    .file.is-dark.is-focused .file-cta {
        border-color: transparent;
        -webkit-box-shadow: 0 0 .5em rgba(32, 40, 54, .25);
        box-shadow: 0 0 .5em rgba(32, 40, 54, .25);
        color: #fff
    }

    .file.is-dark:active .file-cta,
    .file.is-dark.is-active .file-cta {
        background-color: #171c26;
        border-color: transparent;
        color: #fff
    }

    .file.is-primary .file-cta {
        background-color: #3d70b2;
        border-color: transparent;
        color: #fff
    }

    .file.is-primary:hover .file-cta,
    .file.is-primary.is-hovered .file-cta {
        background-color: #3a6aa9;
        border-color: transparent;
        color: #fff
    }

    .file.is-primary:focus .file-cta,
    .file.is-primary.is-focused .file-cta {
        border-color: transparent;
        -webkit-box-shadow: 0 0 .5em rgba(61, 112, 178, .25);
        box-shadow: 0 0 .5em rgba(61, 112, 178, .25);
        color: #fff
    }

    .file.is-primary:active .file-cta,
    .file.is-primary.is-active .file-cta {
        background-color: #36649f;
        border-color: transparent;
        color: #fff
    }

    .file.is-link .file-cta {
        background-color: #039be5;
        border-color: transparent;
        color: #fff
    }

    .file.is-link:hover .file-cta,
    .file.is-link.is-hovered .file-cta {
        background-color: #0392d8;
        border-color: transparent;
        color: #fff
    }

    .file.is-link:focus .file-cta,
    .file.is-link.is-focused .file-cta {
        border-color: transparent;
        -webkit-box-shadow: 0 0 .5em rgba(3, 155, 229, .25);
        box-shadow: 0 0 .5em rgba(3, 155, 229, .25);
        color: #fff
    }

    .file.is-link:active .file-cta,
    .file.is-link.is-active .file-cta {
        background-color: #038acc;
        border-color: transparent;
        color: #fff
    }

    .file.is-info .file-cta {
        background-color: #3e8ed0;
        border-color: transparent;
        color: #fff
    }

    .file.is-info:hover .file-cta,
    .file.is-info.is-hovered .file-cta {
        background-color: #3488ce;
        border-color: transparent;
        color: #fff
    }

    .file.is-info:focus .file-cta,
    .file.is-info.is-focused .file-cta {
        border-color: transparent;
        -webkit-box-shadow: 0 0 .5em rgba(62, 142, 208, .25);
        box-shadow: 0 0 .5em rgba(62, 142, 208, .25);
        color: #fff
    }

    .file.is-info:active .file-cta,
    .file.is-info.is-active .file-cta {
        background-color: #3082c5;
        border-color: transparent;
        color: #fff
    }

    .file.is-success .file-cta {
        background-color: #1ce589;
        border-color: transparent;
        color: rgba(0, 0, 0, .7)
    }

    .file.is-success:hover .file-cta,
    .file.is-success.is-hovered .file-cta {
        background-color: #19db82;
        border-color: transparent;
        color: rgba(0, 0, 0, .7)
    }

    .file.is-success:focus .file-cta,
    .file.is-success.is-focused .file-cta {
        border-color: transparent;
        -webkit-box-shadow: 0 0 .5em rgba(28, 229, 137, .25);
        box-shadow: 0 0 .5em rgba(28, 229, 137, .25);
        color: rgba(0, 0, 0, .7)
    }

    .file.is-success:active .file-cta,
    .file.is-success.is-active .file-cta {
        background-color: #18d07c;
        border-color: transparent;
        color: rgba(0, 0, 0, .7)
    }

    .file.is-warning .file-cta {
        background-color: #ffe08a;
        border-color: transparent;
        color: rgba(0, 0, 0, .7)
    }

    .file.is-warning:hover .file-cta,
    .file.is-warning.is-hovered .file-cta {
        background-color: #ffdc7d;
        border-color: transparent;
        color: rgba(0, 0, 0, .7)
    }

    .file.is-warning:focus .file-cta,
    .file.is-warning.is-focused .file-cta {
        border-color: transparent;
        -webkit-box-shadow: 0 0 .5em rgba(255, 224, 138, .25);
        box-shadow: 0 0 .5em rgba(255, 224, 138, .25);
        color: rgba(0, 0, 0, .7)
    }

    .file.is-warning:active .file-cta,
    .file.is-warning.is-active .file-cta {
        background-color: #ffd970;
        border-color: transparent;
        color: rgba(0, 0, 0, .7)
    }

    .file.is-danger .file-cta {
        background-color: #f71416;
        border-color: transparent;
        color: #fff
    }

    .file.is-danger:hover .file-cta,
    .file.is-danger.is-hovered .file-cta {
        background-color: #f6080a;
        border-color: transparent;
        color: #fff
    }

    .file.is-danger:focus .file-cta,
    .file.is-danger.is-focused .file-cta {
        border-color: transparent;
        -webkit-box-shadow: 0 0 .5em rgba(247, 20, 22, .25);
        box-shadow: 0 0 .5em rgba(247, 20, 22, .25);
        color: #fff
    }

    .file.is-danger:active .file-cta,
    .file.is-danger.is-active .file-cta {
        background-color: #ea080a;
        border-color: transparent;
        color: #fff
    }

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

    .file.is-normal {
        font-size: 1rem
    }

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

        .file.is-medium .file-icon .fa {
            font-size: 21px
        }

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

        .file.is-large .file-icon .fa {
            font-size: 28px
        }

    .file.has-name .file-cta {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .file.has-name .file-name {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .file.has-name.is-empty .file-cta {
        border-radius: 4px
    }

    .file.has-name.is-empty .file-name {
        display: none
    }

    .file.is-boxed .file-label {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .file.is-boxed .file-cta {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        padding: 1em 3em
    }

    .file.is-boxed .file-name {
        border-width: 0 1px 1px
    }

    .file.is-boxed .file-icon {
        height: 1.5em;
        width: 1.5em
    }

        .file.is-boxed .file-icon .fa {
            font-size: 21px
        }

    .file.is-boxed.is-small .file-icon .fa {
        font-size: 14px
    }

    .file.is-boxed.is-medium .file-icon .fa {
        font-size: 28px
    }

    .file.is-boxed.is-large .file-icon .fa {
        font-size: 35px
    }

    .file.is-boxed.has-name .file-cta {
        border-radius: 4px 4px 0 0
    }

    .file.is-boxed.has-name .file-name {
        border-radius: 0 0 4px 4px;
        border-width: 0 1px 1px
    }

    .file.is-centered {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .file.is-fullwidth .file-label {
        width: 100%
    }

    .file.is-fullwidth .file-name {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: none
    }

    .file.is-right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

        .file.is-right .file-cta {
            border-radius: 0 4px 4px 0
        }

        .file.is-right .file-name {
            border-radius: 4px 0 0 4px;
            border-width: 1px 0 1px 1px;
            -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
            order: -1
        }

.file-label {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: hidden;
    position: relative
}

    .file-label:hover .file-cta {
        background-color: #eee;
        color: #363636
    }

    .file-label:hover .file-name {
        border-color: #d5d5d5
    }

    .file-label:active .file-cta {
        background-color: #e8e8e8;
        color: #363636
    }

    .file-label:active .file-name {
        border-color: #cfcfcf
    }

.file-input {
    height: 100%;
    left: 0;
    opacity: 0;
    outline: none;
    position: absolute;
    top: 0;
    width: 100%
}

.file-cta,
.file-name {
    border-color: #dbdbdb;
    border-radius: 4px;
    font-size: 1em;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap
}

.file-cta {
    background-color: #f5f5f5;
    color: #4a4a4a
}

.file-name {
    border-color: #dbdbdb;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    display: block;
    max-width: 16em;
    overflow: hidden;
    text-align: inherit;
    text-overflow: ellipsis
}

.file-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: .5em;
    width: 1em
}

    .file-icon .fa {
        font-size: 14px
    }

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

    .label:not(:last-child) {
        margin-bottom: .5em
    }

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

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

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

.help {
    display: block;
    font-size: .75rem;
    margin-top: .25rem
}

    .help.is-white {
        color: #fff
    }

    .help.is-black {
        color: #0a0a0a
    }

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

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

    .help.is-primary {
        color: #3d70b2
    }

    .help.is-link {
        color: #039be5
    }

    .help.is-info {
        color: #3e8ed0
    }

    .help.is-success {
        color: #1ce589
    }

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

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

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

.field.has-addons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .field.has-addons .control:not(:last-child) {
        margin-right: -1px
    }

    .field.has-addons .control:not(:first-child):not(:last-child) .button,
    .field.has-addons .control:not(:first-child):not(:last-child) .input,
    .field.has-addons .control:not(:first-child):not(:last-child) .select select {
        border-radius: 0
    }

    .field.has-addons .control:first-child:not(:only-child) .button,
    .field.has-addons .control:first-child:not(:only-child) .input,
    .field.has-addons .control:first-child:not(:only-child) .select select {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .field.has-addons .control:last-child:not(:only-child) .button,
    .field.has-addons .control:last-child:not(:only-child) .input,
    .field.has-addons .control:last-child:not(:only-child) .select select {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .field.has-addons .control .button:not([disabled]):hover,
    .field.has-addons .control .button:not([disabled]).is-hovered,
    .field.has-addons .control .input:not([disabled]):hover,
    .field.has-addons .control .input:not([disabled]).is-hovered,
    .field.has-addons .control .select select:not([disabled]):hover,
    .field.has-addons .control .select select:not([disabled]).is-hovered {
        z-index: 2
    }

    .field.has-addons .control .button:not([disabled]):focus,
    .field.has-addons .control .button:not([disabled]).is-focused,
    .field.has-addons .control .button:not([disabled]):active,
    .field.has-addons .control .button:not([disabled]).is-active,
    .field.has-addons .control .input:not([disabled]):focus,
    .field.has-addons .control .input:not([disabled]).is-focused,
    .field.has-addons .control .input:not([disabled]):active,
    .field.has-addons .control .input:not([disabled]).is-active,
    .field.has-addons .control .select select:not([disabled]):focus,
    .field.has-addons .control .select select:not([disabled]).is-focused,
    .field.has-addons .control .select select:not([disabled]):active,
    .field.has-addons .control .select select:not([disabled]).is-active {
        z-index: 3
    }

        .field.has-addons .control .button:not([disabled]):focus:hover,
        .field.has-addons .control .button:not([disabled]).is-focused:hover,
        .field.has-addons .control .button:not([disabled]):active:hover,
        .field.has-addons .control .button:not([disabled]).is-active:hover,
        .field.has-addons .control .input:not([disabled]):focus:hover,
        .field.has-addons .control .input:not([disabled]).is-focused:hover,
        .field.has-addons .control .input:not([disabled]):active:hover,
        .field.has-addons .control .input:not([disabled]).is-active:hover,
        .field.has-addons .control .select select:not([disabled]):focus:hover,
        .field.has-addons .control .select select:not([disabled]).is-focused:hover,
        .field.has-addons .control .select select:not([disabled]):active:hover,
        .field.has-addons .control .select select:not([disabled]).is-active:hover {
            z-index: 4
        }

    .field.has-addons .control.is-expanded {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .field.has-addons.has-addons-centered {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .field.has-addons.has-addons-right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .field.has-addons.has-addons-fullwidth .control {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

.field.is-grouped {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .field.is-grouped > .control {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

        .field.is-grouped > .control:not(:last-child) {
            margin-bottom: 0;
            margin-right: .75rem
        }

        .field.is-grouped > .control.is-expanded {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -ms-flex-negative: 1;
            flex-shrink: 1
        }

    .field.is-grouped.is-grouped-centered {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .field.is-grouped.is-grouped-right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .field.is-grouped.is-grouped-multiline {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .field.is-grouped.is-grouped-multiline > .control:last-child,
        .field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
            margin-bottom: .75rem
        }

        .field.is-grouped.is-grouped-multiline:last-child {
            margin-bottom: -0.75rem
        }

        .field.is-grouped.is-grouped-multiline:not(:last-child) {
            margin-bottom: 0
        }

@media screen and (min-width: 769px), print {
    .field.is-horizontal {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

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

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

@media screen and (min-width: 769px), print {
    .field-label {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 1.5rem;
        text-align: right
    }

        .field-label.is-small {
            font-size: .75rem;
            padding-top: .375em
        }

        .field-label.is-normal {
            padding-top: .375em
        }

        .field-label.is-medium {
            font-size: 1.25rem;
            padding-top: .375em
        }

        .field-label.is-large {
            font-size: 1.5rem;
            padding-top: .375em
        }
}

.field-body .field .field {
    margin-bottom: 0
}

@media screen and (min-width: 769px), print {
    .field-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 5;
        -ms-flex-positive: 5;
        flex-grow: 5;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

        .field-body .field {
            margin-bottom: 0
        }

        .field-body > .field {
            -ms-flex-negative: 1;
            flex-shrink: 1
        }

            .field-body > .field:not(.is-narrow) {
                -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                flex-grow: 1
            }

            .field-body > .field:not(:last-child) {
                margin-right: .75rem
            }
}

.control {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    font-size: 1rem;
    position: relative;
    text-align: inherit
}

    .control.has-icons-left .input:focus ~ .icon,
    .control.has-icons-left .select:focus ~ .icon,
    .control.has-icons-right .input:focus ~ .icon,
    .control.has-icons-right .select:focus ~ .icon {
        color: #4a4a4a
    }

    .control.has-icons-left .input.is-small ~ .icon,
    .control.has-icons-left .select.is-small ~ .icon,
    .control.has-icons-right .input.is-small ~ .icon,
    .control.has-icons-right .select.is-small ~ .icon {
        font-size: .75rem
    }

    .control.has-icons-left .input.is-medium ~ .icon,
    .control.has-icons-left .select.is-medium ~ .icon,
    .control.has-icons-right .input.is-medium ~ .icon,
    .control.has-icons-right .select.is-medium ~ .icon {
        font-size: 1.25rem
    }

    .control.has-icons-left .input.is-large ~ .icon,
    .control.has-icons-left .select.is-large ~ .icon,
    .control.has-icons-right .input.is-large ~ .icon,
    .control.has-icons-right .select.is-large ~ .icon {
        font-size: 1.5rem
    }

    .control.has-icons-left .icon,
    .control.has-icons-right .icon {
        color: #dbdbdb;
        height: 2.5em;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 2.5em;
        z-index: 4
    }

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

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

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

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

    .control.is-loading::after {
        position: absolute !important;
        right: .625em;
        top: .625em;
        z-index: 4
    }

    .control.is-loading.is-small:after {
        font-size: .75rem
    }

    .control.is-loading.is-medium:after {
        font-size: 1.25rem
    }

    .control.is-loading.is-large:after {
        font-size: 1.5rem
    }

.breadcrumb {
    font-size: 1rem;
    white-space: nowrap
}

    .breadcrumb a {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #039be5;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0 .75em
    }

        .breadcrumb a:hover {
            color: #363636
        }

    .breadcrumb li {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .breadcrumb li:first-child a {
            padding-left: 0
        }

        .breadcrumb li.is-active a {
            color: #363636;
            cursor: default;
            pointer-events: none
        }

        .breadcrumb li + li::before {
            color: #b5b5b5;
            content: "/"
        }

    .breadcrumb ul,
    .breadcrumb ol {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .breadcrumb .icon:first-child {
        margin-right: .5em
    }

    .breadcrumb .icon:last-child {
        margin-left: .5em
    }

    .breadcrumb.is-centered ol,
    .breadcrumb.is-centered ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .breadcrumb.is-right ol,
    .breadcrumb.is-right ul {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

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

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

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

    .breadcrumb.has-arrow-separator li + li::before {
        content: "→"
    }

    .breadcrumb.has-bullet-separator li + li::before {
        content: "•"
    }

    .breadcrumb.has-dot-separator li + li::before {
        content: "·"
    }

    .breadcrumb.has-succeeds-separator li + li::before {
        content: "≻"
    }

.card,
.shop-wrapper .cart-container .cart-content .cart-summary .summary-card {
    background-color: #fff;
    border-radius: .25rem;
    -webkit-box-shadow: 0 .5em 1em -0.125em rgba(10, 10, 10, .1), 0 0px 0 1px rgba(10, 10, 10, .02);
    box-shadow: 0 .5em 1em -0.125em rgba(10, 10, 10, .1), 0 0px 0 1px rgba(10, 10, 10, .02);
    color: #4a4a4a;
    max-width: 100%;
    position: relative
}

.card-footer:first-child,
.card-content:first-child,
.card-header:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card-footer:last-child,
.card-content:last-child,
.card-header:last-child {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.card-header {
    background-color: transparent;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-shadow: 0 .125em .25em rgba(10, 10, 10, .1);
    box-shadow: 0 .125em .25em rgba(10, 10, 10, .1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card-header-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #363636;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-weight: 700;
    padding: .75rem 1rem
}

    .card-header-title.is-centered {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

.card-header-icon {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: none;
    color: currentColor;
    font-family: inherit;
    font-size: 1em;
    margin: 0;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .75rem 1rem
}

.card-image {
    display: block;
    position: relative
}

    .card-image:first-child img {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .card-image:last-child img {
        border-bottom-left-radius: .25rem;
        border-bottom-right-radius: .25rem
    }

.card-content {
    background-color: transparent;
    padding: 1.5rem
}

.card-footer {
    background-color: transparent;
    border-top: 1px solid #ededed;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card-footer-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .75rem
}

    .card-footer-item:not(:last-child) {
        border-right: 1px solid #ededed
    }

.card .media:not(:last-child),
.shop-wrapper .cart-container .cart-content .cart-summary .summary-card .media:not(:last-child) {
    margin-bottom: 1.5rem
}

.dropdown {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    vertical-align: top
}

    .dropdown.is-active .dropdown-menu,
    .dropdown.is-hoverable:hover .dropdown-menu {
        display: block
    }

    .dropdown.is-right .dropdown-menu {
        left: auto;
        right: 0
    }

    .dropdown.is-up .dropdown-menu {
        bottom: 100%;
        padding-bottom: 4px;
        padding-top: initial;
        top: auto
    }

.dropdown-menu {
    display: none;
    left: 0;
    min-width: 12rem;
    padding-top: 4px;
    position: absolute;
    top: 100%;
    z-index: 20
}

.dropdown-content {
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 .5em 1em -0.125em rgba(10, 10, 10, .1), 0 0px 0 1px rgba(10, 10, 10, .02);
    box-shadow: 0 .5em 1em -0.125em rgba(10, 10, 10, .1), 0 0px 0 1px rgba(10, 10, 10, .02);
    padding-bottom: .5rem;
    padding-top: .5rem
}

.dropdown-item {
    border-color: #dbdbdb;
    border-radius:4px;
    color: #4a4a4a;
    display: block;
    font-size: .875rem;
    line-height: 1.5;
    padding: .375rem 1rem;
    position: relative
}

a.dropdown-item,
button.dropdown-item {
    padding-right: 3rem;
    text-align: inherit;
    white-space: nowrap;
    width: 100%
}

    a.dropdown-item:hover,
    button.dropdown-item:hover {
        background-color: #f5f5f5;
        color: #0a0a0a
    }

    a.dropdown-item.is-active,
    button.dropdown-item.is-active {
        background-color: #039be5;
        color: #fff
    }

.dropdown-divider {
    background-color: #ededed;
    border: none;
    display: block;
    height: 1px;
    margin: .5rem 0
}

.level {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .level code {
        border-radius: 4px
    }

    .level img {
        display: inline-block;
        vertical-align: top
    }

    .level.is-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .level.is-mobile .level-left,
        .level.is-mobile .level-right {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

            .level.is-mobile .level-left + .level-right {
                margin-top: 0
            }

        .level.is-mobile .level-item:not(:last-child) {
            margin-bottom: 0;
            margin-right: .75rem
        }

        .level.is-mobile .level-item:not(.is-narrow) {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1
        }

@media screen and (min-width: 769px), print {
    .level {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .level > .level-item:not(.is-narrow) {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1
        }
}

.level-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .level-item .title,
    .level-item .subtitle {
        margin-bottom: 0
    }

@media screen and (max-width: 768px) {
    .level-item:not(:last-child) {
        margin-bottom: .75rem
    }
}

.level-left,
.level-right {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

    .level-left .level-item.is-flexible,
    .level-right .level-item.is-flexible {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

@media screen and (min-width: 769px), print {
    .level-left .level-item:not(:last-child),
    .level-right .level-item:not(:last-child) {
        margin-right: .75rem
    }
}

.level-left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (max-width: 768px) {
    .level-left + .level-right {
        margin-top: 1.5rem
    }
}

@media screen and (min-width: 769px), print {
    .level-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.level-right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (min-width: 769px), print {
    .level-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.media {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: inherit
}

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

    .media .media {
        border-top: 1px solid rgba(219, 219, 219, .5);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: .75rem
    }

        .media .media .content:not(:last-child),
        .media .media .control:not(:last-child) {
            margin-bottom: .5rem
        }

        .media .media .media {
            padding-top: .5rem
        }

            .media .media .media + .media {
                margin-top: .5rem
            }

    .media + .media {
        border-top: 1px solid rgba(219, 219, 219, .5);
        margin-top: 1rem;
        padding-top: 1rem
    }

    .media.is-large + .media {
        margin-top: 1.5rem;
        padding-top: 1.5rem
    }

.media-left,
.media-right {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.media-left {
    margin-right: 1rem
}

.media-right {
    margin-left: 1rem
}

.media-content {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    text-align: inherit
}

@media screen and (max-width: 768px) {
    .media-content {
        overflow-x: auto
    }
}

.menu {
    font-size: 1rem
}

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

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

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

.menu-list {
    line-height: 1.25
}

    .menu-list a {
        border-radius: 2px;
        color: #4a4a4a;
        display: block;
        padding: .5em .75em
    }

        .menu-list a:hover {
            background-color: #f5f5f5;
            color: #363636
        }

        .menu-list a.is-active {
            background-color: #039be5;
            color: #fff
        }

    .menu-list li ul {
        border-left: 1px solid #dbdbdb;
        margin: .75em;
        padding-left: .75em
    }

.menu-label {
    color: #7a7a7a;
    font-size: .75em;
    letter-spacing: .1em;
    text-transform: uppercase
}

    .menu-label:not(:first-child) {
        margin-top: 1em
    }

    .menu-label:not(:last-child) {
        margin-bottom: 1em
    }

.message {
    background-color: #f5f5f5;
    border-radius: 4px;
    font-size: 1rem
}

    .message strong {
        color: currentColor
    }

    .message a:not(.button):not(.tag):not(.dropdown-item) {
        color: currentColor;
        text-decoration: underline
    }

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

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

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

    .message.is-white {
        background-color: #fff
    }

        .message.is-white .message-header {
            background-color: #fff;
            color: #0a0a0a
        }

        .message.is-white .message-body {
            border-color: #fff
        }

    .message.is-black {
        background-color: #fafafa
    }

        .message.is-black .message-header {
            background-color: #0a0a0a;
            color: #fff
        }

        .message.is-black .message-body {
            border-color: #0a0a0a
        }

    .message.is-light {
        background-color: #fafafa
    }

        .message.is-light .message-header {
            background-color: #f5f5f5;
            color: rgba(0, 0, 0, .7)
        }

        .message.is-light .message-body {
            border-color: #f5f5f5
        }

    .message.is-dark {
        background-color: #f9fafb
    }

        .message.is-dark .message-header {
            background-color: #202836;
            color: #fff
        }

        .message.is-dark .message-body {
            border-color: #202836
        }

    .message.is-primary {
        background-color: #f0f4fa
    }

        .message.is-primary .message-header {
            background-color: #3d70b2;
            color: #fff
        }

        .message.is-primary .message-body {
            border-color: #3d70b2;
            color: #3c6eaf
        }

    .message.is-link {
        background-color: #ebf8ff
    }

        .message.is-link .message-header {
            background-color: #039be5;
            color: #fff
        }

        .message.is-link .message-body {
            border-color: #039be5;
            color: #0385c4
        }

    .message.is-info {
        background-color: #eff5fb
    }

        .message.is-info .message-header {
            background-color: #3e8ed0;
            color: #fff
        }

        .message.is-info .message-body {
            border-color: #3e8ed0;
            color: #296fa8
        }

    .message.is-success {
        background-color: #edfdf5
    }

        .message.is-success .message-header {
            background-color: #1ce589;
            color: rgba(0, 0, 0, .7)
        }

        .message.is-success .message-body {
            border-color: #1ce589;
            color: #0f854f
        }

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

        .message.is-warning .message-header {
            background-color: #ffe08a;
            color: rgba(0, 0, 0, .7)
        }

        .message.is-warning .message-body {
            border-color: #ffe08a;
            color: #946c00
        }

    .message.is-danger {
        background-color: #feebeb
    }

        .message.is-danger .message-header {
            background-color: #f71416;
            color: #fff
        }

        .message.is-danger .message-body {
            border-color: #f71416;
            color: #e3080a
        }

.message-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #4a4a4a;
    border-radius: 4px 4px 0 0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 1.25;
    padding: .75em 1em;
    position: relative
}

    .message-header .delete {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-left: .75em
    }

    .message-header + .message-body {
        border-width: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.message-body {
    border-color: #dbdbdb;
    border-radius: 4px;
    border-style: solid;
    border-width: 0 0 0 4px;
    color: #4a4a4a;
    padding: 1.25em 1.5em
}

    .message-body code,
    .message-body pre {
        background-color: #fff
    }

        .message-body pre code {
            background-color: transparent
        }

.modal {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    z-index: 40
}

    .modal.is-active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

.modal-background {
    background-color: rgba(10, 10, 10, .86)
}

.modal-content,
.modal-card {
    margin: 0 20px;
    max-height: calc(100vh - 160px);
    overflow: auto;
    position: relative;
    width: 100%
}

@media screen and (min-width: 769px) {
    .modal-content,
    .modal-card {
        margin: 0 auto;
        max-height: calc(100vh - 40px);
        width: 640px
    }
}

.modal-close {
    background: none;
    height: 40px;
    position: fixed;
    right: 20px;
    top: 20px;
    width: 40px
}

.modal-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: calc(100vh - 40px);
    overflow: hidden;
    -ms-overflow-y: visible
}

.modal-card-head,
.modal-card-foot {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f5f5f5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 20px;
    position: relative
}

.modal-card-head {
    border-bottom: 1px solid #dbdbdb;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.modal-card-title {
    color: #363636;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 1.5rem;
    line-height: 1
}

.modal-card-foot {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 1px solid #dbdbdb
}

    .modal-card-foot .button:not(:last-child) {
        margin-right: .5em
    }

.modal-card-body {
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    overflow: auto;
    padding: 20px
}

.navbar {
    background-color: #fff;
    min-height: 3.25rem;
    position: relative;
    z-index: 30
}

    .navbar.is-white {
        background-color: #fff;
        color: #0a0a0a
    }

        .navbar.is-white .navbar-brand > .navbar-item,
        .navbar.is-white .navbar-brand .navbar-link {
            color: #0a0a0a
        }

            .navbar.is-white .navbar-brand > a.navbar-item:focus,
            .navbar.is-white .navbar-brand > a.navbar-item:hover,
            .navbar.is-white .navbar-brand > a.navbar-item.is-active,
            .navbar.is-white .navbar-brand .navbar-link:focus,
            .navbar.is-white .navbar-brand .navbar-link:hover,
            .navbar.is-white .navbar-brand .navbar-link.is-active {
                background-color: #f2f2f2;
                color: #0a0a0a
            }

            .navbar.is-white .navbar-brand .navbar-link::after {
                border-color: #0a0a0a
            }

        .navbar.is-white .navbar-burger {
            color: #0a0a0a
        }

@media screen and (min-width: 1024px) {
    .navbar.is-white .navbar-start > .navbar-item,
    .navbar.is-white .navbar-start .navbar-link,
    .navbar.is-white .navbar-end > .navbar-item,
    .navbar.is-white .navbar-end .navbar-link {
        color: #0a0a0a
    }

        .navbar.is-white .navbar-start > a.navbar-item:focus,
        .navbar.is-white .navbar-start > a.navbar-item:hover,
        .navbar.is-white .navbar-start > a.navbar-item.is-active,
        .navbar.is-white .navbar-start .navbar-link:focus,
        .navbar.is-white .navbar-start .navbar-link:hover,
        .navbar.is-white .navbar-start .navbar-link.is-active,
        .navbar.is-white .navbar-end > a.navbar-item:focus,
        .navbar.is-white .navbar-end > a.navbar-item:hover,
        .navbar.is-white .navbar-end > a.navbar-item.is-active,
        .navbar.is-white .navbar-end .navbar-link:focus,
        .navbar.is-white .navbar-end .navbar-link:hover,
        .navbar.is-white .navbar-end .navbar-link.is-active {
            background-color: #f2f2f2;
            color: #0a0a0a
        }

        .navbar.is-white .navbar-start .navbar-link::after,
        .navbar.is-white .navbar-end .navbar-link::after {
            border-color: #0a0a0a
        }

    .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #f2f2f2;
        color: #0a0a0a
    }

    .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
        background-color: #fff;
        color: #0a0a0a
    }
}

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

    .navbar.is-black .navbar-brand > .navbar-item,
    .navbar.is-black .navbar-brand .navbar-link {
        color: #fff
    }

        .navbar.is-black .navbar-brand > a.navbar-item:focus,
        .navbar.is-black .navbar-brand > a.navbar-item:hover,
        .navbar.is-black .navbar-brand > a.navbar-item.is-active,
        .navbar.is-black .navbar-brand .navbar-link:focus,
        .navbar.is-black .navbar-brand .navbar-link:hover,
        .navbar.is-black .navbar-brand .navbar-link.is-active {
            background-color: #000;
            color: #fff
        }

        .navbar.is-black .navbar-brand .navbar-link::after {
            border-color: #fff
        }

    .navbar.is-black .navbar-burger {
        color: #fff
    }

@media screen and (min-width: 1024px) {
    .navbar.is-black .navbar-start > .navbar-item,
    .navbar.is-black .navbar-start .navbar-link,
    .navbar.is-black .navbar-end > .navbar-item,
    .navbar.is-black .navbar-end .navbar-link {
        color: #fff
    }

        .navbar.is-black .navbar-start > a.navbar-item:focus,
        .navbar.is-black .navbar-start > a.navbar-item:hover,
        .navbar.is-black .navbar-start > a.navbar-item.is-active,
        .navbar.is-black .navbar-start .navbar-link:focus,
        .navbar.is-black .navbar-start .navbar-link:hover,
        .navbar.is-black .navbar-start .navbar-link.is-active,
        .navbar.is-black .navbar-end > a.navbar-item:focus,
        .navbar.is-black .navbar-end > a.navbar-item:hover,
        .navbar.is-black .navbar-end > a.navbar-item.is-active,
        .navbar.is-black .navbar-end .navbar-link:focus,
        .navbar.is-black .navbar-end .navbar-link:hover,
        .navbar.is-black .navbar-end .navbar-link.is-active {
            background-color: #000;
            color: #fff
        }

        .navbar.is-black .navbar-start .navbar-link::after,
        .navbar.is-black .navbar-end .navbar-link::after {
            border-color: #fff
        }

    .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #000;
        color: #fff
    }

    .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
        background-color: #0a0a0a;
        color: #fff
    }
}

.navbar.is-light {
    background-color: #f5f5f5;
    color: rgba(0, 0, 0, .7)
}

    .navbar.is-light .navbar-brand > .navbar-item,
    .navbar.is-light .navbar-brand .navbar-link {
        color: rgba(0, 0, 0, .7)
    }

        .navbar.is-light .navbar-brand > a.navbar-item:focus,
        .navbar.is-light .navbar-brand > a.navbar-item:hover,
        .navbar.is-light .navbar-brand > a.navbar-item.is-active,
        .navbar.is-light .navbar-brand .navbar-link:focus,
        .navbar.is-light .navbar-brand .navbar-link:hover,
        .navbar.is-light .navbar-brand .navbar-link.is-active {
            background-color: #e8e8e8;
            color: rgba(0, 0, 0, .7)
        }

        .navbar.is-light .navbar-brand .navbar-link::after {
            border-color: rgba(0, 0, 0, .7)
        }

    .navbar.is-light .navbar-burger {
        color: rgba(0, 0, 0, .7)
    }

@media screen and (min-width: 1024px) {
    .navbar.is-light .navbar-start > .navbar-item,
    .navbar.is-light .navbar-start .navbar-link,
    .navbar.is-light .navbar-end > .navbar-item,
    .navbar.is-light .navbar-end .navbar-link {
        color: rgba(0, 0, 0, .7)
    }

        .navbar.is-light .navbar-start > a.navbar-item:focus,
        .navbar.is-light .navbar-start > a.navbar-item:hover,
        .navbar.is-light .navbar-start > a.navbar-item.is-active,
        .navbar.is-light .navbar-start .navbar-link:focus,
        .navbar.is-light .navbar-start .navbar-link:hover,
        .navbar.is-light .navbar-start .navbar-link.is-active,
        .navbar.is-light .navbar-end > a.navbar-item:focus,
        .navbar.is-light .navbar-end > a.navbar-item:hover,
        .navbar.is-light .navbar-end > a.navbar-item.is-active,
        .navbar.is-light .navbar-end .navbar-link:focus,
        .navbar.is-light .navbar-end .navbar-link:hover,
        .navbar.is-light .navbar-end .navbar-link.is-active {
            background-color: #e8e8e8;
            color: rgba(0, 0, 0, .7)
        }

        .navbar.is-light .navbar-start .navbar-link::after,
        .navbar.is-light .navbar-end .navbar-link::after {
            border-color: rgba(0, 0, 0, .7)
        }

    .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #e8e8e8;
        color: rgba(0, 0, 0, .7)
    }

    .navbar.is-light .navbar-dropdown a.navbar-item.is-active {
        background-color: #f5f5f5;
        color: rgba(0, 0, 0, .7)
    }
}

.navbar.is-dark {
    background-color: #202836;
    color: #fff
}

    .navbar.is-dark .navbar-brand > .navbar-item,
    .navbar.is-dark .navbar-brand .navbar-link {
        color: #fff
    }

        .navbar.is-dark .navbar-brand > a.navbar-item:focus,
        .navbar.is-dark .navbar-brand > a.navbar-item:hover,
        .navbar.is-dark .navbar-brand > a.navbar-item.is-active,
        .navbar.is-dark .navbar-brand .navbar-link:focus,
        .navbar.is-dark .navbar-brand .navbar-link:hover,
        .navbar.is-dark .navbar-brand .navbar-link.is-active {
            background-color: #171c26;
            color: #fff
        }

        .navbar.is-dark .navbar-brand .navbar-link::after {
            border-color: #fff
        }

    .navbar.is-dark .navbar-burger {
        color: #fff
    }

@media screen and (min-width: 1024px) {
    .navbar.is-dark .navbar-start > .navbar-item,
    .navbar.is-dark .navbar-start .navbar-link,
    .navbar.is-dark .navbar-end > .navbar-item,
    .navbar.is-dark .navbar-end .navbar-link {
        color: #fff
    }

        .navbar.is-dark .navbar-start > a.navbar-item:focus,
        .navbar.is-dark .navbar-start > a.navbar-item:hover,
        .navbar.is-dark .navbar-start > a.navbar-item.is-active,
        .navbar.is-dark .navbar-start .navbar-link:focus,
        .navbar.is-dark .navbar-start .navbar-link:hover,
        .navbar.is-dark .navbar-start .navbar-link.is-active,
        .navbar.is-dark .navbar-end > a.navbar-item:focus,
        .navbar.is-dark .navbar-end > a.navbar-item:hover,
        .navbar.is-dark .navbar-end > a.navbar-item.is-active,
        .navbar.is-dark .navbar-end .navbar-link:focus,
        .navbar.is-dark .navbar-end .navbar-link:hover,
        .navbar.is-dark .navbar-end .navbar-link.is-active {
            background-color: #171c26;
            color: #fff
        }

        .navbar.is-dark .navbar-start .navbar-link::after,
        .navbar.is-dark .navbar-end .navbar-link::after {
            border-color: #fff
        }

    .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #171c26;
        color: #fff
    }

    .navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
        background-color: #202836;
        color: #fff
    }
}

.navbar.is-primary {
    background-color: #3d70b2;
    color: #fff
}

    .navbar.is-primary .navbar-brand > .navbar-item,
    .navbar.is-primary .navbar-brand .navbar-link {
        color: #fff
    }

        .navbar.is-primary .navbar-brand > a.navbar-item:focus,
        .navbar.is-primary .navbar-brand > a.navbar-item:hover,
        .navbar.is-primary .navbar-brand > a.navbar-item.is-active,
        .navbar.is-primary .navbar-brand .navbar-link:focus,
        .navbar.is-primary .navbar-brand .navbar-link:hover,
        .navbar.is-primary .navbar-brand .navbar-link.is-active {
            background-color: #36649f;
            color: #fff
        }

        .navbar.is-primary .navbar-brand .navbar-link::after {
            border-color: #fff
        }

    .navbar.is-primary .navbar-burger {
        color: #fff
    }

@media screen and (min-width: 1024px) {
    .navbar.is-primary .navbar-start > .navbar-item,
    .navbar.is-primary .navbar-start .navbar-link,
    .navbar.is-primary .navbar-end > .navbar-item,
    .navbar.is-primary .navbar-end .navbar-link {
        color: #fff
    }

        .navbar.is-primary .navbar-start > a.navbar-item:focus,
        .navbar.is-primary .navbar-start > a.navbar-item:hover,
        .navbar.is-primary .navbar-start > a.navbar-item.is-active,
        .navbar.is-primary .navbar-start .navbar-link:focus,
        .navbar.is-primary .navbar-start .navbar-link:hover,
        .navbar.is-primary .navbar-start .navbar-link.is-active,
        .navbar.is-primary .navbar-end > a.navbar-item:focus,
        .navbar.is-primary .navbar-end > a.navbar-item:hover,
        .navbar.is-primary .navbar-end > a.navbar-item.is-active,
        .navbar.is-primary .navbar-end .navbar-link:focus,
        .navbar.is-primary .navbar-end .navbar-link:hover,
        .navbar.is-primary .navbar-end .navbar-link.is-active {
            background-color: #36649f;
            color: #fff
        }

        .navbar.is-primary .navbar-start .navbar-link::after,
        .navbar.is-primary .navbar-end .navbar-link::after {
            border-color: #fff
        }

    .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #36649f;
        color: #fff
    }

    .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
        background-color: #3d70b2;
        color: #fff
    }
}

.navbar.is-link {
    background-color: #039be5;
    color: #fff
}

    .navbar.is-link .navbar-brand > .navbar-item,
    .navbar.is-link .navbar-brand .navbar-link {
        color: #fff
    }

        .navbar.is-link .navbar-brand > a.navbar-item:focus,
        .navbar.is-link .navbar-brand > a.navbar-item:hover,
        .navbar.is-link .navbar-brand > a.navbar-item.is-active,
        .navbar.is-link .navbar-brand .navbar-link:focus,
        .navbar.is-link .navbar-brand .navbar-link:hover,
        .navbar.is-link .navbar-brand .navbar-link.is-active {
            background-color: #038acc;
            color: #fff
        }

        .navbar.is-link .navbar-brand .navbar-link::after {
            border-color: #fff
        }

    .navbar.is-link .navbar-burger {
        color: #fff
    }

@media screen and (min-width: 1024px) {
    .navbar.is-link .navbar-start > .navbar-item,
    .navbar.is-link .navbar-start .navbar-link,
    .navbar.is-link .navbar-end > .navbar-item,
    .navbar.is-link .navbar-end .navbar-link {
        color: #fff
    }

        .navbar.is-link .navbar-start > a.navbar-item:focus,
        .navbar.is-link .navbar-start > a.navbar-item:hover,
        .navbar.is-link .navbar-start > a.navbar-item.is-active,
        .navbar.is-link .navbar-start .navbar-link:focus,
        .navbar.is-link .navbar-start .navbar-link:hover,
        .navbar.is-link .navbar-start .navbar-link.is-active,
        .navbar.is-link .navbar-end > a.navbar-item:focus,
        .navbar.is-link .navbar-end > a.navbar-item:hover,
        .navbar.is-link .navbar-end > a.navbar-item.is-active,
        .navbar.is-link .navbar-end .navbar-link:focus,
        .navbar.is-link .navbar-end .navbar-link:hover,
        .navbar.is-link .navbar-end .navbar-link.is-active {
            background-color: #038acc;
            color: #fff
        }

        .navbar.is-link .navbar-start .navbar-link::after,
        .navbar.is-link .navbar-end .navbar-link::after {
            border-color: #fff
        }

    .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #038acc;
        color: #fff
    }

    .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
        background-color: #039be5;
        color: #fff
    }
}

.navbar.is-info {
    background-color: #3e8ed0;
    color: #fff
}

    .navbar.is-info .navbar-brand > .navbar-item,
    .navbar.is-info .navbar-brand .navbar-link {
        color: #fff
    }

        .navbar.is-info .navbar-brand > a.navbar-item:focus,
        .navbar.is-info .navbar-brand > a.navbar-item:hover,
        .navbar.is-info .navbar-brand > a.navbar-item.is-active,
        .navbar.is-info .navbar-brand .navbar-link:focus,
        .navbar.is-info .navbar-brand .navbar-link:hover,
        .navbar.is-info .navbar-brand .navbar-link.is-active {
            background-color: #3082c5;
            color: #fff
        }

        .navbar.is-info .navbar-brand .navbar-link::after {
            border-color: #fff
        }

    .navbar.is-info .navbar-burger {
        color: #fff
    }

@media screen and (min-width: 1024px) {
    .navbar.is-info .navbar-start > .navbar-item,
    .navbar.is-info .navbar-start .navbar-link,
    .navbar.is-info .navbar-end > .navbar-item,
    .navbar.is-info .navbar-end .navbar-link {
        color: #fff
    }

        .navbar.is-info .navbar-start > a.navbar-item:focus,
        .navbar.is-info .navbar-start > a.navbar-item:hover,
        .navbar.is-info .navbar-start > a.navbar-item.is-active,
        .navbar.is-info .navbar-start .navbar-link:focus,
        .navbar.is-info .navbar-start .navbar-link:hover,
        .navbar.is-info .navbar-start .navbar-link.is-active,
        .navbar.is-info .navbar-end > a.navbar-item:focus,
        .navbar.is-info .navbar-end > a.navbar-item:hover,
        .navbar.is-info .navbar-end > a.navbar-item.is-active,
        .navbar.is-info .navbar-end .navbar-link:focus,
        .navbar.is-info .navbar-end .navbar-link:hover,
        .navbar.is-info .navbar-end .navbar-link.is-active {
            background-color: #3082c5;
            color: #fff
        }

        .navbar.is-info .navbar-start .navbar-link::after,
        .navbar.is-info .navbar-end .navbar-link::after {
            border-color: #fff
        }

    .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #3082c5;
        color: #fff
    }

    .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
        background-color: #3e8ed0;
        color: #fff
    }
}

.navbar.is-success {
    background-color: #1ce589;
    color: rgba(0, 0, 0, .7)
}

    .navbar.is-success .navbar-brand > .navbar-item,
    .navbar.is-success .navbar-brand .navbar-link {
        color: rgba(0, 0, 0, .7)
    }

        .navbar.is-success .navbar-brand > a.navbar-item:focus,
        .navbar.is-success .navbar-brand > a.navbar-item:hover,
        .navbar.is-success .navbar-brand > a.navbar-item.is-active,
        .navbar.is-success .navbar-brand .navbar-link:focus,
        .navbar.is-success .navbar-brand .navbar-link:hover,
        .navbar.is-success .navbar-brand .navbar-link.is-active {
            background-color: #18d07c;
            color: rgba(0, 0, 0, .7)
        }

        .navbar.is-success .navbar-brand .navbar-link::after {
            border-color: rgba(0, 0, 0, .7)
        }

    .navbar.is-success .navbar-burger {
        color: rgba(0, 0, 0, .7)
    }

@media screen and (min-width: 1024px) {
    .navbar.is-success .navbar-start > .navbar-item,
    .navbar.is-success .navbar-start .navbar-link,
    .navbar.is-success .navbar-end > .navbar-item,
    .navbar.is-success .navbar-end .navbar-link {
        color: rgba(0, 0, 0, .7)
    }

        .navbar.is-success .navbar-start > a.navbar-item:focus,
        .navbar.is-success .navbar-start > a.navbar-item:hover,
        .navbar.is-success .navbar-start > a.navbar-item.is-active,
        .navbar.is-success .navbar-start .navbar-link:focus,
        .navbar.is-success .navbar-start .navbar-link:hover,
        .navbar.is-success .navbar-start .navbar-link.is-active,
        .navbar.is-success .navbar-end > a.navbar-item:focus,
        .navbar.is-success .navbar-end > a.navbar-item:hover,
        .navbar.is-success .navbar-end > a.navbar-item.is-active,
        .navbar.is-success .navbar-end .navbar-link:focus,
        .navbar.is-success .navbar-end .navbar-link:hover,
        .navbar.is-success .navbar-end .navbar-link.is-active {
            background-color: #18d07c;
            color: rgba(0, 0, 0, .7)
        }

        .navbar.is-success .navbar-start .navbar-link::after,
        .navbar.is-success .navbar-end .navbar-link::after {
            border-color: rgba(0, 0, 0, .7)
        }

    .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #18d07c;
        color: rgba(0, 0, 0, .7)
    }

    .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
        background-color: #1ce589;
        color: rgba(0, 0, 0, .7)
    }
}

.navbar.is-warning {
    background-color: #ffe08a;
    color: rgba(0, 0, 0, .7)
}

    .navbar.is-warning .navbar-brand > .navbar-item,
    .navbar.is-warning .navbar-brand .navbar-link {
        color: rgba(0, 0, 0, .7)
    }

        .navbar.is-warning .navbar-brand > a.navbar-item:focus,
        .navbar.is-warning .navbar-brand > a.navbar-item:hover,
        .navbar.is-warning .navbar-brand > a.navbar-item.is-active,
        .navbar.is-warning .navbar-brand .navbar-link:focus,
        .navbar.is-warning .navbar-brand .navbar-link:hover,
        .navbar.is-warning .navbar-brand .navbar-link.is-active {
            background-color: #ffd970;
            color: rgba(0, 0, 0, .7)
        }

        .navbar.is-warning .navbar-brand .navbar-link::after {
            border-color: rgba(0, 0, 0, .7)
        }

    .navbar.is-warning .navbar-burger {
        color: rgba(0, 0, 0, .7)
    }

@media screen and (min-width: 1024px) {
    .navbar.is-warning .navbar-start > .navbar-item,
    .navbar.is-warning .navbar-start .navbar-link,
    .navbar.is-warning .navbar-end > .navbar-item,
    .navbar.is-warning .navbar-end .navbar-link {
        color: rgba(0, 0, 0, .7)
    }

        .navbar.is-warning .navbar-start > a.navbar-item:focus,
        .navbar.is-warning .navbar-start > a.navbar-item:hover,
        .navbar.is-warning .navbar-start > a.navbar-item.is-active,
        .navbar.is-warning .navbar-start .navbar-link:focus,
        .navbar.is-warning .navbar-start .navbar-link:hover,
        .navbar.is-warning .navbar-start .navbar-link.is-active,
        .navbar.is-warning .navbar-end > a.navbar-item:focus,
        .navbar.is-warning .navbar-end > a.navbar-item:hover,
        .navbar.is-warning .navbar-end > a.navbar-item.is-active,
        .navbar.is-warning .navbar-end .navbar-link:focus,
        .navbar.is-warning .navbar-end .navbar-link:hover,
        .navbar.is-warning .navbar-end .navbar-link.is-active {
            background-color: #ffd970;
            color: rgba(0, 0, 0, .7)
        }

        .navbar.is-warning .navbar-start .navbar-link::after,
        .navbar.is-warning .navbar-end .navbar-link::after {
            border-color: rgba(0, 0, 0, .7)
        }

    .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #ffd970;
        color: rgba(0, 0, 0, .7)
    }

    .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
        background-color: #ffe08a;
        color: rgba(0, 0, 0, .7)
    }
}

.navbar.is-danger {
    background-color: #f71416;
    color: #fff
}

    .navbar.is-danger .navbar-brand > .navbar-item,
    .navbar.is-danger .navbar-brand .navbar-link {
        color: #fff
    }

        .navbar.is-danger .navbar-brand > a.navbar-item:focus,
        .navbar.is-danger .navbar-brand > a.navbar-item:hover,
        .navbar.is-danger .navbar-brand > a.navbar-item.is-active,
        .navbar.is-danger .navbar-brand .navbar-link:focus,
        .navbar.is-danger .navbar-brand .navbar-link:hover,
        .navbar.is-danger .navbar-brand .navbar-link.is-active {
            background-color: #ea080a;
            color: #fff
        }

        .navbar.is-danger .navbar-brand .navbar-link::after {
            border-color: #fff
        }

    .navbar.is-danger .navbar-burger {
        color: #fff
    }

@media screen and (min-width: 1024px) {
    .navbar.is-danger .navbar-start > .navbar-item,
    .navbar.is-danger .navbar-start .navbar-link,
    .navbar.is-danger .navbar-end > .navbar-item,
    .navbar.is-danger .navbar-end .navbar-link {
        color: #fff
    }

        .navbar.is-danger .navbar-start > a.navbar-item:focus,
        .navbar.is-danger .navbar-start > a.navbar-item:hover,
        .navbar.is-danger .navbar-start > a.navbar-item.is-active,
        .navbar.is-danger .navbar-start .navbar-link:focus,
        .navbar.is-danger .navbar-start .navbar-link:hover,
        .navbar.is-danger .navbar-start .navbar-link.is-active,
        .navbar.is-danger .navbar-end > a.navbar-item:focus,
        .navbar.is-danger .navbar-end > a.navbar-item:hover,
        .navbar.is-danger .navbar-end > a.navbar-item.is-active,
        .navbar.is-danger .navbar-end .navbar-link:focus,
        .navbar.is-danger .navbar-end .navbar-link:hover,
        .navbar.is-danger .navbar-end .navbar-link.is-active {
            background-color: #ea080a;
            color: #fff
        }

        .navbar.is-danger .navbar-start .navbar-link::after,
        .navbar.is-danger .navbar-end .navbar-link::after {
            border-color: #fff
        }

    .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #ea080a;
        color: #fff
    }

    .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
        background-color: #f71416;
        color: #fff
    }
}

.navbar > .container {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 3.25rem;
    width: 100%
}

.navbar.has-shadow {
    -webkit-box-shadow: 0 2px 0 0 #f5f5f5;
    box-shadow: 0 2px 0 0 #f5f5f5
}

.navbar.is-fixed-bottom,
.navbar.is-fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30
}

.navbar.is-fixed-bottom {
    bottom: 0
}

    .navbar.is-fixed-bottom.has-shadow {
        -webkit-box-shadow: 0 -2px 0 0 #f5f5f5;
        box-shadow: 0 -2px 0 0 #f5f5f5
    }

.navbar.is-fixed-top {
    top: 0
}

html.has-navbar-fixed-top,
body.has-navbar-fixed-top {
    padding-top: 3.25rem
}

html.has-navbar-fixed-bottom,
body.has-navbar-fixed-bottom {
    padding-bottom: 3.25rem
}

.navbar-brand,
.navbar-tabs {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-height: 3.25rem
}

    .navbar-brand a.navbar-item:focus,
    .navbar-brand a.navbar-item:hover {
        background-color: transparent
    }

.navbar-tabs {
    -webkit-overflow-scrolling: touch;
    max-width: 100vw;
    overflow-x: auto;
    overflow-y: hidden
}

.navbar-burger {
    color: #4a4a4a;
    cursor: pointer;
    display: block;
    height: 3.25rem;
    position: relative;
    width: 3.25rem;
    margin-left: auto
}

    .navbar-burger span {
        background-color: currentColor;
        display: block;
        height: 1px;
        left: calc(50% - 8px);
        position: absolute;
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transition-duration: 86ms;
        transition-duration: 86ms;
        -webkit-transition-property: background-color, opacity, -webkit-transform;
        transition-property: background-color, opacity, -webkit-transform;
        transition-property: background-color, opacity, transform;
        transition-property: background-color, opacity, transform, -webkit-transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        width: 16px
    }

        .navbar-burger span:nth-child(1) {
            top: calc(50% - 6px)
        }

        .navbar-burger span:nth-child(2) {
            top: calc(50% - 1px)
        }

        .navbar-burger span:nth-child(3) {
            top: calc(50% + 4px)
        }

    .navbar-burger:hover {
        background-color: rgba(0, 0, 0, .05)
    }

    .navbar-burger.is-active span:nth-child(1) {
        -webkit-transform: translateY(5px) rotate(45deg);
        transform: translateY(5px) rotate(45deg)
    }

    .navbar-burger.is-active span:nth-child(2) {
        opacity: 0
    }

    .navbar-burger.is-active span:nth-child(3) {
        -webkit-transform: translateY(-5px) rotate(-45deg);
        transform: translateY(-5px) rotate(-45deg)
    }

.navbar-menu {
    display: none
}

.navbar-item,
.navbar-link {
    color: #4a4a4a;
    display: block;
    line-height: 1.5;
    padding: .5rem .75rem;
    position: relative
}

    .navbar-item .icon:only-child,
    .navbar-link .icon:only-child {
        margin-left: -0.25rem;
        margin-right: -0.25rem
    }

a.navbar-item,
.navbar-link {
    cursor: pointer
}

    a.navbar-item:focus,
    a.navbar-item:focus-within,
    a.navbar-item:hover,
    a.navbar-item.is-active,
    .navbar-link:focus,
    .navbar-link:focus-within,
    .navbar-link:hover,
    .navbar-link.is-active {
        background-color: #fafafa;
        color: #039be5
    }

.navbar-item {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

    .navbar-item img {
        max-height: 1.75rem
    }

    .navbar-item.has-dropdown {
        padding: 0
    }

    .navbar-item.is-expanded {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .navbar-item.is-tab {
        border-bottom: 1px solid transparent;
        min-height: 3.25rem;
        padding-bottom: calc(0.5rem - 1px)
    }

        .navbar-item.is-tab:focus,
        .navbar-item.is-tab:hover {
            background-color: transparent;
            border-bottom-color: #039be5
        }

        .navbar-item.is-tab.is-active {
            background-color: transparent;
            border-bottom-color: #039be5;
            border-bottom-style: solid;
            border-bottom-width: 3px;
            color: #039be5;
            padding-bottom: calc(0.5rem - 3px)
        }

.navbar-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.navbar-link:not(.is-arrowless) {
    padding-right: 2.5em
}

    .navbar-link:not(.is-arrowless)::after {
        border-color: #039be5;
        margin-top: -0.375em;
        right: 1.125em
    }

.navbar-dropdown {
    font-size: .875rem;
    padding-bottom: .5rem;
    padding-top: .5rem
}

    .navbar-dropdown .navbar-item {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

.navbar-divider {
    background-color: #f5f5f5;
    border: none;
    display: none;
    height: 2px;
    margin: .5rem 0
}

@media screen and (max-width: 1023px) {
    .navbar > .container {
        display: block
    }

    .navbar-brand .navbar-item,
    .navbar-tabs .navbar-item {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .navbar-link::after {
        display: none
    }

    .navbar-menu {
        background-color: #fff;
        -webkit-box-shadow: 0 8px 16px rgba(10, 10, 10, .1);
        box-shadow: 0 8px 16px rgba(10, 10, 10, .1);
        padding: .5rem 0
    }

        .navbar-menu.is-active {
            display: block
        }

    .navbar.is-fixed-bottom-touch,
    .navbar.is-fixed-top-touch {
        left: 0;
        position: fixed;
        right: 0;
        z-index: 30
    }

    .navbar.is-fixed-bottom-touch {
        bottom: 0
    }

        .navbar.is-fixed-bottom-touch.has-shadow {
            -webkit-box-shadow: 0 -2px 3px rgba(10, 10, 10, .1);
            box-shadow: 0 -2px 3px rgba(10, 10, 10, .1)
        }

    .navbar.is-fixed-top-touch {
        top: 0
    }

        .navbar.is-fixed-top .navbar-menu,
        .navbar.is-fixed-top-touch .navbar-menu {
            -webkit-overflow-scrolling: touch;
            max-height: calc(100vh - 3.25rem);
            overflow: auto
        }

    html.has-navbar-fixed-top-touch,
    body.has-navbar-fixed-top-touch {
        padding-top: 3.25rem
    }

    html.has-navbar-fixed-bottom-touch,
    body.has-navbar-fixed-bottom-touch {
        padding-bottom: 3.25rem
    }
}

@media screen and (min-width: 1024px) {
    .navbar,
    .navbar-menu,
    .navbar-start,
    .navbar-end {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .navbar {
        min-height: 3.25rem
    }

        .navbar.is-spaced {
            padding: 1rem 2rem
        }

            .navbar.is-spaced .navbar-start,
            .navbar.is-spaced .navbar-end {
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

            .navbar.is-spaced a.navbar-item,
            .navbar.is-spaced .navbar-link {
                border-radius: 4px
            }

        .navbar.is-transparent a.navbar-item:focus,
        .navbar.is-transparent a.navbar-item:hover,
        .navbar.is-transparent a.navbar-item.is-active,
        .navbar.is-transparent .navbar-link:focus,
        .navbar.is-transparent .navbar-link:hover,
        .navbar.is-transparent .navbar-link.is-active {
            background-color: transparent !important
        }

        .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link,
        .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link,
        .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link,
        .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
            background-color: transparent !important
        }

        .navbar.is-transparent .navbar-dropdown a.navbar-item:focus,
        .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
            background-color: #f5f5f5;
            color: #0a0a0a
        }

        .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
            background-color: #f5f5f5;
            color: #039be5
        }

    .navbar-burger {
        display: none
    }

    .navbar-item,
    .navbar-link {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .navbar-item.has-dropdown {
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            align-items: stretch
        }

        .navbar-item.has-dropdown-up .navbar-link::after {
            -webkit-transform: rotate(135deg) translate(0.25em, -0.25em);
            transform: rotate(135deg) translate(0.25em, -0.25em)
        }

        .navbar-item.has-dropdown-up .navbar-dropdown {
            border-bottom: 2px solid #dbdbdb;
            border-radius: 6px 6px 0 0;
            border-top: none;
            bottom: 100%;
            -webkit-box-shadow: 0 -8px 8px rgba(10, 10, 10, .1);
            box-shadow: 0 -8px 8px rgba(10, 10, 10, .1);
            top: auto
        }

        .navbar-item.is-active .navbar-dropdown,
        .navbar-item.is-hoverable:focus .navbar-dropdown,
        .navbar-item.is-hoverable:focus-within .navbar-dropdown,
        .navbar-item.is-hoverable:hover .navbar-dropdown {
            display: block
        }

            .navbar.is-spaced .navbar-item.is-active .navbar-dropdown,
            .navbar-item.is-active .navbar-dropdown.is-boxed,
            .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown,
            .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed,
            .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown,
            .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed,
            .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown,
            .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
                opacity: 1;
                pointer-events: auto;
                -webkit-transform: translateY(0);
                transform: translateY(0)
            }

    .navbar-menu {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .navbar-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-right: auto
    }

    .navbar-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-left: auto
    }

    .navbar-dropdown {
        background-color: #fff;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        border-top: 2px solid #dbdbdb;
        -webkit-box-shadow: 0 8px 8px rgba(10, 10, 10, .1);
        box-shadow: 0 8px 8px rgba(10, 10, 10, .1);
        display: none;
        font-size: .875rem;
        left: 0;
        min-width: 100%;
        position: absolute;
        top: 100%;
        z-index: 20
    }

        .navbar-dropdown .navbar-item {
            padding: .375rem 1rem;
            white-space: nowrap
        }

        .navbar-dropdown a.navbar-item {
            padding-right: 3rem
        }

            .navbar-dropdown a.navbar-item:focus,
            .navbar-dropdown a.navbar-item:hover {
                background-color: #f5f5f5;
                color: #0a0a0a
            }

            .navbar-dropdown a.navbar-item.is-active {
                background-color: #f5f5f5;
                color: #039be5
            }

        .navbar.is-spaced .navbar-dropdown,
        .navbar-dropdown.is-boxed {
            border-radius: 6px;
            border-top: none;
            -webkit-box-shadow: 0 8px 8px rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .1);
            box-shadow: 0 8px 8px rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .1);
            display: block;
            opacity: 0;
            pointer-events: none;
            top: calc(100% + (-4px));
            -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
            -webkit-transition-duration: 86ms;
            transition-duration: 86ms;
            -webkit-transition-property: opacity, -webkit-transform;
            transition-property: opacity, -webkit-transform;
            transition-property: opacity, transform;
            transition-property: opacity, transform, -webkit-transform
        }

        .navbar-dropdown.is-right {
            left: auto;
            right: 0
        }

    .navbar-divider {
        display: block
    }

    .navbar > .container .navbar-brand,
    .container > .navbar .navbar-brand {
        margin-left: -0.75rem
    }

    .navbar > .container .navbar-menu,
    .container > .navbar .navbar-menu {
        margin-right: -0.75rem
    }

    .navbar.is-fixed-bottom-desktop,
    .navbar.is-fixed-top-desktop {
        left: 0;
        position: fixed;
        right: 0;
        z-index: 30
    }

    .navbar.is-fixed-bottom-desktop {
        bottom: 0
    }

        .navbar.is-fixed-bottom-desktop.has-shadow {
            -webkit-box-shadow: 0 -2px 3px rgba(10, 10, 10, .1);
            box-shadow: 0 -2px 3px rgba(10, 10, 10, .1)
        }

    .navbar.is-fixed-top-desktop {
        top: 0
    }

    html.has-navbar-fixed-top-desktop,
    body.has-navbar-fixed-top-desktop {
        padding-top: 3.25rem
    }

    html.has-navbar-fixed-bottom-desktop,
    body.has-navbar-fixed-bottom-desktop {
        padding-bottom: 3.25rem
    }

    html.has-spaced-navbar-fixed-top,
    body.has-spaced-navbar-fixed-top {
        padding-top: 5.25rem
    }

    html.has-spaced-navbar-fixed-bottom,
    body.has-spaced-navbar-fixed-bottom {
        padding-bottom: 5.25rem
    }

    a.navbar-item.is-active,
    .navbar-link.is-active {
        color: #0a0a0a
    }

        a.navbar-item.is-active:not(:focus):not(:hover),
        .navbar-link.is-active:not(:focus):not(:hover) {
            background-color: transparent
        }

    .navbar-item.has-dropdown:focus .navbar-link,
    .navbar-item.has-dropdown:hover .navbar-link,
    .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #fafafa
    }
}

.hero.is-fullheight-with-navbar {
    min-height: calc(100vh - 3.25rem)
}

.pagination {
    font-size: 1rem;
    margin: -0.25rem
}

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

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

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

    .pagination.is-rounded .pagination-previous,
    .pagination.is-rounded .pagination-next {
        padding-left: 1em;
        padding-right: 1em;
        border-radius: 9999px
    }

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

.pagination,
.pagination-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

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

.pagination-previous,
.pagination-next,
.pagination-link {
    border-color: #dbdbdb;
    color: #363636;
    min-width: 2.5em
}

    .pagination-previous:hover,
    .pagination-next:hover,
    .pagination-link:hover {
        border-color: #b5b5b5;
        color: #363636
    }

    .pagination-previous:focus,
    .pagination-next:focus,
    .pagination-link:focus {
        border-color: #039be5
    }

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

    .pagination-previous[disabled],
    .pagination-next[disabled],
    .pagination-link[disabled] {
        background-color: #dbdbdb;
        border-color: #dbdbdb;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #7a7a7a;
        opacity: .5
    }

.pagination-previous,
.pagination-next {
    padding-left: .75em;
    padding-right: .75em;
    white-space: nowrap
}

.pagination-link.is-current {
    background-color: #039be5;
    border-color: #039be5;
    color: #fff
}

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

.pagination-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .pagination-list li {
        list-style: none
    }

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

    .pagination-previous,
    .pagination-next {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .pagination-list li {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }
}

@media screen and (min-width: 769px), print {
    .pagination-list {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .pagination-previous,
    .pagination-next,
    .pagination-link,
    .pagination-ellipsis {
        margin-bottom: 0;
        margin-top: 0
    }

    .pagination-previous {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .pagination-next {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .pagination {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 0;
        margin-top: 0
    }

        .pagination.is-centered .pagination-previous {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1
        }

        .pagination.is-centered .pagination-list {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2
        }

        .pagination.is-centered .pagination-next {
            -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
            order: 3
        }

        .pagination.is-right .pagination-previous {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1
        }

        .pagination.is-right .pagination-next {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2
        }

        .pagination.is-right .pagination-list {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
            order: 3
        }
}

.panel {
    border-radius: 6px;
    -webkit-box-shadow: 0 .5em 1em -0.125em rgba(10, 10, 10, .1), 0 0px 0 1px rgba(10, 10, 10, .02);
    box-shadow: 0 .5em 1em -0.125em rgba(10, 10, 10, .1), 0 0px 0 1px rgba(10, 10, 10, .02);
    font-size: 1rem
}

    .panel:not(:last-child) {
        margin-bottom: 1.5rem
    }

    .panel.is-white .panel-heading {
        background-color: #fff;
        color: #0a0a0a
    }

    .panel.is-white .panel-tabs a.is-active {
        border-bottom-color: #fff
    }

    .panel.is-white .panel-block.is-active .panel-icon {
        color: #fff
    }

    .panel.is-black .panel-heading {
        background-color: #0a0a0a;
        color: #fff
    }

    .panel.is-black .panel-tabs a.is-active {
        border-bottom-color: #0a0a0a
    }

    .panel.is-black .panel-block.is-active .panel-icon {
        color: #0a0a0a
    }

    .panel.is-light .panel-heading {
        background-color: #f5f5f5;
        color: rgba(0, 0, 0, .7)
    }

    .panel.is-light .panel-tabs a.is-active {
        border-bottom-color: #f5f5f5
    }

    .panel.is-light .panel-block.is-active .panel-icon {
        color: #f5f5f5
    }

    .panel.is-dark .panel-heading {
        background-color: #202836;
        color: #fff
    }

    .panel.is-dark .panel-tabs a.is-active {
        border-bottom-color: #202836
    }

    .panel.is-dark .panel-block.is-active .panel-icon {
        color: #202836
    }

    .panel.is-primary .panel-heading {
        background-color: #3d70b2;
        color: #fff
    }

    .panel.is-primary .panel-tabs a.is-active {
        border-bottom-color: #3d70b2
    }

    .panel.is-primary .panel-block.is-active .panel-icon {
        color: #3d70b2
    }

    .panel.is-link .panel-heading {
        background-color: #039be5;
        color: #fff
    }

    .panel.is-link .panel-tabs a.is-active {
        border-bottom-color: #039be5
    }

    .panel.is-link .panel-block.is-active .panel-icon {
        color: #039be5
    }

    .panel.is-info .panel-heading {
        background-color: #3e8ed0;
        color: #fff
    }

    .panel.is-info .panel-tabs a.is-active {
        border-bottom-color: #3e8ed0
    }

    .panel.is-info .panel-block.is-active .panel-icon {
        color: #3e8ed0
    }

    .panel.is-success .panel-heading {
        background-color: #1ce589;
        color: rgba(0, 0, 0, .7)
    }

    .panel.is-success .panel-tabs a.is-active {
        border-bottom-color: #1ce589
    }

    .panel.is-success .panel-block.is-active .panel-icon {
        color: #1ce589
    }

    .panel.is-warning .panel-heading {
        background-color: #ffe08a;
        color: rgba(0, 0, 0, .7)
    }

    .panel.is-warning .panel-tabs a.is-active {
        border-bottom-color: #ffe08a
    }

    .panel.is-warning .panel-block.is-active .panel-icon {
        color: #ffe08a
    }

    .panel.is-danger .panel-heading {
        background-color: #f71416;
        color: #fff
    }

    .panel.is-danger .panel-tabs a.is-active {
        border-bottom-color: #f71416
    }

    .panel.is-danger .panel-block.is-active .panel-icon {
        color: #f71416
    }

.panel-tabs:not(:last-child),
.panel-block:not(:last-child) {
    border-bottom: 1px solid #ededed
}

.panel-heading {
    background-color: #ededed;
    border-radius: 6px 6px 0 0;
    color: #363636;
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1.25;
    padding: .75em 1em
}

.panel-tabs {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .875em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .panel-tabs a {
        border-bottom: 1px solid #dbdbdb;
        margin-bottom: -1px;
        padding: .5em
    }

        .panel-tabs a.is-active {
            border-bottom-color: #4a4a4a;
            color: #363636
        }

.panel-list a {
    color: #4a4a4a
}

    .panel-list a:hover {
        color: #039be5
    }

.panel-block {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #363636;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: .5em .75em
}

    .panel-block input[type=checkbox] {
        margin-right: .75em
    }

    .panel-block > .control {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        width: 100%
    }

    .panel-block.is-wrapped {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .panel-block.is-active {
        border-left-color: #039be5;
        color: #363636
    }

        .panel-block.is-active .panel-icon {
            color: #039be5
        }

    .panel-block:last-child {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px
    }

a.panel-block,
label.panel-block {
    cursor: pointer
}

    a.panel-block:hover,
    label.panel-block:hover {
        background-color: #f5f5f5
    }

.panel-icon {
    display: inline-block;
    font-size: 14px;
    height: 1em;
    line-height: 1em;
    text-align: center;
    vertical-align: top;
    width: 1em;
    color: #7a7a7a;
    margin-right: .75em
}

    .panel-icon .fa {
        font-size: inherit;
        line-height: inherit
    }

.tabs {
    -webkit-overflow-scrolling: touch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap
}

    .tabs a {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom-color: #dbdbdb;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        color: #4a4a4a;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: -1px;
        padding: .5em 1em;
        vertical-align: top
    }

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

    .tabs li {
        display: block
    }

        .tabs li.is-active a {
            border-bottom-color: #039be5;
            color: #039be5
        }

    .tabs ul {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom-color: #dbdbdb;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

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

        .tabs ul.is-center {
            -webkit-box-flex: 0;
            -ms-flex: none;
            flex: none;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding-left: .75em;
            padding-right: .75em
        }

        .tabs ul.is-right {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            padding-left: .75em
        }

    .tabs .icon:first-child {
        margin-right: .5em
    }

    .tabs .icon:last-child {
        margin-left: .5em
    }

    .tabs.is-centered ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .tabs.is-right ul {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .tabs.is-boxed a {
        border: 1px solid transparent;
        border-radius: 4px 4px 0 0
    }

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

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

    .tabs.is-fullwidth li {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .tabs.is-toggle a {
        border-color: #dbdbdb;
        border-style: solid;
        border-width: 1px;
        margin-bottom: 0;
        position: relative
    }

        .tabs.is-toggle a:hover {
            background-color: #f5f5f5;
            border-color: #b5b5b5;
            z-index: 2
        }

    .tabs.is-toggle li + li {
        margin-left: -1px
    }

    .tabs.is-toggle li:first-child a {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }

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

    .tabs.is-toggle li.is-active a {
        background-color: #039be5;
        border-color: #039be5;
        color: #fff;
        z-index: 1
    }

    .tabs.is-toggle ul {
        border-bottom: none
    }

    .tabs.is-toggle.is-toggle-rounded li:first-child a {
        border-bottom-left-radius: 9999px;
        border-top-left-radius: 9999px;
        padding-left: 1.25em
    }

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

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

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

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

.column {
    display: block;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding: .75rem
}

.columns.is-mobile > .column.is-narrow {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: unset
}

.columns.is-mobile > .column.is-full {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%
}

.columns.is-mobile > .column.is-three-quarters {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 75%
}

.columns.is-mobile > .column.is-two-thirds {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 66.6666%
}

.columns.is-mobile > .column.is-half {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 50%
}

.columns.is-mobile > .column.is-one-third {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 33.3333%
}

.columns.is-mobile > .column.is-one-quarter {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 25%
}

.columns.is-mobile > .column.is-one-fifth {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 20%
}

.columns.is-mobile > .column.is-two-fifths {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 40%
}

.columns.is-mobile > .column.is-three-fifths {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 60%
}

.columns.is-mobile > .column.is-four-fifths {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 80%
}

.columns.is-mobile > .column.is-offset-three-quarters {
    margin-left: 75%
}

.columns.is-mobile > .column.is-offset-two-thirds {
    margin-left: 66.6666%
}

.columns.is-mobile > .column.is-offset-half {
    margin-left: 50%
}

.columns.is-mobile > .column.is-offset-one-third {
    margin-left: 33.3333%
}

.columns.is-mobile > .column.is-offset-one-quarter {
    margin-left: 25%
}

.columns.is-mobile > .column.is-offset-one-fifth {
    margin-left: 20%
}

.columns.is-mobile > .column.is-offset-two-fifths {
    margin-left: 40%
}

.columns.is-mobile > .column.is-offset-three-fifths {
    margin-left: 60%
}

.columns.is-mobile > .column.is-offset-four-fifths {
    margin-left: 80%
}

.columns.is-mobile > .column.is-0 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 0%
}

.columns.is-mobile > .column.is-offset-0 {
    margin-left: 0%
}

.columns.is-mobile > .column.is-1 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 8.33333337%
}

.columns.is-mobile > .column.is-offset-1 {
    margin-left: 8.33333337%
}

.columns.is-mobile > .column.is-2 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 16.66666674%
}

.columns.is-mobile > .column.is-offset-2 {
    margin-left: 16.66666674%
}

.columns.is-mobile > .column.is-3 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 25%
}

.columns.is-mobile > .column.is-offset-3 {
    margin-left: 25%
}

.columns.is-mobile > .column.is-4 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 33.33333337%
}

.columns.is-mobile > .column.is-offset-4 {
    margin-left: 33.33333337%
}

.columns.is-mobile > .column.is-5 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 41.66666674%
}

.columns.is-mobile > .column.is-offset-5 {
    margin-left: 41.66666674%
}

.columns.is-mobile > .column.is-6 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 50%
}

.columns.is-mobile > .column.is-offset-6 {
    margin-left: 50%
}

.columns.is-mobile > .column.is-7 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 58.33333337%
}

.columns.is-mobile > .column.is-offset-7 {
    margin-left: 58.33333337%
}

.columns.is-mobile > .column.is-8 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 66.66666674%
}

.columns.is-mobile > .column.is-offset-8 {
    margin-left: 66.66666674%
}

.columns.is-mobile > .column.is-9 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 75%
}

.columns.is-mobile > .column.is-offset-9 {
    margin-left: 75%
}

.columns.is-mobile > .column.is-10 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 83.33333337%
}

.columns.is-mobile > .column.is-offset-10 {
    margin-left: 83.33333337%
}

.columns.is-mobile > .column.is-11 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 91.66666674%
}

.columns.is-mobile > .column.is-offset-11 {
    margin-left: 91.66666674%
}

.columns.is-mobile > .column.is-12 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%
}

.columns.is-mobile > .column.is-offset-12 {
    margin-left: 100%
}

@media screen and (max-width: 768px) {
    .column.is-narrow-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: unset
    }

    .column.is-full-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.6666%
    }

    .column.is-half-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-one-third-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-mobile {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-mobile {
        margin-left: 66.6666%
    }

    .column.is-offset-half-mobile {
        margin-left: 50%
    }

    .column.is-offset-one-third-mobile {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-mobile {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-mobile {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-mobile {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-mobile {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-mobile {
        margin-left: 80%
    }

    .column.is-0-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 0%
    }

    .column.is-offset-0-mobile {
        margin-left: 0%
    }

    .column.is-1-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1-mobile {
        margin-left: 8.33333337%
    }

    .column.is-2-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2-mobile {
        margin-left: 16.66666674%
    }

    .column.is-3-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-3-mobile {
        margin-left: 25%
    }

    .column.is-4-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4-mobile {
        margin-left: 33.33333337%
    }

    .column.is-5-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5-mobile {
        margin-left: 41.66666674%
    }

    .column.is-6-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-offset-6-mobile {
        margin-left: 50%
    }

    .column.is-7-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7-mobile {
        margin-left: 58.33333337%
    }

    .column.is-8-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8-mobile {
        margin-left: 66.66666674%
    }

    .column.is-9-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-offset-9-mobile {
        margin-left: 75%
    }

    .column.is-10-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10-mobile {
        margin-left: 83.33333337%
    }

    .column.is-11-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11-mobile {
        margin-left: 91.66666674%
    }

    .column.is-12-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-offset-12-mobile {
        margin-left: 100%
    }
}

@media screen and (min-width: 769px), print {
    .column.is-narrow,
    .column.is-narrow-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: unset
    }

    .column.is-full,
    .column.is-full-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-three-quarters,
    .column.is-three-quarters-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-two-thirds,
    .column.is-two-thirds-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.6666%
    }

    .column.is-half,
    .column.is-half-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-one-third,
    .column.is-one-third-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter,
    .column.is-one-quarter-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-one-fifth,
    .column.is-one-fifth-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 20%
    }

    .column.is-two-fifths,
    .column.is-two-fifths-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 40%
    }

    .column.is-three-fifths,
    .column.is-three-fifths-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 60%
    }

    .column.is-four-fifths,
    .column.is-four-fifths-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters,
    .column.is-offset-three-quarters-tablet {
        margin-left: 75%
    }

    .column.is-offset-two-thirds,
    .column.is-offset-two-thirds-tablet {
        margin-left: 66.6666%
    }

    .column.is-offset-half,
    .column.is-offset-half-tablet {
        margin-left: 50%
    }

    .column.is-offset-one-third,
    .column.is-offset-one-third-tablet {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter,
    .column.is-offset-one-quarter-tablet {
        margin-left: 25%
    }

    .column.is-offset-one-fifth,
    .column.is-offset-one-fifth-tablet {
        margin-left: 20%
    }

    .column.is-offset-two-fifths,
    .column.is-offset-two-fifths-tablet {
        margin-left: 40%
    }

    .column.is-offset-three-fifths,
    .column.is-offset-three-fifths-tablet {
        margin-left: 60%
    }

    .column.is-offset-four-fifths,
    .column.is-offset-four-fifths-tablet {
        margin-left: 80%
    }

    .column.is-0,
    .column.is-0-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 0%
    }

    .column.is-offset-0,
    .column.is-offset-0-tablet {
        margin-left: 0%
    }

    .column.is-1,
    .column.is-1-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1,
    .column.is-offset-1-tablet {
        margin-left: 8.33333337%
    }

    .column.is-2,
    .column.is-2-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2,
    .column.is-offset-2-tablet {
        margin-left: 16.66666674%
    }

    .column.is-3,
    .column.is-3-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-3,
    .column.is-offset-3-tablet {
        margin-left: 25%
    }

    .column.is-4,
    .column.is-4-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4,
    .column.is-offset-4-tablet {
        margin-left: 33.33333337%
    }

    .column.is-5,
    .column.is-5-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5,
    .column.is-offset-5-tablet {
        margin-left: 41.66666674%
    }

    .column.is-6,
    .column.is-6-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-offset-6,
    .column.is-offset-6-tablet {
        margin-left: 50%
    }

    .column.is-7,
    .column.is-7-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7,
    .column.is-offset-7-tablet {
        margin-left: 58.33333337%
    }

    .column.is-8,
    .column.is-8-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8,
    .column.is-offset-8-tablet {
        margin-left: 66.66666674%
    }

    .column.is-9,
    .column.is-9-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-offset-9,
    .column.is-offset-9-tablet {
        margin-left: 75%
    }

    .column.is-10,
    .column.is-10-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10,
    .column.is-offset-10-tablet {
        margin-left: 83.33333337%
    }

    .column.is-11,
    .column.is-11-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11,
    .column.is-offset-11-tablet {
        margin-left: 91.66666674%
    }

    .column.is-12,
    .column.is-12-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-offset-12,
    .column.is-offset-12-tablet {
        margin-left: 100%
    }
}

@media screen and (max-width: 1023px) {
    .column.is-narrow-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: unset
    }

    .column.is-full-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.6666%
    }

    .column.is-half-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-one-third-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-touch {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-touch {
        margin-left: 66.6666%
    }

    .column.is-offset-half-touch {
        margin-left: 50%
    }

    .column.is-offset-one-third-touch {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-touch {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-touch {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-touch {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-touch {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-touch {
        margin-left: 80%
    }

    .column.is-0-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 0%
    }

    .column.is-offset-0-touch {
        margin-left: 0%
    }

    .column.is-1-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1-touch {
        margin-left: 8.33333337%
    }

    .column.is-2-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2-touch {
        margin-left: 16.66666674%
    }

    .column.is-3-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-3-touch {
        margin-left: 25%
    }

    .column.is-4-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4-touch {
        margin-left: 33.33333337%
    }

    .column.is-5-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5-touch {
        margin-left: 41.66666674%
    }

    .column.is-6-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-offset-6-touch {
        margin-left: 50%
    }

    .column.is-7-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7-touch {
        margin-left: 58.33333337%
    }

    .column.is-8-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8-touch {
        margin-left: 66.66666674%
    }

    .column.is-9-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-offset-9-touch {
        margin-left: 75%
    }

    .column.is-10-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10-touch {
        margin-left: 83.33333337%
    }

    .column.is-11-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11-touch {
        margin-left: 91.66666674%
    }

    .column.is-12-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-offset-12-touch {
        margin-left: 100%
    }
}

@media screen and (min-width: 1024px) {
    .column.is-narrow-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: unset
    }

    .column.is-full-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.6666%
    }

    .column.is-half-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-one-third-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-desktop {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-desktop {
        margin-left: 66.6666%
    }

    .column.is-offset-half-desktop {
        margin-left: 50%
    }

    .column.is-offset-one-third-desktop {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-desktop {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-desktop {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-desktop {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-desktop {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-desktop {
        margin-left: 80%
    }

    .column.is-0-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 0%
    }

    .column.is-offset-0-desktop {
        margin-left: 0%
    }

    .column.is-1-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1-desktop {
        margin-left: 8.33333337%
    }

    .column.is-2-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2-desktop {
        margin-left: 16.66666674%
    }

    .column.is-3-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-3-desktop {
        margin-left: 25%
    }

    .column.is-4-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4-desktop {
        margin-left: 33.33333337%
    }

    .column.is-5-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5-desktop {
        margin-left: 41.66666674%
    }

    .column.is-6-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-offset-6-desktop {
        margin-left: 50%
    }

    .column.is-7-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7-desktop {
        margin-left: 58.33333337%
    }

    .column.is-8-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8-desktop {
        margin-left: 66.66666674%
    }

    .column.is-9-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-offset-9-desktop {
        margin-left: 75%
    }

    .column.is-10-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10-desktop {
        margin-left: 83.33333337%
    }

    .column.is-11-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11-desktop {
        margin-left: 91.66666674%
    }

    .column.is-12-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-offset-12-desktop {
        margin-left: 100%
    }
}

@media screen and (min-width: 1216px) {
    .column.is-narrow-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: unset
    }

    .column.is-full-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.6666%
    }

    .column.is-half-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-one-third-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-widescreen {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-widescreen {
        margin-left: 66.6666%
    }

    .column.is-offset-half-widescreen {
        margin-left: 50%
    }

    .column.is-offset-one-third-widescreen {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-widescreen {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-widescreen {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-widescreen {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-widescreen {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-widescreen {
        margin-left: 80%
    }

    .column.is-0-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 0%
    }

    .column.is-offset-0-widescreen {
        margin-left: 0%
    }

    .column.is-1-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1-widescreen {
        margin-left: 8.33333337%
    }

    .column.is-2-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2-widescreen {
        margin-left: 16.66666674%
    }

    .column.is-3-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-3-widescreen {
        margin-left: 25%
    }

    .column.is-4-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4-widescreen {
        margin-left: 33.33333337%
    }

    .column.is-5-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5-widescreen {
        margin-left: 41.66666674%
    }

    .column.is-6-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-offset-6-widescreen {
        margin-left: 50%
    }

    .column.is-7-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7-widescreen {
        margin-left: 58.33333337%
    }

    .column.is-8-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8-widescreen {
        margin-left: 66.66666674%
    }

    .column.is-9-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-offset-9-widescreen {
        margin-left: 75%
    }

    .column.is-10-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10-widescreen {
        margin-left: 83.33333337%
    }

    .column.is-11-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11-widescreen {
        margin-left: 91.66666674%
    }

    .column.is-12-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-offset-12-widescreen {
        margin-left: 100%
    }
}

@media screen and (min-width: 1408px) {
    .column.is-narrow-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: unset
    }

    .column.is-full-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.6666%
    }

    .column.is-half-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-one-third-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-fullhd {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-fullhd {
        margin-left: 66.6666%
    }

    .column.is-offset-half-fullhd {
        margin-left: 50%
    }

    .column.is-offset-one-third-fullhd {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-fullhd {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-fullhd {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-fullhd {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-fullhd {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-fullhd {
        margin-left: 80%
    }

    .column.is-0-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 0%
    }

    .column.is-offset-0-fullhd {
        margin-left: 0%
    }

    .column.is-1-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1-fullhd {
        margin-left: 8.33333337%
    }

    .column.is-2-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2-fullhd {
        margin-left: 16.66666674%
    }

    .column.is-3-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-3-fullhd {
        margin-left: 25%
    }

    .column.is-4-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4-fullhd {
        margin-left: 33.33333337%
    }

    .column.is-5-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5-fullhd {
        margin-left: 41.66666674%
    }

    .column.is-6-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-offset-6-fullhd {
        margin-left: 50%
    }

    .column.is-7-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7-fullhd {
        margin-left: 58.33333337%
    }

    .column.is-8-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8-fullhd {
        margin-left: 66.66666674%
    }

    .column.is-9-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-offset-9-fullhd {
        margin-left: 75%
    }

    .column.is-10-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10-fullhd {
        margin-left: 83.33333337%
    }

    .column.is-11-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11-fullhd {
        margin-left: 91.66666674%
    }

    .column.is-12-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-offset-12-fullhd {
        margin-left: 100%
    }
}

.columns {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    margin-top: -0.75rem
}

    .columns:last-child {
        margin-bottom: -0.75rem
    }

    .columns:not(:last-child) {
        margin-bottom: calc(1.5rem - 0.75rem)
    }

    .columns.is-centered {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .columns.is-gapless {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0
    }

        .columns.is-gapless > .column {
            margin: 0;
            padding: 0 !important
        }

        .columns.is-gapless:not(:last-child) {
            margin-bottom: 1.5rem
        }

        .columns.is-gapless:last-child {
            margin-bottom: 0
        }

    .columns.is-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .columns.is-multiline {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .columns.is-vcentered {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

@media screen and (min-width: 769px), print {
    .columns:not(.is-desktop) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.columns.is-variable {
    --columnGap: 0.75rem;
    margin-left: calc(-1 * var(--columnGap));
    margin-right: calc(-1 * var(--columnGap))
}

    .columns.is-variable > .column {
        padding-left: var(--columnGap);
        padding-right: var(--columnGap)
    }

    .columns.is-variable.is-0 {
        --columnGap: 0rem
    }

@media screen and (max-width: 768px) {
    .columns.is-variable.is-0-mobile {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 769px), print {
    .columns.is-variable.is-0-tablet {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .columns.is-variable.is-0-tablet-only {
        --columnGap: 0rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-0-touch {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-0-desktop {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .columns.is-variable.is-0-desktop-only {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-0-widescreen {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .columns.is-variable.is-0-widescreen-only {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-0-fullhd {
        --columnGap: 0rem
    }
}

.columns.is-variable.is-1 {
    --columnGap: 0.25rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-1-mobile {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width: 769px), print {
    .columns.is-variable.is-1-tablet {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .columns.is-variable.is-1-tablet-only {
        --columnGap: 0.25rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-1-touch {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-1-desktop {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .columns.is-variable.is-1-desktop-only {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-1-widescreen {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .columns.is-variable.is-1-widescreen-only {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-1-fullhd {
        --columnGap: 0.25rem
    }
}

.columns.is-variable.is-2 {
    --columnGap: 0.5rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-2-mobile {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width: 769px), print {
    .columns.is-variable.is-2-tablet {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .columns.is-variable.is-2-tablet-only {
        --columnGap: 0.5rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-2-touch {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-2-desktop {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .columns.is-variable.is-2-desktop-only {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-2-widescreen {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .columns.is-variable.is-2-widescreen-only {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-2-fullhd {
        --columnGap: 0.5rem
    }
}

.columns.is-variable.is-3 {
    --columnGap: 0.75rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-3-mobile {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width: 769px), print {
    .columns.is-variable.is-3-tablet {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .columns.is-variable.is-3-tablet-only {
        --columnGap: 0.75rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-3-touch {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-3-desktop {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .columns.is-variable.is-3-desktop-only {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-3-widescreen {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .columns.is-variable.is-3-widescreen-only {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-3-fullhd {
        --columnGap: 0.75rem
    }
}

.columns.is-variable.is-4 {
    --columnGap: 1rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-4-mobile {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 769px), print {
    .columns.is-variable.is-4-tablet {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .columns.is-variable.is-4-tablet-only {
        --columnGap: 1rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-4-touch {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-4-desktop {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .columns.is-variable.is-4-desktop-only {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-4-widescreen {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .columns.is-variable.is-4-widescreen-only {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-4-fullhd {
        --columnGap: 1rem
    }
}

.columns.is-variable.is-5 {
    --columnGap: 1.25rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-5-mobile {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 769px), print {
    .columns.is-variable.is-5-tablet {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .columns.is-variable.is-5-tablet-only {
        --columnGap: 1.25rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-5-touch {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-5-desktop {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .columns.is-variable.is-5-desktop-only {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-5-widescreen {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .columns.is-variable.is-5-widescreen-only {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-5-fullhd {
        --columnGap: 1.25rem
    }
}

.columns.is-variable.is-6 {
    --columnGap: 1.5rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-6-mobile {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 769px), print {
    .columns.is-variable.is-6-tablet {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .columns.is-variable.is-6-tablet-only {
        --columnGap: 1.5rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-6-touch {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-6-desktop {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .columns.is-variable.is-6-desktop-only {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-6-widescreen {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .columns.is-variable.is-6-widescreen-only {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-6-fullhd {
        --columnGap: 1.5rem
    }
}

.columns.is-variable.is-7 {
    --columnGap: 1.75rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-7-mobile {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 769px), print {
    .columns.is-variable.is-7-tablet {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .columns.is-variable.is-7-tablet-only {
        --columnGap: 1.75rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-7-touch {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-7-desktop {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .columns.is-variable.is-7-desktop-only {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-7-widescreen {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .columns.is-variable.is-7-widescreen-only {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-7-fullhd {
        --columnGap: 1.75rem
    }
}

.columns.is-variable.is-8 {
    --columnGap: 2rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-8-mobile {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 769px), print {
    .columns.is-variable.is-8-tablet {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .columns.is-variable.is-8-tablet-only {
        --columnGap: 2rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-8-touch {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-8-desktop {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .columns.is-variable.is-8-desktop-only {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-8-widescreen {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .columns.is-variable.is-8-widescreen-only {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-8-fullhd {
        --columnGap: 2rem
    }
}

.tile {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: block;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content
}

    .tile.is-ancestor {
        margin-left: -0.75rem;
        margin-right: -0.75rem;
        margin-top: -0.75rem
    }

        .tile.is-ancestor:last-child {
            margin-bottom: -0.75rem
        }

        .tile.is-ancestor:not(:last-child) {
            margin-bottom: .75rem
        }

    .tile.is-child {
        margin: 0 !important
    }

    .tile.is-parent {
        padding: .75rem
    }

    .tile.is-vertical {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .tile.is-vertical > .tile.is-child:not(:last-child) {
            margin-bottom: 1.5rem !important
        }

@media screen and (min-width: 769px), print {
    .tile:not(.is-child) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .tile.is-1 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 8.33333337%
    }

    .tile.is-2 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 16.66666674%
    }

    .tile.is-3 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .tile.is-4 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.33333337%
    }

    .tile.is-5 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 41.66666674%
    }

    .tile.is-6 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .tile.is-7 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 58.33333337%
    }

    .tile.is-8 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.66666674%
    }

    .tile.is-9 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .tile.is-10 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 83.33333337%
    }

    .tile.is-11 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 91.66666674%
    }

    .tile.is-12 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }
}

.has-text-white {
    color: #fff !important
}

a.has-text-white:hover,
a.has-text-white:focus {
    color: #e6e6e6 !important
}

.has-background-white {
    background-color: #fff !important
}

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

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

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

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

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

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

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

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

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

.has-text-primary {
    color: #3d70b2 !important
}

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

.has-background-primary {
    background-color: #3d70b2 !important
}

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

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

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

.has-text-primary-dark {
    color: #3c6eaf !important
}

a.has-text-primary-dark:hover,
a.has-text-primary-dark:focus {
    color: #5888c6 !important
}

.has-background-primary-dark {
    background-color: #3c6eaf !important
}

.has-text-link {
    color: #039be5 !important
}

a.has-text-link:hover,
a.has-text-link:focus {
    color: #0279b3 !important
}

.has-background-link {
    background-color: #039be5 !important
}

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

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

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

.has-text-link-dark {
    color: #0385c4 !important
}

a.has-text-link-dark:hover,
a.has-text-link-dark:focus {
    color: #03a7f7 !important
}

.has-background-link-dark {
    background-color: #0385c4 !important
}

.has-text-info {
    color: #3e8ed0 !important
}

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

.has-background-info {
    background-color: #3e8ed0 !important
}

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

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

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

.has-text-info-dark {
    color: #296fa8 !important
}

a.has-text-info-dark:hover,
a.has-text-info-dark:focus {
    color: #368ace !important
}

.has-background-info-dark {
    background-color: #296fa8 !important
}

.has-text-success {
    color: #1ce589 !important
}

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

.has-background-success {
    background-color: #1ce589 !important
}

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

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

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

.has-text-success-dark {
    color: #0f854f !important
}

a.has-text-success-dark:hover,
a.has-text-success-dark:focus {
    color: #14b26a !important
}

.has-background-success-dark {
    background-color: #0f854f !important
}

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

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

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

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

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

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

.has-text-warning-dark {
    color: #946c00 !important
}

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

.has-background-warning-dark {
    background-color: #946c00 !important
}

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

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

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

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

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

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

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

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

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

.has-text-black-bis {
    color: #121212 !important
}

.has-background-black-bis {
    background-color: #121212 !important
}

.has-text-black-ter {
    color: #242424 !important
}

.has-background-black-ter {
    background-color: #242424 !important
}

.has-text-grey-darker {
    color: #363636 !important
}

.has-background-grey-darker {
    background-color: #363636 !important
}

.has-text-grey-dark {
    color: #4a4a4a !important
}

.has-background-grey-dark {
    background-color: #4a4a4a !important
}

.has-text-grey {
    color: #7a7a7a !important
}

.has-background-grey {
    background-color: #7a7a7a !important
}

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

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

.has-text-grey-lighter {
    color: #dbdbdb !important
}

.has-background-grey-lighter {
    background-color: #dbdbdb !important
}

.has-text-white-ter {
    color: #f5f5f5 !important
}

.has-background-white-ter {
    background-color: #f5f5f5 !important
}

.has-text-white-bis {
    color: #fafafa !important
}

.has-background-white-bis {
    background-color: #fafafa !important
}

.is-flex-direction-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.is-flex-direction-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.is-flex-direction-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.is-flex-direction-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.is-flex-wrap-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.is-flex-wrap-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.is-flex-wrap-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.is-justify-content-flex-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.is-justify-content-flex-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

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

.is-justify-content-space-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.is-justify-content-space-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.is-justify-content-space-evenly {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important
}

.is-justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important
}

.is-justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: end !important
}

.is-justify-content-left {
    -webkit-box-pack: left !important;
    -ms-flex-pack: left !important;
    justify-content: left !important
}

.is-justify-content-right {
    -webkit-box-pack: right !important;
    -ms-flex-pack: right !important;
    justify-content: right !important
}

.is-align-content-flex-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.is-align-content-flex-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.is-align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.is-align-content-space-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.is-align-content-space-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.is-align-content-space-evenly {
    -ms-flex-line-pack: space-evenly !important;
    align-content: space-evenly !important
}

.is-align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.is-align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: start !important
}

.is-align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: end !important
}

.is-align-content-baseline {
    -ms-flex-line-pack: baseline !important;
    align-content: baseline !important
}

.is-align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.is-align-items-flex-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.is-align-items-flex-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.is-align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.is-align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.is-align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important
}

.is-align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: end !important
}

.is-align-items-self-start {
    -webkit-box-align: self-start !important;
    -ms-flex-align: self-start !important;
    align-items: self-start !important
}

.is-align-items-self-end {
    -webkit-box-align: self-end !important;
    -ms-flex-align: self-end !important;
    align-items: self-end !important
}

.is-align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
}

.is-align-self-flex-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.is-align-self-flex-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.is-align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.is-align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.is-align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
}

.is-flex-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
}

.is-flex-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.is-flex-grow-2 {
    -webkit-box-flex: 2 !important;
    -ms-flex-positive: 2 !important;
    flex-grow: 2 !important
}

.is-flex-grow-3 {
    -webkit-box-flex: 3 !important;
    -ms-flex-positive: 3 !important;
    flex-grow: 3 !important
}

.is-flex-grow-4 {
    -webkit-box-flex: 4 !important;
    -ms-flex-positive: 4 !important;
    flex-grow: 4 !important
}

.is-flex-grow-5 {
    -webkit-box-flex: 5 !important;
    -ms-flex-positive: 5 !important;
    flex-grow: 5 !important
}

.is-flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.is-flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.is-flex-shrink-2 {
    -ms-flex-negative: 2 !important;
    flex-shrink: 2 !important
}

.is-flex-shrink-3 {
    -ms-flex-negative: 3 !important;
    flex-shrink: 3 !important
}

.is-flex-shrink-4 {
    -ms-flex-negative: 4 !important;
    flex-shrink: 4 !important
}

.is-flex-shrink-5 {
    -ms-flex-negative: 5 !important;
    flex-shrink: 5 !important
}

.is-clearfix::after {
    clear: both;
    content: " ";
    display: table
}

.is-pulled-left {
    float: left !important
}

.is-pulled-right {
    float: right !important
}

.is-radiusless {
    border-radius: 0 !important
}

.is-shadowless {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.is-clickable {
    cursor: pointer !important;
    pointer-events: all !important
}

.is-clipped {
    overflow: hidden !important
}

.is-relative {
    position: relative !important
}

.is-marginless {
    margin: 0 !important
}

.is-paddingless {
    padding: 0 !important
}

.m-0 {
    margin: 0 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-2 {
    margin: .5rem !important
}

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

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

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

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

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

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

.m-3 {
    margin: .75rem !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-5 {
    margin: 1.5rem !important
}

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

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

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

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

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

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

.m-6 {
    margin: 3rem !important
}

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

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

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

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

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

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

.m-auto {
    margin: auto !important
}

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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



.p-0 {
    padding: 0 !important
}

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

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

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

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

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

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

.p-1 {
    padding: .25rem !important
}

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

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

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

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

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

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

.p-2 {
    padding: .5rem !important
}

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

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

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

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

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

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

.p-3 {
    padding: .75rem !important
}

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

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

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

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

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

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

.p-4 {
    padding: 1rem !important
}

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

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

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

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

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

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

.p-5 {
    padding: 1.5rem !important
}

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

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

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

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

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

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

.p-6 {
    padding: 3rem !important
}

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

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

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

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

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

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

.p-auto {
    padding: auto !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 768px) {
    .is-size-1-mobile {
        font-size: 3rem !important
    }

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

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

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

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

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

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

@media screen and (min-width: 769px), print {
    .is-size-1-tablet {
        font-size: 3rem !important
    }

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

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

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

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

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

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

@media screen and (max-width: 1023px) {
    .is-size-1-touch {
        font-size: 3rem !important
    }

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

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

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

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

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

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

@media screen and (min-width: 1024px) {
    .is-size-1-desktop {
        font-size: 3rem !important
    }

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

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

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

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

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

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

@media screen and (min-width: 1216px) {
    .is-size-1-widescreen {
        font-size: 3rem !important
    }

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

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

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

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

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

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

@media screen and (min-width: 1408px) {
    .is-size-1-fullhd {
        font-size: 3rem !important
    }

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

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

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

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

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

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

.has-text-centered {
    text-align: center !important
}

.has-text-justified {
    text-align: justify !important
}

.has-text-left {
    text-align: left !important
}

.has-text-right {
    text-align: right !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.is-underlined {
    text-decoration: underline !important
}

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

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

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

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

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

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

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

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

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

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

.is-block {
    display: block !important
}

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

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

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

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

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

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

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

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

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

.is-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

@media screen and (max-width: 768px) {
    .is-flex-mobile {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media screen and (min-width: 769px), print {
    .is-flex-tablet {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .is-flex-tablet-only {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media screen and (max-width: 1023px) {
    .is-flex-touch {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media screen and (min-width: 1024px) {
    .is-flex-desktop {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .is-flex-desktop-only {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media screen and (min-width: 1216px) {
    .is-flex-widescreen {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .is-flex-widescreen-only {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media screen and (min-width: 1408px) {
    .is-flex-fullhd {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

.is-inline {
    display: inline !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.is-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media screen and (max-width: 768px) {
    .is-inline-flex-mobile {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media screen and (min-width: 769px), print {
    .is-inline-flex-tablet {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media screen and (min-width: 769px)and (max-width: 1023px) {
    .is-inline-flex-tablet-only {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media screen and (max-width: 1023px) {
    .is-inline-flex-touch {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media screen and (min-width: 1024px) {
    .is-inline-flex-desktop {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media screen and (min-width: 1024px)and (max-width: 1215px) {
    .is-inline-flex-desktop-only {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media screen and (min-width: 1216px) {
    .is-inline-flex-widescreen {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media screen and (min-width: 1216px)and (max-width: 1407px) {
    .is-inline-flex-widescreen-only {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media screen and (min-width: 1408px) {
    .is-inline-flex-fullhd {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.is-hidden {
    display: none !important
}

.is-sr-only {
    border: none !important;
    clip: rect(0, 0, 0, 0) !important;
    height: .01em !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: .01em !important
}

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

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

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

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

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

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

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

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

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

.is-invisible {
    visibility: hidden !important
}

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

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

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

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

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

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

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

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

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

.hero {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .hero .navbar {
        background: none
    }

    .hero .tabs ul {
        border-bottom: none
    }

    .hero.is-white {
        background-color: #fff;
        color: #0a0a0a
    }

        .hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
        .hero.is-white strong {
            color: inherit
        }

        .hero.is-white .title {
            color: #0a0a0a
        }

        .hero.is-white .subtitle {
            color: rgba(10, 10, 10, .9)
        }

            .hero.is-white .subtitle a:not(.button),
            .hero.is-white .subtitle strong {
                color: #0a0a0a
            }

@media screen and (max-width: 1023px) {
    .hero.is-white .navbar-menu {
        background-color: #fff
    }
}

.hero.is-white .navbar-item,
.hero.is-white .navbar-link {
    color: rgba(10, 10, 10, .7)
}

    .hero.is-white a.navbar-item:hover,
    .hero.is-white a.navbar-item.is-active,
    .hero.is-white .navbar-link:hover,
    .hero.is-white .navbar-link.is-active {
        background-color: #f2f2f2;
        color: #0a0a0a
    }

.hero.is-white .tabs a {
    color: #0a0a0a;
    opacity: .9
}

    .hero.is-white .tabs a:hover {
        opacity: 1
    }

.hero.is-white .tabs li.is-active a {
    color: #fff !important;
    opacity: 1
}

.hero.is-white .tabs.is-boxed a,
.hero.is-white .tabs.is-toggle a {
    color: #0a0a0a
}

    .hero.is-white .tabs.is-boxed a:hover,
    .hero.is-white .tabs.is-toggle a:hover {
        background-color: rgba(10, 10, 10, .1)
    }

.hero.is-white .tabs.is-boxed li.is-active a,
.hero.is-white .tabs.is-boxed li.is-active a:hover,
.hero.is-white .tabs.is-toggle li.is-active a,
.hero.is-white .tabs.is-toggle li.is-active a:hover {
    background-color: #0a0a0a;
    border-color: #0a0a0a;
    color: #fff
}

.hero.is-white.is-bold {
    background-image: linear-gradient(141deg, #e8e3e4 0%, #fff 71%, white 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-white.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #e8e3e4 0%, #fff 71%, white 100%)
    }
}

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

    .hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
    .hero.is-black strong {
        color: inherit
    }

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

    .hero.is-black .subtitle {
        color: rgba(255, 255, 255, .9)
    }

        .hero.is-black .subtitle a:not(.button),
        .hero.is-black .subtitle strong {
            color: #fff
        }

@media screen and (max-width: 1023px) {
    .hero.is-black .navbar-menu {
        background-color: #0a0a0a
    }
}

.hero.is-black .navbar-item,
.hero.is-black .navbar-link {
    color: rgba(255, 255, 255, .7)
}

    .hero.is-black a.navbar-item:hover,
    .hero.is-black a.navbar-item.is-active,
    .hero.is-black .navbar-link:hover,
    .hero.is-black .navbar-link.is-active {
        background-color: #000;
        color: #fff
    }

.hero.is-black .tabs a {
    color: #fff;
    opacity: .9
}

    .hero.is-black .tabs a:hover {
        opacity: 1
    }

.hero.is-black .tabs li.is-active a {
    color: #0a0a0a !important;
    opacity: 1
}

.hero.is-black .tabs.is-boxed a,
.hero.is-black .tabs.is-toggle a {
    color: #fff
}

    .hero.is-black .tabs.is-boxed a:hover,
    .hero.is-black .tabs.is-toggle a:hover {
        background-color: rgba(10, 10, 10, .1)
    }

.hero.is-black .tabs.is-boxed li.is-active a,
.hero.is-black .tabs.is-boxed li.is-active a:hover,
.hero.is-black .tabs.is-toggle li.is-active a,
.hero.is-black .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #0a0a0a
}

.hero.is-black.is-bold {
    background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-black.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%)
    }
}

.hero.is-light {
    background-color: #f5f5f5;
    color: rgba(0, 0, 0, .7)
}

    .hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
    .hero.is-light strong {
        color: inherit
    }

    .hero.is-light .title {
        color: rgba(0, 0, 0, .7)
    }

    .hero.is-light .subtitle {
        color: rgba(0, 0, 0, .9)
    }

        .hero.is-light .subtitle a:not(.button),
        .hero.is-light .subtitle strong {
            color: rgba(0, 0, 0, .7)
        }

@media screen and (max-width: 1023px) {
    .hero.is-light .navbar-menu {
        background-color: #f5f5f5
    }
}

.hero.is-light .navbar-item,
.hero.is-light .navbar-link {
    color: rgba(0, 0, 0, .7)
}

    .hero.is-light a.navbar-item:hover,
    .hero.is-light a.navbar-item.is-active,
    .hero.is-light .navbar-link:hover,
    .hero.is-light .navbar-link.is-active {
        background-color: #e8e8e8;
        color: rgba(0, 0, 0, .7)
    }

.hero.is-light .tabs a {
    color: rgba(0, 0, 0, .7);
    opacity: .9
}

    .hero.is-light .tabs a:hover {
        opacity: 1
    }

.hero.is-light .tabs li.is-active a {
    color: #f5f5f5 !important;
    opacity: 1
}

.hero.is-light .tabs.is-boxed a,
.hero.is-light .tabs.is-toggle a {
    color: rgba(0, 0, 0, .7)
}

    .hero.is-light .tabs.is-boxed a:hover,
    .hero.is-light .tabs.is-toggle a:hover {
        background-color: rgba(10, 10, 10, .1)
    }

.hero.is-light .tabs.is-boxed li.is-active a,
.hero.is-light .tabs.is-boxed li.is-active a:hover,
.hero.is-light .tabs.is-toggle li.is-active a,
.hero.is-light .tabs.is-toggle li.is-active a:hover {
    background-color: rgba(0, 0, 0, .7);
    border-color: rgba(0, 0, 0, .7);
    color: #f5f5f5
}

.hero.is-light.is-bold {
    background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-light.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%)
    }
}

.hero.is-dark {
    background-color: #202836;
    color: #fff
}

    .hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
    .hero.is-dark strong {
        color: inherit
    }

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

    .hero.is-dark .subtitle {
        color: rgba(255, 255, 255, .9)
    }

        .hero.is-dark .subtitle a:not(.button),
        .hero.is-dark .subtitle strong {
            color: #fff
        }

@media screen and (max-width: 1023px) {
    .hero.is-dark .navbar-menu {
        background-color: #202836
    }
}

.hero.is-dark .navbar-item,
.hero.is-dark .navbar-link {
    color: rgba(255, 255, 255, .7)
}

    .hero.is-dark a.navbar-item:hover,
    .hero.is-dark a.navbar-item.is-active,
    .hero.is-dark .navbar-link:hover,
    .hero.is-dark .navbar-link.is-active {
        background-color: #171c26;
        color: #fff
    }

.hero.is-dark .tabs a {
    color: #fff;
    opacity: .9
}

    .hero.is-dark .tabs a:hover {
        opacity: 1
    }

.hero.is-dark .tabs li.is-active a {
    color: #202836 !important;
    opacity: 1
}

.hero.is-dark .tabs.is-boxed a,
.hero.is-dark .tabs.is-toggle a {
    color: #fff
}

    .hero.is-dark .tabs.is-boxed a:hover,
    .hero.is-dark .tabs.is-toggle a:hover {
        background-color: rgba(10, 10, 10, .1)
    }

.hero.is-dark .tabs.is-boxed li.is-active a,
.hero.is-dark .tabs.is-boxed li.is-active a:hover,
.hero.is-dark .tabs.is-toggle li.is-active a,
.hero.is-dark .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #202836
}

.hero.is-dark.is-bold {
    background-image: linear-gradient(141deg, #0b1218 0%, #202836 71%, #272d49 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-dark.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #0b1218 0%, #202836 71%, #272d49 100%)
    }
}

.hero.is-primary {
    background-color: #3d70b2;
    color: #fff
}

    .hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
    .hero.is-primary strong {
        color: inherit
    }

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

    .hero.is-primary .subtitle {
        color: rgba(255, 255, 255, .9)
    }

        .hero.is-primary .subtitle a:not(.button),
        .hero.is-primary .subtitle strong {
            color: #fff
        }

@media screen and (max-width: 1023px) {
    .hero.is-primary .navbar-menu {
        background-color: #3d70b2
    }
}

.hero.is-primary .navbar-item,
.hero.is-primary .navbar-link {
    color: rgba(255, 255, 255, .7)
}

    .hero.is-primary a.navbar-item:hover,
    .hero.is-primary a.navbar-item.is-active,
    .hero.is-primary .navbar-link:hover,
    .hero.is-primary .navbar-link.is-active {
        background-color: #36649f;
        color: #fff
    }

.hero.is-primary .tabs a {
    color: #fff;
    opacity: .9
}

    .hero.is-primary .tabs a:hover {
        opacity: 1
    }

.hero.is-primary .tabs li.is-active a {
    color: #3d70b2 !important;
    opacity: 1
}

.hero.is-primary .tabs.is-boxed a,
.hero.is-primary .tabs.is-toggle a {
    color: #fff
}

    .hero.is-primary .tabs.is-boxed a:hover,
    .hero.is-primary .tabs.is-toggle a:hover {
        background-color: rgba(10, 10, 10, .1)
    }

.hero.is-primary .tabs.is-boxed li.is-active a,
.hero.is-primary .tabs.is-boxed li.is-active a:hover,
.hero.is-primary .tabs.is-toggle li.is-active a,
.hero.is-primary .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #3d70b2
}

.hero.is-primary.is-bold {
    background-image: linear-gradient(141deg, #276995 0%, #3d70b2 71%, #4266c6 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-primary.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #276995 0%, #3d70b2 71%, #4266c6 100%)
    }
}

.hero.is-link {
    background-color: #039be5;
    color: #fff
}

    .hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
    .hero.is-link strong {
        color: inherit
    }

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

    .hero.is-link .subtitle {
        color: rgba(255, 255, 255, .9)
    }

        .hero.is-link .subtitle a:not(.button),
        .hero.is-link .subtitle strong {
            color: #fff
        }

@media screen and (max-width: 1023px) {
    .hero.is-link .navbar-menu {
        background-color: #039be5
    }
}

.hero.is-link .navbar-item,
.hero.is-link .navbar-link {
    color: rgba(255, 255, 255, .7)
}

    .hero.is-link a.navbar-item:hover,
    .hero.is-link a.navbar-item.is-active,
    .hero.is-link .navbar-link:hover,
    .hero.is-link .navbar-link.is-active {
        background-color: #038acc;
        color: #fff
    }

.hero.is-link .tabs a {
    color: #fff;
    opacity: .9
}

    .hero.is-link .tabs a:hover {
        opacity: 1
    }

.hero.is-link .tabs li.is-active a {
    color: #039be5 !important;
    opacity: 1
}

.hero.is-link .tabs.is-boxed a,
.hero.is-link .tabs.is-toggle a {
    color: #fff
}

    .hero.is-link .tabs.is-boxed a:hover,
    .hero.is-link .tabs.is-toggle a:hover {
        background-color: rgba(10, 10, 10, .1)
    }

.hero.is-link .tabs.is-boxed li.is-active a,
.hero.is-link .tabs.is-boxed li.is-active a:hover,
.hero.is-link .tabs.is-toggle li.is-active a,
.hero.is-link .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #039be5
}

.hero.is-link.is-bold {
    background-image: linear-gradient(141deg, #0098b5 0%, #039BE5 71%, #0382ff 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-link.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #0098b5 0%, #039BE5 71%, #0382ff 100%)
    }
}

.hero.is-info {
    background-color: #3e8ed0;
    color: #fff
}

    .hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
    .hero.is-info strong {
        color: inherit
    }

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

    .hero.is-info .subtitle {
        color: rgba(255, 255, 255, .9)
    }

        .hero.is-info .subtitle a:not(.button),
        .hero.is-info .subtitle strong {
            color: #fff
        }

@media screen and (max-width: 1023px) {
    .hero.is-info .navbar-menu {
        background-color: #3e8ed0
    }
}

.hero.is-info .navbar-item,
.hero.is-info .navbar-link {
    color: rgba(255, 255, 255, .7)
}

    .hero.is-info a.navbar-item:hover,
    .hero.is-info a.navbar-item.is-active,
    .hero.is-info .navbar-link:hover,
    .hero.is-info .navbar-link.is-active {
        background-color: #3082c5;
        color: #fff
    }

.hero.is-info .tabs a {
    color: #fff;
    opacity: .9
}

    .hero.is-info .tabs a:hover {
        opacity: 1
    }

.hero.is-info .tabs li.is-active a {
    color: #3e8ed0 !important;
    opacity: 1
}

.hero.is-info .tabs.is-boxed a,
.hero.is-info .tabs.is-toggle a {
    color: #fff
}

    .hero.is-info .tabs.is-boxed a:hover,
    .hero.is-info .tabs.is-toggle a:hover {
        background-color: rgba(10, 10, 10, .1)
    }

.hero.is-info .tabs.is-boxed li.is-active a,
.hero.is-info .tabs.is-boxed li.is-active a:hover,
.hero.is-info .tabs.is-toggle li.is-active a,
.hero.is-info .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #3e8ed0
}

.hero.is-info.is-bold {
    background-image: linear-gradient(141deg, #208fbc 0%, #3e8ed0 71%, #4d83db 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-info.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #208fbc 0%, #3e8ed0 71%, #4d83db 100%)
    }
}

.hero.is-success {
    background-color: #1ce589;
    color: rgba(0, 0, 0, .7)
}

    .hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
    .hero.is-success strong {
        color: inherit
    }

    .hero.is-success .title {
        color: rgba(0, 0, 0, .7)
    }

    .hero.is-success .subtitle {
        color: rgba(0, 0, 0, .9)
    }

        .hero.is-success .subtitle a:not(.button),
        .hero.is-success .subtitle strong {
            color: rgba(0, 0, 0, .7)
        }

@media screen and (max-width: 1023px) {
    .hero.is-success .navbar-menu {
        background-color: #1ce589
    }
}

.hero.is-success .navbar-item,
.hero.is-success .navbar-link {
    color: rgba(0, 0, 0, .7)
}

    .hero.is-success a.navbar-item:hover,
    .hero.is-success a.navbar-item.is-active,
    .hero.is-success .navbar-link:hover,
    .hero.is-success .navbar-link.is-active {
        background-color: #18d07c;
        color: rgba(0, 0, 0, .7)
    }

.hero.is-success .tabs a {
    color: rgba(0, 0, 0, .7);
    opacity: .9
}

    .hero.is-success .tabs a:hover {
        opacity: 1
    }

.hero.is-success .tabs li.is-active a {
    color: #1ce589 !important;
    opacity: 1
}

.hero.is-success .tabs.is-boxed a,
.hero.is-success .tabs.is-toggle a {
    color: rgba(0, 0, 0, .7)
}

    .hero.is-success .tabs.is-boxed a:hover,
    .hero.is-success .tabs.is-toggle a:hover {
        background-color: rgba(10, 10, 10, .1)
    }

.hero.is-success .tabs.is-boxed li.is-active a,
.hero.is-success .tabs.is-boxed li.is-active a:hover,
.hero.is-success .tabs.is-toggle li.is-active a,
.hero.is-success .tabs.is-toggle li.is-active a:hover {
    background-color: rgba(0, 0, 0, .7);
    border-color: rgba(0, 0, 0, .7);
    color: #1ce589
}

.hero.is-success.is-bold {
    background-image: linear-gradient(141deg, #0bc350 0%, #1CE589 71%, #2dedb5 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-success.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #0bc350 0%, #1CE589 71%, #2dedb5 100%)
    }
}

.hero.is-warning {
    background-color: #ffe08a;
    color: rgba(0, 0, 0, .7)
}

    .hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
    .hero.is-warning strong {
        color: inherit
    }

    .hero.is-warning .title {
        color: rgba(0, 0, 0, .7)
    }

    .hero.is-warning .subtitle {
        color: rgba(0, 0, 0, .9)
    }

        .hero.is-warning .subtitle a:not(.button),
        .hero.is-warning .subtitle strong {
            color: rgba(0, 0, 0, .7)
        }

@media screen and (max-width: 1023px) {
    .hero.is-warning .navbar-menu {
        background-color: #ffe08a
    }
}

.hero.is-warning .navbar-item,
.hero.is-warning .navbar-link {
    color: rgba(0, 0, 0, .7)
}

    .hero.is-warning a.navbar-item:hover,
    .hero.is-warning a.navbar-item.is-active,
    .hero.is-warning .navbar-link:hover,
    .hero.is-warning .navbar-link.is-active {
        background-color: #ffd970;
        color: rgba(0, 0, 0, .7)
    }

.hero.is-warning .tabs a {
    color: rgba(0, 0, 0, .7);
    opacity: .9
}

    .hero.is-warning .tabs a:hover {
        opacity: 1
    }

.hero.is-warning .tabs li.is-active a {
    color: #ffe08a !important;
    opacity: 1
}

.hero.is-warning .tabs.is-boxed a,
.hero.is-warning .tabs.is-toggle a {
    color: rgba(0, 0, 0, .7)
}

    .hero.is-warning .tabs.is-boxed a:hover,
    .hero.is-warning .tabs.is-toggle a:hover {
        background-color: rgba(10, 10, 10, .1)
    }

.hero.is-warning .tabs.is-boxed li.is-active a,
.hero.is-warning .tabs.is-boxed li.is-active a:hover,
.hero.is-warning .tabs.is-toggle li.is-active a,
.hero.is-warning .tabs.is-toggle li.is-active a:hover {
    background-color: rgba(0, 0, 0, .7);
    border-color: rgba(0, 0, 0, .7);
    color: #ffe08a
}

.hero.is-warning.is-bold {
    background-image: linear-gradient(141deg, #ffb657 0%, #ffe08a 71%, #fff6a3 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-warning.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #ffb657 0%, #ffe08a 71%, #fff6a3 100%)
    }
}

.hero.is-danger {
    background-color: #f71416;
    color: #fff
}

    .hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
    .hero.is-danger strong {
        color: inherit
    }

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

    .hero.is-danger .subtitle {
        color: rgba(255, 255, 255, .9)
    }

        .hero.is-danger .subtitle a:not(.button),
        .hero.is-danger .subtitle strong {
            color: #fff
        }

@media screen and (max-width: 1023px) {
    .hero.is-danger .navbar-menu {
        background-color: #f71416
    }
}

.hero.is-danger .navbar-item,
.hero.is-danger .navbar-link {
    color: rgba(255, 255, 255, .7)
}

    .hero.is-danger a.navbar-item:hover,
    .hero.is-danger a.navbar-item.is-active,
    .hero.is-danger .navbar-link:hover,
    .hero.is-danger .navbar-link.is-active {
        background-color: #ea080a;
        color: #fff
    }

.hero.is-danger .tabs a {
    color: #fff;
    opacity: .9
}

    .hero.is-danger .tabs a:hover {
        opacity: 1
    }

.hero.is-danger .tabs li.is-active a {
    color: #f71416 !important;
    opacity: 1
}

.hero.is-danger .tabs.is-boxed a,
.hero.is-danger .tabs.is-toggle a {
    color: #fff
}

    .hero.is-danger .tabs.is-boxed a:hover,
    .hero.is-danger .tabs.is-toggle a:hover {
        background-color: rgba(10, 10, 10, .1)
    }

.hero.is-danger .tabs.is-boxed li.is-active a,
.hero.is-danger .tabs.is-boxed li.is-active a:hover,
.hero.is-danger .tabs.is-toggle li.is-active a,
.hero.is-danger .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #f71416
}

.hero.is-danger.is-bold {
    background-image: linear-gradient(141deg, #d80026 0%, #f71416 71%, #fd4927 100%)
}

@media screen and (max-width: 768px) {
    .hero.is-danger.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #d80026 0%, #f71416 71%, #fd4927 100%)
    }
}

.hero.is-small .hero-body {
    padding: 1.5rem
}

@media screen and (min-width: 769px), print {
    .hero.is-medium .hero-body {
        padding: 9rem 4.5rem
    }
}

@media screen and (min-width: 769px), print {
    .hero.is-large .hero-body {
        padding: 18rem 6rem
    }
}

.hero.is-halfheight .hero-body,
.hero.is-fullheight .hero-body,
.hero.is-fullheight-with-navbar .hero-body {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .hero.is-halfheight .hero-body > .container,
    .hero.is-fullheight .hero-body > .container,
    .hero.is-fullheight-with-navbar .hero-body > .container {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

.hero.is-halfheight {
    min-height: 50vh
}

.hero.is-fullheight {
    min-height: 100vh
}

.hero-video {
    overflow: hidden
}

    .hero-video video {
        left: 50%;
        min-height: 100%;
        min-width: 100%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0)
    }

    .hero-video.is-transparent {
        opacity: .3
    }

@media screen and (max-width: 768px) {
    .hero-video {
        display: none
    }
}

.hero-buttons {
    margin-top: 1.5rem
}

@media screen and (max-width: 768px) {
    .hero-buttons .button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .hero-buttons .button:not(:last-child) {
            margin-bottom: .75rem
        }
}

@media screen and (min-width: 769px), print {
    .hero-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .hero-buttons .button:not(:last-child) {
            margin-right: 1.5rem
        }
}

.hero-head,
.hero-foot {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.hero-body {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 3rem 1.5rem
}

@media screen and (min-width: 769px), print {
    .hero-body {
        padding: 3rem 3rem
    }
}

.section {
    padding: 3rem 1.5rem
}

@media screen and (min-width: 1024px) {
    .section {
        padding: 3rem 3rem
    }

        .section.is-medium {
            padding: 9rem 4.5rem
        }

        .section.is-large {
            padding: 18rem 6rem
        }
}

.footer {
    background-color: #fafafa;
    padding: 3rem 1.5rem 6rem
}


/*! all.scss | Friendkit | © Css Ninja. 2020-2021 */


/*! _layout.scss | Friendkit | © Css Ninja. 2020-2021 */

body {
    background: #f4f4f4;
    height: 100%;
    width: 100%;
    min-height: 100vh;
    font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    color: #344258;
    overflow: hidden
}

    body.is-frozen {
        overflow: hidden !important;
        position: fixed;
        top: 0;
        left: 0
    }

    body.is-white {
        background: #fff
    }

.app-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: -1;
    opacity: 0
}

    .app-overlay.is-active {
        opacity: 1 !important;
        z-index: 1000 !important
    }

.container.is-fluid {
    margin: 0 !important
}

.container.is-desktop {
    max-width: 1180px !important
}

.container.sidebar-boxed {
    max-width: 1040px !important
}

.view-wrapper {
    padding: 60px 12px;
    -webkit-transition: all .3s;
    transition: all .3s
}

    .view-wrapper.is-side {
        width: calc(100% - 70px);
        margin-left: 70px
    }

    .view-wrapper.is-full {
        padding: 60px 0 0 0
    }

    .view-wrapper.is-sidebar-v1 {
        position: relative;
        margin-left: 280px;
        width: calc(100% - 280px);
        padding-top: 1.5rem
    }

        .view-wrapper.is-sidebar-v1.is-fold {
            width: 100%;
            margin-left: 0
        }

    .view-wrapper.is-map {
        position: relative;
        top: 57px;
        padding: 0;
        min-height: calc(100vh - 57px)
    }

    .view-wrapper.is-map-pushed {
        position: relative;
        top: 150px;
        padding: 0;
        min-height: calc(100vh - 150px)
    }

    .view-wrapper .view-wrap {
        padding: 20px 0
    }

        .view-wrapper .view-wrap.is-headless {
            padding-top: 10px
        }

.navbar-v2-wrapper {
    padding-top: 6rem
}

.inbox-wrapper {
    position: absolute;
    top: 58px;
    left: 0;
    width: 100%;
    height: calc(100% - 58px)
}

#profile {
    padding: 80px 0
}

.main-container {
    width: 100%;
    -webkit-transition: all .3s;
    transition: all .3s
}

    .main-container.has-sidebar {
        width: calc(100% - 300px);
        margin-left: 300px
    }

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

.column.is-paddingless {
    padding: 0
}

.column.no-padding-left {
    padding-left: 0
}

.column.no-padding-right {
    padding-right: 0
}

.card-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .card-row .card-flex {
        width: calc(25% - 16px);
        margin: 8px;
        background: #fff;
        border: 1px solid #dedede;
        border-radius: 6px
    }

.footer-light-medium {
    padding-bottom: 0 !important;
    padding-top: 4rem !important;
    background: #f5f5f5
}

    .footer-light-medium .footer-head {
        padding-bottom: 3rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-bottom: 1px solid #dedede
    }

        .footer-light-medium .footer-head .head-text h3 {
            font-family: "Montserrat", sans-serif;
            font-size: 1.6rem;
            color: #393a4f
        }

        .footer-light-medium .footer-head .head-text p {
            font-size: 1rem;
            color: #999
        }

        .footer-light-medium .footer-head .head-action .buttons .button.action-button {
            height: 36px;
            min-width: 140px
        }

        .footer-light-medium .footer-head .head-action .buttons .button.chat-button {
            background: transparent;
            border: none;
            outline: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            color: #3d70b2;
            font-weight: 500
        }

    .footer-light-medium .footer-body {
        padding-top: 3rem
    }

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

            .footer-light-medium .footer-body .footer-column .column-header {
                font-family: "Montserrat", sans-serif;
                text-transform: uppercase;
                color: #393a4f;
                font-size: .9rem;
                font-weight: 700;
                margin: 10px 0
            }

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

                .footer-light-medium .footer-body .footer-column .column-item a {
                    font-size: .9rem;
                    color: #999
                }

                    .footer-light-medium .footer-body .footer-column .column-item a:hover {
                        color: #3d70b2
                    }

        .footer-light-medium .footer-body .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;
            padding: 10px 0
        }

            .footer-light-medium .footer-body .social-links a {
                color: #999;
                margin: 0 5px
            }

                .footer-light-medium .footer-body .social-links a:hover {
                    color: #3d70b2
                }

                .footer-light-medium .footer-body .social-links a svg {
                    height: 18px;
                    width: 18px;
                    stroke-width: 1.4px
                }

        .footer-light-medium .footer-body .footer-description {
            color: #999;
            padding: 10px 0
        }

        .footer-light-medium .footer-body .moto {
            color: #999;
            font-size: .85rem
        }

            .footer-light-medium .footer-body .moto svg {
                height: 14px;
                width: 14px;
                fill: #f71416;
                stroke: #f71416;
                margin: 0 2px
            }

        .footer-light-medium .footer-body .small-footer-logo {
            height: 30px
        }

    .footer-light-medium .footer-copyright {
        color: #999;
        padding: 4rem 0 2rem 0;
        font-size: .9rem
    }

        .footer-light-medium .footer-copyright a {
            color: #999
        }

            .footer-light-medium .footer-copyright a:hover {
                color: #3d70b2
            }

@media only screen and (max-width: 767px) {
    .view-wrapper.is-sidebar-v1 {
        margin-left: 0 !important;
        width: 100% !important
    }

    .view-wrap.is-headless {
        padding-top: 10px !important
    }

    .column.no-padding-left {
        padding-left: .75rem
    }

    .column.no-padding-right {
        padding-right: .75rem
    }

    .column.no-side-padding-mobile {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .control.is-grouped {
        margin-bottom: 8px
    }

    .footer-light-medium .footer-head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }

        .footer-light-medium .footer-head .head-text {
            padding-bottom: 20px
        }

    .footer-light-medium .footer-body {
        padding: 1rem !important
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .view-wrapper.is-sidebar-v1 {
        margin-left: 0 !important;
        width: 100% !important
    }

    .columns.has-portrait-padding {
        padding: 0 40px
    }

    .column.no-padding-left {
        padding-left: .75rem
    }

    .column.no-padding-right {
        padding-right: .75rem
    }

    .footer-light-medium {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

        .footer-light-medium .footer-head {
            padding: 1rem !important
        }

        .footer-light-medium .footer-body {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding: 2rem 1rem !important
        }

            .footer-light-medium .footer-body .column.is-4 {
                width: 42%;
                max-width: 42%;
                -ms-flex-negative: 1;
                flex-shrink: 1
            }

            .footer-light-medium .footer-body .is-offset-2 .columns {
                display: -webkit-box !important;
                display: -ms-flexbox !important;
                display: flex !important
            }

        .footer-light-medium .columns .column.is-4 {
            text-align: center
        }

            .footer-light-medium .columns .column.is-4 > div {
                max-width: 430px;
                margin: 20px auto
            }

            .footer-light-medium .columns .column.is-4 .moto {
                margin: 0
            }

        .footer-light-medium .columns .column.is-offset-2 .columns {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            text-align: center
        }

            .footer-light-medium .columns .column.is-offset-2 .columns .footer-column {
                padding: 0
            }

    .copyright .inner {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .container {
        max-width: 100%
    }

        .container .column {
            padding: .5rem
        }

    .view-wrapper.is-sidebar-v1 {
        margin-left: 250px;
        width: calc(100% - 250px);
        padding-top: 1.5rem
    }

    .is-hidden-landscape {
        display: none !important
    }
}

@media screen and (min-width: 1297px) {
    .container.is-custom {
        max-width: 1240px;
        width: 1240px
    }
}

@media screen and (min-width: 1088px) {
    .container.is-custom {
        max-width: 1140px;
        width: 1140px
    }
}

@media screen and (max-width: 1300px) {
    #main-feed {
        max-width: 1240px
    }
}


/*! _layout-sidebar-v1.scss | Friendkit | © Css Ninja. 2020-2021 */

.filters-panel {
    position: fixed;
    top: 107px;
    left: 0;
    height: calc(100% - 107px);
    width: 300px;
    background: #fff;
    border-right: 1px solid #e0e0e0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .3s;
    transition: all .3s;
    z-index: 2
}

    .filters-panel.is-active {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .filters-panel .panel-inner {
        position: relative;
        width: 100%
    }

        .filters-panel .panel-inner .panel-title {
            font-family: Montserrat, sans-serif;
            font-size: .9rem;
            font-weight: 600;
            color: #999;
            padding: 20px;
            border-bottom: 1px solid #e8e8e8
        }

        .filters-panel .panel-inner .filter-block {
            padding: 20px;
            border-bottom: 1px solid #e8e8e8
        }

            .filters-panel .panel-inner .filter-block label {
                display: block;
                font-size: .7rem;
                font-weight: 500;
                text-transform: uppercase;
                margin-bottom: 8px;
                color: #393a4f
            }

            .filters-panel .panel-inner .filter-block .age-wrap {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .filters-panel .panel-inner .filter-block .age-wrap .separator {
                    text-align: center;
                    padding: 0 8px;
                    font-size: .7rem;
                    text-transform: uppercase;
                    color: #999
                }

                .filters-panel .panel-inner .filter-block .age-wrap .field {
                    margin-bottom: 0;
                    max-width: 60px
                }

                    .filters-panel .panel-inner .filter-block .age-wrap .field .control input {
                        height: 30px;
                        text-align: center
                    }

                        .filters-panel .panel-inner .filter-block .age-wrap .field .control input:focus {
                            border-color: #757a91
                        }


/*! all.scss | Friendkit | © Css Ninja. 2020-2021 */


/*! _navbar.scss | Friendkit | © Css Ninja. 2020-2021 */

.navbar-v1 {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 19;
    height: 58px;
    width: 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);
    border-bottom: 1px solid #e8e8e8;
    -webkit-transition: all .3s;
    transition: all .3s
}

    .navbar-v1.no-shadow {
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    .navbar-v1.no-background {
        background: transparent !important;
        border-bottom-color: transparent !important
    }

    .navbar-v1.is-landing {
        height: 70px
    }

        .navbar-v1.is-landing .navbar-brand {
            height: 70px
        }

            .navbar-v1.is-landing .navbar-brand .navbar-item {
                height: 70px
            }

                .navbar-v1.is-landing .navbar-brand .navbar-item .logo {
                    max-height: 44px;
                    width: 100%;
                    max-width: 44px
                }

        .navbar-v1.is-landing .navbar-item a:not(.button) {
            color: #393a4f;
            font-weight: 500
        }

        .navbar-v1.is-landing .navbar-end .button {
            font-size: .95rem;
            height: 46px;
            min-width: 120px
        }

        .navbar-v1.is-landing.no-background .navbar-brand .navbar-burger span {
            background: #fff
        }

        .navbar-v1.is-landing.no-background .navbar-end .navbar-item .button {
            background: transparent;
            border-color: #fcfcfc;
            color: #fcfcfc !important
        }

            .navbar-v1.is-landing.no-background .navbar-end .navbar-item .button:hover {
                border-color: #fff;
                background: #fff;
                color: #393a4f !important;
                opacity: 1 !important
            }

        .navbar-v1.is-landing.no-background .navbar-end .navbar-item a {
            color: #fcfcfc
        }

        .navbar-v1.is-landing.mobile-navbar.no-background .navbar-brand .dark-mobile-logo {
            display: none
        }

        .navbar-v1.is-landing.mobile-navbar.no-background .navbar-brand .light-mobile-logo {
            display: block
        }

        .navbar-v1.is-landing.mobile-navbar .navbar-brand .dark-mobile-logo {
            display: block
        }

        .navbar-v1.is-landing.mobile-navbar .navbar-brand .light-mobile-logo {
            display: none
        }

    .navbar-v1.is-side {
        width: calc(100% - 70px);
        margin-left: 70px
    }

    .navbar-v1 .container.is-fluid {
        padding: 0
    }

    .navbar-v1 .navbar-brand {
        height: 58px;
        margin-left: 0 !important;
        margin-right: 20px
    }

        .navbar-v1 .navbar-brand.is-fluid {
            margin-right: 0;
            margin-left: 10px !important
        }

        .navbar-v1 .navbar-brand.is-title {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .navbar-v1 .navbar-brand.is-title h2 {
                margin-left: 20px;
                color: #393a4f;
                font-family: "Roboto", sans-serif;
                font-size: 1.1rem;
                font-weight: 600
            }

        .navbar-v1 .navbar-brand .navbar-item {
            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;
            min-width: 58px
        }

            .navbar-v1 .navbar-brand .navbar-item .logo {
                max-height: 38px;
                max-width: 38px
            }

            .navbar-v1 .navbar-brand .navbar-item .user-image img {
                max-height: 42px;
                max-width: 42px
            }

            .navbar-v1 .navbar-brand .navbar-item:hover {
                background: #3d70b2 !important
            }

    .navbar-v1 .navbar-menu {
        margin-right: 0 !important
    }

    .navbar-v1 .navbar-item {
        position: relative
    }

        .navbar-v1 .navbar-item .action-button {
            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;
            width: 36px;
            max-width: 36px;
            height: 36px;
            min-height: 36px;
            border-radius: 50%;
            padding: 0;
            display: none
        }

            .navbar-v1 .navbar-item .action-button svg {
                height: 16px;
                width: 16px
            }

    .navbar-v1 .control {
        position: relative
    }

        .navbar-v1 .control .input {
            position: relative;
            height: 38px;
            width: 320px;
            padding-right: 85px;
            padding-left: 38px;
            padding-bottom: 8px;
            background: #f7f7f7;
            border-color: #f7f7f7;
            -webkit-transition: all .4s;
            transition: all .4s;
            z-index: 1
        }

            .navbar-v1 .control .input:focus {
                background: #fff;
                -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06) !important;
                box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06) !important;
                border-color: #e3e3e3
            }

            .navbar-v1 .control .input:not(:valid) ~ .reset-search {
                opacity: 0;
                pointer-events: none
            }

            .navbar-v1 .control .input:focus ~ .search-icon svg {
                stroke: #999 !important
            }

        .navbar-v1 .control .reset-search {
            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: 38px;
            width: 38px;
            opacity: 1;
            pointer-events: all;
            -webkit-transition: all .3s;
            transition: all .3s;
            z-index: 1;
            cursor: pointer
        }

            .navbar-v1 .control .reset-search svg {
                height: 18px;
                width: 18px;
                stroke: #999
            }

        .navbar-v1 .control .search-icon {
            position: absolute;
            top: 0;
            left: 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: 38px;
            width: 38px;
            z-index: 1
        }

            .navbar-v1 .control .search-icon svg {
                height: 20px;
                width: 20px;
                stroke: #cecece;
                -webkit-transition: all .3s;
                transition: all .3s
            }

.explorer-menu {
    position: fixed;
    top: 58px;
    left: 0;
    width: 100%;
    height: calc(100% - 58px);
    background: #fff;
    opacity: 0;
    z-index: -1;
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, transform .4s;
    transition: opacity .4s, transform .4s, -webkit-transform .4s
}

    .explorer-menu.is-active {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        z-index: 11
    }

    .explorer-menu .explorer-inner {
        position: relative;
        height: 100%;
        width: 100%
    }

        .explorer-menu .explorer-inner .explorer-container {
            max-width: 840px;
            margin: 0 auto
        }

        .explorer-menu .explorer-inner .explorer-header {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 20px 0
        }

            .explorer-menu .explorer-inner .explorer-header h3 {
                font-family: Montserrat, sans-serif;
                font-weight: bold;
                font-size: 1.2rem;
                color: #393a4f
            }

            .explorer-menu .explorer-inner .explorer-header .control {
                position: relative
            }

                .explorer-menu .explorer-inner .explorer-header .control input {
                    padding-right: 40px
                }

                    .explorer-menu .explorer-inner .explorer-header .control input:focus + .form-icon svg {
                        stroke: #5596e6
                    }

                .explorer-menu .explorer-inner .explorer-header .control .form-icon {
                    position: absolute;
                    top: 0;
                    right: 4px;
                    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
                }

                    .explorer-menu .explorer-inner .explorer-header .control .form-icon svg {
                        height: 16px;
                        width: 16px;
                        stroke: #cecece;
                        -webkit-transition: stroke .3s;
                        transition: stroke .3s
                    }

        .explorer-menu .explorer-inner .explore-list {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

            .explorer-menu .explorer-inner .explore-list .explore-item {
                text-align: center;
                width: calc(20% - 16px);
                margin: 8px;
                padding: 20px 0;
                border: 1px solid transparent;
                border-radius: 8px;
                -webkit-transition: all .3s;
                transition: all .3s;
                cursor: pointer
            }

                .explorer-menu .explorer-inner .explore-list .explore-item:hover {
                    border-color: #e8e8e8;
                    -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
                    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
                }

                    .explorer-menu .explorer-inner .explore-list .explore-item:hover img {
                        -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
                        box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
                    }

                .explorer-menu .explorer-inner .explore-list .explore-item.is-coming-soon img {
                    -webkit-filter: grayscale(0.9);
                    filter: grayscale(0.9)
                }

                .explorer-menu .explorer-inner .explore-list .explore-item img {
                    display: block;
                    height: 60px;
                    width: 60px;
                    border-radius: 50%;
                    margin: 0 auto;
                    -webkit-transition: all .3s;
                    transition: all .3s
                }

                .explorer-menu .explorer-inner .explore-list .explore-item h4 {
                    font-family: Montserrat, sans-serif;
                    font-weight: 600;
                    font-size: .9rem;
                    color: #393a4f;
                    margin-top: 6px
                }

                .explorer-menu .explorer-inner .explore-list .explore-item .coming-soon {
                    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;
                    background: #f5f5f5;
                    color: #393a4f;
                    font-size: .8rem;
                    font-weight: 500;
                    line-height: 1;
                    max-width: 96px;
                    padding: 4px 8px;
                    border-radius: 100px;
                    margin: 0 auto;
                    position: relative;
                    top: 3px
                }

@media(max-width: 767px) {
    .explorer-menu .explorer-container {
        padding: 0 20px
    }

        .explorer-menu .explorer-container .explorer-header .control {
            max-width: 200px
        }

        .explorer-menu .explorer-container .explore-list {
            max-height: calc(100vh - 150px);
            overflow-y: auto
        }

            .explorer-menu .explorer-container .explore-list .explore-item {
                padding: 4px 0;
                width: calc(33.3% - 16px)
            }

                .explorer-menu .explorer-container .explore-list .explore-item img {
                    height: 50px;
                    width: 50px
                }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .explorer-menu .explorer-container .explorer-header {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .explorer-menu .explorer-container .explorer-header {
        padding-left: 40px;
        padding-right: 40px
    }
}


/*! _navbar.scss | Friendkit | © Css Ninja. 2020-2021 */

.options-nav {
    position: fixed;
    top: 58px;
    left: 0;
    width: 100%;
    height: 50px;
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);
    z-index: 5;
    -webkit-transition: all .3s;
    transition: all .3s
}

    .options-nav.no-shadow {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .options-nav .nav-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .options-nav .nav-inner.is-friends .option-tabs,
        .options-nav .nav-inner.is-events .option-tabs {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 210px
        }

            .options-nav .nav-inner.is-friends .option-tabs .option-tab,
            .options-nav .nav-inner.is-events .option-tabs .option-tab {
                height: 50px;
                width: 33.3%;
                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
            }

                .options-nav .nav-inner.is-friends .option-tabs .option-tab.is-active span,
                .options-nav .nav-inner.is-events .option-tabs .option-tab.is-active span {
                    font-weight: 500;
                    color: #393a4f
                }

                .options-nav .nav-inner.is-friends .option-tabs .option-tab.is-active:first-child ~ .option-naver,
                .options-nav .nav-inner.is-events .option-tabs .option-tab.is-active:first-child ~ .option-naver {
                    margin-left: 0
                }

                .options-nav .nav-inner.is-friends .option-tabs .option-tab.is-active:nth-child(2) ~ .option-naver,
                .options-nav .nav-inner.is-events .option-tabs .option-tab.is-active:nth-child(2) ~ .option-naver {
                    margin-left: 33.3%
                }

                .options-nav .nav-inner.is-friends .option-tabs .option-tab.is-active:nth-child(3) ~ .option-naver,
                .options-nav .nav-inner.is-events .option-tabs .option-tab.is-active:nth-child(3) ~ .option-naver {
                    margin-left: 66.6%
                }

                .options-nav .nav-inner.is-friends .option-tabs .option-tab span,
                .options-nav .nav-inner.is-events .option-tabs .option-tab span {
                    display: block;
                    color: #cecece;
                    font-family: Roboto, sans-serif;
                    font-size: .9rem
                }

            .options-nav .nav-inner.is-friends .option-tabs .option-naver,
            .options-nav .nav-inner.is-events .option-tabs .option-naver {
                position: absolute;
                bottom: 0;
                left: 0;
                height: 2.6px;
                width: 33.3%;
                border-radius: 4px;
                background: #393a4f;
                -webkit-transition: all .3s;
                transition: all .3s
            }

        .options-nav .nav-inner.is-friends .end-group,
        .options-nav .nav-inner.is-events .end-group {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            margin-left: auto
        }

            .options-nav .nav-inner.is-friends .end-group .is-icon,
            .options-nav .nav-inner.is-events .end-group .is-icon {
                border-left: 1px solid #e0e0e0
            }

                .options-nav .nav-inner.is-friends .end-group .is-icon svg,
                .options-nav .nav-inner.is-events .end-group .is-icon svg {
                    stroke: #999
                }

            .options-nav .nav-inner.is-friends .end-group .is-friend-count,
            .options-nav .nav-inner.is-events .end-group .is-friend-count {
                padding: 0 20px;
                color: #999;
                font-family: Roboto, sans-serif;
                font-size: .95rem
            }

        .options-nav .nav-inner .nav-item {
            height: 50px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .options-nav .nav-inner .nav-item.is-page-title {
                padding: 0 20px;
                border-left: 1px solid #e0e0e0;
                border-right: 1px solid #e0e0e0
            }

                .options-nav .nav-inner .nav-item.is-page-title h2 {
                    font-family: Montserrat, sans-serif;
                    font-weight: bold;
                    font-size: 1rem;
                    color: #393a4f
                }

            .options-nav .nav-inner .nav-item.is-icon {
                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;
                width: 50px
            }

                .options-nav .nav-inner .nav-item.is-icon svg {
                    height: 18px;
                    width: 18px;
                    stroke: #999
                }

            .options-nav .nav-inner .nav-item.is-search {
                border-left: 1px solid #e0e0e0;
                width: 280px
            }

                .options-nav .nav-inner .nav-item.is-search .control {
                    padding: 0 16px;
                    width: 100%
                }

                    .options-nav .nav-inner .nav-item.is-search .control input {
                        border: none
                    }


/*! _navbar.scss | Friendkit | © Css Ninja. 2020-2021 */

.mobile-navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);
    -webkit-transition: all .3s;
    transition: all .3s
}

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

    .mobile-navbar.is-landing.no-background {
        background: transparent
    }

        .mobile-navbar.is-landing.no-background .dark-mobile-logo {
            display: none !important
        }

        .mobile-navbar.is-landing.no-background .navbar-burger span {
            background: #fff !important
        }

    .mobile-navbar.is-landing.no-shadow {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .mobile-navbar .navbar-brand {
        margin-right: 0
    }

        .mobile-navbar .navbar-brand .navbar-item:hover {
            background: transparent !important
        }

        .mobile-navbar .navbar-brand img {
            height: 34px;
            max-height: 34px;
            -webkit-animation: pulse 1s infinite;
            animation: pulse 1s infinite
        }

        .mobile-navbar .navbar-brand .navbar-burger span {
            height: 1.5px;
            -webkit-transition: all .3s;
            transition: all .3s
        }

    .mobile-navbar .navbar-link {
        padding-right: 12px !important
    }

    .mobile-navbar .navbar-item {
        min-width: unset !important
    }

        .mobile-navbar .navbar-item:hover {
            background: transparent !important
        }

        .mobile-navbar .navbar-item.has-dropdown .navbar-link:after {
            border-color: #ddd
        }

        .mobile-navbar .navbar-item.is-mobile-icon span:not(.menu-badge) {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .mobile-navbar .navbar-item.is-mobile-icon span:not(.menu-badge) svg {
                height: 18px;
                width: 18px;
                stroke: #cecece;
                margin-right: 8px
            }

    .mobile-navbar .navbar-burger {
        height: 58px;
        width: 58px
    }

        .mobile-navbar .navbar-burger:hover {
            background-color: rgba(0, 0, 0, .02)
        }

        .mobile-navbar .navbar-burger span {
            background-color: #999
        }

    .mobile-navbar .navbar-menu {
        background: #fafafa
    }

        .mobile-navbar .navbar-menu .button {
            padding: 0;
            height: 36px;
            width: 100px
        }

        .mobile-navbar .navbar-menu .navbar-link {
            color: #393a4f;
            font-weight: 600
        }

        .mobile-navbar .navbar-menu .navbar-item {
            color: #999
        }

        .mobile-navbar .navbar-menu .navbar-link {
            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;
            border-bottom: 1px solid #e8e8e8
        }

            .mobile-navbar .navbar-menu .navbar-link img {
                height: 38px;
                width: 38px;
                max-height: 38px !important;
                border-radius: 50%
            }

            .mobile-navbar .navbar-menu .navbar-link svg {
                height: 20px;
                width: 20px;
                stroke-width: 1.2px;
                stroke: #5596e6
            }

            .mobile-navbar .navbar-menu .navbar-link span {
                margin: 0 10px
            }

                .mobile-navbar .navbar-menu .navbar-link span.is-heading {
                    font-size: 11px;
                    letter-spacing: 1px;
                    font-weight: 400;
                    text-transform: uppercase
                }

        .mobile-navbar .navbar-menu .navbar-dropdown .menu-badge {
            margin-left: auto;
            height: 22px;
            font-size: .8rem;
            font-weight: 500;
            padding: 3px 6px;
            line-height: 1.3;
            min-width: 22px;
            text-align: center;
            border-radius: 100px;
            background: #f0f0f0;
            color: #393a4f
        }

        .mobile-navbar .navbar-menu .navbar-dropdown .button {
            height: 40px;
            display: block;
            width: calc(100% - 32px);
            font-size: .95rem;
            line-height: 2.3;
            margin: 8px 16px
        }

        .mobile-navbar .navbar-menu .navbar-dropdown .navbar-item {
            font-size: .9rem;
            padding: .75rem 1.5rem !important
        }

            .mobile-navbar .navbar-menu .navbar-dropdown .navbar-item.is-active,
            .mobile-navbar .navbar-menu .navbar-dropdown .navbar-item:hover {
                background: #475a78
            }

    .mobile-navbar .mobile-search {
        height: 58px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 1rem
    }

        .mobile-navbar .mobile-search .control {
            position: relative;
            width: 100%
        }

            .mobile-navbar .mobile-search .control .input {
                width: 100%
            }

                .mobile-navbar .mobile-search .control .input:focus + .form-icon {
                    color: #3d70b2
                }

            .mobile-navbar .mobile-search .control .form-icon {
                position: absolute;
                top: 0;
                left: 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: 38px;
                width: 38px;
                z-index: 2;
                color: #cecece;
                -webkit-transition: color .3s;
                transition: color .3s
            }

                .mobile-navbar .mobile-search .control .form-icon svg {
                    height: 20px;
                    width: 20px;
                    -webkit-transition: stroke .3s;
                    transition: stroke .3s
                }

            .mobile-navbar .mobile-search .control .close-icon {
                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: 38px;
                width: 38px;
                z-index: 2;
                color: #393a4f;
                -webkit-transition: color .3s;
                transition: color .3s
            }

                .mobile-navbar .mobile-search .control .close-icon svg {
                    height: 20px;
                    width: 20px;
                    -webkit-transition: stroke .3s;
                    transition: stroke .3s
                }

        .mobile-navbar .mobile-search .tipue-drop-content {
            position: absolute;
            top: 62px;
            width: 100%
        }

@media(max-width: 767px) {
    .mobile-navbar .nav-drop {
        position: fixed !important;
        top: 58px !important;
        left: 10px !important;
        right: initial !important;
        width: calc(100% - 20px) !important
    }

        .mobile-navbar .nav-drop:before,
        .mobile-navbar .nav-drop:after {
            left: 50% !important;
            right: initial !important
        }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .mobile-navbar .navbar-brand .navbar-item:nth-child(2) {
        margin-left: auto !important
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .mobile-navbar .navbar-brand .navbar-item:nth-child(2) {
        margin-left: auto !important
    }
}


/*! _navbar-v2.scss | Friendkit | © Css Ninja. 2020-2021 */

.navbar-v2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 19
}

    .navbar-v2 .top-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 80px;
        width: 100%;
        background: #fff;
        padding: 0 1.5rem;
        border-bottom: 1px solid #e8e8e8
    }

        .navbar-v2 .top-nav .left {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .navbar-v2 .top-nav .left .brand .navbar-logo {
                display: block;
                border-right: 1px solid #e0e0e0
            }

                .navbar-v2 .top-nav .left .brand .navbar-logo img {
                    height: 46px;
                    width: 46px;
                    min-width: 46px;
                    margin-right: 1rem
                }

            .navbar-v2 .top-nav .left .control {
                position: relative;
                margin-left: 1rem
            }

                .navbar-v2 .top-nav .left .control .input {
                    position: relative;
                    height: 38px;
                    width: 320px;
                    padding-right: 85px;
                    padding-left: 38px;
                    padding-bottom: 8px;
                    background: #f7f7f7;
                    border-color: #f7f7f7;
                    -webkit-transition: all .4s;
                    transition: all .4s;
                    z-index: 1
                }

                    .navbar-v2 .top-nav .left .control .input:focus {
                        background: #fff;
                        -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06) !important;
                        box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06) !important;
                        border-color: #e3e3e3
                    }

                    .navbar-v2 .top-nav .left .control .input:not(:valid) ~ .reset-search {
                        opacity: 0;
                        pointer-events: none
                    }

                    .navbar-v2 .top-nav .left .control .input:focus ~ .search-icon svg {
                        stroke: #999 !important
                    }

                .navbar-v2 .top-nav .left .control .reset-search {
                    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: 38px;
                    width: 38px;
                    opacity: 1;
                    pointer-events: all;
                    -webkit-transition: all .3s;
                    transition: all .3s;
                    z-index: 1;
                    cursor: pointer
                }

                    .navbar-v2 .top-nav .left .control .reset-search svg {
                        height: 18px;
                        width: 18px;
                        stroke: #999
                    }

                .navbar-v2 .top-nav .left .control .search-icon {
                    position: absolute;
                    top: 0;
                    left: 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: 38px;
                    width: 38px;
                    z-index: 1
                }

                    .navbar-v2 .top-nav .left .control .search-icon svg {
                        height: 20px;
                        width: 20px;
                        stroke: #cecece;
                        -webkit-transition: all .3s;
                        transition: all .3s
                    }

        .navbar-v2 .top-nav .right {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end
        }

        .navbar-v2 .top-nav .mobile-search {
            height: 58px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 0 1rem;
            width: 100%
        }

            .navbar-v2 .top-nav .mobile-search .control {
                position: relative;
                width: 100%
            }

                .navbar-v2 .top-nav .mobile-search .control .input {
                    width: 100%;
                    height: 42px;
                    padding-left: 42px
                }

                    .navbar-v2 .top-nav .mobile-search .control .input:focus {
                        -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
                        box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
                        border-color: #e0e0e0
                    }

                        .navbar-v2 .top-nav .mobile-search .control .input:focus + .form-icon {
                            color: #3d70b2
                        }

                .navbar-v2 .top-nav .mobile-search .control .form-icon {
                    position: absolute;
                    top: 0;
                    left: 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: 42px;
                    width: 42px;
                    z-index: 2;
                    color: #cecece;
                    -webkit-transition: color .3s;
                    transition: color .3s
                }

                    .navbar-v2 .top-nav .mobile-search .control .form-icon svg {
                        height: 20px;
                        width: 20px;
                        -webkit-transition: stroke .3s;
                        transition: stroke .3s
                    }

                .navbar-v2 .top-nav .mobile-search .control .close-icon {
                    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: 42px;
                    width: 42px;
                    z-index: 2;
                    color: #393a4f;
                    -webkit-transition: color .3s;
                    transition: color .3s
                }

                    .navbar-v2 .top-nav .mobile-search .control .close-icon svg {
                        height: 20px;
                        width: 20px;
                        -webkit-transition: stroke .3s;
                        transition: stroke .3s
                    }

            .navbar-v2 .top-nav .mobile-search .tipue-drop-content {
                position: absolute;
                top: 62px;
                width: 100%
            }

    .navbar-v2 .sub-nav {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 70px;
        width: 100%;
        background: #f2f2f2;
        -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, .09);
        box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, .09);
        padding: 0 1.5rem;
        border-bottom: 1px solid #e8e8e8;
        z-index: 0
    }

        .navbar-v2 .sub-nav .sub-nav-tabs {
            width: 100%;
            max-width: 640px
        }

            .navbar-v2 .sub-nav .sub-nav-tabs .tabs ul {
                border: none
            }

                .navbar-v2 .sub-nav .sub-nav-tabs .tabs ul li {
                    margin: 0 .5rem
                }

                    .navbar-v2 .sub-nav .sub-nav-tabs .tabs ul li:not(.is-active) a {
                        border-color: transparent;
                        color: #a2a5b9
                    }

                    .navbar-v2 .sub-nav .sub-nav-tabs .tabs ul li.is-active a {
                        font-weight: 500;
                        color: #5596e6;
                        border-color: #5596e6
                    }

                    .navbar-v2 .sub-nav .sub-nav-tabs .tabs ul li a {
                        font-family: "Roboto", sans-serif;
                        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;
                        padding-top: 0;
                        padding-bottom: 0;
                        height: 70px;
                        border-width: 4px
                    }

@media only screen and (max-width: 767px) {
    .navbar-v2 .top-nav {
        padding: 0 10px
    }

        .navbar-v2 .top-nav .left .brand .navbar-logo {
            border: none
        }

            .navbar-v2 .top-nav .left .brand .navbar-logo img {
                height: 36px;
                width: 36px;
                min-width: 36px;
                margin-right: 0
            }

        .navbar-v2 .top-nav .left .control {
            display: none
        }

    .navbar-v2 .sub-nav {
        padding: 0
    }
}


/*! _sidebar-v1.scss | Friendkit | © Css Ninja. 2020-2021 */

.sidebar-v1 {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 280px;
    background: #fff;
    border-right: 1px solid #e3e3e3;
    -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, .09);
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, .09);
    z-index: 10;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

    .sidebar-v1.is-fold {
        -webkit-transform: translate(-100%);
        transform: translate(-100%)
    }

    .sidebar-v1 .top-section {
        position: relative;
        height: 40%;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 2rem 2rem 1rem 2rem
    }

        .sidebar-v1 .top-section .close-button {
            position: absolute;
            top: 10px;
            right: 12px;
            display: none;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            height: 38px;
            width: 38px;
            background: none;
            border: none;
            outline: none
        }

        .sidebar-v1 .top-section .field {
            margin-bottom: 0
        }

            .sidebar-v1 .top-section .field .control {
                position: relative;
                width: 100%
            }

                .sidebar-v1 .top-section .field .control .input {
                    width: 100%;
                    height: 42px;
                    border-radius: .5rem;
                    padding-left: 42px;
                    background: #f7f7f7;
                    border-color: #f7f7f7
                }

                    .sidebar-v1 .top-section .field .control .input:focus {
                        background: #fff;
                        -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06) !important;
                        box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06) !important;
                        border-color: #e3e3e3
                    }

                        .sidebar-v1 .top-section .field .control .input:focus + .form-icon {
                            color: #3d70b2
                        }

                .sidebar-v1 .top-section .field .control .form-icon {
                    position: absolute;
                    top: 0;
                    left: 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: 42px;
                    width: 42px;
                    z-index: 2;
                    color: #cecece;
                    -webkit-transition: color .3s;
                    transition: color .3s
                }

                    .sidebar-v1 .top-section .field .control .form-icon svg {
                        height: 20px;
                        width: 20px;
                        -webkit-transition: stroke .3s;
                        transition: stroke .3s
                    }

        .sidebar-v1 .top-section .user-block .avatar {
            display: block;
            height: 70px;
            width: 70px;
            border-radius: 50%;
            margin-bottom: 1rem
        }

        .sidebar-v1 .top-section .user-block .meta span {
            display: block
        }

            .sidebar-v1 .top-section .user-block .meta span:first-child {
                font-family: "Montserrat", sans-serif;
                font-weight: 700;
                font-size: 1.25rem;
                color: #393a4f
            }

            .sidebar-v1 .top-section .user-block .meta span:nth-child(2) {
                font-family: "Roboto", sans-serif;
                font-size: .9rem;
                color: #a2a5b9
            }

    .sidebar-v1 .bottom-section {
        position: relative;
        height: 60%;
        width: 100%;
        padding: 2rem 0 3rem 0
    }

        .sidebar-v1 .bottom-section ul:not(:last-child) {
            padding-bottom: 3rem
        }

        .sidebar-v1 .bottom-section ul li {
            -webkit-transition: background-color .3s;
            transition: background-color .3s
        }

            .sidebar-v1 .bottom-section ul li:hover {
                background: #f2f2f2
            }

            .sidebar-v1 .bottom-section ul li a {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                padding: .75rem 2rem;
                border-left: 5px solid transparent;
                color: #393a4f
            }

                .sidebar-v1 .bottom-section ul li a.is-active {
                    border-color: #3d70b2;
                    font-weight: 500;
                    color: #3d70b2
                }

                    .sidebar-v1 .bottom-section ul li a.is-active svg {
                        stroke: #3d70b2
                    }

                .sidebar-v1 .bottom-section ul li a span {
                    font-family: "Roboto", sans-serif;
                    font-size: .9rem
                }

                .sidebar-v1 .bottom-section ul li a svg {
                    height: 18px;
                    width: 18px;
                    margin-right: 1rem;
                    stroke: #a2a5b9
                }

@media only screen and (max-width: 767px) {
    .sidebar-v1 .top-section {
        padding-top: 4rem
    }

        .sidebar-v1 .top-section .close-button {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .sidebar-v1 .top-section {
        padding-top: 4rem
    }

        .sidebar-v1 .top-section .close-button {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .sidebar-v1 {
        width: 250px
    }

        .sidebar-v1 .top-section {
            padding-left: 2rem;
            padding-right: 2rem
        }

        .sidebar-v1 .bottom-section ul li a {
            padding-left: 2rem;
            padding-right: 2rem
        }
}


/*! _toolbar.scss | Friendkit | © Css Ninja. 2020-2021 */

.toolbar-v1 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 1040px;
    margin: 0 auto 1.5rem auto;
    z-index: 9
}

    .toolbar-v1.is-narrow {
        margin: 0 auto
    }

    .toolbar-v1 .friendkit-hamburger {
        margin-right: 1rem
    }

    .toolbar-v1 h1 {
        font-family: "Montserrat", sans-serif;
        font-size: 1.5rem;
        font-weight: 700;
        color: #393a4f
    }

    .toolbar-v1 .controls {
        margin-left: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

.toolbar-v1-fixed-wrap {
    position: fixed;
    top: 10px;
    left: 0;
    width: 100%;
    margin-left: 280px;
    width: calc(100% - 280px);
    padding-left: 2rem;
    padding-right: 2rem;
    -webkit-transform: translateY(-100%) translateY(-15px);
    transform: translateY(-100%) translateY(-15px);
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    z-index: 9
}

    .toolbar-v1-fixed-wrap.is-fold {
        width: 100%;
        margin-left: 0
    }

    .toolbar-v1-fixed-wrap.is-active {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    .toolbar-v1-fixed-wrap .toolbar-v1 {
        background: #fff;
        padding: .5rem 1.5rem;
        border-radius: 1rem;
        border: 1px solid #e0e0e0;
        -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, .09);
        box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, .09);
        max-width: 940px
    }

        .toolbar-v1-fixed-wrap .toolbar-v1 h1 {
            font-size: 1.25rem
        }

@media only screen and (max-width: 767px) {
    .toolbar-v1-fixed-wrap {
        padding-left: .25rem;
        padding-right: .25rem;
        width: 100% !important;
        margin-left: 0 !important
    }

    .toolbar-v1 h1 {
        display: none
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .toolbar-v1-fixed-wrap {
        padding-left: 2rem;
        padding-right: 2rem;
        width: 100% !important;
        margin-left: 0 !important
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .toolbar-v1-fixed-wrap {
        margin-left: 250px;
        width: calc(100% - 250px);
        padding-left: 2rem;
        padding-right: 2rem
    }
}


/*! _dropdowns.scss | Friendkit | © Css Ninja. 2020-2021 */

.navbar-item.is-account {
    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;
    cursor: pointer
}

    .navbar-item.is-account .user-image {
        position: relative;
        max-height: 38px
    }

        .navbar-item.is-account .user-image .indicator {
            display: block;
            position: absolute;
            top: 0px;
            right: 0px;
            height: 10px;
            width: 10px;
            border-radius: 50%;
            border: 1.4px solid #fff;
            background: #41d6c3
        }

    .navbar-item.is-account img {
        height: 38px;
        width: 38px;
        max-height: 38px;
        border-radius: 50%
    }

    .navbar-item.is-account.is-busy .indicator {
        background: #ff533d
    }

    .navbar-item.is-account.is-opened .account-caret svg {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.navbar-item.is-cart .cart-button {
    position: relative;
    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;
    cursor: pointer
}

    .navbar-item.is-cart .cart-button svg {
        height: 20px;
        width: 20px;
        stroke: #6f7592;
        stroke-width: 1.4px
    }

    .navbar-item.is-cart .cart-button .cart-count {
        position: absolute;
        top: 0;
        right: 0;
        height: 12px;
        min-width: 12px;
        background: #3d70b2;
        border: 2px solid #fff;
        border-radius: 100px;
        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
    }

        .navbar-item.is-cart .cart-button .cart-count span {
            display: block;
            font-size: .55rem;
            color: #fafafa;
            padding: 0 5px;
            font-weight: 500
        }

.navbar-item.is-cart .shopping-cart {
    position: absolute;
    top: 60px;
    right: -10px;
    background: #fff;
    width: 320px;
    border-radius: 3px;
    -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
    border: 1px solid #e0e0e0;
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    pointer-events: none;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s;
    z-index: 1
}

    .navbar-item.is-cart .shopping-cart.is-active {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        pointer-events: all
    }

    .navbar-item.is-cart .shopping-cart:after {
        bottom: 100%;
        left: 89%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-bottom-color: #fff;
        border-width: 8px;
        margin-left: -8px;
        z-index: 1
    }

    .navbar-item.is-cart .shopping-cart:before {
        bottom: 100%;
        left: 89%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-bottom-color: #e8e8e8;
        border-width: 10px;
        margin-left: -10px;
        z-index: 0
    }

    .navbar-item.is-cart .shopping-cart .cart-inner {
        position: relative;
        width: 100%;
        max-height: 450px;
        min-height: 100px;
        overflow-y: auto;
        padding: 20px;
        padding-top: 5px;
    }

        .navbar-item.is-cart .shopping-cart .cart-inner .navbar-cart-loader {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #fff;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            opacity: 0;
            pointer-events: none;
            z-index: 1;
            -webkit-transition: all .3s;
            transition: all .3s
        }

            .navbar-item.is-cart .shopping-cart .cart-inner .navbar-cart-loader.is-active {
                opacity: 1
            }

            .navbar-item.is-cart .shopping-cart .cart-inner .navbar-cart-loader .loader {
                height: 3.5rem;
                width: 3.5rem
            }

    .navbar-item.is-cart .shopping-cart .button {
        background: #5596e6;
        border-color: #5596e6;
        color: #fff;
        font-weight: 400;
        text-align: center;
        text-decoration: none;
        display: block;
        border-radius: 3px;
        font-size: .9rem;
        margin: 20px 0 0 0;
        line-height: 0
    }

        .navbar-item.is-cart .shopping-cart .button:hover {
            background: #629ee8;
            -webkit-box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important;
            box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important
        }

    .navbar-item.is-cart .shopping-cart .shopping-cart-header {
        border-bottom: 1px solid #e8e8e8;
        padding-bottom: 15px
    }

        .navbar-item.is-cart .shopping-cart .shopping-cart-header .cart-link {
            font-size: .75rem;
            color: #999;
            padding: 7px 10px;
            border: 1px solid #e8e8e8;
            border-radius: 100px;
            -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
            box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
            -webkit-transition: all .3s;
            transition: all .3s
        }

            .navbar-item.is-cart .shopping-cart .shopping-cart-header .cart-link:hover {
                border-color: #5596e6;
                color: #5596e6
            }

        .navbar-item.is-cart .shopping-cart .shopping-cart-header .shopping-cart-total {
            float: right
        }

            .navbar-item.is-cart .shopping-cart .shopping-cart-header .shopping-cart-total span:first-child {
                color: #a2a5b9;
                font-size: .9rem
            }

            .navbar-item.is-cart .shopping-cart .shopping-cart-header .shopping-cart-total span:nth-child(2) {
                color: #393a4f;
                font-weight: 500
            }

    .navbar-item.is-cart .shopping-cart .shopping-cart-items {
        /*padding-top: 20px*/
    }

        .navbar-item.is-cart .shopping-cart .shopping-cart-items .cart-row {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .navbar-item.is-cart .shopping-cart .shopping-cart-items li {
            margin-bottom: 6px;
            padding-bottom: 12px;
            border-bottom: 1px solid #e8e8e8
        }

        .navbar-item.is-cart .shopping-cart .shopping-cart-items img {
            display: block;
            height: 54px;
            width: 54px;
            min-width: 54px;
            min-height: 54px;
            margin-right: 12px
        }

        .navbar-item.is-cart .shopping-cart .shopping-cart-items .meta-info {
            position: relative;
            top: -4px
        }

        .navbar-item.is-cart .shopping-cart .shopping-cart-items .item-name {
            display: block;
            padding-top: 10px;
            font-size: .9rem;
            font-weight: 600;
            color: #393a4f;
            font-family: "Open Sans", sans-serif
        }

        .navbar-item.is-cart .shopping-cart .shopping-cart-items .item-price {
            color: #6f7592;
            margin-right: 8px;
            font-size: .8rem;
            line-height: 1
        }

        .navbar-item.is-cart .shopping-cart .shopping-cart-items .item-quantity {
            color: #a2a5b9;
            font-size: .8rem;
            line-height: 1
        }

.navbar-item.is-cart .clearfix:after {
    content: "";
    display: table;
    clear: both
}

.navbar-item.is-icon {
    padding-left: 6px !important;
    padding-right: 6px !important
}

    .navbar-item.is-icon .icon-link {
        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;
        width: 38px;
        height: 38px;
        border-radius: 8px;
        -webkit-transition: all .3s;
        transition: all .3s
    }

        .navbar-item.is-icon .icon-link.is-bold:hover,
        .navbar-item.is-icon .icon-link.is-bold.is-active {
            background: #3a86e2;
            -webkit-box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important;
            box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important
        }

            .navbar-item.is-icon .icon-link.is-bold:hover svg,
            .navbar-item.is-icon .icon-link.is-bold.is-active svg {
                stroke: #fafafa
            }

            .navbar-item.is-icon .icon-link.is-bold:hover .mdi,
            .navbar-item.is-icon .icon-link.is-bold.is-active .mdi {
                color: #fafafa
            }

        .navbar-item.is-icon .icon-link:hover,
        .navbar-item.is-icon .icon-link.is-active {
            background: #6ba4e9;
            -webkit-box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important;
            box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important
        }

            .navbar-item.is-icon .icon-link:hover svg,
            .navbar-item.is-icon .icon-link.is-active svg {
                stroke: #fafafa
            }

            .navbar-item.is-icon .icon-link:hover .mdi,
            .navbar-item.is-icon .icon-link.is-active .mdi {
                color: #fafafa
            }

        .navbar-item.is-icon .icon-link.is-primary:hover,
        .navbar-item.is-icon .icon-link.is-primary.is-active {
            background: #3d70b2;
            -webkit-box-shadow: 0 14px 26px -12px rgba(61, 112, 178, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(61, 112, 178, .2) !important;
            box-shadow: 0 14px 26px -12px rgba(61, 112, 178, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(61, 112, 178, .2) !important
        }

            .navbar-item.is-icon .icon-link.is-primary:hover svg,
            .navbar-item.is-icon .icon-link.is-primary.is-active svg {
                stroke: #fff
            }

            .navbar-item.is-icon .icon-link.is-primary:hover .mdi,
            .navbar-item.is-icon .icon-link.is-primary.is-active .mdi {
                color: #fafafa
            }

        .navbar-item.is-icon .icon-link.is-primary.is-friends:hover svg,
        .navbar-item.is-icon .icon-link.is-primary.is-friends.is-active svg {
            fill: #fff;
            -webkit-animation: pulse 1s infinite;
            animation: pulse 1s infinite
        }

        .navbar-item.is-icon .icon-link.is-secondary:hover,
        .navbar-item.is-icon .icon-link.is-secondary.is-active {
            background: #41d6c3;
            -webkit-box-shadow: 0 14px 26px -12px rgba(65, 214, 195, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(65, 214, 195, .2) !important;
            box-shadow: 0 14px 26px -12px rgba(65, 214, 195, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(65, 214, 195, .2) !important
        }

            .navbar-item.is-icon .icon-link.is-secondary:hover svg,
            .navbar-item.is-icon .icon-link.is-secondary.is-active svg {
                stroke: #fff
            }

            .navbar-item.is-icon .icon-link.is-secondary:hover .mdi,
            .navbar-item.is-icon .icon-link.is-secondary.is-active .mdi {
                color: #fafafa
            }

        .navbar-item.is-icon .icon-link.is-friends:hover,
        .navbar-item.is-icon .icon-link.is-friends.is-active {
            background: #e6122f;
            -webkit-box-shadow: 0 14px 26px -12px rgba(247, 20, 22, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(247, 20, 22, .2) !important;
            box-shadow: 0 14px 26px -12px rgba(247, 20, 22, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(247, 20, 22, .2) !important
        }

            .navbar-item.is-icon .icon-link.is-friends:hover svg,
            .navbar-item.is-icon .icon-link.is-friends.is-active svg {
                fill: #fff;
                -webkit-animation: pulse 1s infinite;
                animation: pulse 1s infinite
            }

        .navbar-item.is-icon .icon-link.is-active .indicator {
            display: block;
            position: absolute;
            top: -6px;
            right: -6px;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            border: 2px solid #fff;
            background: #41d6c3
        }

        .navbar-item.is-icon .icon-link svg {
            width: 18px;
            height: 18px;
            stroke: #999;
            stroke-width: 1.4px;
            -webkit-transition: all .3s;
            transition: all .3s
        }

        .navbar-item.is-icon .icon-link .mdi {
            font-size: 20px;
            color: #999;
            -webkit-transition: all .3s;
            transition: all .3s
        }

.navbar-item .nav-drop {
    position: absolute;
    top: 90%;
    left: 0;
    width: 340px;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    margin-top: 16px;
    -webkit-box-shadow: 0px 5px 43px rgba(0, 0, 0, .18) !important;
    box-shadow: 0px 5px 43px rgba(0, 0, 0, .18) !important;
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    pointer-events: none;
    -webkit-transition: all .2s;
    transition: all .2s;
    z-index: 100
}

    .navbar-item .nav-drop.is-active {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        pointer-events: all
    }

    .navbar-item .nav-drop:after,
    .navbar-item .nav-drop:before {
        bottom: 100%;
        left: 7%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }

    .navbar-item .nav-drop:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 4px;
        margin-left: -4px
    }

    .navbar-item .nav-drop:before {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 7px;
        margin-left: -7px
    }

    .navbar-item .nav-drop.is-right {
        left: initial;
        right: 0
    }

        .navbar-item .nav-drop.is-right:before,
        .navbar-item .nav-drop.is-right:after {
            left: initial;
            right: 5%
        }

    .navbar-item .nav-drop.is-status {
        left: calc(50% - 100px);
        width: 200px
    }

        .navbar-item .nav-drop.is-status .inner .drop-image img {
            display: block;
            width: 170px;
            height: 170px;
            min-height: 170px;
            margin: 0 auto
        }

        .navbar-item .nav-drop.is-status .inner .drop-text {
            padding: 0 10px 20px 10px;
            text-align: center
        }

            .navbar-item .nav-drop.is-status .inner .drop-text h4 {
                font-size: .9rem;
                font-weight: 500
            }

            .navbar-item .nav-drop.is-status .inner .drop-text p {
                font-size: .8rem;
                color: #999
            }

    .navbar-item .nav-drop.is-account-dropdown {
        width: 300px;
        right: 0;
        left: unset;
        max-height: unset;
        z-index: 1
    }

        .navbar-item .nav-drop.is-account-dropdown:before {
            right: 23px;
            left: unset
        }

        .navbar-item .nav-drop.is-account-dropdown:after {
            display: none !important
        }

    .navbar-item .nav-drop .inner {
        position: relative
    }

        .navbar-item .nav-drop .inner .nav-drop-header {
            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;
            padding: 16px;
            border-bottom: 1px solid #e8e8e8;
            border-radius: 4px 4px 0 0;
            background: #fff
        }

            .navbar-item .nav-drop .inner .nav-drop-header span,
            .navbar-item .nav-drop .inner .nav-drop-header a {
                display: block;
                text-transform: uppercase;
                font-size: .68rem;
                font-weight: 500;
                color: #a2a5b9
            }

                .navbar-item .nav-drop .inner .nav-drop-header span.username,
                .navbar-item .nav-drop .inner .nav-drop-header a.username {
                    font-weight: 600 !important
                }

            .navbar-item .nav-drop .inner .nav-drop-header a {
                height: unset;
                width: unset;
                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
            }

                .navbar-item .nav-drop .inner .nav-drop-header a:hover svg {
                    stroke: #5596e6
                }

                .navbar-item .nav-drop .inner .nav-drop-header a svg {
                    height: 16px;
                    width: 16px;
                    stroke: #a2a5b9;
                    -webkit-transition: stroke .3s;
                    transition: stroke .3s
                }

        .navbar-item .nav-drop .inner .nav-drop-body {
            max-height: 420px;
            padding: 0 10px;
            overflow-y: auto
        }

            .navbar-item .nav-drop .inner .nav-drop-body::-webkit-scrollbar {
                width: 5px
            }

            .navbar-item .nav-drop .inner .nav-drop-body::-webkit-scrollbar-thumb {
                border-radius: 5px;
                background: rgba(0, 0, 0, .2)
            }

            .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests,
            .navbar-item .nav-drop .inner .nav-drop-body.is-notifications,
            .navbar-item .nav-drop .inner .nav-drop-body.is-messages {
                padding: 8px 16px
            }

                .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media,
                .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media,
                .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media {
                    -webkit-box-align: stretch;
                    -ms-flex-align: stretch;
                    align-items: stretch;
                    margin: 0;
                    padding: .75rem 0 !important
                }

                    .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media img,
                    .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media img,
                    .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media img {
                        height: 36px;
                        width: 36px;
                        max-height: 36px;
                        border-radius: 50%
                    }

                    .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media .media-content span,
                    .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media .media-content a,
                    .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media .media-content span,
                    .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media .media-content a,
                    .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media .media-content span,
                    .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media .media-content a {
                        display: block;
                        width: unset;
                        height: unset
                    }

                    .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media .media-content a,
                    .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media .media-content a,
                    .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media .media-content a {
                        font-size: .75rem;
                        font-weight: 500;
                        color: #344258
                    }

                        .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media .media-content a:hover,
                        .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media .media-content a:hover,
                        .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media .media-content a:hover {
                            color: #5596e6
                        }

                    .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media .media-content span,
                    .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media .media-content span,
                    .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media .media-content span {
                        font-size: .75rem;
                        color: #a2a5b9
                    }

                        .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media .media-content span a,
                        .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media .media-content span a,
                        .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media .media-content span a {
                            color: #344258;
                            display: inline-block
                        }

                    .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media .added-icon,
                    .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media .added-icon,
                    .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media .added-icon {
                        width: 18px;
                        height: 18px;
                        margin: 0 15px
                    }

                        .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media .added-icon svg,
                        .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media .added-icon svg,
                        .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media .added-icon svg {
                            height: 18px;
                            width: 18px;
                            stroke: #a2a5b9;
                            stroke-width: 1.6px
                        }

                    .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media .media-right.is-centered,
                    .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media .media-right.is-centered,
                    .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media .media-right.is-centered {
                        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
                    }

                    .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media .media-right .icon-button:hover svg,
                    .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media .media-right .icon-button:hover svg,
                    .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media .media-right .icon-button:hover svg {
                        stroke: #5596e6 !important
                    }

                    .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .media .media-right .icon-button svg,
                    .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .media .media-right .icon-button svg,
                    .navbar-item .nav-drop .inner .nav-drop-body.is-messages .media .media-right .icon-button svg {
                        stroke: #a2a5b9 !important;
                        stroke-width: 1.6px
                    }

                .navbar-item .nav-drop .inner .nav-drop-body.is-friend-requests .time,
                .navbar-item .nav-drop .inner .nav-drop-body.is-notifications .time,
                .navbar-item .nav-drop .inner .nav-drop-body.is-messages .time {
                    font-size: .65rem !important;
                    color: #999
                }

            .navbar-item .nav-drop .inner .nav-drop-body.account-items {
                padding: 10px 0
            }

                .navbar-item .nav-drop .inner .nav-drop-body.account-items hr {
                    margin: .4rem 0 !important;
                    height: 1px
                }

                .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item {
                    padding: 8px 16px;
                    display: block;
                    line-height: 1.2
                }

                    .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item .media {
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center
                    }

                        .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item .media .media-left img {
                            height: 35px;
                            width: 35px
                        }

                        .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item .media h3 {
                            color: #393a4f;
                            font-size: .8rem;
                            font-weight: 500;
                            -webkit-transition: all .3s;
                            transition: all .3s
                        }

                        .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item .media .icon-wrap {
                            height: 35px;
                            width: 35px;
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-pack: center;
                            -ms-flex-pack: center;
                            justify-content: center;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            margin-right: 1rem
                        }

                            .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item .media .icon-wrap svg {
                                width: 18px;
                                height: 18px;
                                stroke-width: 2px;
                                stroke: #757a91;
                                -webkit-transition: all .3s;
                                transition: all .3s
                            }

                        .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item .media small {
                            color: #757a91;
                            font-size: .75rem
                        }

                        .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item .media .media-right svg {
                            width: 18px;
                            height: 18px;
                            margin: 0 16px
                        }

                    .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item.is-active {
                        background: #039be5
                    }

                        .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item.is-active svg {
                            stroke: #fff
                        }

                        .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item.is-active small {
                            color: #fff
                        }

                    .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item:hover {
                        background: #fafafa
                    }

                        .navbar-item .nav-drop .inner .nav-drop-body.account-items .account-item:hover svg {
                            stroke: #5596e6
                        }

        .navbar-item .nav-drop .inner .nav-drop-footer {
            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;
            padding: 12px 10px;
            border-bottom: 1px solid #e8e8e8;
            border-radius: 0 0 6px 6px;
            background: #fafafa
        }

            .navbar-item .nav-drop .inner .nav-drop-footer span,
            .navbar-item .nav-drop .inner .nav-drop-footer a {
                display: block;
                text-transform: uppercase;
                font-size: .65rem;
                font-weight: 500
            }

            .navbar-item .nav-drop .inner .nav-drop-footer a {
                color: #999;
                height: unset;
                width: unset
            }

                .navbar-item .nav-drop .inner .nav-drop-footer a:hover {
                    color: #3d70b2
                }

@media only screen and (max-width: 767px) {
    .navbar-item.is-cart,
    .navbar-item.is-account {
        padding-left: 6px !important;
        padding-right: 6px !important
    }

        .navbar-item.is-cart .shopping-cart {
            position: fixed !important;
            top: 95px;
            right: 0 !important;
            left: 0 !important;
            margin: 0 auto !important
        }

            .navbar-item.is-cart .shopping-cart:before,
            .navbar-item.is-cart .shopping-cart:after {
                left: 83% !important
            }

    .nav-drop {
        position: fixed !important;
        top: 75px !important;
        left: 10px !important;
        right: 0 !important;
        width: calc(100% - 20px) !important
    }

        .nav-drop:before,
        .nav-drop:after {
            right: 46% !important
        }
}


/*! all.scss | Friendkit | © Css Ninja. 2020-2021 */


/*! _pageloader.scss | Friendkit | © Css Ninja. 2020-2021 */

.pageloader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fafafa;
    z-index: 999998;
    opacity: 0;
    transition: -webkit-opacity .35s ease-out;
    -webkit-transition: opacity .35s ease-out;
    transition: opacity .35s ease-out;
    transition: opacity .35s ease-out, -webkit-transform .35s ease-out;
    will-change: opacity;
    pointer-events: none
}

    .pageloader.is-active {
        opacity: 1
    }

    .pageloader::after,
    .pageloader::before {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        border-radius: 100%;
        content: "";
        z-index: 999999
    }

    .pageloader::after {
        margin-top: -100px;
        margin-left: -100px;
        width: 200px;
        height: 200px;
        background-color: rgba(61, 112, 178, .5);
        border: 3px solid rgba(61, 112, 178, .75);
        -webkit-animation: page-loader-inner 1.5s infinite ease-out;
        animation: page-loader-inner 1.5s infinite ease-out
    }

    .pageloader::before {
        margin-top: -30px;
        margin-left: -30px;
        width: 60px;
        height: 60px;
        background-color: #3d70b2;
        -webkit-animation: page-loader-outer 1.5s infinite ease-in;
        animation: page-loader-outer 1.5s infinite ease-in
    }

@-webkit-keyframes page-loader-inner {
    0%, 40% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

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

@keyframes page-loader-inner {
    0%, 40% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

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

@-webkit-keyframes page-loader-outer {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100%, 40% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
}

@keyframes page-loader-outer {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100%, 40% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
}

.infraloader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: -1;
    opacity: 0;
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}

    .infraloader.is-active {
        opacity: 1;
        z-index: 999997
    }

    .infraloader.is-full {
        width: 100% !important;
        left: 0 !important
    }

@media(max-width: 767px) {
    .pageloader,
    .infraloader {
        width: 100% !important;
        left: 0 !important
    }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) {
    .pageloader,
    .infraloader {
        width: 100% !important;
        left: 0 !important
    }
}


/*! _hamburger.scss | Friendkit | © Css Ninja. 2020-2021 */

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

    .friendkit-hamburger .menu-toggle.has-chevron .icon-box-toggle.active .icon-line-top {
        width: 13px !important;
        top: 17px !important
    }

    .friendkit-hamburger .menu-toggle.has-chevron .icon-box-toggle.active .icon-line-bottom {
        width: 13px !important;
        top: 9px !important
    }

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

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

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

        .friendkit-hamburger .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(0px, 0px) rotate(135deg)
        }

        .friendkit-hamburger .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(0px, 0px) rotate(45deg)
        }

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

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

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


/*! _cards.scss | Friendkit | © Css Ninja. 2020-2021 */

.card,
.shop-wrapper .cart-container .cart-content .cart-summary .summary-card {
    position: relative;
    margin-bottom: 1.5rem;
    border: 1px solid #e8e8e8;
    background: #fff;
    border-radius: 6px;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .card .card-heading,
    .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading {
        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: 16px
    }

        .card .card-heading .dropdown,
        .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .dropdown {
            margin-left: auto
        }

            .card .card-heading .dropdown .button,
            .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .dropdown .button {
                padding: 0;
                background: none;
                border: none
            }

                .card .card-heading .dropdown .button svg,
                .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .dropdown .button svg {
                    stroke: #888da8
                }

            .card .card-heading .dropdown.is-light svg,
            .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .dropdown.is-light svg {
                stroke: #fff
            }

        .card .card-heading.is-bordered,
        .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading.is-bordered {
            border-bottom: 1px solid #e8e8e8
        }

            .card .card-heading.is-bordered h4,
            .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading.is-bordered h4 {
                font-size: .9rem;
                color: #757a91;
                font-weight: 400
            }

    .card .card-body,
    .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body {
        padding: 10px 16px
    }

        .card .card-body.no-padding,
        .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body.no-padding {
            padding: 0
        }

    .card .card-footer,
    .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer {
        margin: 8px 16px 16px 16px;
        border-top: 1px solid #e8e8e8
    }

    .card.is-weather-card,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card {
        background-color: #5596e6;
        background-color: -webkit-linear-gradient(to right, #c2e9fb, #a1c4fd);
        background-color: linear-gradient(to right, #c2e9fb, #a1c4fd)
    }

        .card.is-weather-card .card-heading .dropdown.is-spaced > div .button:hover,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .card-heading .dropdown.is-spaced > div .button:hover {
            background: #2175dd !important
        }

        .card.is-weather-card .card-body,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .card-body {
            padding-top: 0
        }

        .card.is-weather-card .temperature,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .temperature {
            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
        }

            .card.is-weather-card .temperature span,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .temperature span {
                position: relative;
                display: block;
                font-size: 2.6rem;
                font-weight: 500;
                color: #fff
            }

                .card.is-weather-card .temperature span:after,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .temperature span:after {
                    content: "";
                    position: absolute;
                    top: 10px;
                    right: -18px;
                    height: 14px;
                    width: 14px;
                    border: 2px solid #fff;
                    border-radius: 50%
                }

        .card.is-weather-card .weather-icon,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .weather-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
        }

            .card.is-weather-card .weather-icon div,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .weather-icon div {
                text-align: center
            }

            .card.is-weather-card .weather-icon h4,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .weather-icon h4 {
                font-size: 1.4rem;
                color: #fff
            }

            .card.is-weather-card .weather-icon svg,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .weather-icon svg {
                stroke: #fff;
                height: 2.8rem;
                width: 2.8rem
            }

            .card.is-weather-card .weather-icon .details,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .weather-icon .details {
                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;
                font-size: .85rem;
                color: #fff
            }

                .card.is-weather-card .weather-icon .details span,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .weather-icon .details span {
                    display: block;
                    margin: 0 10px
                }

        .card.is-weather-card .previsions,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .previsions {
            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;
            background: rgba(255, 255, 255, .2);
            padding: 15px;
            margin: 20px 0
        }

            .card.is-weather-card .previsions .day,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .previsions .day {
                text-align: center;
                font-size: .7rem;
                color: #fff
            }

                .card.is-weather-card .previsions .day *,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .previsions .day * {
                    display: block
                }

                .card.is-weather-card .previsions .day span:first-child,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .previsions .day span:first-child {
                    text-transform: uppercase;
                    font-size: .6rem;
                    font-weight: 500
                }

                .card.is-weather-card .previsions .day svg,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .previsions .day svg {
                    margin: 3px auto;
                    height: 18px;
                    width: 18px
                }

        .card.is-weather-card .current-date-location,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .current-date-location {
            margin-bottom: 20px
        }

            .card.is-weather-card .current-date-location span,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .current-date-location span {
                display: block;
                color: #fff
            }

            .card.is-weather-card .current-date-location .date,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .current-date-location .date {
                font-size: 1.1rem;
                font-weight: 500
            }

            .card.is-weather-card .current-date-location .location,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .current-date-location .location {
                font-size: .8rem
            }

                .card.is-weather-card .current-date-location .location svg,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card .current-date-location .location svg {
                    height: 16px;
                    width: 16px
                }

    .card.is-birthday-card,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card {
        background-color: #45d7c4
    }

        .card.is-birthday-card .card-heading,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-heading {
            padding: 16px 16px 0 16px
        }

            .card.is-birthday-card .card-heading .dropdown.is-spaced > div .button:hover,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-heading .dropdown.is-spaced > div .button:hover {
                background: #1c8174 !important
            }

            .card.is-birthday-card .card-heading > svg,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-heading > svg {
                stroke: #fff
            }

        .card.is-birthday-card .card-body,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-body {
            padding: 16px;
            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;
            min-height: 290px
        }

            .card.is-birthday-card .card-body .birthday-avatar,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-body .birthday-avatar {
                position: relative;
                width: 45px;
                margin: 0 auto 16px auto
            }

                .card.is-birthday-card .card-body .birthday-avatar img,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-body .birthday-avatar img {
                    display: block;
                    height: 45px;
                    width: 45px;
                    border-radius: 50%
                }
                .weather-avatar{
                    width:100%;
                    text-align:center;
                }
                    .weather-avatar img {
                        height: 70px;
                        width: 70px;
                        text-align: center;
                    }
                .card.is-birthday-card .card-body .birthday-avatar .birthday-indicator,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-body .birthday-avatar .birthday-indicator {
                    position: absolute;
                    top: -6px;
                    right: -14px;
                    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: 26px;
                    width: 26px;
                    border-radius: 50%;
                    border: 2px solid #45d7c4;
                    font-size: .7rem;
                    color: #fff;
                    font-weight: 500;
                    background: #344258
                }

            .card.is-birthday-card .card-body .birthday-content,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-body .birthday-content {
                text-align: center;
                color: #fff
            }

                .card.is-birthday-card .card-body .birthday-content h4,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-body .birthday-content h4 {
                    font-weight: 500
                }

                .card.is-birthday-card .card-body .birthday-content p,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-body .birthday-content p {
                    font-size: .9rem
                }

                .card.is-birthday-card .card-body .birthday-content button,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-body .birthday-content button {
                    line-height: 0;
                    margin: 16px 0
                }

    .card.is-new-job-card,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-new-job-card.summary-card {
        background-color: #3e72b6
    }

        .card.is-new-job-card .card-heading,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-new-job-card.summary-card .card-heading {
            padding: 16px 16px 0 16px
        }

            .card.is-new-job-card .card-heading .dropdown.is-spaced > div .button:hover,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-new-job-card.summary-card .card-heading .dropdown.is-spaced > div .button:hover {
                background: #2d5384 !important
            }

            .card.is-new-job-card .card-heading > svg,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-new-job-card.summary-card .card-heading > svg {
                stroke: #fff
            }

        .card.is-new-job-card .card-body,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-new-job-card.summary-card .card-body {
            padding: 16px;
            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;
            min-height: 290px
        }

            .card.is-new-job-card .card-body .job-avatar,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-new-job-card.summary-card .card-body .job-avatar {
                position: relative;
                width: 45px;
                margin: 0 auto 16px auto
            }

                .card.is-new-job-card .card-body .job-avatar img,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-new-job-card.summary-card .card-body .job-avatar img {
                    display: block;
                    height: 45px;
                    width: 45px;
                    border-radius: 50%
                }

            .card.is-new-job-card .card-body .job-content,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-new-job-card.summary-card .card-body .job-content {
                text-align: center;
                color: #fff
            }

                .card.is-new-job-card .card-body .job-content h4,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-new-job-card.summary-card .card-body .job-content h4 {
                    font-weight: 500
                }

                .card.is-new-job-card .card-body .job-content p,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-new-job-card.summary-card .card-body .job-content p {
                    font-size: .9rem
                }

                .card.is-new-job-card .card-body .job-content button,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-new-job-card.summary-card .card-body .job-content button {
                    line-height: 0;
                    margin: 16px 0
                }

    .card.is-ad .card-body,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-ad.summary-card .card-body {
        position: relative;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 14px
    }

        .card.is-ad .card-body img,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-ad.summary-card .card-body img {
            display: block;
            max-width: 50% !important;
            -ms-flex-negative: 2;
            flex-shrink: 2
        }

        .card.is-ad .card-body .ad-text,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-ad.summary-card .card-body .ad-text {
            padding-left: 10px;
            font-size: .85rem;
            font-weight: 500;
            margin-top: -20px
        }

        .card.is-ad .card-body .ad-brand,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-ad.summary-card .card-body .ad-brand {
            position: absolute;
            bottom: 12px;
            right: 14px;
            text-transform: uppercase;
            font-size: .65rem;
            color: #999
        }

body.is-dark .card:not(.is-new-job-card):not(.is-weather-card):not(.is-birthday-card),
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card:not(.is-new-job-card):not(.is-weather-card):not(.is-birthday-card),
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card:not(.is-new-job-card):not(.is-weather-card):not(.is-birthday-card) {
    border-color: #283143;
    background: #202836
}

body.is-dark .card.is-weather-card,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-weather-card.summary-card,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-weather-card.summary-card,
body.is-dark .card.is-new-job-card,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-job-card.summary-card,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-job-card.summary-card {
    border-color: #3d70b2
}

body.is-dark .card.is-birthday-card,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-birthday-card.summary-card {
    border-color: #41d6c3
}

body.is-dark .card .card-heading.is-bordered,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading.is-bordered,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-heading.is-bordered {
    border-color: #37445c
}

body.is-dark .card .card-heading h4,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h4,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-heading h4 {
    color: #fafafa
}

body.is-dark .card .card-body .ad-text,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .ad-text,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .ad-text {
    color: #fafafa
}

body.is-dark .card .card-body .page-block,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .page-block,
body.is-dark .card .card-body .story-block,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .story-block,
body.is-dark .card .card-body .add-friend-block,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .add-friend-block {
    border-color: #37445c
}

    body.is-dark .card .card-body .page-block .page-meta span:first-child,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .page-meta span:first-child,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .page-block .page-meta span:first-child,
    body.is-dark .card .card-body .page-block .story-meta span:first-child,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .story-meta span:first-child,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .page-block .story-meta span:first-child,
    body.is-dark .card .card-body .story-block .page-meta span:first-child,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .page-meta span:first-child,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .story-block .page-meta span:first-child,
    body.is-dark .card .card-body .story-block .story-meta span:first-child,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .story-meta span:first-child,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .story-block .story-meta span:first-child,
    body.is-dark .card .card-body .add-friend-block .page-meta span:first-child,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .page-meta span:first-child,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .add-friend-block .page-meta span:first-child,
    body.is-dark .card .card-body .add-friend-block .story-meta span:first-child,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .story-meta span:first-child,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .add-friend-block .story-meta span:first-child {
        color: #fafafa
    }

    body.is-dark .card .card-body .page-block .page-meta span:nth-child(2),
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .page-meta span:nth-child(2),
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .page-block .page-meta span:nth-child(2),
    body.is-dark .card .card-body .page-block .story-meta span:nth-child(2),
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .story-meta span:nth-child(2),
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .page-block .story-meta span:nth-child(2),
    body.is-dark .card .card-body .story-block .page-meta span:nth-child(2),
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .page-meta span:nth-child(2),
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .story-block .page-meta span:nth-child(2),
    body.is-dark .card .card-body .story-block .story-meta span:nth-child(2),
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .story-meta span:nth-child(2),
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .story-block .story-meta span:nth-child(2),
    body.is-dark .card .card-body .add-friend-block .page-meta span:nth-child(2),
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .page-meta span:nth-child(2),
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .add-friend-block .page-meta span:nth-child(2),
    body.is-dark .card .card-body .add-friend-block .story-meta span:nth-child(2),
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .story-meta span:nth-child(2),
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .add-friend-block .story-meta span:nth-child(2) {
        color: #9195a8
    }

    body.is-dark .card .card-body .page-block .add-page:hover,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .add-page:hover,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .page-block .add-page:hover,
    body.is-dark .card .card-body .page-block .add-friend:hover,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .add-friend:hover,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .page-block .add-friend:hover,
    body.is-dark .card .card-body .story-block .add-page:hover,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .add-page:hover,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .story-block .add-page:hover,
    body.is-dark .card .card-body .story-block .add-friend:hover,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .add-friend:hover,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .story-block .add-friend:hover,
    body.is-dark .card .card-body .add-friend-block .add-page:hover,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .add-page:hover,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .add-friend-block .add-page:hover,
    body.is-dark .card .card-body .add-friend-block .add-friend:hover,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .add-friend:hover,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .summary-card .card-body .add-friend-block .add-friend:hover {
        background: #2f3b50
    }


/*! _components-widgets.scss | Friendkit | © Css Ninja. 2020-2021 */

.schedule {
    position: relative;
    width: 100%;
    height: auto;
    border-radius: 6px;
    border: 1px solid #e8e8e8;
    margin: 10px 0 20px 0;
    overflow: visible;
    background: #fff
}

    .schedule .schedule-header {
        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;
        width: 100%;
        padding: 16px 16px 0 16px
    }

        .schedule .schedule-header .month {
            text-align: center;
            padding: 4px 0;
            color: #393a4f;
            width: 40%;
            border-radius: 100px;
            cursor: pointer;
            -webkit-transition: all .3s;
            transition: all .3s
        }

            .schedule .schedule-header .month:hover {
                background: #f5f5f5
            }

        .schedule .schedule-header .nav-icon {
            height: 34px;
            width: 34px;
            border-radius: 50%;
            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;
            cursor: pointer
        }

            .schedule .schedule-header .nav-icon:hover {
                background: #f5f5f5
            }

            .schedule .schedule-header .nav-icon svg {
                height: 20px;
                width: 20px;
                stroke: #999
            }

    .schedule .schedule-calendar {
        position: relative;
        padding: 20px 20px 40px 20px
    }

        .schedule .schedule-calendar .next-fab {
            position: absolute;
            bottom: -25px;
            right: 0;
            left: 0;
            margin: 0 auto;
            height: 50px;
            width: 50px;
            border: 1px solid #e2e2e2;
            border-radius: 50%;
            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;
            background: #fff;
            -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .07);
            box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .07);
            cursor: pointer;
            -webkit-transition: all .3s;
            transition: all .3s;
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

            .schedule .schedule-calendar .next-fab:hover {
                background: #fcfcfc
            }

                .schedule .schedule-calendar .next-fab:hover svg {
                    stroke: #5596e6
                }

            .schedule .schedule-calendar .next-fab.is-toggled {
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
                -webkit-box-shadow: none;
                box-shadow: none
            }

            .schedule .schedule-calendar .next-fab svg {
                height: 20px;
                width: 20px;
                -webkit-transition: all .3s;
                transition: all .3s
            }

        .schedule .schedule-calendar .calendar-row {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

            .schedule .schedule-calendar .calendar-row:not(:first-of-type) {
                margin-top: 4px
            }

            .schedule .schedule-calendar .calendar-row .day {
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                width: 20px;
                height: 20px;
                font-size: 12px;
                padding: 14px;
                color: #596367;
                border-radius: 50%;
                cursor: pointer;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none
            }

                .schedule .schedule-calendar .calendar-row .day:hover {
                    background: #f5f5f5
                }

                .schedule .schedule-calendar .calendar-row .day.day-name {
                    color: #869ba1
                }

                .schedule .schedule-calendar .calendar-row .day.event {
                    position: relative;
                    color: #fff
                }

                    .schedule .schedule-calendar .calendar-row .day.event:before {
                        content: "";
                        display: block;
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 27px;
                        height: 27px;
                        border-radius: 50%;
                        z-index: -1;
                        transition: -webkit-transform .25s ease-in-out;
                        -webkit-transition: -webkit-transform .25s ease-in-out;
                        transition: transform .25s ease-in-out;
                        transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
                        transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out
                    }

                    .schedule .schedule-calendar .calendar-row .day.event.primary {
                        background: #3d70b2
                    }

                        .schedule .schedule-calendar .calendar-row .day.event.primary:before {
                            background: #3d70b2
                        }

                    .schedule .schedule-calendar .calendar-row .day.event.green {
                        background: #1ce589
                    }

                        .schedule .schedule-calendar .calendar-row .day.event.green:before {
                            background: #1ce589
                        }

                    .schedule .schedule-calendar .calendar-row .day.event.purple {
                        background: #5596e6
                    }

                        .schedule .schedule-calendar .calendar-row .day.event.purple:before {
                            background: #5596e6
                        }

                    .schedule .schedule-calendar .calendar-row .day.event.pink {
                        background: #fa3275
                    }

                        .schedule .schedule-calendar .calendar-row .day.event.pink:before {
                            background: #fa3275
                        }

                    .schedule .schedule-calendar .calendar-row .day.event.animate {
                        position: static
                    }

                        .schedule .schedule-calendar .calendar-row .day.event.animate:before {
                            top: 160px;
                            left: 55px;
                            z-index: 1;
                            will-change: transform
                        }

    .schedule .schedule-divider {
        height: 1px;
        background: #ededed
    }

    .schedule .schedule-events {
        padding: 16px;
        display: none;
        background: #fafafa
    }

        .schedule .schedule-events .schedule-events-title {
            margin-top: 16px;
            font-weight: 500;
            text-transform: uppercase;
            font-size: .75rem;
            color: #999
        }

        .schedule .schedule-events .schedule-event {
            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: 16px
        }

            .schedule .schedule-events .schedule-event .event-date {
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                width: 32px;
                height: 32px;
                font-size: .75rem;
                font-weight: 500;
                border-radius: 50%;
                color: #fff
            }

                .schedule .schedule-events .schedule-event .event-date.primary {
                    background: #3d70b2
                }

                .schedule .schedule-events .schedule-event .event-date.green {
                    background: #1ce589
                }

                .schedule .schedule-events .schedule-event .event-date.purple {
                    background: #5596e6
                }

                .schedule .schedule-events .schedule-event .event-date.pink {
                    background: #fa3275
                }

            .schedule .schedule-events .schedule-event .event-title {
                color: #596367;
                padding-left: 16px
            }

                .schedule .schedule-events .schedule-event .event-title span {
                    display: block
                }

                    .schedule .schedule-events .schedule-event .event-title span:first-child {
                        font-size: .9rem;
                        color: #393a4f
                    }

                    .schedule .schedule-events .schedule-event .event-title span:nth-child(2) {
                        color: #999;
                        font-size: .85rem
                    }

        .schedule .schedule-events .button-wrap {
            margin-top: 16px
        }

    .schedule .schedule-day-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 3px;
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        z-index: 1;
        overflow: hidden
    }

        .schedule .schedule-day-container.animate-out {
            -webkit-animation: day-container-out .15s ease-out forwards;
            animation: day-container-out .15s ease-out forwards;
            will-change: transform
        }

        .schedule .schedule-day-container.hidden {
            z-index: -100
        }

        .schedule .schedule-day-container .day-header {
            position: relative;
            top: 0;
            left: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            height: 46px;
            padding: 16px;
            overflow: hidden;
            z-index: 2;
            -webkit-transition: height .075s linear;
            transition: height .075s linear
        }

            .schedule .schedule-day-container .day-header.day-header--large {
                height: 200px
            }

                .schedule .schedule-day-container .day-header.day-header--large .day-header-content {
                    font-weight: lighter;
                    padding: 16px;
                    height: 200px;
                    padding-top: 46px
                }

                    .schedule .schedule-day-container .day-header.day-header--large .day-header-content .day-header-title .day-header-title-day {
                        font-size: 2.4rem;
                        font-weight: 600
                    }

                    .schedule .schedule-day-container .day-header.day-header--large .day-header-content .day-header-title .day-header-title-month {
                        font-size: 1rem;
                        text-transform: uppercase
                    }

                    .schedule .schedule-day-container .day-header.day-header--large .day-header-content .day-header-event {
                        font-size: 1.2rem;
                        font-weight: 600;
                        padding-top: 16px
                    }

            .schedule .schedule-day-container .day-header .day-header-bg {
                position: absolute;
                top: 166px;
                left: 55px;
                width: 27px;
                height: 27px;
                border-radius: 50%;
                will-change: transform;
                -webkit-transform: scale(1);
                transform: scale(1)
            }

                .schedule .schedule-day-container .day-header .day-header-bg.primary {
                    background: #3d70b2
                }

                .schedule .schedule-day-container .day-header .day-header-bg.pink {
                    background: #fa3275
                }

                .schedule .schedule-day-container .day-header .day-header-bg.purple {
                    background: #5596e6
                }

                .schedule .schedule-day-container .day-header .day-header-bg.green {
                    background: #1ce589
                }

                .schedule .schedule-day-container .day-header .day-header-bg.animate {
                    -webkit-animation: day-header-grow .25s .05s ease-in-out forwards;
                    animation: day-header-grow .25s .05s ease-in-out forwards
                }

            .schedule .schedule-day-container .day-header .day-header-close {
                position: absolute;
                top: 14px;
                right: 14px;
                width: 18px;
                height: 18px;
                opacity: 0;
                cursor: pointer;
                -webkit-transition: opacity .15s ease-out;
                transition: opacity .15s ease-out;
                z-index: 4
            }

                .schedule .schedule-day-container .day-header .day-header-close svg {
                    height: 20px;
                    width: 20px;
                    stroke: #fcfcfc
                }

                .schedule .schedule-day-container .day-header .day-header-close.animate {
                    opacity: 1
                }

            .schedule .schedule-day-container .day-header .day-header-content {
                position: absolute;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                padding: 8px;
                top: 0;
                left: 0;
                width: 100%;
                height: 46px;
                color: #fff;
                z-index: 3;
                opacity: 0;
                -webkit-transform: translateY(18px);
                transform: translateY(18px)
            }

                .schedule .schedule-day-container .day-header .day-header-content.animate-in {
                    -webkit-animation: day-header-content-in .15s ease-out forwards;
                    animation: day-header-content-in .15s ease-out forwards
                }

                .schedule .schedule-day-container .day-header .day-header-content .day-header-title {
                    font-weight: normal
                }

                    .schedule .schedule-day-container .day-header .day-header-content .day-header-title .day-header-title-day,
                    .schedule .schedule-day-container .day-header .day-header-content .day-header-title .day-header-title-month {
                        display: inline;
                        vertical-align: baseline
                    }

                    .schedule .schedule-day-container .day-header .day-header-content .day-header-title .day-header-title-day {
                        font-size: 18px
                    }

                    .schedule .schedule-day-container .day-header .day-header-content .day-header-title .day-header-title-month {
                        font-size: 18px
                    }

                .schedule .schedule-day-container .day-header .day-header-content .day-header-event {
                    padding-top: 2px;
                    font-size: 12px;
                    font-weight: normal
                }

        .schedule .schedule-day-container .day-content {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow-y: auto;
            z-index: 0;
            opacity: 0;
            padding-top: 216px;
            padding-left: 16px;
            padding-right: 16px;
            -webkit-transform: translateY(35px);
            transform: translateY(35px);
            background: #fff
        }

            .schedule .schedule-day-container .day-content.animate-in {
                -webkit-animation: day-content-animate-in .2s ease-out forwards;
                animation: day-content-animate-in .2s ease-out forwards
            }

            .schedule .schedule-day-container .day-content .event-details-wrap {
                display: none;
                padding: 20px 0
            }

                .schedule .schedule-day-container .day-content .event-details-wrap.is-active {
                    display: block
                }

                .schedule .schedule-day-container .day-content .event-details-wrap .meta-block {
                    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;
                    margin-bottom: 10px
                }

                    .schedule .schedule-day-container .day-content .event-details-wrap .meta-block i {
                        font-size: 24px;
                        color: #999
                    }

                    .schedule .schedule-day-container .day-content .event-details-wrap .meta-block .meta {
                        margin-left: 20px
                    }

                        .schedule .schedule-day-container .day-content .event-details-wrap .meta-block .meta span {
                            display: block
                        }

                            .schedule .schedule-day-container .day-content .event-details-wrap .meta-block .meta span:first-child {
                                font-weight: 500;
                                font-size: .9rem
                            }

                            .schedule .schedule-day-container .day-content .event-details-wrap .meta-block .meta span:nth-child(2) {
                                font-size: .8rem;
                                color: #999
                            }

                .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap {
                    padding: 16px 0
                }

                    .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap label {
                        display: block;
                        font-size: .9rem;
                        font-weight: 500;
                        margin-bottom: 6px
                    }

                    .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap .participants {
                        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
                    }

                        .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap .participants img {
                            display: block;
                            height: 53px;
                            width: 53px;
                            font-size: .8rem;
                            border-radius: 50%;
                            border: 3px solid #fff;
                            background: #e8e8e8
                        }

                            .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap .participants img:not(:first-child):nth-child(1) {
                                margin-left: -14px
                            }

                            .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap .participants img:not(:first-child):nth-child(2) {
                                margin-left: -14px
                            }

                            .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap .participants img:not(:first-child):nth-child(3) {
                                margin-left: -14px
                            }

                            .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap .participants img:not(:first-child):nth-child(4) {
                                margin-left: -14px
                            }

                            .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap .participants img:not(:first-child):nth-child(5) {
                                margin-left: -14px
                            }

                            .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap .participants img:not(:first-child):nth-child(6) {
                                margin-left: -14px
                            }

                        .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap .participants .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;
                            height: 53px;
                            width: 53px;
                            font-weight: 500;
                            font-size: .9rem;
                            border-radius: 50%;
                            border: 3px solid #fff;
                            background: #e8e8e8;
                            margin-left: -14px
                        }

                .schedule .schedule-day-container .day-content .event-details-wrap .event-description label {
                    display: block;
                    font-size: .9rem;
                    font-weight: 500;
                    margin-bottom: 6px
                }

                .schedule .schedule-day-container .day-content .event-details-wrap .event-description p {
                    font-size: .9rem;
                    color: #999
                }

                .schedule .schedule-day-container .day-content .event-details-wrap .button-wrap {
                    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
                }

                    .schedule .schedule-day-container .day-content .event-details-wrap .button-wrap .button {
                        width: 49%
                    }

                .schedule .schedule-day-container .day-content .event-details-wrap .img {
                    margin-top: 16px;
                    margin-bottom: 16px;
                    width: 100%;
                    height: 150px;
                    background: #2c3144
                }

@-webkit-keyframes day-header-grow {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(25);
        transform: scale(25)
    }
}

@keyframes day-header-grow {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(25);
        transform: scale(25)
    }
}

@-webkit-keyframes day-container-out {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

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

@keyframes day-container-out {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

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

@-webkit-keyframes day-header-content-in {
    0% {
        -webkit-transform: translateY(18px);
        transform: translateY(18px);
        opacity: 0
    }

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

@keyframes day-header-content-in {
    0% {
        -webkit-transform: translateY(18px);
        transform: translateY(18px);
        opacity: 0
    }

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

@-webkit-keyframes day-content-animate-in {
    0% {
        -webkit-transform: translateY(35px);
        transform: translateY(35px);
        opacity: 0
    }

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

@keyframes day-content-animate-in {
    0% {
        -webkit-transform: translateY(35px);
        transform: translateY(35px);
        opacity: 0
    }

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

.media-flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1rem
}

    .media-flex-center:last-child,
    .media-flex-center.no-margin {
        margin-bottom: 0
    }

    .media-flex-center .flex-meta {
        margin-left: 12px;
        line-height: 1.4
    }

        .media-flex-center .flex-meta.is-lighter span:first-child,
        .media-flex-center .flex-meta.is-lighter > a:first-child {
            font-weight: 400
        }

        .media-flex-center .flex-meta.is-light span:first-child,
        .media-flex-center .flex-meta.is-light > a:first-child {
            font-weight: 500
        }

        .media-flex-center .flex-meta span,
        .media-flex-center .flex-meta > a {
            display: block
        }

            .media-flex-center .flex-meta span:first-child,
            .media-flex-center .flex-meta > a:first-child {
                font-family: "Montserrat", sans-serif;
                font-size: .85rem;
                color: #393a4f;
                font-weight: 600
            }

            .media-flex-center .flex-meta span:nth-child(2),
            .media-flex-center .flex-meta > a:nth-child(2) {
                font-family: "Roboto", sans-serif;
                color: #a2a5b9;
                font-size: .8rem
            }

        .media-flex-center .flex-meta a:hover {
            color: #3d70b2
        }

    .media-flex-center .flex-end {
        margin-left: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

        .media-flex-center .flex-end .end-action {
            margin-left: 1rem
        }

@media only screen and (max-width: 767px) {
    .media-flex.is-responsive-mobile,
    .media-flex-center.is-responsive-mobile {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }

        .media-flex.is-responsive-mobile .h-avatar,
        .media-flex.is-responsive-mobile .h-icon,
        .media-flex-center.is-responsive-mobile .h-avatar,
        .media-flex-center.is-responsive-mobile .h-icon {
            display: block;
            margin: 0 auto
        }

        .media-flex.is-responsive-mobile .flex-meta,
        .media-flex-center.is-responsive-mobile .flex-meta {
            margin: 10px auto 16px auto
        }

        .media-flex.is-responsive-mobile .flex-end,
        .media-flex-center.is-responsive-mobile .flex-end {
            margin: 0 auto 10px auto
        }

            .media-flex.is-responsive-mobile .flex-end .end-action,
            .media-flex-center.is-responsive-mobile .flex-end .end-action {
                margin-left: 0
            }

            .media-flex.is-responsive-mobile .flex-end .button,
            .media-flex-center.is-responsive-mobile .flex-end .button {
                min-width: 140px
            }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .media-flex.is-responsive-tablet-p,
    .media-flex-center.is-responsive-tablet-p {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }

        .media-flex.is-responsive-tablet-p .h-avatar,
        .media-flex.is-responsive-tablet-p .h-icon,
        .media-flex-center.is-responsive-tablet-p .h-avatar,
        .media-flex-center.is-responsive-tablet-p .h-icon {
            display: block;
            margin: 0 auto
        }

        .media-flex.is-responsive-tablet-p .flex-meta,
        .media-flex-center.is-responsive-tablet-p .flex-meta {
            margin: 10px auto 16px auto
        }

        .media-flex.is-responsive-tablet-p .flex-end,
        .media-flex-center.is-responsive-tablet-p .flex-end {
            margin: 0 auto 10px auto
        }

            .media-flex.is-responsive-tablet-p .flex-end .end-action,
            .media-flex-center.is-responsive-tablet-p .flex-end .end-action {
                margin-left: 0
            }

            .media-flex.is-responsive-tablet-p .flex-end .button,
            .media-flex-center.is-responsive-tablet-p .flex-end .button {
                min-width: 140px
            }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .media-flex.is-responsive-tablet-l,
    .media-flex-center.is-responsive-tablet-l {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }

        .media-flex.is-responsive-tablet-l .h-avatar,
        .media-flex.is-responsive-tablet-l .h-icon,
        .media-flex-center.is-responsive-tablet-l .h-avatar,
        .media-flex-center.is-responsive-tablet-l .h-icon {
            display: block;
            margin: 0 auto
        }

        .media-flex.is-responsive-tablet-l .flex-meta,
        .media-flex-center.is-responsive-tablet-l .flex-meta {
            margin: 10px auto 16px auto
        }

        .media-flex.is-responsive-tablet-l .flex-end,
        .media-flex-center.is-responsive-tablet-l .flex-end {
            margin: 0 auto 10px auto
        }

            .media-flex.is-responsive-tablet-l .flex-end .end-action,
            .media-flex-center.is-responsive-tablet-l .flex-end .end-action {
                margin-left: 0
            }

            .media-flex.is-responsive-tablet-l .flex-end .button,
            .media-flex-center.is-responsive-tablet-l .flex-end .button {
                min-width: 140px
            }

    .friend-cards-list .is-friend-card .friend-item .text-content a {
        font-size: .8rem !important
    }

    .friend-cards-list .is-friend-card .friend-item .text-content span {
        font-size: .65rem !important
    }
}


/*! _buttons.scss | Friendkit | © Css Ninja. 2020-2021 */

button.button {
    line-height: 0
}

.button {
    font-size: .8rem;
    font-weight: 500;
    padding: 18px 22px;
    -webkit-transition: all .3s;
    transition: all .3s
}

    .button.is-rounded {
        padding-left: 1.5em;
        padding-right: 1.5em
    }

    .button.icon-button {
        width: 32px;
        height: 32px;
        padding: 0
    }

        .button.icon-button svg {
            height: 16px !important;
            width: 16px !important;
            stroke: #344258
        }

        .button.icon-button.is-solid svg {
            stroke: #fff !important
        }

    .button.has-icon svg {
        height: 16px;
        width: 16px;
        min-height: 16px;
        min-width: 16px;
        margin-right: 4px
    }

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

    .button.is-phantom {
        background: transparent;
        border: 2px solid transparent
    }

        .button.is-phantom.primary-button {
            color: #3d70b2
        }

            .button.is-phantom.primary-button:hover {
                border-color: #3d70b2
            }

        .button.is-phantom.accent-button {
            color: #5596e6
        }

            .button.is-phantom.accent-button:hover {
                border-color: #5596e6
            }

    .button.is-reversed-phantom {
        background: transparent;
        border: 1px solid transparent
    }

        .button.is-reversed-phantom.primary-button {
            color: #3d70b2
        }

            .button.is-reversed-phantom.primary-button:hover {
                border-color: transparent !important;
                background: #3d70b2;
                color: #fafafa
            }

        .button.is-reversed-phantom.accent-button {
            color: #5596e6
        }

            .button.is-reversed-phantom.accent-button:hover {
                border-color: transparent !important;
                background: #5596e6;
                color: #fafafa
            }

    .button.is-solid.primary-button {
        background: #3d70b2;
        border-color: #3d70b2;
        color: #fff
    }

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

    .button.is-solid.secondary-button {
        background: #41d6c3;
        border-color: #41d6c3;
        color: #fff
    }

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

    .button.is-solid.accent-button {
        background: #5596e6;
        border-color: #5596e6;
        color: #fff
    }

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

    .button.is-solid.red-button {
        background: #f71416;
        border-color: #f71416;
        color: #fff
    }

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

    .button.is-solid.green-button {
        background: #1ce589;
        border-color: #1ce589;
        color: #fff
    }

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

    .button.is-solid.blue-button {
        background: #039be5;
        border-color: #039be5;
        color: #fff
    }

        .button.is-solid.blue-button.raised:hover {
            -webkit-box-shadow: 0 14px 26px -12px rgba(3, 155, 229, .42), 0 4px 23px 0px 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 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(3, 155, 229, .2) !important;
            opacity: .8
        }

    .button.is-solid.grey-button {
        background: #f7f7f7;
        border-color: #f7f7f7
    }

        .button.is-solid.grey-button svg {
            stroke: #344258 !important
        }

        .button.is-solid.grey-button:hover {
            background: #f2f2f2;
            border-color: #f2f2f2
        }

    .button.is-solid.dark-grey-button {
        background: #ededed;
        border-color: #ededed
    }

        .button.is-solid.dark-grey-button svg {
            stroke: #344258 !important
        }

        .button.is-solid.dark-grey-button:hover {
            background: #dedede;
            border-color: #dedede
        }

    .button.light-button {
        background: transparent;
        border-color: #fff;
        color: #fff;
        font-weight: 500
    }

        .button.light-button:hover {
            background: #fff;
            color: #393a4f
        }

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

.like-wrapper .like-button {
    position: relative;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: 0px 5px 43px rgba(0, 0, 0, .18);
    box-shadow: 0px 5px 43px rgba(0, 0, 0, .18);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    text-decoration: none;
    opacity: 1 !important;
    overflow: hidden
}

    .like-wrapper .like-button .like-overlay {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 54px;
        height: 54px;
        border-radius: 50%;
        background: #d10709;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transition: all .4s;
        transition: all .4s;
        z-index: 0
    }

    .like-wrapper .like-button i.not-liked {
        display: block;
        color: #d10709;
        position: relative;
        z-index: 1
    }

    .like-wrapper .like-button i.is-liked {
        display: none;
        color: #fff;
        position: relative;
        z-index: 1
    }

    .like-wrapper .like-button.is-active {
        -webkit-box-shadow: 0px 5px 43px rgba(247, 20, 22, .18);
        box-shadow: 0px 5px 43px rgba(247, 20, 22, .18)
    }

        .like-wrapper .like-button.is-active .like-overlay {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        .like-wrapper .like-button.is-active i.not-liked {
            display: none
        }

        .like-wrapper .like-button.is-active i.is-liked {
            display: block
        }

.fab-wrapper.is-share a {
    background: #6ba4e9;
    -webkit-box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important;
    box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important
}

    .fab-wrapper.is-share a:hover {
        background: #8ab7ee
    }

        .fab-wrapper.is-share a:hover svg {
            stroke: #fff
        }

.fab-wrapper.is-comment a {
    background: #6ba4e9;
    -webkit-box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important;
    box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important
}

    .fab-wrapper.is-comment a:hover {
        background: #8ab7ee
    }

        .fab-wrapper.is-comment a:hover svg {
            stroke: #fff
        }

.fab-wrapper .small-fab {
    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;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    color: #fcfcfc;
    opacity: 1;
    -webkit-transition: all .3s;
    transition: all .3s
}

    .fab-wrapper .small-fab svg {
        width: 18px;
        height: 18px;
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .fab-wrapper .small-fab.is-active {
        background: #5596e6
    }

.load-more-wrap {
    padding: 40px 0
}

    .load-more-wrap.narrow-top {
        padding-top: 20px 0
    }

.load-more-button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 9em;
    height: 2.75em;
    padding: .5em 1em;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-align: center;
    color: #757a91 !important;
    white-space: nowrap;
    line-height: 1.5;
    font-size: 1em;
    text-decoration: none;
    -webkit-transition: width .1s ease, height .4s ease, border-width .4s ease, border-radius .4s ease, border-color .4s ease, padding .4s ease;
    transition: width .1s ease, height .4s ease, border-width .4s ease, border-radius .4s ease, border-color .4s ease, padding .4s ease
}

    .load-more-button:focus {
        outline: none;
        border-color: #ddd
    }

    .load-more-button:hover {
        background: #fafafa
    }

    .load-more-button.loading {
        height: 24px;
        width: 24px;
        padding: 0;
        border-width: 2px;
        border-radius: 17px;
        border-color: #eee #eee #eee #999;
        background: #fff;
        font-size: 0;
        color: transparent;
        pointer-events: none;
        -webkit-animation: spin 1.2s infinite linear;
        animation: spin 1.2s infinite linear
    }

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.spinner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 38px;
    min-width: 110px;
    border: 1px solid #e8e8e8;
    border-radius: 100px;
    -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
    padding: 0 4px
}

    .spinner .add,
    .spinner .remove {
        height: 38px;
        width: 38px;
        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;
        border: none;
        background: none;
        cursor: pointer;
        outline: none !important
    }

        .spinner .add:hover svg,
        .spinner .remove:hover svg {
            stroke: #393a4f
        }

        .spinner .add svg,
        .spinner .remove svg {
            height: 14px;
            width: 14px;
            stroke: #6f7592;
            -webkit-transition: stroke .3s;
            transition: stroke .3s
        }

    .spinner .value {
        font-size: .9rem;
        font-weight: 500;
        color: #393a4f;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }


/*! _dropdowns.scss | Friendkit | © Css Ninja. 2020-2021 */

.dropdown-divider {
    background-color: #e8e8e8
}

.dropdown .avatar-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

    .dropdown .avatar-button img {
        height: 22px;
        width: 22px;
        display: block;
        margin: 0 auto;
        border-radius: 50%
    }

    .dropdown .avatar-button svg {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        fill: #393a4f;
        height: 8px;
        width: 8px;
        margin: 0 4px
    }

.card-heading .dropdown.is-spaced > div .button,
.about-card .header .actions .dropdown.is-spaced > div .button {
    padding: 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: 32px;
    width: 32px;
    border: none;
    border-radius: 50%;
    -webkit-transition: all .3s;
    transition: all .3s
}

    .card-heading .dropdown.is-spaced > div .button:hover,
    .about-card .header .actions .dropdown.is-spaced > div .button:hover {
        background: #f5f5f5
    }

    .card-heading .dropdown.is-spaced > div .button svg,
    .about-card .header .actions .dropdown.is-spaced > div .button svg {
        height: 20px;
        width: 20px;
        -webkit-transition: all .3s;
        transition: all .3s
    }

.dropdown.is-spaced.is-modern.is-active .caret {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.dropdown.is-spaced.is-modern.is-active .main-icon {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.dropdown.is-spaced.is-modern > div .button {
    min-width: 110px;
    border-radius: 100px
}

    .dropdown.is-spaced.is-modern > div .button .caret,
    .dropdown.is-spaced.is-modern > div .button .main-icon {
        -webkit-transition: all .3s;
        transition: all .3s
    }

.dropdown.is-spaced.is-modern .dropdown-menu {
    margin-top: 6px
}

.dropdown.is-spaced .dropdown-menu {
    -webkit-box-shadow: 0px 5px 16px rgba(0, 0, 0, .05);
    box-shadow: 0px 5px 16px rgba(0, 0, 0, .05);
    border-color: #e8e8e8;
    padding-top: 0;
    min-width: 280px
}

    .dropdown.is-spaced .dropdown-menu.has-margin {
        margin-top: 10px
    }

    .dropdown.is-spaced .dropdown-menu .dropdown-content {
        border: 1px solid #e8e8e8;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.dropdown.is-spaced .dropdown-item {
    padding-right: 1rem !important;
    padding: .5rem 1rem
}

    .dropdown.is-spaced .dropdown-item:hover {
        background: #fafafa
    }

        .dropdown.is-spaced .dropdown-item:hover h3 {
            color: #3d70b2
        }

        .dropdown.is-spaced .dropdown-item:hover svg {
            stroke: #3d70b2
        }

    .dropdown.is-spaced .dropdown-item.is-selected .checkmark {
        display: block !important
    }

    .dropdown.is-spaced .dropdown-item.is-header h5 {
        font-weight: 500;
        margin-bottom: 10px;
        color: #757a91
    }

    .dropdown.is-spaced .dropdown-item .media {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .dropdown.is-spaced .dropdown-item .media .media-content {
            line-height: 1.2
        }

        .dropdown.is-spaced .dropdown-item .media h3 {
            font-weight: 500;
            font-size: .85rem;
            color: #393a4f;
            -webkit-transition: all .3s;
            transition: all .3s;
            line-height: 1.2
        }

        .dropdown.is-spaced .dropdown-item .media img {
            display: block;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            margin-right: 20px
        }

        .dropdown.is-spaced .dropdown-item .media svg {
            width: 18px;
            height: 18px;
            margin-right: 10px;
            stroke-width: 1px;
            stroke: #757a91;
            -webkit-transition: all .3s;
            transition: all .3s
        }

        .dropdown.is-spaced .dropdown-item .media small {
            color: #a2a5b9
        }

        .dropdown.is-spaced .dropdown-item .media .checkmark {
            display: none
        }

            .dropdown.is-spaced .dropdown-item .media .checkmark svg {
                margin-right: 0;
                margin-left: auto
            }

    .dropdown.is-spaced .dropdown-item.is-title {
        background-color: transparent;
        margin-bottom: 10px
    }

    .dropdown.is-spaced .dropdown-item.is-active {
        background: #039be5
    }

        .dropdown.is-spaced .dropdown-item.is-active svg {
            stroke: #fff
        }

        .dropdown.is-spaced .dropdown-item.is-active small {
            color: #fff
        }

.dropdown.is-spaced.is-accent .dropdown-item:hover {
    background: #fafafa
}

    .dropdown.is-spaced.is-accent .dropdown-item:hover h3 {
        color: #5596e6 !important
    }

    .dropdown.is-spaced.is-accent .dropdown-item:hover svg {
        stroke: #5596e6 !important
    }

.dropdown.is-spaced.is-neutral .dropdown-item:hover {
    background: #fafafa
}

    .dropdown.is-spaced.is-neutral .dropdown-item:hover h3 {
        color: #393a4f !important
    }

    .dropdown.is-spaced.is-neutral .dropdown-item:hover svg {
        stroke: #757a91 !important
    }

body.is-dark .dropdown.is-spaced:hover > div .button,
body.is-dark .dropdown.is-spaced.is-active > div .button {
    background: #242d3c !important
}

    body.is-dark .dropdown.is-spaced:hover > div .button svg,
    body.is-dark .dropdown.is-spaced.is-active > div .button svg {
        stroke: #fafafa
    }

body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content {
    background: #171c26 !important;
    border-color: #2f3b50 !important
}

    body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .heading {
        border-color: #2f3b50 !important
    }

        body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .heading:hover,
        body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .heading *:hover {
            background: #202836 !important
        }

        body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .heading .heading-right .notification-link {
            color: #5596e6 !important
        }

body.is-dark .dropdown.is-neutral .dropdown-menu .dropdown-content .dropdown-item:hover h3 {
    color: #fafafa !important
}

body.is-dark .dropdown.is-neutral .dropdown-menu .dropdown-content .dropdown-item:hover svg {
    stroke: #fafafa !important
}

body.is-dark .dropdown .dropdown-menu .dropdown-content {
    background: #202836;
    border-color: #2f3b50 !important
}

    body.is-dark .dropdown .dropdown-menu .dropdown-content .dropdown-item {
        color: #a2a5b9
    }

        body.is-dark .dropdown .dropdown-menu .dropdown-content .dropdown-item.is-active {
            background: #5596e6 !important
        }

        body.is-dark .dropdown .dropdown-menu .dropdown-content .dropdown-item:hover .media .media-content h3 {
            color: #3d70b2
        }

        body.is-dark .dropdown .dropdown-menu .dropdown-content .dropdown-item .media .media-content h3 {
            color: #fafafa
        }

    body.is-dark .dropdown .dropdown-menu .dropdown-content .dropdown-divider {
        background: #293446
    }

    body.is-dark .dropdown .dropdown-menu .dropdown-content a:hover {
        background: #262f40 !important
    }

body.is-dark .child-dropdown .inner {
    background: #202836 !important;
    border-color: #283143 !important
}

    body.is-dark .child-dropdown .inner:hover {
        background: #202836 !important;
        border-color: #283143 !important
    }

    body.is-dark .child-dropdown .inner ul li .text span:first-child {
        color: #fafafa !important
    }

.emoji-picker {
    border-color: #e5e5e5 !important;
    -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06) !important;
    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06) !important;
    margin: 0 !important;
    top: -6px !important;
    height: 24.5rem !important
}

    .emoji-picker .emoji-picker__search-container {
        display: none !important
    }

        .emoji-picker .emoji-picker__search-container input {
            outline: none !important;
            padding-left: 12px !important;
            -webkit-transition: all .3s !important;
            transition: all .3s !important;
            border-radius: 100px !important
        }

            .emoji-picker .emoji-picker__search-container input:focus {
                border-color: #e0e0e0;
                -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
                box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
            }

                .emoji-picker .emoji-picker__search-container input:focus + span {
                    color: #3d70b2
                }

            .emoji-picker .emoji-picker__search-container input + span svg {
                vertical-align: top
            }

    .emoji-picker .emoji-picker__content .emoji-picker__tabs-container .emoji-picker__tabs .emoji-picker__tab {
        color: #999
    }

        .emoji-picker .emoji-picker__content .emoji-picker__tabs-container .emoji-picker__tabs .emoji-picker__tab.active {
            color: #3d70b2;
            border-bottom-color: #3d70b2
        }

    .emoji-picker .emoji-picker__content .emoji-picker__tabs-container div > .emoji-picker__tab-body {
        border-bottom: 1px solid #e8e8e8
    }

        .emoji-picker .emoji-picker__content .emoji-picker__tabs-container div > .emoji-picker__tab-body h2 {
            padding: 4px 0
        }

        .emoji-picker .emoji-picker__content .emoji-picker__tabs-container div > .emoji-picker__tab-body .emoji-picker__emojis {
            height: 16.5rem;
            width: calc(1.3rem * 1.4 * 10);
            margin: 0 auto;
            overflow-x: hidden !important
        }

            .emoji-picker .emoji-picker__content .emoji-picker__tabs-container div > .emoji-picker__tab-body .emoji-picker__emojis::-webkit-scrollbar {
                width: 6px !important
            }

            .emoji-picker .emoji-picker__content .emoji-picker__tabs-container div > .emoji-picker__tab-body .emoji-picker__emojis::-webkit-scrollbar-thumb {
                border-radius: 10px !important;
                background: rgba(0, 0, 0, .2) !important
            }

    .emoji-picker .emoji-picker__preview {
        border-top: none;
        height: 3.3em
    }


/*! _components-tabs.scss | Friendkit | © Css Ninja. 2020-2021 */

.nav-tabs-wrapper .tabs ul.is-faded {
    border-bottom-color: transparent !important
}

.nav-tabs-wrapper .tabs ul li a {
    color: #cecece;
    border-image-width: 2px
}

.nav-tabs-wrapper .tabs ul li:hover a {
    border-bottom-color: inherit
}

.nav-tabs-wrapper .tabs ul li.is-active a {
    color: #5596e6;
    border-bottom-color: #5596e6
}

.nav-tabs-wrapper .tab-content {
    display: none;
    overflow: hidden;
    padding: 0 10px 10px 10px;
    -webkit-animation: fadeInLeft .5s;
    animation: fadeInLeft .5s
}

    .nav-tabs-wrapper .tab-content.is-active {
        display: block
    }


/*! _modals.scss | Friendkit | © Css Ninja. 2020-2021 */


/*! _special-mixins.scss | Friendkit | © Css Ninja. 2020-2021 */

.modal {
    z-index: 1050
}

    .modal .modal-background {
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .modal.is-xsmall .modal-content {
        width: 480px
    }

    .modal.is-small .modal-content {
        width: 540px
    }

    .modal.is-medium .modal-content {
        width: 720px
    }

    .modal.is-large .modal-content {
        width: 840px
    }

    .modal.is-xlarge .modal-content {
        width: 1200px
    }

    .modal.is-xxl .modal-content {
        width: 1340px
    }

    .modal.is-light-bg .modal-background {
        background: rgba(0, 0, 0, .4)
    }

    .modal .card,
    .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card,
    .shop-wrapper .cart-container .cart-content .cart-summary .modal .summary-card {
        -webkit-animation: modalScale .3s;
        animation: modalScale .3s;
        margin-bottom: 0
    }

        .modal .card .card-heading,
        .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading,
        .shop-wrapper .cart-container .cart-content .cart-summary .modal .summary-card .card-heading {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 8px 12px
        }

            .modal .card .card-heading h3,
            .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3,
            .shop-wrapper .cart-container .cart-content .cart-summary .modal .summary-card .card-heading h3 {
                font-size: .95rem;
                font-weight: 500
            }

            .modal .card .card-heading .close-wrap,
            .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .close-wrap,
            .shop-wrapper .cart-container .cart-content .cart-summary .modal .summary-card .card-heading .close-wrap {
                height: 30px;
                width: 30px;
                margin-left: auto
            }

                .modal .card .card-heading .close-wrap .close-modal,
                .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .close-wrap .close-modal,
                .shop-wrapper .cart-container .cart-content .cart-summary .modal .summary-card .card-heading .close-wrap .close-modal {
                    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;
                    border-radius: 50%;
                    background: transparent;
                    cursor: pointer;
                    -webkit-transition: background .3s;
                    transition: background .3s
                }

                    .modal .card .card-heading .close-wrap .close-modal:hover,
                    .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .close-wrap .close-modal:hover,
                    .shop-wrapper .cart-container .cart-content .cart-summary .modal .summary-card .card-heading .close-wrap .close-modal:hover {
                        background: #e8e8e8
                    }

                    .modal .card .card-heading .close-wrap .close-modal svg,
                    .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .close-wrap .close-modal svg,
                    .shop-wrapper .cart-container .cart-content .cart-summary .modal .summary-card .card-heading .close-wrap .close-modal svg {
                        height: 18px;
                        width: 18px;
                        stroke: #757a91
                    }

        .modal .card .card-body,
        .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body,
        .shop-wrapper .cart-container .cart-content .cart-summary .modal .summary-card .card-body {
            padding: 8px 12px
        }

.create-group-modal .card-heading {
    border-bottom: 1px solid #e8e8e8
}

.create-group-modal .subheading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px;
    border-bottom: 1px solid #e8e8e8
}

    .create-group-modal .subheading .group-avatar {
        position: relative;
        cursor: pointer
    }

        .create-group-modal .subheading .group-avatar input {
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            width: 100%;
            height: 100%
        }

        .create-group-modal .subheading .group-avatar .add-photo {
            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: 42px;
            width: 42px;
            background: #ededed;
            border-radius: 4px
        }

            .create-group-modal .subheading .group-avatar .add-photo svg {
                height: 18px;
                width: 18px;
                stroke: #757a91
            }

    .create-group-modal .subheading .control input {
        margin: 0 10px;
        border: none !important
    }

.create-group-modal .card-body {
    padding: 0 !important
}

    .create-group-modal .card-body .inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

        .create-group-modal .card-body .inner .left-section {
            width: 67%
        }

            .create-group-modal .card-body .inner .left-section .search-subheader {
                border-bottom: 1px solid #e8e8e8;
                padding: 0 12px;
                height: 57px;
                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
            }

                .create-group-modal .card-body .inner .left-section .search-subheader .control {
                    width: 100%;
                    position: relative
                }

                    .create-group-modal .card-body .inner .left-section .search-subheader .control input {
                        height: 32px;
                        border-radius: 0;
                        padding-left: 36px;
                        font-size: .9rem;
                        -webkit-transition: all .3s;
                        transition: all .3s
                    }

                        .create-group-modal .card-body .inner .left-section .search-subheader .control input:focus {
                            border-color: #cecece
                        }

                            .create-group-modal .card-body .inner .left-section .search-subheader .control input:focus + .icon svg {
                                stroke: #5596e6
                            }

                    .create-group-modal .card-body .inner .left-section .search-subheader .control .icon {
                        position: absolute;
                        top: 0;
                        left: 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: 32px;
                        width: 32px
                    }

                        .create-group-modal .card-body .inner .left-section .search-subheader .control .icon svg {
                            width: 18px;
                            height: 18px;
                            stroke: #cecece;
                            -webkit-transition: all .3s;
                            transition: all .3s
                        }

            .create-group-modal .card-body .inner .left-section .user-list {
                height: 403px;
                padding: 12px 0;
                overflow-y: auto
            }

                .create-group-modal .card-body .inner .left-section .user-list .friend-block {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    margin-bottom: 6px;
                    padding: 6px 12px;
                    border-radius: 0;
                    cursor: pointer
                }

                    .create-group-modal .card-body .inner .left-section .user-list .friend-block:hover {
                        background: #f2f2f2
                    }

                    .create-group-modal .card-body .inner .left-section .user-list .friend-block .friend-avatar {
                        height: 40px;
                        width: 40px;
                        border-radius: 50%
                    }

                    .create-group-modal .card-body .inner .left-section .user-list .friend-block .friend-name {
                        font-size: .85rem;
                        font-weight: 500;
                        color: #393a4f;
                        margin: 0 10px
                    }

                    .create-group-modal .card-body .inner .left-section .user-list .friend-block .round-checkbox {
                        margin-left: auto;
                        margin-right: 12px
                    }

        .create-group-modal .card-body .inner .right-section {
            width: 33%;
            height: 460px;
            background: #f5f6f7;
            border-left: 1px solid #e8e8e8;
            overflow-y: auto
        }

            .create-group-modal .card-body .inner .right-section .selected-count {
                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;
                padding: 6px 12px;
                min-height: 57px
            }

                .create-group-modal .card-body .inner .right-section .selected-count span {
                    display: block;
                    font-size: .9rem;
                    font-weight: 500;
                    color: #999
                }

                    .create-group-modal .card-body .inner .right-section .selected-count span:first-child {
                        text-transform: uppercase;
                        font-size: .7rem
                    }

            .create-group-modal .card-body .inner .right-section .selected-list {
                padding: 12px
            }

                .create-group-modal .card-body .inner .right-section .selected-list .selected-friend-block {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    padding: 6px 0;
                    border-radius: 0
                }

                    .create-group-modal .card-body .inner .right-section .selected-list .selected-friend-block .image-wrapper {
                        position: relative
                    }

                        .create-group-modal .card-body .inner .right-section .selected-list .selected-friend-block .image-wrapper .checked-badge {
                            position: absolute;
                            bottom: 6px;
                            right: -1px;
                            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: 18px;
                            width: 18px;
                            border: 2px solid #f5f6f7;
                            border-radius: 50%;
                            background: #757a91
                        }

                            .create-group-modal .card-body .inner .right-section .selected-list .selected-friend-block .image-wrapper .checked-badge svg {
                                height: 8px;
                                width: 8px;
                                stroke: #fafafa;
                                stroke-width: 3px
                            }

                    .create-group-modal .card-body .inner .right-section .selected-list .selected-friend-block .friend-avatar {
                        height: 40px;
                        width: 40px;
                        border-radius: 50%
                    }

                    .create-group-modal .card-body .inner .right-section .selected-list .selected-friend-block .friend-name {
                        font-size: .85rem;
                        font-weight: 500;
                        color: #393a4f;
                        margin: 0 14px
                    }

.create-group-modal .card-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 !important;
    padding: 8px
}

    .create-group-modal .card-footer button {
        margin-left: 12px;
        line-height: 0
    }

.albums-help-modal .card,
.albums-help-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card,
.shop-wrapper .cart-container .cart-content .cart-summary .albums-help-modal .summary-card,
.videos-help-modal .card,
.videos-help-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card,
.shop-wrapper .cart-container .cart-content .cart-summary .videos-help-modal .summary-card {
    overflow: hidden
}

.albums-help-modal .card-heading,
.videos-help-modal .card-heading {
    border-bottom: 1px solid #e8e8e8
}

.albums-help-modal .card-body .content-block,
.videos-help-modal .card-body .content-block {
    position: absolute;
    height: 248px;
    width: 454px;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

    .albums-help-modal .card-body .content-block:first-child,
    .videos-help-modal .card-body .content-block:first-child {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .albums-help-modal .card-body .content-block:nth-child(2),
    .videos-help-modal .card-body .content-block:nth-child(2) {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    .albums-help-modal .card-body .content-block img,
    .videos-help-modal .card-body .content-block img {
        display: block;
        height: 140px;
        margin: 20px auto
    }

    .albums-help-modal .card-body .content-block .help-text,
    .videos-help-modal .card-body .content-block .help-text {
        text-align: center;
        max-width: 350px;
        margin: 0 auto
    }

        .albums-help-modal .card-body .content-block .help-text h3,
        .videos-help-modal .card-body .content-block .help-text h3 {
            font-weight: 500
        }

        .albums-help-modal .card-body .content-block .help-text p,
        .videos-help-modal .card-body .content-block .help-text p {
            color: #999;
            font-size: .9rem
        }

    .albums-help-modal .card-body .content-block.is-active,
    .videos-help-modal .card-body .content-block.is-active {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

.albums-help-modal .card-body .slide-dots,
.videos-help-modal .card-body .slide-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 258px 0 16px 0
}

    .albums-help-modal .card-body .slide-dots .dot,
    .videos-help-modal .card-body .slide-dots .dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #e8e8e8;
        margin: 0 3px
    }

        .albums-help-modal .card-body .slide-dots .dot.is-active,
        .videos-help-modal .card-body .slide-dots .dot.is-active {
            background: #5596e6
        }

.albums-help-modal .card-body .action,
.videos-help-modal .card-body .action {
    text-align: center;
    margin-bottom: 16px
}

    .albums-help-modal .card-body .action button,
    .videos-help-modal .card-body .action button {
        line-height: 0;
        width: 160px
    }

.albums-modal .modal-content {
    max-width: calc(100% - 40px);
    max-height: calc(100vh - 20px) !important
}

    .albums-modal .modal-content .modal-card {
        max-height: calc(100vh - 20px) !important
    }

.albums-modal .card-heading {
    border-bottom: 1px solid #e8e8e8;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

    .albums-modal .card-heading .button {
        line-height: 0 !important;
        padding: 14px 18px !important;
        margin-left: auto;
        margin-right: 10px;
        cursor: pointer
    }

        .albums-modal .card-heading .button i {
            font-size: 18px
        }

    .albums-modal .card-heading .close-wrap {
        margin-left: 0 !important
    }

.albums-modal .card-body {
    padding: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .albums-modal .card-body .left-section,
    .albums-modal .card-body .right-section {
        padding: 12px;
        height: 580px
    }

    .albums-modal .card-body .left-section {
        width: 25%;
        background: #f5f6f7;
        border-right: 1px solid #e8e8e8
    }

        .albums-modal .card-body .left-section .control {
            margin-bottom: 10px
        }

            .albums-modal .card-body .left-section .control input {
                padding-left: 34px
            }

            .albums-modal .card-body .left-section .control .icon {
                position: absolute;
                top: 0;
                left: 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;
                color: #cecece
            }

                .albums-modal .card-body .left-section .control .icon svg {
                    width: 16px;
                    height: 16px;
                    -webkit-transition: all .3s;
                    transition: all .3s
                }

        .albums-modal .card-body .left-section .album-form {
            margin-bottom: 20px
        }

        .albums-modal .card-body .left-section .tagged-in-album {
            margin: 0 0 10px 0
        }

            .albums-modal .card-body .left-section .tagged-in-album .head {
                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;
                margin-bottom: 3px
            }

                .albums-modal .card-body .left-section .tagged-in-album .head h4 {
                    font-weight: 500;
                    font-size: .85rem;
                    color: #393a4f
                }

                .albums-modal .card-body .left-section .tagged-in-album .head .button {
                    height: 22px;
                    width: 22px;
                    outline: none
                }

                    .albums-modal .card-body .left-section .tagged-in-album .head .button svg {
                        height: 12px !important;
                        width: 12px !important;
                        stroke-width: 2.6px
                    }

            .albums-modal .card-body .left-section .tagged-in-album p {
                font-size: .75rem;
                max-width: 250px;
                color: #999;
                margin-bottom: 8px
            }

        .albums-modal .card-body .left-section .album-tag-list {
            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-wrap: wrap;
            flex-wrap: wrap
        }

            .albums-modal .card-body .left-section .album-tag-list .tagged-user {
                position: relative
            }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(1) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(2) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(3) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(4) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(5) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(6) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(7) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(8) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(9) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(10) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(11) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(12) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(13) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(14) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(15) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(16) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(17) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(18) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(19) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(20) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(21) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(22) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(23) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(24) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(25) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(26) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(27) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(28) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(29) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(30) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(31) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(32) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(33) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(34) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(35) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(36) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(37) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(38) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(39) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(40) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(41) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(42) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(43) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(44) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(45) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(46) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(47) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(48) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(49) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(50) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(51) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(52) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(53) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(54) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(55) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(56) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(57) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(58) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(59) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(60) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(61) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(62) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(63) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(64) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(65) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(66) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(67) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(68) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(69) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(70) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(71) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(72) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(73) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(74) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(75) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(76) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(77) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(78) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(79) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(80) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(81) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(82) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(83) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(84) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(85) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(86) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(87) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(88) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(89) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(90) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(91) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(92) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(93) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(94) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(95) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(96) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(97) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(98) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:not(:first-child):nth-child(99) {
                    margin-left: -12px
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user:hover .remove-tag {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user img {
                    height: 42px;
                    width: 42px;
                    border-radius: 50%;
                    border: 3px solid #f5f6f7
                }

                .albums-modal .card-body .left-section .album-tag-list .tagged-user .remove-tag {
                    position: absolute;
                    top: -5px;
                    left: -7px;
                    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: 22px;
                    width: 22px;
                    border-radius: 50%;
                    border: 2px solid #fafafa;
                    background: #999;
                    cursor: pointer
                }

                    .albums-modal .card-body .left-section .album-tag-list .tagged-user .remove-tag:hover {
                        background: #f71416
                    }

                    .albums-modal .card-body .left-section .album-tag-list .tagged-user .remove-tag svg {
                        height: 12px;
                        width: 12px;
                        stroke: #fafafa
                    }

        .albums-modal .card-body .left-section .shared-album,
        .albums-modal .card-body .left-section .album-date {
            margin-bottom: 10px;
            margin-top: 0
        }

            .albums-modal .card-body .left-section .shared-album .head,
            .albums-modal .card-body .left-section .album-date .head {
                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;
                margin-bottom: 3px
            }

                .albums-modal .card-body .left-section .shared-album .head h4,
                .albums-modal .card-body .left-section .album-date .head h4 {
                    font-weight: 500;
                    font-size: .85rem;
                    color: #393a4f
                }

                .albums-modal .card-body .left-section .shared-album .head .basic-checkbox label:before,
                .albums-modal .card-body .left-section .album-date .head .basic-checkbox label:before {
                    margin-right: 0
                }

                .albums-modal .card-body .left-section .shared-album .head .button,
                .albums-modal .card-body .left-section .album-date .head .button {
                    height: 22px;
                    width: 22px;
                    outline: none
                }

                    .albums-modal .card-body .left-section .shared-album .head .button svg,
                    .albums-modal .card-body .left-section .album-date .head .button svg {
                        height: 12px !important;
                        width: 12px !important;
                        stroke-width: 2.6px
                    }

            .albums-modal .card-body .left-section .shared-album p,
            .albums-modal .card-body .left-section .album-date p {
                font-size: .75rem;
                max-width: 250px;
                color: #999;
                margin-bottom: 8px
            }

        .albums-modal .card-body .left-section .album-date {
            margin-top: 20px
        }

    .albums-modal .card-body .right-section {
        width: 75%;
        overflow-y: auto
    }

.albums-modal .card-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 !important;
    padding: 8px
}

    .albums-modal .card-footer button {
        margin-left: 6px;
        line-height: 0
    }

    .albums-modal .card-footer .dropdown button {
        padding: 0 16px;
        height: 38px
    }

        .albums-modal .card-footer .dropdown button svg {
            height: 16px;
            width: 16px
        }

            .albums-modal .card-footer .dropdown button svg.main-icon {
                margin-right: 4px
            }

        .albums-modal .card-footer .dropdown button i {
            font-size: 18px;
            margin-right: 4px
        }

.videos-modal .modal-content {
    max-width: calc(100% - 40px);
    max-height: calc(100vh - 20px) !important
}

.videos-modal .modal-card {
    max-height: calc(100vh - 20px) !important
}

.videos-modal .card-heading {
    border-bottom: 1px solid #e8e8e8;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

    .videos-modal .card-heading .button {
        line-height: 0 !important;
        padding: 14px 18px !important;
        margin-left: auto;
        margin-right: 10px;
        cursor: pointer
    }

        .videos-modal .card-heading .button i {
            font-size: 18px;
            margin-right: 4px
        }

    .videos-modal .card-heading .close-wrap {
        margin-left: 0 !important
    }

.videos-modal .card-body {
    padding: 0 !important
}

    .videos-modal .card-body .inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

        .videos-modal .card-body .inner .left-section {
            width: 65%
        }

        .videos-modal .card-body .inner .right-section {
            position: relative;
            width: 35%;
            border-left: 1px solid #e8e8e8
        }

            .videos-modal .card-body .inner .right-section .comment-controls {
                position: absolute;
                bottom: 0;
                left: 0;
                background: #eff1f2;
                height: 50px;
                width: 100%;
                border-radius: 0 0 6px 0;
                border-top: 1px solid #dee2e5
            }

                .videos-modal .card-body .inner .right-section .comment-controls .controls-inner {
                    position: relative;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    width: 100%;
                    height: 100%;
                    padding: 0 16px
                }

                    .videos-modal .card-body .inner .right-section .comment-controls .controls-inner img {
                        height: 32px;
                        width: 32px;
                        border-radius: 50%
                    }

                    .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .control {
                        position: relative;
                        width: 100%
                    }

                        .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .control .textarea,
                        .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .control .emojionearea-editor {
                            resize: none;
                            height: 36px;
                            max-height: 36px;
                            min-height: 36px;
                            border-radius: 100px;
                            overflow: hidden;
                            line-height: 1.6;
                            font-size: .8rem;
                            padding-left: 16px;
                            margin: 0 6px
                        }

                        .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .control .emoji-button {
                            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;
                            background: none;
                            border: none;
                            outline: none;
                            -webkit-transition: all .3s;
                            transition: all .3s;
                            cursor: pointer
                        }

                            .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .control .emoji-button:hover svg {
                                stroke: #3d70b2
                            }

                            .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .control .emoji-button svg {
                                height: 16px;
                                width: 16px;
                                stroke: #a2a5b9;
                                -webkit-transition: all .3s;
                                transition: all .3s
                            }

                    .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .emojionearea-editor {
                        padding-left: 0 !important
                    }

                        .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .emojionearea-editor img {
                            height: 18px;
                            width: 18px;
                            min-height: 18px;
                            max-height: 18px
                        }

                    .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .emojionearea {
                        overflow: visible !important
                    }

                    .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .emojionearea-picker {
                        top: -230px;
                        position: absolute;
                        left: -50px;
                        width: 310px
                    }

                        .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .emojionearea-picker .emojionearea-wrapper {
                            width: 310px
                        }

                            .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .emojionearea-picker .emojionearea-wrapper img {
                                height: 22px;
                                width: 22px;
                                min-height: 22px;
                                max-height: 22px
                            }

                    .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .emojionearea-scroll-area {
                        width: 310px
                    }

                    .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .emojionearea .emojionearea-button > div.emojionearea-button-open {
                        background-position: 0 -22px
                    }

                    .videos-modal .card-body .inner .right-section .comment-controls .controls-inner .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn {
                        width: 24px !important;
                        height: 24px !important
                    }

            .videos-modal .card-body .inner .right-section .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;
                padding: 12px;
                width: 100%
            }

                .videos-modal .card-body .inner .right-section .header img {
                    height: 42px;
                    width: 42px;
                    border-radius: 50%
                }

                .videos-modal .card-body .inner .right-section .header .user-meta {
                    margin: 0 10px
                }

                    .videos-modal .card-body .inner .right-section .header .user-meta span {
                        display: block
                    }

                        .videos-modal .card-body .inner .right-section .header .user-meta span:first-child {
                            font-size: .9rem;
                            font-weight: 500
                        }

                            .videos-modal .card-body .inner .right-section .header .user-meta span:first-child small {
                                color: #999
                            }

                        .videos-modal .card-body .inner .right-section .header .user-meta span:nth-child(2) {
                            font-size: .8rem;
                            color: #999
                        }

                .videos-modal .card-body .inner .right-section .header .button {
                    line-height: 0;
                    margin-left: auto;
                    padding: 14px 18px
                }

                .videos-modal .card-body .inner .right-section .header .dropdown .button {
                    padding: 18px 6px;
                    border: none;
                    background: transparent
                }

                    .videos-modal .card-body .inner .right-section .header .dropdown .button svg {
                        height: 18px;
                        width: 18px
                    }

                    .videos-modal .card-body .inner .right-section .header .dropdown .button img {
                        border-radius: 50%
                    }

                .videos-modal .card-body .inner .right-section .header .dropdown .dropdown-menu {
                    margin-top: 10px
                }

            .videos-modal .card-body .inner .right-section .inner-content {
                padding: 12px
            }

                .videos-modal .card-body .inner .right-section .inner-content .control {
                    width: 100%
                }

                    .videos-modal .card-body .inner .right-section .inner-content .control input {
                        padding-left: 34px
                    }

                        .videos-modal .card-body .inner .right-section .inner-content .control input:focus + .icon svg {
                            stroke: #5596e6
                        }

                    .videos-modal .card-body .inner .right-section .inner-content .control .icon {
                        position: absolute;
                        top: 0;
                        left: 0;
                        height: 32px;
                        width: 32px;
                        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
                    }

                        .videos-modal .card-body .inner .right-section .inner-content .control .icon svg {
                            height: 18px;
                            width: 18px;
                            stroke: #cecece;
                            -webkit-transition: all .3s;
                            transition: all .3s
                        }

            .videos-modal .card-body .inner .right-section .live-stats {
                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;
                padding: 20px 0;
                border-bottom: 1px solid #e8e8e8
            }

                .videos-modal .card-body .inner .right-section .live-stats .social-count {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: stretch;
                    -ms-flex-align: stretch;
                    align-items: stretch
                }

                    .videos-modal .card-body .inner .right-section .live-stats .social-count .shares-count,
                    .videos-modal .card-body .inner .right-section .live-stats .social-count .comments-count,
                    .videos-modal .card-body .inner .right-section .live-stats .social-count .likes-count,
                    .videos-modal .card-body .inner .right-section .live-stats .social-count .views-count {
                        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;
                        margin: 0 3px
                    }

                        .videos-modal .card-body .inner .right-section .live-stats .social-count .shares-count span,
                        .videos-modal .card-body .inner .right-section .live-stats .social-count .comments-count span,
                        .videos-modal .card-body .inner .right-section .live-stats .social-count .likes-count span,
                        .videos-modal .card-body .inner .right-section .live-stats .social-count .views-count span {
                            display: block;
                            font-size: .8rem;
                            color: #888da8;
                            margin: 0 5px
                        }

                            .videos-modal .card-body .inner .right-section .live-stats .social-count .shares-count span.views,
                            .videos-modal .card-body .inner .right-section .live-stats .social-count .comments-count span.views,
                            .videos-modal .card-body .inner .right-section .live-stats .social-count .likes-count span.views,
                            .videos-modal .card-body .inner .right-section .live-stats .social-count .views-count span.views {
                                margin: 0 2px
                            }

                        .videos-modal .card-body .inner .right-section .live-stats .social-count .shares-count svg,
                        .videos-modal .card-body .inner .right-section .live-stats .social-count .comments-count svg,
                        .videos-modal .card-body .inner .right-section .live-stats .social-count .likes-count svg,
                        .videos-modal .card-body .inner .right-section .live-stats .social-count .views-count svg {
                            height: 14px;
                            width: 14px;
                            stroke: #888da8
                        }

            .videos-modal .card-body .inner .right-section .actions {
                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;
                padding: 16px 0
            }

                .videos-modal .card-body .inner .right-section .actions .action {
                    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
                }

                    .videos-modal .card-body .inner .right-section .actions .action span {
                        display: block;
                        font-size: .8rem;
                        margin: 0 4px;
                        -webkit-transition: all .3s;
                        transition: all .3s
                    }

                    .videos-modal .card-body .inner .right-section .actions .action svg {
                        height: 16px;
                        width: 16px;
                        stroke: #888da8;
                        -webkit-transition: all .3s;
                        transition: all .3s
                    }

                    .videos-modal .card-body .inner .right-section .actions .action:hover span {
                        color: #5596e6
                    }

                    .videos-modal .card-body .inner .right-section .actions .action:hover svg {
                        stroke: #5596e6
                    }

            .videos-modal .card-body .inner .right-section .tabs-wrapper .tabs {
                margin-bottom: 0 !important
            }

                .videos-modal .card-body .inner .right-section .tabs-wrapper .tabs li a {
                    font-size: .85rem;
                    color: #cecece;
                    font-weight: 400
                }

                .videos-modal .card-body .inner .right-section .tabs-wrapper .tabs li:hover a {
                    border-bottom-color: #999
                }

                .videos-modal .card-body .inner .right-section .tabs-wrapper .tabs li.is-active a {
                    font-weight: 500;
                    color: #5596e6;
                    border-bottom-color: #5596e6
                }

            .videos-modal .card-body .inner .right-section .tabs-wrapper .tab-content {
                background: #f5f6f7;
                height: 320px;
                padding: 20px 14px;
                overflow-y: auto
            }

                .videos-modal .card-body .inner .right-section .tabs-wrapper .tab-content .is-comment {
                    border: none !important;
                    padding-top: 0 !important
                }

                    .videos-modal .card-body .inner .right-section .tabs-wrapper .tab-content .is-comment .media-left {
                        margin-right: 10px
                    }

                        .videos-modal .card-body .inner .right-section .tabs-wrapper .tab-content .is-comment .media-left img {
                            border-radius: 50%
                        }

                    .videos-modal .card-body .inner .right-section .tabs-wrapper .tab-content .is-comment .media-content {
                        background: #fff;
                        padding: 8px;
                        border-radius: 12px
                    }

                        .videos-modal .card-body .inner .right-section .tabs-wrapper .tab-content .is-comment .media-content .username {
                            font-size: .8rem;
                            font-weight: 500
                        }

                        .videos-modal .card-body .inner .right-section .tabs-wrapper .tab-content .is-comment .media-content p {
                            font-size: .75rem;
                            color: #999
                        }

                        .videos-modal .card-body .inner .right-section .tabs-wrapper .tab-content .is-comment .media-content .comment-actions {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            padding-top: 8px
                        }

                            .videos-modal .card-body .inner .right-section .tabs-wrapper .tab-content .is-comment .media-content .comment-actions span,
                            .videos-modal .card-body .inner .right-section .tabs-wrapper .tab-content .is-comment .media-content .comment-actions a {
                                display: block;
                                font-size: .75rem
                            }

                            .videos-modal .card-body .inner .right-section .tabs-wrapper .tab-content .is-comment .media-content .comment-actions span {
                                margin: 0 20px;
                                color: #999
                            }

.share-modal .card-heading {
    padding: 8px !important
}

.share-modal .card-heading,
.share-modal .share-inputs {
    border-bottom: 1px solid #e8e8e8
}

    .share-modal .card-heading .dropdown,
    .share-modal .share-inputs .dropdown {
        margin-left: 0 !important
    }

        .share-modal .card-heading .dropdown .button,
        .share-modal .share-inputs .dropdown .button {
            padding: 10px 12px;
            background: #f5f6f7;
            color: #393a4f
        }

            .share-modal .card-heading .dropdown .button svg,
            .share-modal .share-inputs .dropdown .button svg {
                height: 16px;
                width: 16px;
                margin: 0 4px;
                stroke: #393a4f
            }

            .share-modal .card-heading .dropdown .button i,
            .share-modal .share-inputs .dropdown .button i {
                font-size: 20px;
                margin-right: 4px
            }

            .share-modal .card-heading .dropdown .button img,
            .share-modal .share-inputs .dropdown .button img {
                height: 20px !important;
                width: 20px !important;
                border-radius: 50% !important
            }

        .share-modal .card-heading .dropdown .dropdown-menu,
        .share-modal .share-inputs .dropdown .dropdown-menu {
            width: 320px
        }

            .share-modal .card-heading .dropdown .dropdown-menu .dropdown-content .dropdown-item,
            .share-modal .share-inputs .dropdown .dropdown-menu .dropdown-content .dropdown-item {
                cursor: pointer
            }

                .share-modal .card-heading .dropdown .dropdown-menu .dropdown-content .dropdown-item:hover,
                .share-modal .share-inputs .dropdown .dropdown-menu .dropdown-content .dropdown-item:hover {
                    background: #f5f5f5
                }

            .share-modal .card-heading .dropdown .dropdown-menu .dropdown-content img,
            .share-modal .share-inputs .dropdown .dropdown-menu .dropdown-content img {
                height: 36px !important;
                width: 36px !important;
                border-radius: 50% !important;
                margin-right: 10px
            }

            .share-modal .card-heading .dropdown .dropdown-menu .dropdown-content i,
            .share-modal .share-inputs .dropdown .dropdown-menu .dropdown-content i {
                font-size: 22px;
                margin-right: 16px;
                color: #999
            }

            .share-modal .card-heading .dropdown .dropdown-menu .dropdown-content .media-content h3,
            .share-modal .share-inputs .dropdown .dropdown-menu .dropdown-content .media-content h3 {
                font-size: .85rem
            }

            .share-modal .card-heading .dropdown .dropdown-menu .dropdown-content .media-content small,
            .share-modal .share-inputs .dropdown .dropdown-menu .dropdown-content .media-content small {
                color: #999
            }

        .share-modal .card-heading .dropdown.is-active .button,
        .share-modal .share-inputs .dropdown.is-active .button {
            background: #5596e6;
            color: #fafafa
        }

            .share-modal .card-heading .dropdown.is-active .button svg,
            .share-modal .share-inputs .dropdown.is-active .button svg {
                stroke: #fafafa
            }

.share-modal .share-inputs {
    border-bottom: none !important
}

    .share-modal .share-inputs .field {
        margin-bottom: 0 !important
    }

        .share-modal .share-inputs .field .easy-autocomplete input {
            padding-left: 85px
        }

    .share-modal .share-inputs .control {
        border-bottom: 1px solid #e8e8e8
    }

        .share-modal .share-inputs .control.no-border {
            border-bottom-color: transparent
        }

        .share-modal .share-inputs .control input {
            border: none;
            padding-left: 85px
        }

        .share-modal .share-inputs .control .input-heading {
            position: absolute;
            top: 0;
            left: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            height: 36px;
            width: 70px;
            padding: 0 6px;
            background: #999;
            color: #fafafa;
            font-size: .8rem
        }

        .share-modal .share-inputs .control .page-controls {
            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
        }

            .share-modal .share-inputs .control .page-controls .page-selection {
                padding: 8px
            }

                .share-modal .share-inputs .control .page-controls .page-selection .page-selector img {
                    display: block;
                    position: relative;
                    top: -1px;
                    margin-right: 6px
                }

            .share-modal .share-inputs .control .page-controls .alias {
                padding: 8px
            }

                .share-modal .share-inputs .control .page-controls .alias img {
                    display: block;
                    height: 24px;
                    width: 24px;
                    border-radius: 50%
                }

.share-modal .card-body > .control {
    position: relative
}

    .share-modal .card-body > .control .textarea {
        resize: none;
        border: none;
        padding-right: 42px
    }

    .share-modal .card-body > .control .emoji-button {
        position: absolute;
        top: 0;
        right: 0;
        height: 41px;
        width: 41px;
        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;
        background: none;
        border: none;
        outline: none;
        -webkit-transition: all .3s;
        transition: all .3s;
        cursor: pointer
    }

        .share-modal .card-body > .control .emoji-button:hover svg {
            stroke: #3d70b2
        }

        .share-modal .card-body > .control .emoji-button svg {
            height: 16px;
            width: 16px;
            stroke: #a2a5b9;
            -webkit-transition: all .3s;
            transition: all .3s
        }

.share-modal .card-body .shared-publication {
    margin-top: 20px
}

    .share-modal .card-body .shared-publication .featured-image img {
        display: block
    }

    .share-modal .card-body .shared-publication .publication-meta {
        border: 1px solid #e8e8e8;
        background: #f5f6f7;
        padding: 20px
    }

        .share-modal .card-body .shared-publication .publication-meta .inner-flex {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            margin-bottom: 20px
        }

            .share-modal .card-body .shared-publication .publication-meta .inner-flex img {
                height: 40px;
                width: 40px;
                border-radius: 50%
            }

            .share-modal .card-body .shared-publication .publication-meta .inner-flex p {
                font-size: .8rem;
                padding: 0 16px;
                overflow: hidden;
                position: relative;
                line-height: 1.2em;
                max-height: 3.6em;
                text-align: justify;
                margin-right: -1em;
                padding-right: 1em
            }

                .share-modal .card-body .shared-publication .publication-meta .inner-flex p:before {
                    content: "...";
                    position: absolute;
                    right: 0;
                    bottom: 0
                }

                .share-modal .card-body .shared-publication .publication-meta .inner-flex p:after {
                    content: "";
                    position: absolute;
                    right: 0;
                    width: 1em;
                    height: 1em;
                    margin-top: .2em;
                    background: #f5f6f7
                }

        .share-modal .card-body .shared-publication .publication-meta .publication-footer {
            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
        }

            .share-modal .card-body .shared-publication .publication-meta .publication-footer .stats {
                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%
            }

            .share-modal .card-body .shared-publication .publication-meta .publication-footer .stat-block {
                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;
                margin-right: 10px
            }

                .share-modal .card-body .shared-publication .publication-meta .publication-footer .stat-block i {
                    margin-right: 2px;
                    color: #999
                }

                .share-modal .card-body .shared-publication .publication-meta .publication-footer .stat-block small {
                    font-size: .75rem
                }

            .share-modal .card-body .shared-publication .publication-meta .publication-footer .publication-origin small {
                text-transform: uppercase;
                color: #999;
                font-weight: 200;
                font-size: .65rem
            }

.share-modal .bottom-share-inputs {
    border-bottom: none !important
}

    .share-modal .bottom-share-inputs .field {
        margin-bottom: 0 !important
    }

        .share-modal .bottom-share-inputs .field .easy-autocomplete input {
            padding-left: 85px
        }

    .share-modal .bottom-share-inputs .control {
        border-top: 1px solid #e8e8e8
    }

        .share-modal .bottom-share-inputs .control.no-border {
            border-bottom-color: transparent
        }

        .share-modal .bottom-share-inputs .control input {
            border: none;
            padding-left: 85px
        }

        .share-modal .bottom-share-inputs .control .input-heading {
            position: absolute;
            top: 0;
            left: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            height: 36px;
            width: 70px;
            padding: 0 6px;
            background: #999;
            color: #fafafa;
            font-size: .8rem
        }

        .share-modal .bottom-share-inputs .control .page-controls {
            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
        }

            .share-modal .bottom-share-inputs .control .page-controls .page-selection {
                padding: 8px
            }

                .share-modal .bottom-share-inputs .control .page-controls .page-selection .page-selector img {
                    display: block;
                    position: relative;
                    top: -1px;
                    margin-right: 6px
                }

            .share-modal .bottom-share-inputs .control .page-controls .alias {
                padding: 8px
            }

                .share-modal .bottom-share-inputs .control .page-controls .alias img {
                    display: block;
                    height: 24px;
                    width: 24px;
                    border-radius: 50%
                }

.share-modal .card-footer {
    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;
    margin: 0 !important;
    padding: 8px;
    background: #f5f6f7;
    border-radius: 0 0 6px 6px
}

    .share-modal .card-footer .action-wrap {
        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
    }

        .share-modal .card-footer .action-wrap .footer-action {
            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: 34px;
            width: 34px;
            border-radius: 4px;
            cursor: pointer;
            -webkit-transition: all .3s;
            transition: all .3s
        }

            .share-modal .card-footer .action-wrap .footer-action i {
                font-size: 18px;
                color: #999
            }

            .share-modal .card-footer .action-wrap .footer-action:hover {
                background: #e7e9ec
            }

            .share-modal .card-footer .action-wrap .footer-action.is-active {
                background: #e7e9ec
            }

                .share-modal .card-footer .action-wrap .footer-action.is-active i {
                    color: #5596e6
                }

    .share-modal .card-footer button {
        line-height: 0;
        margin-left: 4px;
        height: 32px !important;
        padding: 8px 22px
    }

.change-cover-modal .card .card-heading,
.change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading,
.shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-heading,
.change-profile-pic-modal .card .card-heading,
.change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading,
.shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-heading,
.new-story-modal .card .card-heading,
.new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading,
.shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-heading {
    padding: 16px 28px
}

    .change-cover-modal .card .card-heading h3,
    .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3,
    .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-heading h3,
    .change-profile-pic-modal .card .card-heading h3,
    .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3,
    .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-heading h3,
    .new-story-modal .card .card-heading h3,
    .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3,
    .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-heading h3 {
        font-size: 1rem
    }

    .change-cover-modal .card .card-heading .small-avatar,
    .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .small-avatar,
    .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-heading .small-avatar,
    .change-profile-pic-modal .card .card-heading .small-avatar,
    .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .small-avatar,
    .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-heading .small-avatar,
    .new-story-modal .card .card-heading .small-avatar,
    .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .small-avatar,
    .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-heading .small-avatar {
        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;
        margin-right: 8px;
        height: 32px;
        width: 32px;
        border-radius: 50%;
        border: 1px solid #cecece;
        -webkit-transition: all .3s;
        transition: all .3s
    }

        .change-cover-modal .card .card-heading .small-avatar img,
        .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .small-avatar img,
        .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-heading .small-avatar img,
        .change-profile-pic-modal .card .card-heading .small-avatar img,
        .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .small-avatar img,
        .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-heading .small-avatar img,
        .new-story-modal .card .card-heading .small-avatar img,
        .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .small-avatar img,
        .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-heading .small-avatar img {
            display: block;
            height: 24px;
            width: 24px;
            border-radius: 50%;
            -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
            box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
        }

.change-cover-modal .card .card-body .selection-placeholder,
.change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder,
.shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-body .selection-placeholder,
.change-profile-pic-modal .card .card-body .selection-placeholder,
.change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder,
.shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-body .selection-placeholder,
.new-story-modal .card .card-body .selection-placeholder,
.new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder,
.shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-body .selection-placeholder {
    padding: 0 20px 30px 20px
}

    .change-cover-modal .card .card-body .selection-placeholder .selection-box,
    .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box,
    .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-body .selection-placeholder .selection-box,
    .change-profile-pic-modal .card .card-body .selection-placeholder .selection-box,
    .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box,
    .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-body .selection-placeholder .selection-box,
    .new-story-modal .card .card-body .selection-placeholder .selection-box,
    .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box,
    .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-body .selection-placeholder .selection-box {
        padding: 40px;
        width: 100%;
        border: 1px solid #e8e8e8;
        border-radius: 4px;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        -webkit-transition: all .3s;
        transition: all .3s
    }

        .change-cover-modal .card .card-body .selection-placeholder .selection-box:hover,
        .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box:hover,
        .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-body .selection-placeholder .selection-box:hover,
        .change-profile-pic-modal .card .card-body .selection-placeholder .selection-box:hover,
        .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box:hover,
        .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-body .selection-placeholder .selection-box:hover,
        .new-story-modal .card .card-body .selection-placeholder .selection-box:hover,
        .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box:hover,
        .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-body .selection-placeholder .selection-box:hover {
            -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
            box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
        }

            .change-cover-modal .card .card-body .selection-placeholder .selection-box:hover .box-content img,
            .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box:hover .box-content img,
            .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-body .selection-placeholder .selection-box:hover .box-content img,
            .change-profile-pic-modal .card .card-body .selection-placeholder .selection-box:hover .box-content img,
            .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box:hover .box-content img,
            .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-body .selection-placeholder .selection-box:hover .box-content img,
            .new-story-modal .card .card-body .selection-placeholder .selection-box:hover .box-content img,
            .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box:hover .box-content img,
            .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-body .selection-placeholder .selection-box:hover .box-content img {
                -webkit-filter: grayscale(0);
                filter: grayscale(0);
                opacity: 1
            }

            .change-cover-modal .card .card-body .selection-placeholder .selection-box:hover .box-content .box-text span:first-child,
            .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box:hover .box-content .box-text span:first-child,
            .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-body .selection-placeholder .selection-box:hover .box-content .box-text span:first-child,
            .change-profile-pic-modal .card .card-body .selection-placeholder .selection-box:hover .box-content .box-text span:first-child,
            .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box:hover .box-content .box-text span:first-child,
            .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-body .selection-placeholder .selection-box:hover .box-content .box-text span:first-child,
            .new-story-modal .card .card-body .selection-placeholder .selection-box:hover .box-content .box-text span:first-child,
            .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box:hover .box-content .box-text span:first-child,
            .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-body .selection-placeholder .selection-box:hover .box-content .box-text span:first-child {
                color: #5596e6
            }

        .change-cover-modal .card .card-body .selection-placeholder .selection-box .box-content,
        .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content,
        .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-body .selection-placeholder .selection-box .box-content,
        .change-profile-pic-modal .card .card-body .selection-placeholder .selection-box .box-content,
        .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content,
        .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-body .selection-placeholder .selection-box .box-content,
        .new-story-modal .card .card-body .selection-placeholder .selection-box .box-content,
        .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content,
        .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-body .selection-placeholder .selection-box .box-content {
            text-align: center
        }

            .change-cover-modal .card .card-body .selection-placeholder .selection-box .box-content img,
            .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content img,
            .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-body .selection-placeholder .selection-box .box-content img,
            .change-profile-pic-modal .card .card-body .selection-placeholder .selection-box .box-content img,
            .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content img,
            .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-body .selection-placeholder .selection-box .box-content img,
            .new-story-modal .card .card-body .selection-placeholder .selection-box .box-content img,
            .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content img,
            .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-body .selection-placeholder .selection-box .box-content img {
                display: block;
                max-height: 120px;
                margin: 0 auto;
                opacity: .5;
                -webkit-transition: all .3s;
                transition: all .3s;
                -webkit-filter: grayscale(1);
                filter: grayscale(1)
            }

            .change-cover-modal .card .card-body .selection-placeholder .selection-box .box-content .box-text,
            .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text,
            .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text,
            .change-profile-pic-modal .card .card-body .selection-placeholder .selection-box .box-content .box-text,
            .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text,
            .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text,
            .new-story-modal .card .card-body .selection-placeholder .selection-box .box-content .box-text,
            .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text,
            .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text {
                margin: 10px 0
            }

                .change-cover-modal .card .card-body .selection-placeholder .selection-box .box-content .box-text span,
                .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span,
                .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span,
                .change-profile-pic-modal .card .card-body .selection-placeholder .selection-box .box-content .box-text span,
                .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span,
                .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span,
                .new-story-modal .card .card-body .selection-placeholder .selection-box .box-content .box-text span,
                .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span,
                .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span {
                    display: block
                }

                    .change-cover-modal .card .card-body .selection-placeholder .selection-box .box-content .box-text span:first-child,
                    .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span:first-child,
                    .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span:first-child,
                    .change-profile-pic-modal .card .card-body .selection-placeholder .selection-box .box-content .box-text span:first-child,
                    .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span:first-child,
                    .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span:first-child,
                    .new-story-modal .card .card-body .selection-placeholder .selection-box .box-content .box-text span:first-child,
                    .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span:first-child,
                    .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span:first-child {
                        font-weight: 500;
                        color: #393a4f;
                        -webkit-transition: color .3s;
                        transition: color .3s
                    }

                    .change-cover-modal .card .card-body .selection-placeholder .selection-box .box-content .box-text span:nth-child(2),
                    .change-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span:nth-child(2),
                    .shop-wrapper .cart-container .cart-content .cart-summary .change-cover-modal .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span:nth-child(2),
                    .change-profile-pic-modal .card .card-body .selection-placeholder .selection-box .box-content .box-text span:nth-child(2),
                    .change-profile-pic-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span:nth-child(2),
                    .shop-wrapper .cart-container .cart-content .cart-summary .change-profile-pic-modal .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span:nth-child(2),
                    .new-story-modal .card .card-body .selection-placeholder .selection-box .box-content .box-text span:nth-child(2),
                    .new-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span:nth-child(2),
                    .shop-wrapper .cart-container .cart-content .cart-summary .new-story-modal .summary-card .card-body .selection-placeholder .selection-box .box-content .box-text span:nth-child(2) {
                        font-size: .9rem;
                        color: #999
                    }

.user-photos-modal .card .card-heading,
.user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading,
.shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-heading {
    padding: 20px
}

    .user-photos-modal .card .card-heading h3,
    .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3,
    .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-heading h3 {
        font-size: 1rem
    }

.user-photos-modal .card .card-body,
.user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body,
.shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body {
    padding: 0 20px
}

    .user-photos-modal .card .card-body .tabs,
    .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .tabs,
    .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .tabs {
        margin-bottom: 0
    }

        .user-photos-modal .card .card-body .tabs ul,
        .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .tabs ul,
        .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .tabs ul {
            border-color: transparent
        }

            .user-photos-modal .card .card-body .tabs ul li.is-active,
            .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .tabs ul li.is-active,
            .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .tabs ul li.is-active {
                background: #f5f5f5;
                border-radius: 8px;
                border: 1px solid #f2f2f2
            }

                .user-photos-modal .card .card-body .tabs ul li.is-active a,
                .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .tabs ul li.is-active a,
                .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .tabs ul li.is-active a {
                    color: #393a4f;
                    font-weight: 500
                }

            .user-photos-modal .card .card-body .tabs ul li a,
            .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .tabs ul li a,
            .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .tabs ul li a {
                font-size: .8rem;
                border-bottom-color: transparent !important
            }

    .user-photos-modal .card .card-body .tab-content,
    .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .tab-content,
    .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .tab-content {
        padding: 20px 0;
        max-height: 395px;
        overflow-y: auto
    }

        .user-photos-modal .card .card-body .tab-content .album-info,
        .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .tab-content .album-info,
        .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .tab-content .album-info {
            margin-bottom: 20px;
            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
        }

            .user-photos-modal .card .card-body .tab-content .album-info h4,
            .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .tab-content .album-info h4,
            .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .tab-content .album-info h4 {
                font-weight: 600;
                color: #393a4f
            }

                .user-photos-modal .card .card-body .tab-content .album-info h4 small,
                .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .tab-content .album-info h4 small,
                .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .tab-content .album-info h4 small {
                    font-size: .9rem;
                    color: #999;
                    font-weight: 400
                }

            .user-photos-modal .card .card-body .tab-content .album-info .close-nested-photos,
            .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .tab-content .album-info .close-nested-photos,
            .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .tab-content .album-info .close-nested-photos {
                font-size: .9rem;
                font-weight: 500
            }

    .user-photos-modal .card .card-body .image-grid,
    .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid,
    .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid,
    .user-photos-modal .card .card-body .album-image-grid,
    .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid,
    .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid {
        -webkit-animation: fadeInLeft .5s;
        animation: fadeInLeft .5s
    }

        .user-photos-modal .card .card-body .image-grid .column,
        .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid .column,
        .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid .column,
        .user-photos-modal .card .card-body .album-image-grid .column,
        .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid .column,
        .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid .column {
            padding: .5rem
        }

        .user-photos-modal .card .card-body .image-grid .grid-image,
        .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid .grid-image,
        .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid .grid-image,
        .user-photos-modal .card .card-body .album-image-grid .grid-image,
        .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid .grid-image,
        .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid .grid-image {
            position: relative
        }

            .user-photos-modal .card .card-body .image-grid .grid-image:hover img,
            .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid .grid-image:hover img,
            .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid .grid-image:hover img,
            .user-photos-modal .card .card-body .album-image-grid .grid-image:hover img,
            .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid .grid-image:hover img,
            .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid .grid-image:hover img {
                -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, .2);
                box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, .2)
            }

            .user-photos-modal .card .card-body .image-grid .grid-image:hover .inner-overlay,
            .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid .grid-image:hover .inner-overlay,
            .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid .grid-image:hover .inner-overlay,
            .user-photos-modal .card .card-body .album-image-grid .grid-image:hover .inner-overlay,
            .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid .grid-image:hover .inner-overlay,
            .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid .grid-image:hover .inner-overlay {
                background: rgba(57, 58, 79, .2) !important
            }

            .user-photos-modal .card .card-body .image-grid .grid-image input,
            .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid .grid-image input,
            .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid .grid-image input,
            .user-photos-modal .card .card-body .album-image-grid .grid-image input,
            .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid .grid-image input,
            .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid .grid-image input {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                opacity: 0;
                cursor: pointer;
                z-index: 1
            }

                .user-photos-modal .card .card-body .image-grid .grid-image input:checked + .inner .inner-overlay,
                .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid .grid-image input:checked + .inner .inner-overlay,
                .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid .grid-image input:checked + .inner .inner-overlay,
                .user-photos-modal .card .card-body .album-image-grid .grid-image input:checked + .inner .inner-overlay,
                .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid .grid-image input:checked + .inner .inner-overlay,
                .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid .grid-image input:checked + .inner .inner-overlay {
                    background: rgba(57, 58, 79, .5)
                }

                .user-photos-modal .card .card-body .image-grid .grid-image input:checked + .inner .indicator,
                .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid .grid-image input:checked + .inner .indicator,
                .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid .grid-image input:checked + .inner .indicator,
                .user-photos-modal .card .card-body .album-image-grid .grid-image input:checked + .inner .indicator,
                .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid .grid-image input:checked + .inner .indicator,
                .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid .grid-image input:checked + .inner .indicator {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex
                }

            .user-photos-modal .card .card-body .image-grid .grid-image .inner,
            .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid .grid-image .inner,
            .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid .grid-image .inner,
            .user-photos-modal .card .card-body .album-image-grid .grid-image .inner,
            .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid .grid-image .inner,
            .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid .grid-image .inner {
                position: relative
            }

                .user-photos-modal .card .card-body .image-grid .grid-image .inner img,
                .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid .grid-image .inner img,
                .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid .grid-image .inner img,
                .user-photos-modal .card .card-body .album-image-grid .grid-image .inner img,
                .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid .grid-image .inner img,
                .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid .grid-image .inner img {
                    display: block;
                    border-radius: 4px;
                    -webkit-transition: all .3s;
                    transition: all .3s
                }

                .user-photos-modal .card .card-body .image-grid .grid-image .inner .inner-overlay,
                .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid .grid-image .inner .inner-overlay,
                .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid .grid-image .inner .inner-overlay,
                .user-photos-modal .card .card-body .album-image-grid .grid-image .inner .inner-overlay,
                .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid .grid-image .inner .inner-overlay,
                .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid .grid-image .inner .inner-overlay {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: rgba(57, 58, 79, .1);
                    border-radius: 4px;
                    -webkit-transition: all .3s;
                    transition: all .3s;
                    z-index: 0
                }

                .user-photos-modal .card .card-body .image-grid .grid-image .inner .indicator,
                .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid .grid-image .inner .indicator,
                .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid .grid-image .inner .indicator,
                .user-photos-modal .card .card-body .album-image-grid .grid-image .inner .indicator,
                .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid .grid-image .inner .indicator,
                .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid .grid-image .inner .indicator {
                    position: absolute;
                    top: 8px;
                    right: 8px;
                    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: 26px;
                    width: 26px;
                    border-radius: 50%;
                    background: #5596e6;
                    border: 2px solid #fff;
                    z-index: 0
                }

                    .user-photos-modal .card .card-body .image-grid .grid-image .inner .indicator svg,
                    .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-grid .grid-image .inner .indicator svg,
                    .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .image-grid .grid-image .inner .indicator svg,
                    .user-photos-modal .card .card-body .album-image-grid .grid-image .inner .indicator svg,
                    .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-image-grid .grid-image .inner .indicator svg,
                    .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-image-grid .grid-image .inner .indicator svg {
                        height: 12px;
                        width: 12px;
                        stroke: #fafafa;
                        stroke-width: 3px
                    }

    .user-photos-modal .card .card-body .album-wrapper,
    .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper,
    .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper {
        width: 100%;
        border: 1px solid #e8e8e8;
        border-radius: 4px;
        padding: 12px;
        background: #fff;
        cursor: pointer;
        -webkit-transition: all .3s;
        transition: all .3s
    }

        .user-photos-modal .card .card-body .album-wrapper:hover,
        .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper:hover,
        .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper:hover {
            -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
            -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
            box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
        }

            .user-photos-modal .card .card-body .album-wrapper:hover .image-count svg,
            .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper:hover .image-count svg,
            .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper:hover .image-count svg {
                stroke: #5596e6 !important
            }

            .user-photos-modal .card .card-body .album-wrapper:hover .image-count span,
            .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper:hover .image-count span,
            .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper:hover .image-count span {
                color: #5596e6 !important
            }

        .user-photos-modal .card .card-body .album-wrapper .album-image img,
        .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper .album-image img,
        .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper .album-image img {
            display: block;
            border: 4px
        }

        .user-photos-modal .card .card-body .album-wrapper .album-meta,
        .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper .album-meta,
        .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper .album-meta {
            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
        }

            .user-photos-modal .card .card-body .album-wrapper .album-meta .album-title,
            .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper .album-meta .album-title,
            .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper .album-meta .album-title {
                margin-top: 6px
            }

                .user-photos-modal .card .card-body .album-wrapper .album-meta .album-title span,
                .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper .album-meta .album-title span,
                .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper .album-meta .album-title span {
                    display: block
                }

                    .user-photos-modal .card .card-body .album-wrapper .album-meta .album-title span:first-child,
                    .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper .album-meta .album-title span:first-child,
                    .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper .album-meta .album-title span:first-child {
                        min-width: 0;
                        font-size: .9rem;
                        font-weight: 600;
                        color: #393a4f
                    }

                    .user-photos-modal .card .card-body .album-wrapper .album-meta .album-title span:nth-child(2),
                    .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper .album-meta .album-title span:nth-child(2),
                    .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper .album-meta .album-title span:nth-child(2) {
                        font-size: .8rem;
                        color: #999
                    }

            .user-photos-modal .card .card-body .album-wrapper .album-meta .image-count,
            .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper .album-meta .image-count,
            .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper .album-meta .image-count {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-top: 6px
            }

                .user-photos-modal .card .card-body .album-wrapper .album-meta .image-count svg,
                .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper .album-meta .image-count svg,
                .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper .album-meta .image-count svg {
                    height: 20px;
                    width: 20px;
                    stroke: #cecece;
                    -webkit-transition: all .3s;
                    transition: all .3s
                }

                .user-photos-modal .card .card-body .album-wrapper .album-meta .image-count span,
                .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper .album-meta .image-count span,
                .shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-body .album-wrapper .album-meta .image-count span {
                    display: block;
                    font-size: .9rem;
                    font-weight: 500;
                    color: #999;
                    margin: 0 4px;
                    -webkit-transition: .3s;
                    transition: .3s
                }

.user-photos-modal .card .card-footer,
.user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer,
.shop-wrapper .cart-container .cart-content .cart-summary .user-photos-modal .summary-card .card-footer {
    padding: 20px;
    margin: 0;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.upload-crop-profile-modal .card .card-heading,
.upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading,
.shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-heading,
.upload-crop-cover-modal .card .card-heading,
.upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading,
.shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-heading {
    padding: 20px
}

    .upload-crop-profile-modal .card .card-heading h3,
    .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3,
    .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-heading h3,
    .upload-crop-cover-modal .card .card-heading h3,
    .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3,
    .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-heading h3 {
        font-size: 1rem
    }

.upload-crop-profile-modal .card .card-body,
.upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body,
.shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body,
.upload-crop-cover-modal .card .card-body,
.upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body,
.shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body {
    padding: 0 20px
}

    .upload-crop-profile-modal .card .card-body .profile-uploader-box,
    .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box,
    .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .profile-uploader-box,
    .upload-crop-profile-modal .card .card-body .cover-uploader-box,
    .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box,
    .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .cover-uploader-box,
    .upload-crop-cover-modal .card .card-body .profile-uploader-box,
    .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box,
    .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .profile-uploader-box,
    .upload-crop-cover-modal .card .card-body .cover-uploader-box,
    .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box,
    .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .cover-uploader-box {
        display: block;
        width: 100%;
        height: 300px;
        padding: 40px;
        border: 3px dashed #e8e8e8;
        cursor: pointer;
        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
    }

        .upload-crop-profile-modal .card .card-body .profile-uploader-box:hover .inner-content,
        .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box:hover .inner-content,
        .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .profile-uploader-box:hover .inner-content,
        .upload-crop-profile-modal .card .card-body .cover-uploader-box:hover .inner-content,
        .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box:hover .inner-content,
        .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .cover-uploader-box:hover .inner-content,
        .upload-crop-cover-modal .card .card-body .profile-uploader-box:hover .inner-content,
        .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box:hover .inner-content,
        .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .profile-uploader-box:hover .inner-content,
        .upload-crop-cover-modal .card .card-body .cover-uploader-box:hover .inner-content,
        .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box:hover .inner-content,
        .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .cover-uploader-box:hover .inner-content {
            position: relative
        }

            .upload-crop-profile-modal .card .card-body .profile-uploader-box:hover .inner-content img,
            .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box:hover .inner-content img,
            .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .profile-uploader-box:hover .inner-content img,
            .upload-crop-profile-modal .card .card-body .cover-uploader-box:hover .inner-content img,
            .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box:hover .inner-content img,
            .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .cover-uploader-box:hover .inner-content img,
            .upload-crop-cover-modal .card .card-body .profile-uploader-box:hover .inner-content img,
            .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box:hover .inner-content img,
            .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .profile-uploader-box:hover .inner-content img,
            .upload-crop-cover-modal .card .card-body .cover-uploader-box:hover .inner-content img,
            .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box:hover .inner-content img,
            .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .cover-uploader-box:hover .inner-content img {
                opacity: 1;
                -webkit-filter: grayscale(0);
                filter: grayscale(0)
            }

        .upload-crop-profile-modal .card .card-body .profile-uploader-box .inner-content,
        .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box .inner-content,
        .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .profile-uploader-box .inner-content,
        .upload-crop-profile-modal .card .card-body .cover-uploader-box .inner-content,
        .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box .inner-content,
        .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .cover-uploader-box .inner-content,
        .upload-crop-cover-modal .card .card-body .profile-uploader-box .inner-content,
        .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box .inner-content,
        .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .profile-uploader-box .inner-content,
        .upload-crop-cover-modal .card .card-body .cover-uploader-box .inner-content,
        .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box .inner-content,
        .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .cover-uploader-box .inner-content {
            display: block
        }

            .upload-crop-profile-modal .card .card-body .profile-uploader-box .inner-content img,
            .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box .inner-content img,
            .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .profile-uploader-box .inner-content img,
            .upload-crop-profile-modal .card .card-body .cover-uploader-box .inner-content img,
            .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box .inner-content img,
            .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .cover-uploader-box .inner-content img,
            .upload-crop-cover-modal .card .card-body .profile-uploader-box .inner-content img,
            .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box .inner-content img,
            .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .profile-uploader-box .inner-content img,
            .upload-crop-cover-modal .card .card-body .cover-uploader-box .inner-content img,
            .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box .inner-content img,
            .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .cover-uploader-box .inner-content img {
                display: block;
                max-height: 110px;
                margin: 0 auto;
                opacity: .5;
                -webkit-filter: grayscale(1);
                filter: grayscale(1);
                -webkit-transition: all .3s;
                transition: all .3s
            }

            .upload-crop-profile-modal .card .card-body .profile-uploader-box .inner-content span,
            .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box .inner-content span,
            .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .profile-uploader-box .inner-content span,
            .upload-crop-profile-modal .card .card-body .cover-uploader-box .inner-content span,
            .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box .inner-content span,
            .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .cover-uploader-box .inner-content span,
            .upload-crop-cover-modal .card .card-body .profile-uploader-box .inner-content span,
            .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box .inner-content span,
            .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .profile-uploader-box .inner-content span,
            .upload-crop-cover-modal .card .card-body .cover-uploader-box .inner-content span,
            .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box .inner-content span,
            .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .cover-uploader-box .inner-content span {
                display: block;
                text-align: center;
                color: #cecece;
                padding: 10px 0
            }

        .upload-crop-profile-modal .card .card-body .profile-uploader-box input,
        .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box input,
        .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .profile-uploader-box input,
        .upload-crop-profile-modal .card .card-body .cover-uploader-box input,
        .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box input,
        .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .cover-uploader-box input,
        .upload-crop-cover-modal .card .card-body .profile-uploader-box input,
        .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box input,
        .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .profile-uploader-box input,
        .upload-crop-cover-modal .card .card-body .cover-uploader-box input,
        .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box input,
        .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .cover-uploader-box input {
            display: none
        }

    .upload-crop-profile-modal .card .card-body .croppie-container .cr-boundary,
    .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .croppie-container .cr-boundary,
    .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .croppie-container .cr-boundary,
    .upload-crop-cover-modal .card .card-body .croppie-container .cr-boundary,
    .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .croppie-container .cr-boundary,
    .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .croppie-container .cr-boundary {
        background-image: url(http://cdn.thedesigninspiration.com/wp-content/uploads/2014/07/Icon-Pattern-l.jpg);
        background-repeat: repeat;
        background-size: cover
    }

    .upload-crop-profile-modal .card .card-body .croppie-container .cr-viewport,
    .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .croppie-container .cr-viewport,
    .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .croppie-container .cr-viewport,
    .upload-crop-cover-modal .card .card-body .croppie-container .cr-viewport,
    .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .croppie-container .cr-viewport,
    .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .croppie-container .cr-viewport {
        -webkit-box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, .1);
        box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, .1)
    }

    .upload-crop-profile-modal .card .card-body .croppie-container .cr-slider,
    .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .croppie-container .cr-slider,
    .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .croppie-container .cr-slider,
    .upload-crop-cover-modal .card .card-body .croppie-container .cr-slider,
    .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .croppie-container .cr-slider,
    .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .croppie-container .cr-slider {
        cursor: pointer
    }

    .upload-crop-profile-modal .card .card-body .upload-help,
    .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .upload-help,
    .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .upload-help,
    .upload-crop-cover-modal .card .card-body .upload-help,
    .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .upload-help,
    .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .upload-help {
        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
    }

        .upload-crop-profile-modal .card .card-body .upload-help .profile-reset,
        .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .upload-help .profile-reset,
        .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .upload-help .profile-reset,
        .upload-crop-profile-modal .card .card-body .upload-help .cover-reset,
        .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .upload-help .cover-reset,
        .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .upload-help .cover-reset,
        .upload-crop-cover-modal .card .card-body .upload-help .profile-reset,
        .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .upload-help .profile-reset,
        .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .upload-help .profile-reset,
        .upload-crop-cover-modal .card .card-body .upload-help .cover-reset,
        .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .upload-help .cover-reset,
        .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .upload-help .cover-reset {
            display: block;
            color: #999;
            padding: 4px 12px;
            border-radius: 4px;
            font-size: .9rem;
            background: #e8e8e8;
            -webkit-transition: all .3s;
            transition: all .3s
        }

            .upload-crop-profile-modal .card .card-body .upload-help .profile-reset:hover,
            .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .upload-help .profile-reset:hover,
            .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .upload-help .profile-reset:hover,
            .upload-crop-profile-modal .card .card-body .upload-help .cover-reset:hover,
            .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .upload-help .cover-reset:hover,
            .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-body .upload-help .cover-reset:hover,
            .upload-crop-cover-modal .card .card-body .upload-help .profile-reset:hover,
            .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .upload-help .profile-reset:hover,
            .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .upload-help .profile-reset:hover,
            .upload-crop-cover-modal .card .card-body .upload-help .cover-reset:hover,
            .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .upload-help .cover-reset:hover,
            .shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-body .upload-help .cover-reset:hover {
                background: #f0f0f0;
                color: #393a4f
            }

.upload-crop-profile-modal .card .card-footer,
.upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer,
.shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-profile-modal .summary-card .card-footer,
.upload-crop-cover-modal .card .card-footer,
.upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer,
.shop-wrapper .cart-container .cart-content .cart-summary .upload-crop-cover-modal .summary-card .card-footer {
    border-top: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px
}

.end-tour-modal .modal-content .card .card-body .image-wrap,
.end-tour-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-wrap,
.shop-wrapper .cart-container .cart-content .cart-summary .end-tour-modal .modal-content .summary-card .card-body .image-wrap {
    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: 90px;
    width: 90px;
    border-radius: 50%;
    background: #f5f5f5;
    margin: 0 auto 20px auto
}

    .end-tour-modal .modal-content .card .card-body .image-wrap img,
    .end-tour-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-wrap img,
    .shop-wrapper .cart-container .cart-content .cart-summary .end-tour-modal .modal-content .summary-card .card-body .image-wrap img {
        display: block;
        height: 50px;
        width: 50px
    }

.end-tour-modal .modal-content .card .card-body h3,
.end-tour-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body h3,
.shop-wrapper .cart-container .cart-content .cart-summary .end-tour-modal .modal-content .summary-card .card-body h3 {
    font-weight: 500;
    font-size: 1.1rem;
    font-family: "montserrat", sans-serif
}

.end-tour-modal .modal-content .card .card-body p,
.end-tour-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body p,
.shop-wrapper .cart-container .cart-content .cart-summary .end-tour-modal .modal-content .summary-card .card-body p {
    font-size: .9rem;
    color: #999;
    max-width: 330px;
    margin: 0 auto
}

.end-tour-modal .modal-content .card .card-body .action,
.end-tour-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .action,
.shop-wrapper .cart-container .cart-content .cart-summary .end-tour-modal .modal-content .summary-card .card-body .action {
    margin: 20px 0
}

    .end-tour-modal .modal-content .card .card-body .action .button,
    .end-tour-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .action .button,
    .shop-wrapper .cart-container .cart-content .cart-summary .end-tour-modal .modal-content .summary-card .card-body .action .button {
        max-width: 180px;
        margin: 0 auto
    }

.no-stream-modal .modal-content .card .card-body .image-wrap,
.no-stream-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-wrap,
.shop-wrapper .cart-container .cart-content .cart-summary .no-stream-modal .modal-content .summary-card .card-body .image-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto 20px auto
}

    .no-stream-modal .modal-content .card .card-body .image-wrap img,
    .no-stream-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-wrap img,
    .shop-wrapper .cart-container .cart-content .cart-summary .no-stream-modal .modal-content .summary-card .card-body .image-wrap img {
        display: block;
        width: 200px
    }

.no-stream-modal .modal-content .card .card-body h3,
.no-stream-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body h3,
.shop-wrapper .cart-container .cart-content .cart-summary .no-stream-modal .modal-content .summary-card .card-body h3 {
    font-weight: 500;
    font-size: 1.1rem;
    font-family: "montserrat", sans-serif
}

.no-stream-modal .modal-content .card .card-body p,
.no-stream-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body p,
.shop-wrapper .cart-container .cart-content .cart-summary .no-stream-modal .modal-content .summary-card .card-body p {
    font-size: .9rem;
    color: #999;
    max-width: 330px;
    margin: 0 auto
}

.no-stream-modal .modal-content .card .card-body .action,
.no-stream-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .action,
.shop-wrapper .cart-container .cart-content .cart-summary .no-stream-modal .modal-content .summary-card .card-body .action {
    margin: 20px 0
}

    .no-stream-modal .modal-content .card .card-body .action .button,
    .no-stream-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .action .button,
    .shop-wrapper .cart-container .cart-content .cart-summary .no-stream-modal .modal-content .summary-card .card-body .action .button {
        max-width: 180px;
        margin: 0 auto
    }

.video-story-modal .modal-content .card .card-heading,
.video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading,
.shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-heading,
.image-story-modal .modal-content .card .card-heading,
.image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading,
.shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-heading {
    padding: 16px 28px
}

    .video-story-modal .modal-content .card .card-heading h3,
    .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3,
    .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-heading h3,
    .image-story-modal .modal-content .card .card-heading h3,
    .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3,
    .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-heading h3 {
        font-size: 1rem
    }

    .video-story-modal .modal-content .card .card-heading .small-avatar,
    .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .small-avatar,
    .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-heading .small-avatar,
    .image-story-modal .modal-content .card .card-heading .small-avatar,
    .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .small-avatar,
    .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-heading .small-avatar {
        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;
        margin-right: 8px;
        height: 32px;
        width: 32px;
        border-radius: 50%;
        border: 1px solid #cecece;
        -webkit-transition: all .3s;
        transition: all .3s
    }

        .video-story-modal .modal-content .card .card-heading .small-avatar img,
        .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .small-avatar img,
        .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-heading .small-avatar img,
        .image-story-modal .modal-content .card .card-heading .small-avatar img,
        .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .small-avatar img,
        .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-heading .small-avatar img {
            display: block;
            height: 24px;
            width: 24px;
            border-radius: 50%;
            -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
            box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
        }

.video-story-modal .modal-content .card .card-body,
.video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body,
.shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body,
.image-story-modal .modal-content .card .card-body,
.image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body,
.shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body {
    padding: 10px 30px 30px 30px
}

    .video-story-modal .modal-content .card .card-body .story-meta p,
    .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta p,
    .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body .story-meta p,
    .image-story-modal .modal-content .card .card-body .story-meta p,
    .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta p,
    .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body .story-meta p {
        font-family: "Roboto", sans-serif;
        font-size: .75rem;
        color: #535473;
        margin-bottom: 1.5rem
    }

    .video-story-modal .modal-content .card .card-body .story-meta select,
    .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta select,
    .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body .story-meta select,
    .image-story-modal .modal-content .card .card-body .story-meta select,
    .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta select,
    .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body .story-meta select {
        width: 100%
    }

    .video-story-modal .modal-content .card .card-body .story-upload .preview-block .upload-placeholder,
    .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .preview-block .upload-placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body .story-upload .preview-block .upload-placeholder,
    .image-story-modal .modal-content .card .card-body .story-upload .preview-block .upload-placeholder,
    .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .preview-block .upload-placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body .story-upload .preview-block .upload-placeholder {
        display: block;
        width: 100%;
        max-width: 220px;
        margin: 0 auto
    }

    .video-story-modal .modal-content .card .card-body .story-upload .preview-block .image-upload-placeholder,
    .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .preview-block .image-upload-placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body .story-upload .preview-block .image-upload-placeholder,
    .image-story-modal .modal-content .card .card-body .story-upload .preview-block .image-upload-placeholder,
    .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .preview-block .image-upload-placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body .story-upload .preview-block .image-upload-placeholder {
        display: block;
        width: 100%;
        max-width: 140px;
        margin: 0 auto
    }

    .video-story-modal .modal-content .card .card-body .story-upload .preview-block .preview-image-container,
    .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .preview-block .preview-image-container,
    .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body .story-upload .preview-block .preview-image-container,
    .image-story-modal .modal-content .card .card-body .story-upload .preview-block .preview-image-container,
    .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .preview-block .preview-image-container,
    .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body .story-upload .preview-block .preview-image-container {
        position: relative;
        max-width: 260px;
        margin: 0 auto
    }

        .video-story-modal .modal-content .card .card-body .story-upload .preview-block .preview-image-container .delete,
        .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .preview-block .preview-image-container .delete,
        .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body .story-upload .preview-block .preview-image-container .delete,
        .image-story-modal .modal-content .card .card-body .story-upload .preview-block .preview-image-container .delete,
        .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .preview-block .preview-image-container .delete,
        .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body .story-upload .preview-block .preview-image-container .delete {
            position: absolute;
            top: 4px;
            right: 4px
        }

        .video-story-modal .modal-content .card .card-body .story-upload .preview-block .preview-image-container .preview-image,
        .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .preview-block .preview-image-container .preview-image,
        .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body .story-upload .preview-block .preview-image-container .preview-image,
        .image-story-modal .modal-content .card .card-body .story-upload .preview-block .preview-image-container .preview-image,
        .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .preview-block .preview-image-container .preview-image,
        .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body .story-upload .preview-block .preview-image-container .preview-image {
            display: block;
            max-width: 260px;
            min-height: 160px;
            margin: 0 auto;
            border-radius: 12px;
            -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
            box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
            -o-object-fit: cover;
            object-fit: cover
        }

    .video-story-modal .modal-content .card .card-body .story-upload .input-block,
    .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .input-block,
    .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body .story-upload .input-block,
    .image-story-modal .modal-content .card .card-body .story-upload .input-block,
    .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .input-block,
    .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body .story-upload .input-block {
        padding: 16px 0;
        max-width: 260px;
        margin: 0 auto
    }

        .video-story-modal .modal-content .card .card-body .story-upload .input-block input,
        .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .input-block input,
        .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body .story-upload .input-block input,
        .image-story-modal .modal-content .card .card-body .story-upload .input-block input,
        .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .input-block input,
        .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body .story-upload .input-block input {
            width: 100%;
            background: #e8e8e8;
            outline: none !important;
            border-radius: 6px
        }

    .video-story-modal .modal-content .card .card-body .story-upload input[type=file],
    .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload input[type=file],
    .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body .story-upload input[type=file],
    .image-story-modal .modal-content .card .card-body .story-upload input[type=file],
    .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload input[type=file],
    .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body .story-upload input[type=file] {
        cursor: pointer !important
    }

        .video-story-modal .modal-content .card .card-body .story-upload input[type=file]::-webkit-file-upload-button,
        .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload input[type=file]::-webkit-file-upload-button,
        .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body .story-upload input[type=file]::-webkit-file-upload-button,
        .image-story-modal .modal-content .card .card-body .story-upload input[type=file]::-webkit-file-upload-button,
        .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload input[type=file]::-webkit-file-upload-button,
        .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body .story-upload input[type=file]::-webkit-file-upload-button {
            background: #fff;
            border: 0;
            padding: 1em 2em;
            cursor: pointer;
            color: #393a4f;
            border-radius: 6px;
            border: 1px solid #e0e0e0;
            -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
            box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
            outline: none !important;
            margin-right: 12px
        }

        .video-story-modal .modal-content .card .card-body .story-upload input[type=file]::-ms-browse,
        .video-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload input[type=file]::-ms-browse,
        .shop-wrapper .cart-container .cart-content .cart-summary .video-story-modal .modal-content .summary-card .card-body .story-upload input[type=file]::-ms-browse,
        .image-story-modal .modal-content .card .card-body .story-upload input[type=file]::-ms-browse,
        .image-story-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload input[type=file]::-ms-browse,
        .shop-wrapper .cart-container .cart-content .cart-summary .image-story-modal .modal-content .summary-card .card-body .story-upload input[type=file]::-ms-browse {
            background: #fff;
            border: 0;
            padding: 1em 2em;
            cursor: pointer;
            color: #393a4f;
            border-radius: 6px;
            border: 1px solid #e0e0e0;
            box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
            outline: none !important;
            margin-right: 12px
        }

.tokenize .tokens-container .token span {
    font-size: .75rem;
    line-height: 2
}

.tokenize .tokens-container .token .dismiss {
    top: 1px
}

.tokenize-dropdown .dropdown-menu {
    background: #fff !important;
    border-radius: 6px !important;
    border: 1px solid #e0e0e0 !important;
    -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06) !important;
    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06) !important;
    height: 144px;
    overflow-y: auto
}

    .tokenize-dropdown .dropdown-menu::-webkit-scrollbar {
        width: 6px !important
    }

    .tokenize-dropdown .dropdown-menu::-webkit-scrollbar-thumb {
        border-radius: 10px !important;
        background: rgba(0, 0, 0, .2) !important
    }

    .tokenize-dropdown .dropdown-menu li {
        margin: 0 8px;
        padding: 6px 10px;
        border-radius: 6px
    }

        .tokenize-dropdown .dropdown-menu li:hover {
            background: #f2f2f2
        }

            .tokenize-dropdown .dropdown-menu li:hover a {
                color: #5596e6
            }

        .tokenize-dropdown .dropdown-menu li a {
            color: #999;
            font-size: .85rem !important;
            font-weight: 400
        }

@media(max-width: 767px) {
    .modal.albums-modal .card .card-heading h3,
    .modal.albums-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3,
    .shop-wrapper .cart-container .cart-content .cart-summary .modal.albums-modal .summary-card .card-heading h3,
    .modal.videos-modal .card .card-heading h3,
    .modal.videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3,
    .shop-wrapper .cart-container .cart-content .cart-summary .modal.videos-modal .summary-card .card-heading h3 {
        display: none
    }

    .modal.albums-modal .card .card-heading .button,
    .modal.albums-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .button,
    .shop-wrapper .cart-container .cart-content .cart-summary .modal.albums-modal .summary-card .card-heading .button,
    .modal.videos-modal .card .card-heading .button,
    .modal.videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .button,
    .shop-wrapper .cart-container .cart-content .cart-summary .modal.videos-modal .summary-card .card-heading .button {
        margin-left: auto
    }

    .modal.albums-modal .card .card-body,
    .modal.albums-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body,
    .shop-wrapper .cart-container .cart-content .cart-summary .modal.albums-modal .summary-card .card-body,
    .modal.videos-modal .card .card-body,
    .modal.videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body,
    .shop-wrapper .cart-container .cart-content .cart-summary .modal.videos-modal .summary-card .card-body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .modal.albums-modal .card .card-body .left-section,
        .modal.albums-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .left-section,
        .shop-wrapper .cart-container .cart-content .cart-summary .modal.albums-modal .summary-card .card-body .left-section,
        .modal.videos-modal .card .card-body .left-section,
        .modal.videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .left-section,
        .shop-wrapper .cart-container .cart-content .cart-summary .modal.videos-modal .summary-card .card-body .left-section {
            display: none;
            width: 100%
        }

        .modal.albums-modal .card .card-body .right-section,
        .modal.albums-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .right-section,
        .shop-wrapper .cart-container .cart-content .cart-summary .modal.albums-modal .summary-card .card-body .right-section,
        .modal.videos-modal .card .card-body .right-section,
        .modal.videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .right-section,
        .shop-wrapper .cart-container .cart-content .cart-summary .modal.videos-modal .summary-card .card-body .right-section {
            width: 100%
        }

    .modal.albums-help-modal img,
    .modal.videos-help-modal img {
        height: 110px !important
    }

    .modal.albums-modal .modal-content,
    .modal.albums-modal .modal-card {
        max-height: calc(100vh - 20px)
    }

    .modal .modal-content {
        max-height: calc(100vh - 80px) !important;
        max-width: 340px
    }

        .modal .modal-content .content-block {
            width: 314px
        }

            .modal .modal-content .content-block img {
                height: 135px
            }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) {
    .modal.albums-modal .card .card-body .album-date .head h4,
    .modal.albums-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-date .head h4,
    .shop-wrapper .cart-container .cart-content .cart-summary .modal.albums-modal .summary-card .card-body .album-date .head h4,
    .modal.albums-modal .card .card-body .tagged-in-album .head h4,
    .modal.albums-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .tagged-in-album .head h4,
    .shop-wrapper .cart-container .cart-content .cart-summary .modal.albums-modal .summary-card .card-body .tagged-in-album .head h4,
    .modal.albums-modal .card .card-body .shared-album .head h4,
    .modal.albums-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .shared-album .head h4,
    .shop-wrapper .cart-container .cart-content .cart-summary .modal.albums-modal .summary-card .card-body .shared-album .head h4 {
        font-size: .75rem
    }

    .modal.albums-modal .card .card-body .album-date .head p,
    .modal.albums-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-date .head p,
    .shop-wrapper .cart-container .cart-content .cart-summary .modal.albums-modal .summary-card .card-body .album-date .head p,
    .modal.albums-modal .card .card-body .tagged-in-album .head p,
    .modal.albums-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .tagged-in-album .head p,
    .shop-wrapper .cart-container .cart-content .cart-summary .modal.albums-modal .summary-card .card-body .tagged-in-album .head p,
    .modal.albums-modal .card .card-body .shared-album .head p,
    .modal.albums-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .shared-album .head p,
    .shop-wrapper .cart-container .cart-content .cart-summary .modal.albums-modal .summary-card .card-body .shared-album .head p {
        font-size: .7rem
    }
}

.fancybox-confirm {
    padding: 2.5rem !important
}

    .fancybox-confirm .title {
        font-family: "Montserrat", sans-serif;
        font-size: 1.5rem
    }


/*! _uploaders.scss | Friendkit | © Css Ninja. 2020-2021 */

.modal-uploader .button {
    line-height: 0
}

    .modal-uploader .button.has-icon svg {
        height: 18px;
        width: 18px
    }

.modal-uploader .file-count {
    font-size: .85rem;
    color: #999;
    height: 38px;
    vertical-align: middle;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 10px
}

    .modal-uploader .file-count span {
        margin: 0 4px
    }

.modal-uploader #total-progress {
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.modal-uploader #previews .dz-success .progress {
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.modal-uploader #previews .delete {
    display: none
}

.modal-uploader #previews .is-template.dz-success .start,
.modal-uploader #previews is-template.dz-success .cancel {
    display: none
}

.modal-uploader #previews is-template.dz-success .delete {
    display: block
}

.modal-uploader .preview-box {
    position: relative;
    background: #fff;
    width: 100%;
    border-radius: 3px
}

    .modal-uploader .preview-box:hover .remove-button {
        opacity: 1;
        background: #e8e8e8
    }

    .modal-uploader .preview-box .remove-button {
        position: absolute;
        top: -10px;
        right: -12px;
        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;
        border-radius: 50%;
        border: 3px solid #fff;
        background: transparent;
        cursor: pointer;
        opacity: 0
    }

        .modal-uploader .preview-box .remove-button:hover {
            background: #f71416
        }

            .modal-uploader .preview-box .remove-button:hover i {
                color: #fafafa
            }

        .modal-uploader .preview-box .remove-button i {
            font-size: 14px;
            color: #999
        }

    .modal-uploader .preview-box .preview img {
        display: block
    }

    .modal-uploader .preview-box .preview-body {
        padding: 8px;
        border: 1px solid #e8e8e8
    }

        .modal-uploader .preview-box .preview-body .name {
            display: block;
            max-width: 145px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .modal-uploader .preview-box .preview-body .item-meta {
            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;
            font-size: .85rem;
            font-weight: 500
        }

        .modal-uploader .preview-box .preview-body .textarea {
            padding: 0;
            border: none;
            resize: none;
            color: #999
        }

.modal-uploader progress {
    vertical-align: baseline
}

.modal-uploader .progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: .2rem;
    margin: .4rem 0;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.modal-uploader .progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: #5596e6;
    -webkit-transition: width .6s ease;
    transition: width .6s ease
}

.modal-uploader .progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.modal-uploader .progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}

.modal-uploader .upload-item-actions {
    margin-left: 20px
}

.modal-uploader .upload-item-progress {
    margin-left: auto;
    min-width: 120px
}


/*! _video.scss | Friendkit | © Css Ninja. 2020-2021 */

.video-wrapper .video-wrap {
    position: relative;
    width: 100%;
    margin: 0 auto
}

    .video-wrapper .video-wrap video {
        display: block;
        width: 100%;
        height: auto;
        min-height: 630px;
        border-radius: 0 0 0 6px
    }

    .video-wrapper .video-wrap .live {
        position: absolute;
        top: 0;
        left: 0;
        -webkit-animation: opacity-shift 2s infinite;
        animation: opacity-shift 2s infinite;
        display: block;
        background: #ff2e1c;
        border-radius: 3px;
        color: #fff;
        padding: 8px 16px;
        margin-top: 20px;
        margin-left: 20px;
        font-size: 10px;
        font-weight: 400;
        font-family: "Roboto", sans-serif;
        text-transform: uppercase;
        letter-spacing: 2px;
        z-index: 1052
    }

.video-block-wrapper {
    background-color: #344258;
    border-radius: 10px;
    overflow: hidden
}

    .video-block-wrapper .video-block-inner {
        position: relative;
        height: 0;
        max-width: 100%;
        padding-bottom: 56.25%;
        margin-bottom: 0;
        overflow: hidden;
        cursor: pointer;
        display: block
    }

        .video-block-wrapper .video-block-inner iframe {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            border-radius: 10px;
            overflow: hidden
        }

        .video-block-wrapper .video-block-inner .video-overlay {
            position: absolute;
            height: 100%;
            width: 100%;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            filter: alpha(opacity=35);
            opacity: .2
        }

        .video-block-wrapper .video-block-inner .playbutton {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            cursor: pointer
        }

            .video-block-wrapper .video-block-inner .playbutton .icon-play svg {
                height: 50px;
                width: 50px;
                stroke: #fff;
                stroke-width: 1.6px
            }


/*! _datepicker.scss | Friendkit | © Css Ninja. 2020-2021 */

.datepicker-container {
    font-size: 12px;
    line-height: 30px;
    padding: 20px;
    border-radius: 5px;
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    width: 210px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    direction: ltr !important;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

    .datepicker-container:before,
    .datepicker-container:after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        content: " ";
        border: 5px solid transparent
    }

.datepicker-dropdown {
    position: absolute;
    z-index: 999999 !important;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, .2);
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, .2)
}

.datepicker-inline {
    position: static
}

.datepicker-top-left:before,
.datepicker-top-left:after,
.datepicker-top-right:before,
.datepicker-top-right:after {
    top: -5px;
    left: 10px;
    border-top: 0
}

.datepicker-top-left:before,
.datepicker-top-right:before {
    border-bottom-color: #ccc
}

.datepicker-top-left:after,
.datepicker-top-right:after {
    top: -4px;
    border-bottom-color: #fff
}

.datepicker-bottom-left:before,
.datepicker-bottom-left:after,
.datepicker-bottom-right:before,
.datepicker-bottom-right:after {
    bottom: -5px;
    left: 10px;
    border-bottom: 0
}

.datepicker-bottom-left:before,
.datepicker-bottom-right:before {
    border-top-color: #ccc
}

.datepicker-bottom-left:after,
.datepicker-bottom-right:after {
    bottom: -4px;
    border-top-color: #fff
}

.datepicker-top-right:before,
.datepicker-top-right:after,
.datepicker-bottom-right:before,
.datepicker-bottom-right:after {
    right: 10px;
    left: auto
}

.datepicker-panel > ul:before,
.datepicker-panel > ul:after {
    display: table;
    content: " "
}

.datepicker-panel > ul:after {
    clear: both
}

.datepicker-panel > ul {
    width: 102%;
    margin: 0;
    padding: 0
}

    .datepicker-panel > ul:first-child li {
        line-height: 25px
    }

        .datepicker-panel > ul:first-child li:nth-child(2) {
            line-height: 28px !important
        }

    .datepicker-panel > ul > li {
        float: left;
        width: 30px;
        height: 30px;
        margin: 0;
        padding: 0;
        list-style: none;
        cursor: pointer;
        text-align: center;
        background-color: #fff
    }

        .datepicker-panel > ul > li:hover {
            background-color: #ededed;
            color: #444 !important;
            border-radius: 50px
        }

        .datepicker-panel > ul > li.muted,
        .datepicker-panel > ul > li.muted:hover {
            color: #999
        }

        .datepicker-panel > ul > li.highlighted {
            color: #5d4394 !important;
            border-radius: 50px
        }

            .datepicker-panel > ul > li.highlighted:hover {
                opacity: .8;
                color: #5d4394 !important
            }

        .datepicker-panel > ul > li.picked,
        .datepicker-panel > ul > li.picked:hover {
            color: #fff !important;
            background-color: #5596e6;
            border-radius: 50px
        }

        .datepicker-panel > ul > li.picked {
            -webkit-animation-name: gelatine;
            animation-name: gelatine;
            -webkit-animation-duration: .5s;
            animation-duration: .5s;
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }

        .datepicker-panel > ul > li.disabled,
        .datepicker-panel > ul > li.disabled:hover {
            cursor: default;
            color: #ccc;
            background-color: #fff
        }

            .datepicker-panel > ul > li.disabled.highlighted,
            .datepicker-panel > ul > li.disabled:hover.highlighted {
                background-color: #e6f2ff
            }

        .datepicker-panel > ul > li[data-view="years prev"],
        .datepicker-panel > ul > li[data-view="year prev"],
        .datepicker-panel > ul > li[data-view="month prev"],
        .datepicker-panel > ul > li[data-view="years next"],
        .datepicker-panel > ul > li[data-view="year next"],
        .datepicker-panel > ul > li[data-view="month next"],
        .datepicker-panel > ul > li[data-view=next] {
            font-size: 18px
        }

        .datepicker-panel > ul > li[data-view="years current"],
        .datepicker-panel > ul > li[data-view="year current"],
        .datepicker-panel > ul > li[data-view="month current"] {
            width: 150px
        }

    .datepicker-panel > ul[data-view=years] > li,
    .datepicker-panel > ul[data-view=months] > li {
        line-height: 52.5px;
        width: 52.5px;
        height: 52.5px
    }

    .datepicker-panel > ul[data-view=week] > li,
    .datepicker-panel > ul[data-view=week] > li:hover {
        cursor: default;
        background-color: #fff
    }

.datepicker-hide {
    display: none
}


/*! _forms.scss | Friendkit | © Css Ninja. 2020-2021 */

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

    .input.is-light::-webkit-input-placeholder,
    .textarea.is-light::-webkit-input-placeholder {
        color: #cecece
    }

    .input.is-light::-moz-placeholder,
    .textarea.is-light::-moz-placeholder {
        color: #cecece
    }

    .input.is-light:-ms-input-placeholder,
    .textarea.is-light:-ms-input-placeholder {
        color: #cecece
    }

    .input.is-light:-moz-placeholder,
    .textarea.is-light:-moz-placeholder {
        color: #cecece
    }

    .input.is-dark,
    .textarea.is-dark {
        color: #97a7c1 !important
    }

        .input.is-dark::-webkit-input-placeholder,
        .textarea.is-dark::-webkit-input-placeholder {
            color: #677fa5 !important
        }

        .input.is-dark::-moz-placeholder,
        .textarea.is-dark::-moz-placeholder {
            color: #677fa5 !important
        }

        .input.is-dark:-ms-input-placeholder,
        .textarea.is-dark:-ms-input-placeholder {
            color: #677fa5 !important
        }

        .input.is-dark:-moz-placeholder,
        .textarea.is-dark:-moz-placeholder {
            color: #677fa5 !important
        }

.input {
    font-size: .9rem;
    height: 36px;
    -webkit-transition: all .3s;
    transition: all .3s
}

    .input:focus {
        border-color: #5596e6
    }

    .input.is-sm {
        height: 32px;
        font-size: .9rem
    }

    .input.no-radius {
        border-radius: 1px
    }

    .input.is-fade:hover {
        border: 1px solid #e3e3e3
    }

    .input.is-fade:focus {
        border: 1px solid #e3e3e3;
        -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06) !important;
        box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06) !important
    }

    .input.is-bordered:focus {
        border-color: #757a91
    }

.textarea {
    font-size: .9rem;
    -webkit-transition: all .3s;
    transition: all .3s
}

    .textarea.is-sm {
        font-size: .9rem;
        resize: none
    }

    .textarea.no-radius {
        border-radius: 1px
    }

    .textarea.is-fade:hover {
        border: 1px solid #e3e3e3
    }

    .textarea.is-fade:focus {
        border: 1px solid #e3e3e3;
        -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06) !important;
        box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06) !important
    }

.field label {
    font-size: .9rem;
    font-weight: 500;
    color: #393a4f
}

.control.has-icon {
    position: relative
}

    .control.has-icon .form-icon {
        position: absolute;
        top: 0;
        left: 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
    }

        .control.has-icon .form-icon svg {
            height: 20px;
            width: 20px;
            stroke: #cecece;
            -webkit-transition: all .3s;
            transition: all .3s
        }

    .control.has-icon .input {
        height: 36px;
        padding-left: 40px
    }

        .control.has-icon .input:focus + .form-icon svg {
            stroke: #5596e6
        }

.control.has-validation {
    position: relative
}

    .control.has-validation .error-icon {
        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.has-validation .error-icon svg {
            height: 16px;
            width: 16px;
            stroke: #f71416
        }

    .control.has-validation .success-icon {
        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.has-validation .success-icon svg {
            height: 16px;
            width: 16px;
            stroke: #1ce589
        }

    .control.has-validation.has-error input {
        border-color: #f71416 !important
    }

        .control.has-validation.has-error input + label {
            font-size: .75rem;
            color: #f71416
        }

    .control.has-validation.has-error .error-icon {
        opacity: 1
    }

    .control.has-validation.has-error .success-icon {
        opacity: 0
    }

    .control.has-validation.has-success input {
        border-color: #1ce589 !important
    }

    .control.has-validation.has-success .error-icon {
        opacity: 0
    }

    .control.has-validation.has-success .success-icon {
        opacity: 1
    }

.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 #ccc;
    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.is-scrollable .box-dropdown .dropdown-inner,
    .is-combo .image-combo-box.is-scrollable .box-dropdown .dropdown-inner,
    .is-combo .stacked-combo-box.is-scrollable .box-dropdown .dropdown-inner,
    .is-combo .user-combo-box.is-scrollable .box-dropdown .dropdown-inner {
        max-height: 190px;
        overflow-y: auto
    }

    .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: #999;
                font-size: 18px
            }

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

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

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

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

            .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: 22px;
                width: 22px;
                -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: #393a4f;
                font-size: .9rem;
                font-weight: 500;
                margin-left: 8px
            }

                .is-combo .combo-box .box-inner .combo-item span.is-pushed,
                .is-combo .image-combo-box .box-inner .combo-item span.is-pushed,
                .is-combo .stacked-combo-box .box-inner .combo-item span.is-pushed,
                .is-combo .user-combo-box .box-inner .combo-item span.is-pushed {
                    margin-left: 18px
                }

    .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 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: #393a4f;
            -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 #ccc;
            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: 16px;
                            position: relative;
                            top: 5px
                        }

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

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

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

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

                        .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: #5596e6;
                            stroke-width: 3px;
                            height: 16px;
                            width: 16px
                        }

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

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

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

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

        .is-combo .combo-box.is-active .box-chevron svg,
        .is-combo .image-combo-box.is-active .box-chevron svg,
        .is-combo .stacked-combo-box.is-active .box-chevron svg,
        .is-combo .user-combo-box.is-active .box-chevron svg {
            -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 #ccc;
    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: #5596e6;
                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: #393a4f;
                        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: #393a4f;
            -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 #ccc;
            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: #393a4f;
                            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: #ededed
                    }

                    .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i {
                        color: #5596e6
                    }

                    .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li.is-active span {
                        color: #393a4f
                    }

    .is-combo .big-combo-box.is-active {
        border-color: #e8e8e8
    }

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

.custom-select {
    width: 100%;
    z-index: 3
}

    .custom-select.is-dropup .select-drop {
        top: -100%
    }

    .custom-select .select-box {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 40px 0 10px;
        height: 36px;
        width: 100%;
        border: 1px solid #ccc;
        border-radius: 4px;
        color: #999;
        background: #fff;
        cursor: pointer;
        -webkit-transition: all .3s;
        transition: all .3s
    }

        .custom-select .select-box:hover {
            border-color: #e8e8e8
        }

    .custom-select .select-icon {
        position: absolute;
        top: 0;
        right: 0;
        width: 36px;
        height: 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;
        -webkit-transition: all .3s;
        transition: all .3s;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

        .custom-select .select-icon svg {
            height: 20px;
            width: 20px;
            stroke: #bababa !important;
            -webkit-transition: all .3s;
            transition: all .3s
        }

    .custom-select .select-drop {
        position: absolute;
        top: 40px;
        left: 0;
        width: 100%;
        min-height: 135px;
        max-height: 138px;
        overflow-y: auto;
        background: #fff;
        border: 1px solid #e8e8e8;
        border-radius: 4px;
        z-index: 5;
        -webkit-transition: all .3s;
        transition: all .3s;
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        pointer-events: none
    }

        .custom-select .select-drop .drop-inner {
            position: relative;
            height: 100%;
            width: 100%;
            background: #fff
        }

            .custom-select .select-drop .drop-inner .option-row {
                position: relative;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                background: #fff
            }

                .custom-select .select-drop .drop-inner .option-row input {
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 100%;
                    opacity: 0;
                    cursor: pointer
                }

                    .custom-select .select-drop .drop-inner .option-row input:checked + .option-meta {
                        background: #f2f2f2
                    }

                        .custom-select .select-drop .drop-inner .option-row input:checked + .option-meta span {
                            color: #393a4f
                        }

                        .custom-select .select-drop .drop-inner .option-row input:checked + .option-meta svg.is-purple {
                            stroke: #9c2bed
                        }

                .custom-select .select-drop .drop-inner .option-row .option-meta {
                    padding: 12px;
                    width: 100%;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                    .custom-select .select-drop .drop-inner .option-row .option-meta img {
                        display: block;
                        max-height: 20px
                    }

                    .custom-select .select-drop .drop-inner .option-row .option-meta svg {
                        height: 20px;
                        width: 20px;
                        stroke: #cecece
                    }

                        .custom-select .select-drop .drop-inner .option-row .option-meta svg.is-small {
                            height: 14px;
                            width: 14px
                        }

                    .custom-select .select-drop .drop-inner .option-row .option-meta span {
                        display: block;
                        font-weight: 500;
                        color: #999;
                        font-size: .9rem;
                        margin-left: 8px
                    }

    .custom-select.is-active .select-drop {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        pointer-events: all
    }

    .custom-select.is-active .select-icon {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .custom-select.is-accounts .option-meta img {
        max-height: 36px !important;
        border-radius: 50%
    }

.tokenize {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    -webkit-transition: all .3s;
    transition: all .3s
}

    .tokenize.focus .tokens-container {
        -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
        box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
    }

    .tokenize .tokens-container {
        -webkit-transition: all .3s;
        transition: all .3s
    }


/*! _radios.scss | Friendkit | © Css Ninja. 2020-2021 */

.material-radio {
    position: relative;
    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
}

    .material-radio.is-accent .dot {
        background-color: #5596e6
    }

    .material-radio.is-accent input:checked {
        background: transparent;
        border-color: #5596e6
    }

        .material-radio.is-accent input:checked + .dot {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

    .material-radio.is-accent input:focus:checked,
    .material-radio.is-accent input.focus:checked {
        background-color: transparent;
        border-color: #5596e6;
        -webkit-box-shadow: 0 0 0 12px rgba(85, 150, 230, .1);
        box-shadow: 0 0 0 12px rgba(85, 150, 230, .1)
    }

    .material-radio.is-accent:active input:checked {
        background-color: transparent;
        border-color: #5596e6;
        -webkit-box-shadow: 0 0 0 12px rgba(85, 150, 230, .1);
        box-shadow: 0 0 0 12px rgba(85, 150, 230, .1)
    }

    .material-radio.is-green .dot {
        background-color: #1ce589
    }

    .material-radio.is-green input:checked {
        background: transparent;
        border-color: #1ce589
    }

        .material-radio.is-green input:checked + .dot {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

    .material-radio.is-green input:focus:checked,
    .material-radio.is-green input.focus:checked {
        background-color: transparent;
        border-color: #1ce589;
        -webkit-box-shadow: 0 0 0 12px rgba(28, 229, 137, .1);
        box-shadow: 0 0 0 12px rgba(28, 229, 137, .1)
    }

    .material-radio.is-green:active input:checked {
        background-color: transparent;
        border-color: #1ce589;
        -webkit-box-shadow: 0 0 0 12px rgba(28, 229, 137, .1);
        box-shadow: 0 0 0 12px rgba(28, 229, 137, .1)
    }

    .material-radio.is-blue .dot {
        background-color: #039be5
    }

    .material-radio.is-blue input:checked {
        background: transparent;
        border-color: #039be5
    }

        .material-radio.is-blue input:checked + .dot {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

    .material-radio.is-blue input:focus:checked,
    .material-radio.is-blue input.focus:checked {
        background-color: transparent;
        border-color: #039be5;
        -webkit-box-shadow: 0 0 0 12px rgba(3, 155, 229, .1);
        box-shadow: 0 0 0 12px rgba(3, 155, 229, .1)
    }

    .material-radio.is-blue:active input:checked {
        background-color: transparent;
        border-color: #039be5;
        -webkit-box-shadow: 0 0 0 12px rgba(3, 155, 229, .1);
        box-shadow: 0 0 0 12px rgba(3, 155, 229, .1)
    }

    .material-radio.is-orange .dot {
        background-color: #ff9700
    }

    .material-radio.is-orange input:checked {
        background: transparent;
        border-color: #ff9700
    }

        .material-radio.is-orange input:checked + .dot {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

    .material-radio.is-orange input:focus:checked,
    .material-radio.is-orange input.focus:checked {
        background-color: transparent;
        border-color: #ff9700;
        -webkit-box-shadow: 0 0 0 12px rgba(255, 151, 0, .1);
        box-shadow: 0 0 0 12px rgba(255, 151, 0, .1)
    }

    .material-radio.is-orange:active input:checked {
        background-color: transparent;
        border-color: #ff9700;
        -webkit-box-shadow: 0 0 0 12px rgba(255, 151, 0, .1);
        box-shadow: 0 0 0 12px rgba(255, 151, 0, .1)
    }

    .material-radio.is-red .dot {
        background-color: #f71416
    }

    .material-radio.is-red input:checked {
        background: transparent;
        border-color: #f71416
    }

        .material-radio.is-red input:checked + .dot {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

    .material-radio.is-red input:focus:checked,
    .material-radio.is-red input.focus:checked {
        background-color: transparent;
        border-color: #f71416;
        -webkit-box-shadow: 0 0 0 12px rgba(247, 20, 22, .1);
        box-shadow: 0 0 0 12px rgba(247, 20, 22, .1)
    }

    .material-radio.is-red:active input:checked {
        background-color: transparent;
        border-color: #f71416;
        -webkit-box-shadow: 0 0 0 12px rgba(247, 20, 22, .1);
        box-shadow: 0 0 0 12px rgba(247, 20, 22, .1)
    }

    .material-radio .dot {
        position: absolute;
        top: calc(50% - 3px);
        left: 6.5px;
        height: 6px;
        width: 6px;
        border-radius: 50%;
        background: #3d70b2;
        -webkit-transform: scale(0);
        transform: scale(0);
        z-index: 5;
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .material-radio input,
    .material-radio input:hover,
    .material-radio input.hover {
        -webkit-appearance: none;
        border: 1.4px solid #cecece;
        border-radius: 13px;
        height: 19px;
        margin: 0;
        vertical-align: top;
        width: 19px
    }

        .material-radio input:focus,
        .material-radio input.focus {
            background-color: transparent;
            border-color: #cecece;
            -webkit-box-shadow: 0 0 0 12px rgba(0, 0, 0, .07);
            box-shadow: 0 0 0 12px rgba(0, 0, 0, .07);
            outline: none
        }

        .material-radio input:disabled {
            border-color: rgba(0, 0, 0, .26)
        }

            .material-radio input:disabled:focus,
            .material-radio input:disabled.focus {
                background-color: transparent;
                border-color: rgba(0, 0, 0, .26);
                -webkit-box-shadow: 0 0 0 12px rgba(0, 0, 0, .07);
                box-shadow: 0 0 0 12px rgba(0, 0, 0, .07)
            }

        .material-radio input:checked {
            background: transparent;
            border-color: #3d70b2
        }

            .material-radio input:checked + .dot {
                -webkit-transform: scale(1);
                transform: scale(1)
            }

        .material-radio input:focus:checked,
        .material-radio input.focus:checked {
            background-color: transparent;
            border-color: #3d70b2;
            -webkit-box-shadow: 0 0 0 12px rgba(61, 112, 178, .1);
            box-shadow: 0 0 0 12px rgba(61, 112, 178, .1)
        }

        .material-radio input:disabled:checked {
            background: transparent;
            border-color: rgba(0, 0, 0, .26)
        }

        .material-radio input:disabled:focus:checked,
        .material-radio input:disabled.focus:checked {
            background-color: rgba(0, 0, 0, .07);
            border-color: rgba(0, 0, 0, .26);
            -webkit-box-shadow: 0 0 0 12px rgba(0, 0, 0, .07);
            box-shadow: 0 0 0 12px rgba(0, 0, 0, .07)
        }

    .material-radio .radio-label {
        line-height: 30px;
        font-size: .9rem;
        margin: 0 10px
    }

        .material-radio .radio-label small {
            font-weight: 600;
            color: #3d70b2
        }

    .material-radio:active input,
    .material-radio.active input {
        background-color: rgba(0, 0, 0, .07);
        border-color: #cecece;
        -webkit-box-shadow: 0 0 0 12px rgba(0, 0, 0, .07);
        box-shadow: 0 0 0 12px rgba(0, 0, 0, .07);
        outline: none
    }

        .material-radio:active input:disabled,
        .material-radio.active input:disabled {
            background-color: rgba(0, 0, 0, .07);
            border-color: rgba(0, 0, 0, .26);
            -webkit-box-shadow: 0 0 0 12px rgba(0, 0, 0, .07);
            box-shadow: 0 0 0 12px rgba(0, 0, 0, .07)
        }

        .material-radio:active input:checked,
        .material-radio.active input:checked {
            background-color: rgba(61, 112, 178, .1);
            border-color: #3d70b2;
            -webkit-box-shadow: 0 0 0 12px rgba(61, 112, 178, .1);
            box-shadow: 0 0 0 12px rgba(61, 112, 178, .1)
        }

        .material-radio:active input:disabled:checked,
        .material-radio.active input:disabled:checked {
            background-color: rgba(0, 0, 0, .07);
            border-color: rgba(0, 0, 0, .26);
            -webkit-box-shadow: 0 0 0 12px rgba(0, 0, 0, .07);
            box-shadow: 0 0 0 12px rgba(0, 0, 0, .07)
        }


/*! _switch.scss | Friendkit | © Css Ninja. 2020-2021 */

.animated-toggle {
    width: 56px;
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .animated-toggle input {
        position: absolute;
        opacity: 0;
        cursor: pointer
    }

        .animated-toggle input:checked ~ .toggler {
            border-color: #5596e6
        }

            .animated-toggle input:checked ~ .toggler .dark,
            .animated-toggle input:checked ~ .toggler .light {
                -webkit-transform: translateX(100%) rotate(360deg);
                transform: translateX(100%) rotate(360deg)
            }

            .animated-toggle input:checked ~ .toggler .dark {
                opacity: 1
            }

            .animated-toggle input:checked ~ .toggler .light {
                opacity: 0
            }

    .animated-toggle .toggler {
        position: relative;
        display: block;
        height: 31px;
        width: 53px;
        border: 2px solid #3d70b2;
        border-radius: 100px;
        -webkit-transition: all .3s;
        transition: all .3s
    }

        .animated-toggle .toggler .dark,
        .animated-toggle .toggler .light {
            position: absolute;
            top: 2px;
            left: 2px;
            height: 22px;
            width: 22px;
            border-radius: 50%;
            background: #000;
            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-transform: translateX(0) rotate(0);
            transform: translateX(0) rotate(0);
            -webkit-transition: all .3s ease;
            transition: all .3s ease
        }

            .animated-toggle .toggler .dark svg,
            .animated-toggle .toggler .light svg {
                stroke: #fff;
                height: 14px !important;
                width: 14px !important
            }

        .animated-toggle .toggler .light {
            background: #3d70b2;
            border-color: #3d70b2;
            opacity: 1;
            z-index: 1
        }

        .animated-toggle .toggler .dark {
            background: #5596e6;
            border-color: #5596e6;
            opacity: 0;
            z-index: 0
        }

.f-switch {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

    .f-switch.is-primary input:checked + i {
        background-color: #3d70b2
    }

    .f-switch.is-accent input:checked + i {
        background-color: #5596e6
    }

    .f-switch.is-red input:checked + i {
        background-color: #f71416
    }

    .f-switch.is-blue input:checked + i {
        background-color: #039be5
    }

    .f-switch i {
        position: relative;
        display: inline-block;
        margin-right: .5rem;
        width: 46px;
        height: 26px;
        background-color: #e6e6e6;
        border-radius: 23px;
        vertical-align: text-bottom;
        -webkit-transition: all .3s linear;
        transition: all .3s linear
    }

        .f-switch i::before {
            content: "";
            position: absolute;
            left: 0;
            width: 42px;
            height: 22px;
            background-color: #fff;
            border-radius: 11px;
            -webkit-transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
            transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
            -webkit-transition: all .25s linear;
            transition: all .25s linear
        }

        .f-switch i::after {
            content: "";
            position: absolute;
            left: 0;
            width: 22px;
            height: 22px;
            background-color: #fff;
            border-radius: 11px;
            -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .24);
            box-shadow: 0 2px 2px rgba(0, 0, 0, .24);
            -webkit-transform: translate3d(2px, 2px, 0);
            transform: translate3d(2px, 2px, 0);
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out
        }

    .f-switch:active i::after {
        width: 28px;
        -webkit-transform: translate3d(2px, 2px, 0);
        transform: translate3d(2px, 2px, 0)
    }

    .f-switch:active input:checked + i::after {
        -webkit-transform: translate3d(16px, 2px, 0);
        transform: translate3d(16px, 2px, 0)
    }

    .f-switch input {
        position: absolute;
        opacity: 0;
        pointer-events: none
    }

        .f-switch input:checked + i {
            background-color: #1ce589
        }

            .f-switch input:checked + i::before {
                -webkit-transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0);
                transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0)
            }

            .f-switch input:checked + i::after {
                -webkit-transform: translate3d(22px, 2px, 0);
                transform: translate3d(22px, 2px, 0)
            }

    .f-switch small {
        color: #999;
        position: relative;
        top: -4px
    }

.theme-toggle {
    width: 54px;
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transform: scale(0.9);
    transform: scale(0.9)
}

    .theme-toggle input {
        position: absolute;
        opacity: 0;
        cursor: pointer
    }

        .theme-toggle input:checked ~ .toggler {
            border-color: #5596e6
        }

            .theme-toggle input:checked ~ .toggler .dark,
            .theme-toggle input:checked ~ .toggler .light {
                -webkit-transform: translateX(98%) rotate(360deg);
                transform: translateX(98%) rotate(360deg)
            }

            .theme-toggle input:checked ~ .toggler .dark {
                opacity: 1 !important
            }

            .theme-toggle input:checked ~ .toggler .light {
                opacity: 0 !important
            }

    .theme-toggle .toggler {
        position: relative;
        display: block;
        height: 31px;
        width: 53px;
        border: 1px solid #e0e0e0;
        background: #fff;
        -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
        box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
        border-radius: 100px;
        -webkit-transition: all .3s;
        transition: all .3s
    }

        .theme-toggle .toggler .dark,
        .theme-toggle .toggler .light {
            position: absolute;
            top: 2px;
            left: 2px;
            height: 24px;
            width: 24px;
            border-radius: 50%;
            background: #000;
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-transform: translateX(0) rotate(0);
            transform: translateX(0) rotate(0);
            -webkit-transition: all .3s ease;
            transition: all .3s ease
        }

            .theme-toggle .toggler .dark svg,
            .theme-toggle .toggler .light svg {
                stroke: #edc31c !important;
                height: 14px !important;
                width: 14px !important;
                opacity: 1 !important
            }

        .theme-toggle .toggler .light {
            background: #fff;
            border-color: #dedede;
            opacity: 1;
            z-index: 1
        }

        .theme-toggle .toggler .dark {
            background: #5596e6;
            border-color: #5596e6;
            opacity: 0;
            z-index: 0
        }

            .theme-toggle .toggler .dark svg {
                stroke: #fff !important
            }


/*! _popovers.scss | Friendkit | © Css Ninja. 2020-2021 */

.webui-popover {
    -webkit-box-shadow: rgba(0, 0, 0, .04) 0px 3px 10px 4px !important;
    box-shadow: rgba(0, 0, 0, .04) 0px 3px 10px 4px !important;
    background: #fff !important;
    color: #393a4f !important;
    border: none !important;
    margin-top: -20px !important
}

    .webui-popover.top > .webui-arrow {
        border-top-color: #fff !important
    }

    .webui-popover.bottom-right > .webui-arrow {
        border-right-color: transparent !important;
        border-bottom-color: transparent !important
    }

    .webui-popover.top-right > .webui-arrow {
        border-right-color: transparent !important
    }

        .webui-popover.top-right > .webui-arrow:after {
            border-top-color: #fff !important
        }

    .webui-popover.top-left > .webui-arrow {
        border-top-color: #fff !important
    }

    .webui-popover.left > .webui-arrow {
        border-left-color: transparent !important
    }

    .webui-popover .webui-arrow {
        border-top-color: transparent !important;
        border-right-color: transparent !important
    }

        .webui-popover .webui-arrow:after {
            border-top-color: transparent !important
        }

    .webui-popover .webui-popover-title {
        background-color: #fff !important;
        border-bottom: none !important;
        font-weight: 500
    }

    .webui-popover .webui-popover-content {
        font-size: .75rem !important
    }

        .webui-popover .webui-popover-content .popover-flex-block {
            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: 12px;
            font-size: .85rem
        }

            .webui-popover .webui-popover-content .popover-flex-block .staff-avatar {
                height: 38px;
                width: 38px;
                border-radius: 50%
            }

            .webui-popover .webui-popover-content .popover-flex-block .content-block {
                margin-left: 4px;
                color: #999
            }

                .webui-popover .webui-popover-content .popover-flex-block .content-block span:first-child {
                    font-weight: 500;
                    color: #393a4f
                }

                .webui-popover .webui-popover-content .popover-flex-block .content-block label,
                .webui-popover .webui-popover-content .popover-flex-block .content-block span {
                    display: block
                }

                .webui-popover .webui-popover-content .popover-flex-block .content-block label {
                    color: #8d8fad;
                    text-transform: uppercase;
                    font-size: 70%
                }

            .webui-popover .webui-popover-content .popover-flex-block .fa.fa-star,
            .webui-popover .webui-popover-content .popover-flex-block .fa.fa-star-half {
                color: gold
            }

            .webui-popover .webui-popover-content .popover-flex-block .icon-block {
                height: 38px;
                width: 38px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-right: 10px
            }

                .webui-popover .webui-popover-content .popover-flex-block .icon-block svg {
                    height: 24px;
                    width: 24px;
                    stroke: #999;
                    stroke-width: 1.3px
                }

                    .webui-popover .webui-popover-content .popover-flex-block .icon-block svg.is-medium {
                        height: 26px;
                        width: 26px
                    }

.profile-popover-block {
    position: relative
}

    .profile-popover-block .profile-popover-wrapper {
        padding: 8px 8px 0 8px
    }

        .profile-popover-block .profile-popover-wrapper .popover-cover {
            position: relative;
            margin-bottom: 10px;
            min-height: 104px
        }

            .profile-popover-block .profile-popover-wrapper .popover-cover img {
                display: block
            }

            .profile-popover-block .profile-popover-wrapper .popover-cover .popover-avatar {
                position: absolute;
                right: 14px;
                bottom: -25px;
                width: 50px;
                height: 50px;
                min-width: 50px;
                z-index: 0
            }

                .profile-popover-block .profile-popover-wrapper .popover-cover .popover-avatar img {
                    display: block
                }

                .profile-popover-block .profile-popover-wrapper .popover-cover .popover-avatar .avatar {
                    width: 50px;
                    height: 50px;
                    border-radius: 50%;
                    border: 3px solid #fff
                }

                .profile-popover-block .profile-popover-wrapper .popover-cover .popover-avatar .badge {
                    position: absolute;
                    right: -10px;
                    bottom: 0;
                    width: 24px;
                    height: 24px;
                    border: 2px solid #fff;
                    border-radius: 50%
                }

        .profile-popover-block .profile-popover-wrapper .popover-meta span {
            display: block
        }

            .profile-popover-block .profile-popover-wrapper .popover-meta span.user-meta,
            .profile-popover-block .profile-popover-wrapper .popover-meta span.page-meta {
                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;
                margin-bottom: 8px
            }

                .profile-popover-block .profile-popover-wrapper .popover-meta span.user-meta .username,
                .profile-popover-block .profile-popover-wrapper .popover-meta span.user-meta .pagename,
                .profile-popover-block .profile-popover-wrapper .popover-meta span.page-meta .username,
                .profile-popover-block .profile-popover-wrapper .popover-meta span.page-meta .pagename {
                    display: block;
                    font-size: .9rem;
                    font-weight: 500
                }

            .profile-popover-block .profile-popover-wrapper .popover-meta span.job-title {
                font-size: .8rem;
                color: #3d70b2;
                font-weight: 500;
                margin-bottom: 8px
            }

        .profile-popover-block .profile-popover-wrapper .popover-meta .common-friends,
        .profile-popover-block .profile-popover-wrapper .popover-meta .user-location,
        .profile-popover-block .profile-popover-wrapper .popover-meta .page-activity,
        .profile-popover-block .profile-popover-wrapper .popover-meta .page-followers {
            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;
            margin-bottom: 8px
        }

            .profile-popover-block .profile-popover-wrapper .popover-meta .common-friends .text,
            .profile-popover-block .profile-popover-wrapper .popover-meta .user-location .text,
            .profile-popover-block .profile-popover-wrapper .popover-meta .page-activity .text,
            .profile-popover-block .profile-popover-wrapper .popover-meta .page-followers .text {
                margin: 0 10px;
                color: #757a91
            }

            .profile-popover-block .profile-popover-wrapper .popover-meta .common-friends svg,
            .profile-popover-block .profile-popover-wrapper .popover-meta .user-location svg,
            .profile-popover-block .profile-popover-wrapper .popover-meta .page-activity svg,
            .profile-popover-block .profile-popover-wrapper .popover-meta .page-followers svg {
                stroke: #888da8;
                width: 16px;
                height: 16px
            }

    .profile-popover-block .popover-actions {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 5px 10px;
        z-index: 1
    }

        .profile-popover-block .popover-actions .popover-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;
            width: 30px;
            height: 30px;
            max-width: 30px;
            margin: 0 2px;
            border-radius: 50%;
            -webkit-transition: all .3s;
            transition: all .3s;
            cursor: pointer
        }

            .profile-popover-block .popover-actions .popover-icon:hover {
                background: #3d70b2
            }

                .profile-popover-block .popover-actions .popover-icon:hover svg {
                    stroke: #fff
                }

            .profile-popover-block .popover-actions .popover-icon svg {
                width: 16px;
                height: 16px;
                stroke: #cecece
            }

    .profile-popover-block .loader-overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 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;
        background: rgba(255, 255, 255, .95);
        opacity: 0;
        -webkit-transition: all .3s;
        transition: all .3s;
        z-index: 0
    }

        .profile-popover-block .loader-overlay.is-active {
            opacity: 1;
            z-index: 1
        }

        .profile-popover-block .loader-overlay .loader.is-loading {
            height: 24px;
            width: 24px;
            min-height: 24px;
            min-width: 24px
        }


/*! _components-tooltips.scss | Friendkit | © Css Ninja. 2020-2021 */

.ggtooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    padding: 5px;
    font-size: 11px;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: visible
}

    .ggtooltip.fade {
        opacity: 0;
        -webkit-transition: opacity .6s linear;
        transition: opacity .6s linear
    }

        .ggtooltip.fade.in {
            opacity: 1
        }

    .ggtooltip.in {
        opacity: .8;
        filter: alpha(opacity=80)
    }

    .ggtooltip.top {
        margin-top: -3px
    }

    .ggtooltip.right {
        margin-left: 3px
    }

    .ggtooltip.bottom {
        margin-top: 3px
    }

    .ggtooltip.left {
        margin-left: -3px
    }

    .ggtooltip .ggtooltip-inner {
        max-width: 200px;
        padding: 3px 8px;
        color: #fff;
        text-align: center;
        text-decoration: none;
        background-color: #000;
        border-radius: 4px;
        border: solid 1px #000;
        -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
        box-shadow: 0px 0px 10px rgba(0, 0, 0, .5)
    }

    .ggtooltip .ggtooltip-arrow,
    .ggtooltip .ggtooltip-arrow-shadow {
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid
    }

    .ggtooltip.top .ggtooltip-arrow,
    .ggtooltip.top .ggtooltip-arrow-shadow {
        bottom: 1px;
        left: 50%;
        margin-left: -5px;
        border-top-color: #000;
        border-width: 5px 5px 0
    }

    .ggtooltip.top .ggtooltip-arrow-shadow {
        bottom: 0
    }

    .ggtooltip.right .ggtooltip-arrow,
    .ggtooltip.right .ggtooltip-arrow-shadow {
        top: 50%;
        left: 1px;
        margin-top: -5px;
        border-right-color: #000;
        border-width: 5px 5px 5px 0
    }

    .ggtooltip.right .ggtooltip-arrow-shadow {
        left: 0
    }

    .ggtooltip.left .ggtooltip-arrow,
    .ggtooltip.left .ggtooltip-arrow-shadow {
        top: 50%;
        right: 1px;
        margin-top: -5px;
        border-left-color: #000;
        border-width: 5px 0 5px 5px
    }

    .ggtooltip.left .ggtooltip-arrow-shadow {
        right: 0
    }

    .ggtooltip.bottom .ggtooltip-arrow,
    .ggtooltip.bottom .ggtooltip-arrow-shadow {
        top: 1px;
        left: 50%;
        margin-left: -5px;
        border-bottom-color: #000;
        border-width: 0 5px 5px
    }

    .ggtooltip.bottom .ggtooltip-arrow-shadow {
        top: 0
    }


/*! _checkboxes.scss | Friendkit | © Css Ninja. 2020-2021 */

.round-checkbox {
    position: relative
}

    .round-checkbox > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .round-checkbox label {
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 50%;
        cursor: pointer;
        height: 28px;
        left: 0;
        position: absolute;
        top: 0;
        width: 28px;
        -webkit-transition: all .3s;
        transition: all .3s
    }

        .round-checkbox label:after {
            border: 2px solid #fff;
            border-top: none;
            border-right: none;
            content: "";
            height: 6px;
            left: 7px;
            opacity: 0;
            position: absolute;
            top: 8px;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            width: 12px
        }

    .round-checkbox input[type=checkbox] {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        opacity: 0
    }

        .round-checkbox input[type=checkbox]:checked + label {
            background-color: #5596e6;
            border-color: #5596e6
        }

            .round-checkbox input[type=checkbox]:checked + label:after {
                opacity: 1
            }

    .round-checkbox.is-primary input[type=checkbox]:checked + label {
        background-color: #3d70b2;
        border-color: #3d70b2
    }

    .round-checkbox.is-green input[type=checkbox]:checked + label {
        background-color: #1ce589;
        border-color: #1ce589
    }

    .round-checkbox.is-blue input[type=checkbox]:checked + label {
        background-color: #039be5;
        border-color: #039be5
    }

    .round-checkbox.is-orange input[type=checkbox]:checked + label {
        background-color: #ff9700;
        border-color: #ff9700
    }

    .round-checkbox.is-red input[type=checkbox]:checked + label {
        background-color: #f71416;
        border-color: #f71416
    }

    .round-checkbox.is-small {
        height: 22px;
        width: 22px
    }

        .round-checkbox.is-small label {
            height: 22px;
            width: 22px
        }

            .round-checkbox.is-small label:after {
                left: 4px;
                top: 4.5px;
                width: 13px;
                height: 8px;
                -webkit-transform: rotate(-45deg) scale(0.65);
                transform: rotate(-45deg) scale(0.65)
            }

        .round-checkbox.is-small span {
            position: relative;
            top: -2px;
            padding: 0 10px;
            cursor: default
        }

.basic-checkbox.is-accent .styled-checkbox:hover + label:before {
    background: #5596e6
}

.basic-checkbox.is-accent .styled-checkbox:checked + label:before {
    background: #5596e6;
    border-color: #5596e6
}

.basic-checkbox.is-accent .styled-checkbox:disabled + label {
    color: #5596e6
}

.basic-checkbox.is-red .styled-checkbox:hover + label:before {
    background: #f71416
}

.basic-checkbox.is-red .styled-checkbox:checked + label:before {
    background: #f71416;
    border-color: #f71416
}

.basic-checkbox.is-red .styled-checkbox:disabled + label {
    color: #f71416
}

.basic-checkbox.is-blue .styled-checkbox:hover + label:before {
    background: #039be5
}

.basic-checkbox.is-blue .styled-checkbox:checked + label:before {
    background: #039be5;
    border-color: #039be5
}

.basic-checkbox.is-blue .styled-checkbox:disabled + label {
    color: #039be5
}

.basic-checkbox.is-green .styled-checkbox:hover + label:before {
    background: #1ce589
}

.basic-checkbox.is-green .styled-checkbox:checked + label:before {
    background: #1ce589;
    border-color: #1ce589
}

.basic-checkbox.is-green .styled-checkbox:disabled + label {
    color: #1ce589
}

.basic-checkbox.is-orange .styled-checkbox:hover + label:before {
    background: #ff9700
}

.basic-checkbox.is-orange .styled-checkbox:checked + label:before {
    background: #ff9700;
    border-color: #ff9700
}

.basic-checkbox.is-orange .styled-checkbox:disabled + label {
    color: #ff9700
}

.basic-checkbox .styled-checkbox {
    position: absolute;
    opacity: 0
}

    .basic-checkbox .styled-checkbox + label {
        position: relative;
        cursor: pointer;
        padding: 0
    }

        .basic-checkbox .styled-checkbox + label:before {
            content: "";
            margin-right: 10px;
            display: inline-block;
            vertical-align: text-top;
            width: 20px;
            height: 20px;
            border-radius: 3px;
            border: 1px solid #cecece;
            background: #fff
        }

    .basic-checkbox .styled-checkbox:hover + label:before {
        background: #3d70b2
    }

    .basic-checkbox .styled-checkbox:focus + label:before {
        -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, .12);
        box-shadow: 0 0 0 3px rgba(0, 0, 0, .12)
    }

    .basic-checkbox .styled-checkbox:checked + label:before {
        background: #3d70b2;
        border-color: #3d70b2
    }

    .basic-checkbox .styled-checkbox:disabled + label {
        color: #3d70b2;
        cursor: auto
    }

        .basic-checkbox .styled-checkbox:disabled + label:before {
            -webkit-box-shadow: none;
            box-shadow: none;
            background: #ddd
        }

    .basic-checkbox .styled-checkbox:checked + label:after {
        content: "";
        position: absolute;
        left: 5px;
        top: 9px;
        background: #fff;
        width: 2px;
        height: 2px;
        -webkit-box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
        box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }


/*! _tables.scss | Friendkit | © Css Ninja. 2020-2021 */

.flex-table .flex-table-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 4px
}

    .flex-table .flex-table-header span {
        font-family: "Montserrat", sans-serif;
        font-size: .7rem;
        font-weight: 600;
        color: #999;
        text-transform: uppercase;
        padding-bottom: 10px
    }

        .flex-table .flex-table-header span.product {
            width: 40%
        }

        .flex-table .flex-table-header span.quantity {
            width: 15%;
            text-align: center
        }

        .flex-table .flex-table-header span.price {
            width: 15%;
            text-align: center
        }

        .flex-table .flex-table-header span.discount {
            width: 15%;
            text-align: center
        }

        .flex-table .flex-table-header span.total {
            width: 15%;
            text-align: center
        }

.flex-table .flex-table-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    padding: 8px;
    margin-bottom: 6px
}

    .flex-table .flex-table-item .product {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 40%
    }

        .flex-table .flex-table-item .product img {
            display: block;
            -o-object-fit: contain;
            object-fit: contain;
            width: 50px;
            height: 50px;
            min-width: 50px
        }

        .flex-table .flex-table-item .product .product-name {
            display: block;
            margin-left: 12px;
            max-width: 360px;
            font-family: "Montserrat", sans-serif;
            font-weight: 600;
            font-size: .8rem;
            color: #393a4f
        }

    .flex-table .flex-table-item .quantity span,
    .flex-table .flex-table-item .price span {
        display: block;
        font-family: "Montserrat", sans-serif;
        font-weight: 600;
        font-size: .9rem;
        color: #999
    }

    .flex-table .flex-table-item .discount span,
    .flex-table .flex-table-item .total span {
        display: block;
        font-family: "Montserrat", sans-serif;
        font-weight: 600;
        font-size: .9rem;
        color: #393a4f
    }

    .flex-table .flex-table-item .quantity {
        width: 15%;
        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;
        border-left: 1px solid #dedede
    }

    .flex-table .flex-table-item .price {
        width: 15%;
        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;
        border-left: 1px solid #dedede
    }

        .flex-table .flex-table-item .price span:before {
            content: "$"
        }

    .flex-table .flex-table-item .discount {
        width: 15%;
        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;
        border-left: 1px solid #dedede
    }

    .flex-table .flex-table-item .total {
        width: 15%;
        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;
        border-left: 1px solid #dedede
    }

        .flex-table .flex-table-item .total span:before {
            content: "$"
        }

@media(max-width: 767px) {
    .flex-table .flex-table-header {
        display: none
    }

    .flex-table .flex-table-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100% !important;
        padding: 20px;
        margin-bottom: 16px
    }

        .flex-table .flex-table-item:last-child {
            margin-bottom: 0
        }

        .flex-table .flex-table-item > div {
            border: none !important
        }

    .flex-table .product {
        width: 100% !important;
        padding-bottom: 10px
    }

    .flex-table .quantity,
    .flex-table .price,
    .flex-table .discount,
    .flex-table .total {
        position: relative;
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
        width: 100% !important;
        border: none
    }

        .flex-table .quantity:before,
        .flex-table .price:before,
        .flex-table .discount:before,
        .flex-table .total:before {
            text-transform: uppercase;
            font-size: .7rem;
            font-weight: 500;
            color: #999
        }

        .flex-table .quantity:before {
            content: "Quantity";
            position: absolute;
            top: 0;
            left: 0
        }

        .flex-table .quantity.has-spinner {
            padding-bottom: 6px
        }

            .flex-table .quantity.has-spinner:before {
                content: "Quantity";
                position: absolute;
                top: 8px;
                left: 0
            }

        .flex-table .price:before {
            content: "Price";
            position: absolute;
            top: 2px;
            left: 0
        }

        .flex-table .discount:before {
            content: "Discount";
            position: absolute;
            top: 2px;
            left: 0
        }

        .flex-table .total:before {
            content: "Total";
            position: absolute;
            top: 2px;
            left: 0
        }
}


/*! _animations.scss | Friendkit | © Css Ninja. 2020-2021 */

@-webkit-keyframes bouncy {
    from, to {
        -webkit-transform: scale(1, 1)
    }

    25% {
        -webkit-transform: scale(0.9, 1.1)
    }

    50% {
        -webkit-transform: scale(1.1, 0.9)
    }

    75% {
        -webkit-transform: scale(0.95, 1.05)
    }
}

@keyframes bouncy {
    from, to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1)
    }

    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9)
    }

    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05)
    }
}

.bouncy {
    -webkit-animation: bouncy .6s;
    animation: bouncy .6s;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

@-webkit-keyframes opacity-shift {
    0% {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

@keyframes opacity-shift {
    0% {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation: fadeIn 500ms ease-in-out;
    animation: fadeIn 500ms ease-in-out
}

@-webkit-keyframes fadeInLeft {
    from {
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes fadeInLeft {
    from {
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.preFadeInLeft {
    opacity: 0
}

.fadeInLeft {
    opacity: 0;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInUp {
    from {
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes fadeInUp {
    from {
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.preFadeInUp {
    opacity: 0
}

.fadeInUp {
    opacity: 0;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes wave {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    25% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

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

@keyframes wave {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    25% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

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

@-webkit-keyframes gelatine {
    from, to {
        -webkit-transform: scale(1, 1)
    }

    25% {
        -webkit-transform: scale(0.9, 1.1)
    }

    50% {
        -webkit-transform: scale(1.1, 0.9)
    }

    75% {
        -webkit-transform: scale(0.95, 1.05)
    }
}

@keyframes gelatine {
    from, to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1)
    }

    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9)
    }

    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05)
    }
}

.gelatine {
    -webkit-animation: gelatine .6s;
    animation: gelatine .6s;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes modalScale {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes modalScale {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg)
    }
}

@keyframes rotation {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg)
    }
}

@-webkit-keyframes gradientShift {
    0% {
        background-position: 50% 0%
    }

    50% {
        background-position: 50% 100%
    }

    100% {
        background-position: 50% 0%
    }
}

@keyframes gradientShift {
    0% {
        background-position: 50% 0%
    }

    50% {
        background-position: 50% 100%
    }

    100% {
        background-position: 50% 0%
    }
}


/*! _placeholders.scss | Friendkit | © Css Ninja. 2020-2021 */

.placeload {
    width: 100%;
    border-radius: 6px;
    border: 1px solid #e8e8e8;
    background: #fff
}

    .placeload.is-bold {
        border: none;
        background: none
    }

    .placeload .inner-wrap {
        width: 100%
    }

    .placeload .content-shape {
        height: 10px;
        margin-bottom: 10px;
        border-radius: 2px
    }

        .placeload .content-shape.is-lg {
            height: 16px
        }

    .placeload .button-shape {
        width: 130px;
        height: 38px;
        border-radius: 4px
    }

.loads {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeload;
    animation-name: placeload;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: #eee;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 1200px 104px;
    position: relative
}

@-webkit-keyframes placeload {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

@keyframes placeload {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

.compose-placeload {
    height: 226px;
    margin-bottom: 20px;
    padding: 20px
}

    .compose-placeload .header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 45px;
        margin-bottom: 1rem
    }

        .compose-placeload .header .content-shape {
            width: 20%;
            margin-right: 8%
        }

    .compose-placeload .body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        height: 100px;
        padding: 16px 0
    }

        .compose-placeload .body .img {
            width: 42px;
            min-width: 42px;
            height: 42px;
            border-radius: 50%
        }

        .compose-placeload .body .content-shape {
            margin-top: 10px;
            margin-left: 20px
        }

            .compose-placeload .body .content-shape:first-child {
                width: 45%
            }

            .compose-placeload .body .content-shape:nth-child(2) {
                width: 25%
            }

.post-placeload {
    background: #fff;
    width: 100%;
    padding: 20px;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    position: relative;
    margin-bottom: 20px
}

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

        .post-placeload .header .img {
            width: 50px;
            min-width: 50px;
            height: 50px;
            border-radius: 50%
        }

        .post-placeload .header .header-content {
            margin-left: 20px;
            width: 100%
        }

            .post-placeload .header .header-content .content-shape:first-child {
                width: 60%
            }

            .post-placeload .header .header-content .content-shape:nth-child(2) {
                width: 40%
            }

    .post-placeload .image-placeholder {
        width: 100%;
        margin-top: 20px;
        height: 350px
    }

    .post-placeload .placeholder-footer {
        position: relative;
        margin-top: 20px;
        width: 100%;
        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
    }

        .post-placeload .placeholder-footer .footer-block {
            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%;
            height: 100%
        }

            .post-placeload .placeholder-footer .footer-block .img {
                width: 40px;
                min-width: 40px;
                height: 40px;
                border-radius: 50%
            }

            .post-placeload .placeholder-footer .footer-block .inner-wrap {
                margin-left: 10px
            }

                .post-placeload .placeholder-footer .footer-block .inner-wrap .content-shape:first-child {
                    width: 32%
                }

                .post-placeload .placeholder-footer .footer-block .inner-wrap .content-shape:nth-child(2) {
                    width: 24%
                }

.stories-placeload,
.list-placeload {
    height: 382px;
    padding: 20px;
    margin-bottom: 20px
}

    .stories-placeload .header,
    .list-placeload .header {
        height: 48px;
        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
    }

        .stories-placeload .header .content-shape,
        .list-placeload .header .content-shape {
            width: 55%
        }

    .stories-placeload .body .flex-block,
    .list-placeload .body .flex-block {
        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;
        height: 76px
    }

        .stories-placeload .body .flex-block .img,
        .list-placeload .body .flex-block .img {
            height: 44px;
            width: 44px;
            min-width: 44px;
            border-radius: 50%
        }

        .stories-placeload .body .flex-block .inner-wrap,
        .list-placeload .body .flex-block .inner-wrap {
            padding: 0 10px
        }

            .stories-placeload .body .flex-block .inner-wrap .content-shape:first-child,
            .list-placeload .body .flex-block .inner-wrap .content-shape:first-child {
                width: 78%
            }

            .stories-placeload .body .flex-block .inner-wrap .content-shape:nth-child(2),
            .list-placeload .body .flex-block .inner-wrap .content-shape:nth-child(2) {
                width: 54%
            }

.mini-widget-placeload {
    height: 323px;
    padding: 20px;
    margin-bottom: 20px
}

    .mini-widget-placeload .body {
        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: 283px
    }

        .mini-widget-placeload .body .img {
            margin-top: -20px;
            height: 50px;
            width: 50px;
            min-width: 45px;
            border-radius: 50%;
            margin: 0 auto 20px auto
        }

        .mini-widget-placeload .body .content-shape {
            margin: 0 auto 12px auto
        }

            .mini-widget-placeload .body .content-shape:nth-child(2) {
                width: 38%
            }

            .mini-widget-placeload .body .content-shape:nth-child(3) {
                width: 88% !important
            }

            .mini-widget-placeload .body .content-shape:nth-child(4) {
                width: 64% !important
            }

        .mini-widget-placeload .body .button-shape {
            margin: 24px auto 0 auto
        }

.weather-widget-placeload {
    height: 450px;
    padding: 20px;
    margin-bottom: 20px
}

    .weather-widget-placeload .header {
        height: 220px;
        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
    }

        .weather-widget-placeload .header .inner-wrap .img {
            height: 60px;
            width: 60px;
            min-width: 45px;
            border-radius: 50%;
            margin: 0 auto 20px auto
        }

        .weather-widget-placeload .header .inner-wrap .content-shape {
            margin: 0 auto 12px auto
        }

            .weather-widget-placeload .header .inner-wrap .content-shape:nth-child(2) {
                width: 44%
            }

            .weather-widget-placeload .header .inner-wrap .content-shape:nth-child(3) {
                width: 88% !important
            }

    .weather-widget-placeload .body {
        height: 170px;
        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
    }

        .weather-widget-placeload .body .inner-wrap .rect {
            height: 85px;
            width: 100%;
            min-width: 100%;
            border-radius: 4px;
            margin: 0 auto 30px auto
        }

        .weather-widget-placeload .body .inner-wrap .content-shape {
            margin: 12px auto
        }

            .weather-widget-placeload .body .inner-wrap .content-shape:nth-child(2) {
                width: 88%
            }

            .weather-widget-placeload .body .inner-wrap .content-shape:nth-child(3) {
                width: 44%
            }

.questions-menu-placeload {
    width: 100%
}

    .questions-menu-placeload .inner-wrap .content-shape {
        height: 22px;
        margin-bottom: 16px
    }

        .questions-menu-placeload .inner-wrap .content-shape:first-child {
            max-width: 90%
        }

        .questions-menu-placeload .inner-wrap .content-shape:nth-child(2) {
            max-width: 50%
        }

        .questions-menu-placeload .inner-wrap .content-shape:nth-child(3) {
            max-width: 65%
        }

        .questions-menu-placeload .inner-wrap .content-shape:nth-child(4) {
            max-width: 20%
        }

.questions-settings-placeload {
    width: 100%
}

    .questions-settings-placeload.is-card {
        padding: 30px;
        margin-top: 30px
    }

        .questions-settings-placeload.is-card .content-shape:nth-child(4) {
            margin-bottom: 0
        }

    .questions-settings-placeload .inner-wrap .content-shape {
        height: 18px;
        margin-bottom: 16px
    }

        .questions-settings-placeload .inner-wrap .content-shape:first-child {
            max-width: 30%
        }

        .questions-settings-placeload .inner-wrap .content-shape:nth-child(2) {
            max-width: 60%
        }

        .questions-settings-placeload .inner-wrap .content-shape:nth-child(3) {
            max-width: 75%
        }

        .questions-settings-placeload .inner-wrap .content-shape:nth-child(4) {
            max-width: 30%
        }

.questions-side-placeload {
    width: 100%;
    padding: 30px;
    margin-bottom: 20px
}

    .questions-side-placeload:last-child {
        margin-bottom: 0
    }

    .questions-side-placeload .inner-wrap .img {
        height: 60px;
        width: 60px;
        min-width: 45px;
        border-radius: 50%;
        margin: 0 auto 20px auto
    }

    .questions-side-placeload .inner-wrap .content-shape {
        height: 14px;
        margin-bottom: 16px
    }

        .questions-side-placeload .inner-wrap .content-shape:nth-child(2) {
            max-width: 70%
        }

        .questions-side-placeload .inner-wrap .content-shape:nth-child(3) {
            max-width: 90%
        }

        .questions-side-placeload .inner-wrap .content-shape:nth-child(4) {
            max-width: 40%;
            margin-bottom: 0
        }

.questions-single-placeload {
    width: 100%
}

    .questions-single-placeload.is-header.is-spaced {
        margin-top: 30px
    }

    .questions-single-placeload.is-header .content-shape:first-child {
        max-width: 70%;
        height: 18px
    }

    .questions-single-placeload.is-card {
        padding: 30px;
        margin-top: 30px
    }

        .questions-single-placeload.is-card .card-head {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 20px
        }

            .questions-single-placeload.is-card .card-head .img {
                height: 40px;
                width: 40px;
                min-width: 40x;
                border-radius: 50%
            }

            .questions-single-placeload.is-card .card-head > .content-shape {
                width: 100%;
                height: 16px;
                max-width: 40%;
                margin: 0 0 0 12px
            }

        .questions-single-placeload.is-card .content-shape {
            margin-bottom: 16px
        }

            .questions-single-placeload.is-card .content-shape.is-body {
                height: 15px
            }

                .questions-single-placeload.is-card .content-shape.is-body:nth-child(2) {
                    max-width: 80%
                }

                .questions-single-placeload.is-card .content-shape.is-body:nth-child(3) {
                    max-width: 95%
                }

                .questions-single-placeload.is-card .content-shape.is-body:nth-child(4) {
                    max-width: 60%
                }

                .questions-single-placeload.is-card .content-shape.is-body:last-child {
                    margin-bottom: 0
                }

.questions-stats-placeload {
    width: 100%
}

    .questions-stats-placeload.is-header {
        margin-bottom: 20px;
        padding: 30px
    }

        .questions-stats-placeload.is-header .inner-wrap {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .questions-stats-placeload.is-header .inner-wrap .img {
                height: 80px;
                width: 80px;
                min-width: 80px;
                border-radius: 50%
            }

            .questions-stats-placeload.is-header .inner-wrap > div {
                width: 100%;
                margin-left: 20px
            }

            .questions-stats-placeload.is-header .inner-wrap .content-shape {
                width: 100%;
                height: 14px;
                max-width: 40%;
                margin-bottom: 12px
            }

                .questions-stats-placeload.is-header .inner-wrap .content-shape:first-child {
                    max-width: 50%
                }

                .questions-stats-placeload.is-header .inner-wrap .content-shape:nth-child(2) {
                    max-width: 30%
                }

                .questions-stats-placeload.is-header .inner-wrap .content-shape:nth-child(3) {
                    max-width: 20%
                }

                .questions-stats-placeload.is-header .inner-wrap .content-shape:last-child {
                    margin-bottom: 0
                }

    .questions-stats-placeload.is-carousel {
        border: none;
        background: none
    }

        .questions-stats-placeload.is-carousel .grid-title {
            padding: 14px 0
        }

            .questions-stats-placeload.is-carousel .grid-title .content-shape {
                height: 16px;
                max-width: 20%
            }

        .questions-stats-placeload.is-carousel .placeload-grid {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

            .questions-stats-placeload.is-carousel .placeload-grid .grid-item {
                margin: 6px;
                width: calc(33% - 12px);
                height: 200px;
                background: #fff;
                border: 1px solid #e5e5e5;
                border-radius: 8px
            }

                .questions-stats-placeload.is-carousel .placeload-grid .grid-item .img {
                    height: 60px;
                    width: 60px;
                    min-width: 60x;
                    border-radius: 50%;
                    margin: 30px auto
                }

                .questions-stats-placeload.is-carousel .placeload-grid .grid-item .shapes .content-shape {
                    margin: 0 auto 10px;
                    height: 12px
                }

                    .questions-stats-placeload.is-carousel .placeload-grid .grid-item .shapes .content-shape:first-child {
                        max-width: 70%
                    }

                    .questions-stats-placeload.is-carousel .placeload-grid .grid-item .shapes .content-shape:nth-child(2) {
                        max-width: 30%
                    }

    .questions-stats-placeload.is-activity {
        border: none;
        background: none;
        margin-top: 20px
    }

        .questions-stats-placeload.is-activity .activity-title {
            padding: 14px 0
        }

            .questions-stats-placeload.is-activity .activity-title .content-shape {
                height: 16px;
                max-width: 20%
            }

        .questions-stats-placeload.is-activity .unit-list {
            padding: 20px 0
        }

            .questions-stats-placeload.is-activity .unit-list .unit {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                padding-left: 12px;
                margin-bottom: 20px;
                margin-top: 10px
            }

                .questions-stats-placeload.is-activity .unit-list .unit:last-child {
                    margin-bottom: 0
                }

                .questions-stats-placeload.is-activity .unit-list .unit .img {
                    height: 44px;
                    width: 44px;
                    min-width: 44px;
                    border-radius: 50%
                }

                .questions-stats-placeload.is-activity .unit-list .unit .unit-meta {
                    width: 100%;
                    margin-left: 20px
                }

                    .questions-stats-placeload.is-activity .unit-list .unit .unit-meta .content-shape {
                        height: 14px
                    }

                        .questions-stats-placeload.is-activity .unit-list .unit .unit-meta .content-shape:first-child {
                            max-width: 60%
                        }

                        .questions-stats-placeload.is-activity .unit-list .unit .unit-meta .content-shape:nth-child(2) {
                            max-width: 30%;
                            height: 12px
                        }

                        .questions-stats-placeload.is-activity .unit-list .unit .unit-meta .content-shape:nth-child(3) {
                            height: 10px;
                            max-width: 20%
                        }

.questions-categories-placeload {
    width: 100%
}

    .questions-categories-placeload .is-tile-placeload {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: #fff;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        padding: 30px
    }

        .questions-categories-placeload .is-tile-placeload.is-card {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .questions-categories-placeload .is-tile-placeload.is-card .img {
                max-width: 160px
            }

            .questions-categories-placeload .is-tile-placeload.is-card .placeload-content {
                margin-top: 0;
                margin-left: 30px;
                width: 100%
            }

                .questions-categories-placeload .is-tile-placeload.is-card .placeload-content .content-shape:first-child {
                    max-width: 80%
                }

                .questions-categories-placeload .is-tile-placeload.is-card .placeload-content .content-shape:nth-child(2) {
                    max-width: 60%
                }

                .questions-categories-placeload .is-tile-placeload.is-card .placeload-content .content-shape:nth-child(3) {
                    max-width: 90%
                }

                .questions-categories-placeload .is-tile-placeload.is-card .placeload-content .content-shape:nth-child(4) {
                    max-width: 40%
                }

        .questions-categories-placeload .is-tile-placeload .img {
            height: 140px;
            width: 100%;
            border-radius: 2px
        }

        .questions-categories-placeload .is-tile-placeload .placeload-content {
            margin-top: 30px
        }

            .questions-categories-placeload .is-tile-placeload .placeload-content .content-shape {
                height: 14px
            }

                .questions-categories-placeload .is-tile-placeload .placeload-content .content-shape:first-child {
                    max-width: 80%
                }

                .questions-categories-placeload .is-tile-placeload .placeload-content .content-shape:nth-child(2) {
                    max-width: 40%
                }


/*! _utils.scss | Friendkit | © Css Ninja. 2020-2021 */

a {
    color: #3f88e3;
    -webkit-transition: all .3s;
    transition: all .3s
}

    a:hover {
        color: #3f88e3
    }

    a.is-inverted {
        color: #5596e6
    }

    a.standard-link {
        color: #039be5;
        text-decoration: underline
    }

var {
    font-style: normal
}

code {
    word-break: break-all
}

.is-disabled {
    pointer-events: none;
    opacity: .4;
    cursor: default !important
}

.no-click {
    pointer-events: none
}

.is-vhidden {
    visibility: hidden !important
}

.is-hidden {
    display: none !important
}

.no-padding {
    padding: 0 !important
}

.no-margin {
    margin: 0 !important
}

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

.mt-10 {
    margin-top: 10px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.has-background-image {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center
}

    .has-background-image.is-top {
        background-position: top !important
    }

    .has-background-image.is-bottom {
        background-position: bottom !important
    }

.has-slimscroll {
    overflow-x: hidden !important
}

    .has-slimscroll::-webkit-scrollbar {
        width: 6px !important
    }

    .has-slimscroll::-webkit-scrollbar-thumb {
        border-radius: 10px !important;
        background: rgba(0, 0, 0, .2) !important
    }

.has-slimscroll-md {
    overflow-x: hidden !important
}

    .has-slimscroll-md::-webkit-scrollbar {
        width: 4px !important
    }

    .has-slimscroll-md::-webkit-scrollbar-thumb {
        border-radius: 10px !important;
        background: rgba(0, 0, 0, .2) !important
    }

.has-slimscroll-xs {
    overflow-x: hidden !important
}

    .has-slimscroll-xs::-webkit-scrollbar {
        width: 2px !important
    }

    .has-slimscroll-xs::-webkit-scrollbar-thumb {
        border-radius: 10px !important;
        background: rgba(0, 0, 0, .2) !important
    }

.checkmark-wrapper .checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #5596e6;
    fill: none;
    -webkit-animation: stroke .6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
    animation: stroke .6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.checkmark-wrapper .checkmark {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 10% auto;
    -webkit-box-shadow: inset 0px 0px 0px #5596e6;
    box-shadow: inset 0px 0px 0px #5596e6;
    -webkit-animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

    .checkmark-wrapper .checkmark.is-small {
        height: 36px;
        width: 36px
    }

    .checkmark-wrapper .checkmark.is-xs {
        height: 24px;
        width: 24px
    }

.checkmark-wrapper .checkmark__check {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    -webkit-animation: stroke .3s cubic-bezier(0.65, 0, 0.45, 1) .8s forwards;
    animation: stroke .3s cubic-bezier(0.65, 0, 0.45, 1) .8s forwards;
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

@-webkit-keyframes stroke {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes scale {
    0%, 100% {
        -webkit-transform: none;
        transform: none
    }

    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1)
    }
}

@keyframes scale {
    0%, 100% {
        -webkit-transform: none;
        transform: none
    }

    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1)
    }
}

@-webkit-keyframes fill {
    100% {
        -webkit-box-shadow: inset 0px 0px 0px 30px #5596e6;
        box-shadow: inset 0px 0px 0px 30px #5596e6
    }
}

@keyframes fill {
    100% {
        -webkit-box-shadow: inset 0px 0px 0px 30px #5596e6;
        box-shadow: inset 0px 0px 0px 30px #5596e6
    }
}

.fancybox-content {
    display: inline-block
}

    .fancybox-content.hidden {
        display: none
    }

.morphing-btn-wrap,
#morphing {
    width: 111.425px
}

@media all and (max-width: 599px) {
    .fancybox-custom-layout .fancybox-stage {
        position: relative;
        height: 240px;
        right: 0;
        left: 0;
        top: 0;
        z-index: 99
    }

    .fancybox-custom-layout .fancybox-slide {
        padding: 0 !important;
        width: calc(100% - 44px) !important
    }

        .fancybox-custom-layout .fancybox-slide .fancybox-content {
            width: 100% !important
        }

            .fancybox-custom-layout .fancybox-slide .fancybox-content img {
                margin: 0 20px !important;
                max-width: calc(100% - 40px) !important;
                -o-object-fit: cover !important;
                object-fit: cover !important
            }

    .fancybox-custom-layout .fancybox-caption {
        width: calc(100% - 44px) !important;
        height: calc(100% - 240px) !important;
        top: 240px !important
    }
}

.fancybox-custom-layout .fancybox-bg {
    background: #5596e6
}

.fancybox-custom-layout .fancybox-slide {
    background: #181e28;
    padding: 0 40px
}

    .fancybox-custom-layout .fancybox-slide img {
        border-radius: 6px
    }

.fancybox-custom-layout .fancybox-custom-layout.fancybox-is-open .fancybox-bg {
    opacity: 1
}

.fancybox-custom-layout .fancybox-caption {
    background: #fff;
    bottom: 0;
    color: #6c6f73;
    left: auto;
    padding: 10px 0;
    right: 44px;
    top: 0;
    width: 350px;
    text-align: left
}

    .fancybox-custom-layout .fancybox-caption:before {
        display: none
    }

    .fancybox-custom-layout .fancybox-caption .fancybox-caption__body {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        padding-bottom: 50px
    }

    .fancybox-custom-layout .fancybox-caption a {
        text-decoration: none
    }

        .fancybox-custom-layout .fancybox-caption a:hover {
            color: #5596e6
        }

    .fancybox-custom-layout .fancybox-caption .comment-controls {
        position: absolute;
        bottom: 0;
        left: 0;
        background: #fbfbfc;
        height: 50px;
        width: 100%;
        border-radius: 0 0 6px 0;
        border-top: 1px solid #dee2e5
    }

        .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 100%;
            height: 100%;
            padding: 0 16px
        }

            .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner img {
                height: 32px;
                width: 32px;
                border-radius: 50%
            }

            .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .control {
                position: relative;
                width: 100%
            }

                .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .control .textarea,
                .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .control .emojionearea-editor {
                    resize: none;
                    height: 36px;
                    max-height: 36px;
                    min-height: 36px;
                    border-radius: 100px;
                    overflow: hidden;
                    line-height: 1.6;
                    font-size: .8rem;
                    padding-left: 16px;
                    margin: 0 6px;
                    text-align: left
                }

                .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .control .emoji-button {
                    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;
                    background: none;
                    border: none;
                    outline: none;
                    -webkit-transition: all .3s;
                    transition: all .3s;
                    cursor: pointer
                }

                    .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .control .emoji-button:hover svg {
                        stroke: #3d70b2
                    }

                    .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .control .emoji-button svg {
                        height: 16px;
                        width: 16px;
                        stroke: #a2a5b9;
                        -webkit-transition: all .3s;
                        transition: all .3s
                    }

            .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .emojionearea-editor {
                padding-left: 0 !important
            }

                .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .emojionearea-editor img {
                    height: 18px;
                    width: 18px;
                    min-height: 18px;
                    max-height: 18px
                }

            .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .emojionearea {
                overflow: visible !important
            }

            .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .emojionearea-picker {
                top: -230px;
                position: absolute;
                left: -50px;
                width: 310px
            }

                .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .emojionearea-picker .emojionearea-wrapper {
                    width: 310px
                }

                    .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .emojionearea-picker .emojionearea-wrapper img {
                        height: 22px;
                        width: 22px;
                        min-height: 22px;
                        max-height: 22px
                    }

            .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .emojionearea-scroll-area {
                width: 310px
            }

            .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .emojionearea .emojionearea-button > div.emojionearea-button-open {
                background-position: 0 -22px
            }

            .fancybox-custom-layout .fancybox-caption .comment-controls .controls-inner .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn {
                width: 24px !important;
                height: 24px !important
            }

    .fancybox-custom-layout .fancybox-caption .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;
        padding: 12px;
        width: 100%
    }

        .fancybox-custom-layout .fancybox-caption .header img {
            height: 42px;
            width: 42px;
            border-radius: 50%
        }

        .fancybox-custom-layout .fancybox-caption .header .user-meta {
            margin: 0 10px
        }

            .fancybox-custom-layout .fancybox-caption .header .user-meta span {
                display: block
            }

                .fancybox-custom-layout .fancybox-caption .header .user-meta span:first-child {
                    font-size: .9rem;
                    font-weight: 500
                }

                    .fancybox-custom-layout .fancybox-caption .header .user-meta span:first-child small {
                        color: #999
                    }

                .fancybox-custom-layout .fancybox-caption .header .user-meta span:nth-child(2) {
                    text-align: left;
                    font-size: .8rem;
                    color: #999
                }

        .fancybox-custom-layout .fancybox-caption .header .button {
            line-height: 0;
            margin-left: auto;
            padding: 14px 18px
        }

        .fancybox-custom-layout .fancybox-caption .header .dropdown .button {
            padding: 18px 6px;
            border: none;
            background: transparent
        }

            .fancybox-custom-layout .fancybox-caption .header .dropdown .button svg {
                height: 18px;
                width: 18px
            }

        .fancybox-custom-layout .fancybox-caption .header .dropdown .dropdown-menu {
            margin-top: 10px
        }

    .fancybox-custom-layout .fancybox-caption .inner-content {
        padding: 12px
    }

        .fancybox-custom-layout .fancybox-caption .inner-content .control {
            width: 100%
        }

            .fancybox-custom-layout .fancybox-caption .inner-content .control input {
                padding-left: 34px
            }

                .fancybox-custom-layout .fancybox-caption .inner-content .control input:focus + .icon svg {
                    stroke: #5596e6
                }

            .fancybox-custom-layout .fancybox-caption .inner-content .control .icon {
                position: absolute;
                top: 0;
                left: 0;
                height: 32px;
                width: 32px;
                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
            }

                .fancybox-custom-layout .fancybox-caption .inner-content .control .icon svg {
                    height: 18px;
                    width: 18px;
                    stroke: #cecece;
                    -webkit-transition: all .3s;
                    transition: all .3s
                }

    .fancybox-custom-layout .fancybox-caption .live-stats {
        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;
        padding: 0 0 20px 0;
        border-bottom: 1px solid #e8e8e8
    }

        .fancybox-custom-layout .fancybox-caption .live-stats .social-count {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            align-items: stretch
        }

            .fancybox-custom-layout .fancybox-caption .live-stats .social-count .shares-count,
            .fancybox-custom-layout .fancybox-caption .live-stats .social-count .comments-count,
            .fancybox-custom-layout .fancybox-caption .live-stats .social-count .likes-count,
            .fancybox-custom-layout .fancybox-caption .live-stats .social-count .views-count {
                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;
                margin: 0 3px
            }

                .fancybox-custom-layout .fancybox-caption .live-stats .social-count .shares-count span,
                .fancybox-custom-layout .fancybox-caption .live-stats .social-count .comments-count span,
                .fancybox-custom-layout .fancybox-caption .live-stats .social-count .likes-count span,
                .fancybox-custom-layout .fancybox-caption .live-stats .social-count .views-count span {
                    display: block;
                    font-size: .8rem;
                    color: #888da8;
                    margin: 0 5px
                }

                    .fancybox-custom-layout .fancybox-caption .live-stats .social-count .shares-count span.views,
                    .fancybox-custom-layout .fancybox-caption .live-stats .social-count .comments-count span.views,
                    .fancybox-custom-layout .fancybox-caption .live-stats .social-count .likes-count span.views,
                    .fancybox-custom-layout .fancybox-caption .live-stats .social-count .views-count span.views {
                        margin: 0 2px
                    }

                .fancybox-custom-layout .fancybox-caption .live-stats .social-count .shares-count svg,
                .fancybox-custom-layout .fancybox-caption .live-stats .social-count .comments-count svg,
                .fancybox-custom-layout .fancybox-caption .live-stats .social-count .likes-count svg,
                .fancybox-custom-layout .fancybox-caption .live-stats .social-count .views-count svg {
                    height: 14px;
                    width: 14px;
                    stroke: #888da8
                }

    .fancybox-custom-layout .fancybox-caption .actions {
        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;
        padding: 12px 0 0 0
    }

        .fancybox-custom-layout .fancybox-caption .actions .action {
            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
        }

            .fancybox-custom-layout .fancybox-caption .actions .action span {
                display: block;
                font-size: .8rem;
                margin: 0 4px;
                -webkit-transition: all .3s;
                transition: all .3s
            }

            .fancybox-custom-layout .fancybox-caption .actions .action svg {
                height: 16px;
                width: 16px;
                stroke: #888da8;
                -webkit-transition: all .3s;
                transition: all .3s
            }

            .fancybox-custom-layout .fancybox-caption .actions .action:hover span {
                color: #5596e6
            }

            .fancybox-custom-layout .fancybox-caption .actions .action:hover svg {
                stroke: #5596e6
            }

    .fancybox-custom-layout .fancybox-caption .comments-list {
        background: #f5f6f7;
        height: calc(100% - 162px);
        padding: 20px 14px;
        overflow-y: auto
    }

        .fancybox-custom-layout .fancybox-caption .comments-list .is-comment {
            border: none !important;
            padding-top: 0 !important
        }

            .fancybox-custom-layout .fancybox-caption .comments-list .is-comment.is-nested {
                margin-left: 40px
            }

            .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-left {
                margin-right: 10px
            }

                .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-left img {
                    border-radius: 50%
                }

            .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-content {
                background: #fff;
                padding: 12px;
                border-radius: 8px
            }

                .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-content .username {
                    font-size: .8rem;
                    font-weight: 500
                }

                .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-content p {
                    font-size: .75rem;
                    color: #999
                }

                .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-content .comment-actions {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    padding-top: 8px
                }

                    .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-content .comment-actions span,
                    .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-content .comment-actions a {
                        display: block;
                        font-size: .75rem
                    }

                    .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-content .comment-actions span {
                        margin: 0 10px;
                        color: #999
                    }

                    .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-content .comment-actions .likes-count {
                        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;
                        margin-left: auto
                    }

                        .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-content .comment-actions .likes-count span {
                            display: block;
                            font-size: .75rem;
                            color: #888da8;
                            margin: 0 5px
                        }

                            .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-content .comment-actions .likes-count span.views {
                                margin: 0 2px
                            }

                        .fancybox-custom-layout .fancybox-caption .comments-list .is-comment .media-content .comment-actions .likes-count svg {
                            height: 12px;
                            width: 12px;
                            stroke: #888da8
                        }

.fancybox-custom-layout .fancybox-stage {
    right: 394px
}

.fancybox-custom-layout .fancybox-toolbar {
    background: #5596e6;
    bottom: 0;
    left: auto;
    right: 0;
    top: 0;
    width: 44px
}

.fancybox-custom-layout .fancybox-button {
    background: transparent
}

    .fancybox-custom-layout .fancybox-button div {
        padding: 2px
    }

    .fancybox-custom-layout .fancybox-button[disabled] {
        color: #fff
    }

    .fancybox-custom-layout .fancybox-button:not([disabled]) {
        color: #fff
    }

.fancybox-custom-layout .fancybox-button--arrow_right {
    right: 308px
}

@media only screen and (min-width: 600px) {
    .tabs.is-boxed li.is-active a {
        border-color: #e8e8e8
    }
}

.subloader {
    position: fixed;
    top: 107px;
    left: 0;
    height: calc(100% - 107px);
    width: 100%;
    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;
    z-index: -1;
    -webkit-transition: all .3s;
    transition: all .3s
}

    .subloader.is-active {
        opacity: 1;
        z-index: 8
    }

    .subloader.is-grey {
        background: #f4f4f4
    }

    .subloader.is-white {
        background: #fff
    }

    .subloader .loader {
        height: 5rem;
        width: 5rem
    }

pre {
    background-color: transparent !important;
    color: unset;
    font-size: .875em;
    overflow-x: auto;
    padding: 0 !important;
    white-space: pre;
    word-wrap: normal
}

.hljs {
    display: block;
    overflow-x: auto;
    font-size: .875em;
    padding: 1.5em;
    background: #344258;
    overflow-x: auto;
    white-space: pre;
    border-radius: 8px;
    color: #fff
}

.hljs-name,
.hljs-strong {
    font-weight: bold;
    color: #4fc1ea
}

.hljs-code,
.hljs-emphasis {
    font-style: italic
}

.hljs-tag {
    color: #909090
}

.hljs-variable,
.hljs-template-variable,
.hljs-selector-id,
.hljs-selector-class {
    color: #ade5fc
}

.hljs-string,
.hljs-bullet {
    color: #f39200 !important
}

.hljs-type,
.hljs-title,
.hljs-section,
.hljs-attribute,
.hljs-quote,
.hljs-built_in,
.hljs-builtin-name {
    color: #ffa
}

.hljs-attr {
    color: #68bb88
}

.hljs-number,
.hljs-symbol,
.hljs-bullet {
    color: #d36363
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-literal {
    color: #fcc28c
}

.hljs-comment,
.hljs-deletion,
.hljs-code {
    color: #888
}

.hljs-regexp,
.hljs-link {
    color: #c6b4f0
}

.hljs-meta {
    color: #fc9b9b
}

.hljs-deletion {
    background-color: #fc9b9b;
    color: #333
}

.hljs-addition {
    background-color: #a2fca2;
    color: #333
}

.hljs a {
    color: inherit
}

    .hljs a:focus,
    .hljs a:hover {
        color: inherit;
        text-decoration: underline
    }

#message {
    top: -200px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.fancybox-slide--current #message {
    top: 0
}

.fancybox-is-closing #message {
    top: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

@media all and (min-width: 600px) {
    .element-block .fancybox-custom-layout .fancybox-bg {
        background: #fcfaf9
    }

    .element-block .fancybox-custom-layout.fancybox-is-open .fancybox-bg {
        opacity: 1
    }

    .element-block .fancybox-custom-layout .fancybox-caption {
        background: #f1ecec;
        bottom: 0;
        color: #6c6f73;
        left: auto;
        padding: 30px 20px;
        right: 44px;
        top: 0;
        width: 256px
    }

        .element-block .fancybox-custom-layout .fancybox-caption h3 {
            color: #444;
            font-size: 21px;
            line-height: 1.3;
            margin-bottom: 24px
        }

        .element-block .fancybox-custom-layout .fancybox-caption a {
            color: #444
        }

        .element-block .fancybox-custom-layout .fancybox-caption::before {
            display: none
        }

    .element-block .fancybox-custom-layout .fancybox-stage {
        right: 300px
    }

    .element-block .fancybox-custom-layout .fancybox-toolbar {
        background: #3b3b45;
        bottom: 0;
        left: auto;
        right: 0;
        top: 0;
        width: 44px
    }

    .element-block .fancybox-custom-layout .fancybox-button {
        background: transparent
    }

    .element-block .fancybox-custom-layout .fancybox-navigation .fancybox-button div {
        padding: 6px;
        background: #fcfaf9;
        border-radius: 50%;
        -webkit-transition: opacity .2s;
        transition: opacity .2s;
        -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
        box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
        opacity: .7
    }

    .element-block .fancybox-custom-layout .fancybox-navigation .fancybox-button:not([disabled]):hover div {
        opacity: 1
    }

    .element-block .fancybox-custom-layout .fancybox-navigation .fancybox-button[disabled] {
        color: #999
    }

    .element-block .fancybox-custom-layout .fancybox-navigation .fancybox-button:not([disabled]) {
        color: #333
    }

    .element-block .fancybox-custom-layout .fancybox-button--arrow_right {
        right: 308px
    }
}

.morphing-btn-wrap {
    display: inline-block;
    position: relative;
    text-align: center
}

.morphing-btn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background .3s, color .2s .2s, width .2s 0s;
    -webkit-transition: color .3s .2s, width .2s 0s;
    transition: color .3s .2s, width .2s 0s;
    white-space: nowrap
}

.morphing-btn_circle {
    color: transparent !important;
    padding-left: 0;
    padding-right: 0;
    -webkit-transition: color .2s 0s, width .3s .2s;
    transition: color .2s 0s, width .3s .2s;
    width: 35.6px !important
}

.morphing-btn-clone {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /*background: #3d70b2;*/
    border-radius: 50%;
    position: fixed;
    -webkit-transition: all .5s cubic-bezier(0.65, 0.05, 0.36, 1);
    transition: all .5s cubic-bezier(0.65, 0.05, 0.36, 1);
    z-index: 3
}

.morphing-btn-clone_visible {
    display: block;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important
}

.fancybox-morphing .fancybox-bg {
    background: #3d70b2;
    opacity: 1
}

.fancybox-morphing .fancybox-toolbar {
    right: 40px;
    top: 20px
}

.fancybox-morphing .fancybox-button--close {
    background: rgba(0, 0, 0, .2);
    border-radius: 50%;
    color: #fff
}

    .fancybox-morphing .fancybox-button--close:hover {
        background: rgba(0, 0, 0, .25)
    }

#morphing-content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: transparent;
    line-height: 2;
    margin: 0;
    padding: 6em 10vw;
    position: relative;
    z-index: 3
}

    #morphing-content * {
        color: #fff
    }

.fc-container .fancybox-bg {
    background: #eee
}

.fancybox-is-open.fc-container .fancybox-bg {
    opacity: .95
}

.fc-content {
    -webkit-box-shadow: 10px 10px 60px -25px;
    box-shadow: 10px 10px 60px -25px;
    max-width: 550px
}

.fancybox-fx-material.fancybox-slide--previous,
.fancybox-fx-material.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translateY(-60px) scale(1.1);
    transform: translateY(-60px) scale(1.1)
}

.fancybox-fx-material.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1)
}

.quick-view-container {
    background: rgba(10, 10, 10, .85)
}

.quick-view-content {
    bottom: 0;
    height: calc(100% - 40px);
    left: 0;
    margin: auto;
    max-height: 650px;
    max-width: 980px;
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100% - 40px)
}

.quick-view-carousel {
    background: #fff;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 57%
}

    .quick-view-carousel .fancybox-stage {
        bottom: 30px
    }

.quick-view-aside {
    background: #fff;
    bottom: 30px;
    color: #777;
    left: auto;
    padding: 50px 0 30px 0;
    position: absolute;
    right: 0;
    top: 30px;
    width: 43%
}

    .quick-view-aside::before,
    .quick-view-aside::after {
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        top: 0
    }

    .quick-view-aside::before {
        background: #f4f4f4;
        width: 8px
    }

    .quick-view-aside::after {
        background: #e9e9e9;
        width: 1px
    }

    .quick-view-aside > div {
        height: 100%;
        overflow: auto;
        padding: 5vh 30px 0 30px;
        text-align: center
    }

        .quick-view-aside > div > p {
            font-size: 90%
        }

.quick-view-close {
    background: #f0f0f0;
    border: 0;
    color: #222;
    cursor: pointer;
    font-family: Arial;
    font-size: 14px;
    height: 44px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-indent: -99999px;
    top: 30px;
    -webkit-transition: all .2s;
    transition: all .2s;
    width: 44px
}

    .quick-view-close:hover {
        background: #e4e4e4
    }

    .quick-view-close::before,
    .quick-view-close::after {
        background-color: #222;
        content: "";
        height: 18px;
        left: 22px;
        position: absolute;
        top: 12px;
        width: 1px
    }

    .quick-view-close:before {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .quick-view-close:after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.quick-view-bullets {
    bottom: 0;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-align: center;
    width: 100%;
    z-index: 99999
}

    .quick-view-bullets li {
        display: inline-block;
        vertical-align: top
    }

        .quick-view-bullets li a {
            display: block;
            height: 30px;
            position: relative;
            width: 20px
        }

            .quick-view-bullets li a span {
                background: #d4d2d2;
                border-radius: 99px;
                height: 10px;
                left: 50%;
                overflow: hidden;
                position: absolute;
                text-indent: -99999px;
                top: 50%;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                width: 10px
            }

        .quick-view-bullets li.active a span {
            background: #ff4453
        }

.hopscotch-bubble {
    border: 1px solid #e8e8e8 !important;
    -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06) !important;
    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06) !important;
    border-radius: 2px !important
}

    .hopscotch-bubble .hopscotch-bubble-container {
        background: #fff !important;
        position: relative !important;
        z-index: 2 !important
    }

        .hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-next {
            height: 32px;
            min-width: 80px;
            background: #fff;
            color: #393a4f;
            border-radius: 100px;
            border-color: #cecece;
            text-shadow: none !important;
            -webkit-transition: all .3s;
            transition: all .3s
        }

            .hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-next:hover {
                background: #5596e6;
                -webkit-box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important;
                box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important;
                border-color: #5596e6;
                color: #fff
            }

    .hopscotch-bubble .hopscotch-arrow.down .hopscotch-bubble-arrow-border {
        position: relative !important;
        top: -6px !important;
        border-top: 17px solid #dbdbdb !important
    }

    .hopscotch-bubble .hopscotch-arrow.up .hopscotch-bubble-arrow-border {
        position: relative !important;
        top: 6px !important;
        border-bottom: 17px solid #dbdbdb !important
    }

    .hopscotch-bubble .hopscotch-arrow.right .hopscotch-bubble-arrow-border {
        position: relative !important;
        left: -6px !important;
        border-left: 17px solid #dbdbdb !important
    }

    .hopscotch-bubble .hopscotch-arrow.left .hopscotch-bubble-arrow-border {
        position: relative !important;
        right: -6px !important;
        border-right: 17px solid #dbdbdb !important
    }

.hopscotch-highlight {
    position: relative !important;
    z-index: 1001 !important
}

@-webkit-keyframes scaleAnimation {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scaleAnimation {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes drawCircle {
    0% {
        stroke-dashoffset: 151px
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes drawCircle {
    0% {
        stroke-dashoffset: 151px
    }

    100% {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes drawCheck {
    0% {
        stroke-dashoffset: 36px
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes drawCheck {
    0% {
        stroke-dashoffset: 36px
    }

    100% {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

#successAnimationCircle {
    stroke-dasharray: 151px 151px;
    stroke: #41d6c3
}

#successAnimationCheck {
    stroke-dasharray: 36px 36px;
    stroke: #41d6c3
}

#successAnimationResult {
    fill: #41d6c3;
    opacity: 0
}

#successAnimation.animated {
    -webkit-animation: 1s ease-out 0s 1 both scaleAnimation;
    animation: 1s ease-out 0s 1 both scaleAnimation
}

    #successAnimation.animated #successAnimationCircle {
        -webkit-animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCircle, .3s linear .9s 1 both fadeOut;
        animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCircle, .3s linear .9s 1 both fadeOut
    }

    #successAnimation.animated #successAnimationCheck {
        -webkit-animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCheck, .3s linear .9s 1 both fadeOut;
        animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCheck, .3s linear .9s 1 both fadeOut
    }

    #successAnimation.animated #successAnimationResult {
        -webkit-animation: .3s linear .9s both fadeIn;
        animation: .3s linear .9s both fadeIn
    }

.page-placeholder {
    min-height: 520px;
    width: 100%;
    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;
    padding: 0 20px
}

    .page-placeholder.is-wider .placeholder-content > p {
        font-size: 1rem;
        max-width: 420px
    }

    .page-placeholder .placeholder-content {
        text-align: center
    }

        .page-placeholder .placeholder-content img {
            display: block;
            max-width: 340px;
            margin: 0 auto 12px auto
        }

            .page-placeholder .placeholder-content img.is-larger {
                max-width: 440px
            }

        .page-placeholder .placeholder-content h3 {
            font-size: 1.3rem;
            font-weight: 600;
            font-family: "Montserrat", sans-serif;
            color: #393a4f
        }

        .page-placeholder .placeholder-content p {
            font-size: 1.1rem;
            max-width: 440px;
            margin: 0 auto 12px auto;
            color: #a2a5b9
        }

            .page-placeholder .placeholder-content p.is-large {
                max-width: 540px
            }

            .page-placeholder .placeholder-content p.is-larger {
                max-width: 620px
            }

        .page-placeholder .placeholder-content .btn {
            margin-bottom: 8px
        }

body.is-dark .page-placeholder .placeholder-content h3 {
    color: #fff
}

@media(max-width: 767px) {
    .page-placeholder .placeholder-content img {
        max-width: 280px
    }
}

.error-container .error-wrapper {
    max-width: 840px;
    margin: 0 auto;
    padding-top: 40px
}

    .error-container .error-wrapper .error-inner {
        position: relative;
        max-width: 540px;
        margin: 0 auto
    }

        .error-container .error-wrapper .error-inner .bg-number {
            font-family: "Roboto", sans-serif;
            position: absolute;
            top: -58px;
            left: -100px;
            right: 0;
            margin: 0 auto;
            font-size: 28rem;
            font-weight: 600;
            opacity: .15;
            z-index: 0
        }

        .error-container .error-wrapper .error-inner img,
        .error-container .error-wrapper .error-inner h3,
        .error-container .error-wrapper .error-inner p,
        .error-container .error-wrapper .error-inner .button-wrap {
            position: relative;
            z-index: 1
        }

        .error-container .error-wrapper .error-inner img {
            display: block;
            max-width: 100%;
            margin: 0 auto
        }

        .error-container .error-wrapper .error-inner h3 {
            font-size: 1.5rem;
            font-family: "Montserrat", sans-serif;
            color: #393a4f;
            font-weight: 600;
            margin-top: 10px
        }

        .error-container .error-wrapper .error-inner p {
            font-family: "Roboto", sans-serif;
            font-size: 1.1rem;
            color: #a2a5b9;
            margin-bottom: 16px
        }

        .error-container .error-wrapper .error-inner .button-wrap .button {
            min-width: 220px;
            min-height: 50px
        }

body.is-dark .error-container .error-wrapper .error-inner .bg-number {
    opacity: .9
}

body.is-dark .error-container .error-wrapper .error-inner h3 {
    color: #fff
}

.avatar-wrap {
    position: relative;
    display: inline-block;
    vertical-align: bottom
}

    .avatar-wrap .avatar {
        width: 32px;
        min-width: 32px;
        height: 32px;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 50%
    }

        .avatar-wrap .avatar.is-squared {
            border-radius: 10px !important
        }


/*! all.scss | Friendkit | © Css Ninja. 2020-2021 */


/*! _chat.scss | Friendkit | © Css Ninja. 2020-2021 */

.chat-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    pointer-events: none;
    z-index: -1;
    -webkit-transition: all .3s;
    transition: all .3s
}

    .chat-wrapper.is-active,
    .chat-wrapper.is-standalone {
        pointer-events: all !important;
        z-index: 1000 !important;
        opacity: 1 !important;
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important
    }

        .chat-wrapper.is-standalone .chat-inner .chat-nav .close-chat {
            display: none !important
        }

    .chat-wrapper .chat-inner {
        position: relative;
        height: 100%;
        width: 100%
    }

        .chat-wrapper .chat-inner .chat-nav {
            position: absolute;
            top: 0;
            left: 60px;
            width: calc(100% - 60px);
            height: 60px;
            background: #fff;
            border-bottom: 1px solid #e0e0e0;
            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;
            padding: 0 16px;
            z-index: 99
        }

            .chat-wrapper .chat-inner .chat-nav .nav-start {
                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
            }

                .chat-wrapper .chat-inner .chat-nav .nav-start .recipient-block {
                    display: inherit;
                    -webkit-box-pack: inherit;
                    -ms-flex-pack: inherit;
                    justify-content: inherit;
                    -webkit-box-align: inherit;
                    -ms-flex-align: inherit;
                    align-items: inherit
                }

                    .chat-wrapper .chat-inner .chat-nav .nav-start .recipient-block .avatar-container {
                        position: relative;
                        height: 46px;
                        width: 46px;
                        border: 2px solid transparent
                    }

                        .chat-wrapper .chat-inner .chat-nav .nav-start .recipient-block .avatar-container .user-avatar {
                            border-radius: 50%
                        }

                    .chat-wrapper .chat-inner .chat-nav .nav-start .recipient-block .username {
                        margin-left: 8px
                    }

                        .chat-wrapper .chat-inner .chat-nav .nav-start .recipient-block .username span {
                            display: block
                        }

                            .chat-wrapper .chat-inner .chat-nav .nav-start .recipient-block .username span:first-child {
                                font-weight: 500;
                                color: #757a91
                            }

                            .chat-wrapper .chat-inner .chat-nav .nav-start .recipient-block .username span:nth-child(2) {
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-box-align: center;
                                -ms-flex-align: center;
                                align-items: center
                            }

                                .chat-wrapper .chat-inner .chat-nav .nav-start .recipient-block .username span:nth-child(2) svg {
                                    height: 14px;
                                    width: 14px;
                                    stroke: #888da8;
                                    margin-right: 4px
                                }

                                .chat-wrapper .chat-inner .chat-nav .nav-start .recipient-block .username span:nth-child(2) span {
                                    font-size: .9rem;
                                    color: #888da8
                                }

            .chat-wrapper .chat-inner .chat-nav .nav-end {
                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
            }

                .chat-wrapper .chat-inner .chat-nav .nav-end .dropdown {
                    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: 32px;
                    width: 32px
                }

                .chat-wrapper .chat-inner .chat-nav .nav-end .chat-nav-item.is-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: 32px;
                    width: 32px
                }

                    .chat-wrapper .chat-inner .chat-nav .nav-end .chat-nav-item.is-icon:last-child {
                        margin-right: 4px
                    }

                    .chat-wrapper .chat-inner .chat-nav .nav-end .chat-nav-item.is-icon svg {
                        height: 20px;
                        width: 20px;
                        stroke: #a2a5b9
                    }

                .chat-wrapper .chat-inner .chat-nav .nav-end .chat-nav-item.close-chat {
                    border-radius: 50%
                }

                    .chat-wrapper .chat-inner .chat-nav .nav-end .chat-nav-item.close-chat:hover {
                        background: #f0f0f0
                    }

                        .chat-wrapper .chat-inner .chat-nav .nav-end .chat-nav-item.close-chat:hover svg {
                            stroke: #757a91
                        }

                .chat-wrapper .chat-inner .chat-nav .nav-end .chat-search {
                    margin: 0 8px
                }

                    .chat-wrapper .chat-inner .chat-nav .nav-end .chat-search .input:focus {
                        border-color: #5596e6;
                        -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06) !important;
                        box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06) !important
                    }

                        .chat-wrapper .chat-inner .chat-nav .nav-end .chat-search .input:focus + .form-icon svg {
                            stroke: #5596e6
                        }

        .chat-wrapper .chat-inner .users-sidebar {
            position: absolute;
            top: 0;
            left: 0;
            width: 60px;
            height: 100%;
            background: #fff;
            border-right: 1px solid #e0e0e0
        }

            .chat-wrapper .chat-inner .users-sidebar .header-item,
            .chat-wrapper .chat-inner .users-sidebar .user-item,
            .chat-wrapper .chat-inner .users-sidebar .footer-item {
                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: 60px;
                width: 60px
            }

                .chat-wrapper .chat-inner .users-sidebar .header-item img {
                    height: 38px !important;
                    width: 38px !important
                }

            .chat-wrapper .chat-inner .users-sidebar .conversations-list {
                height: calc(100% - 120px);
                overflow-y: auto
            }

            .chat-wrapper .chat-inner .users-sidebar .user-item {
                cursor: pointer
            }

                .chat-wrapper .chat-inner .users-sidebar .user-item.is-active {
                    background: #f5f5f5
                }

                    .chat-wrapper .chat-inner .users-sidebar .user-item.is-active .user-status {
                        border-color: #f5f5f5 !important
                    }
                    .chat-wrapper .chat-inner .users-sidebar .message-count {
                        left: 0;
                        position: absolute;
                        top: -4px;
                        right: -1px;
                        height: 17px;
                        width: 17px;
                        border-radius: 50%;
                        background: #999;
                        border: 2px solid #fff;
                        padding: 0;
                        te: ce;
                        font-size: x-small;
                        text-align: center;
                    }

                .chat-wrapper .chat-inner .users-sidebar .user-item:hover {
                    background: #ededed
                }

                .chat-wrapper .chat-inner .users-sidebar .user-item .avatar-container {
                    position: relative;
                    height: 38px;
                    width: 38px;
                    border: 2px solid transparent
                }

                    .chat-wrapper .chat-inner .users-sidebar .user-item .avatar-container .user-avatar {
                        border-radius: 50%
                    }

                    .chat-wrapper .chat-inner .users-sidebar .user-item .avatar-container .user-status {
                        position: absolute;
                        top: -3px;
                        right: -1px;
                        height: 12px;
                        width: 12px;
                        border-radius: 50%;
                        background: #999;
                        border: 2px solid #fff
                    }

                        .chat-wrapper .chat-inner .users-sidebar .user-item .avatar-container .user-status.is-online {
                            background: #41d6c3
                        }

                        .chat-wrapper .chat-inner .users-sidebar .user-item .avatar-container .user-status.is-busy {
                            background: #3d70b2
                        }

                        .chat-wrapper .chat-inner .users-sidebar .user-item .avatar-container .user-status.is-away {
                            background: #a2a5b9
                        }

            .chat-wrapper .chat-inner .users-sidebar .footer-item {
                position: absolute;
                bottom: 0;
                left: 0
            }

                .chat-wrapper .chat-inner .users-sidebar .footer-item .add-button {
                    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: 42px;
                    min-height: 42px;
                    width: 42px;
                    max-width: 42px;
                    margin: 0 auto;
                    border: 1.8px dashed #999;
                    border-radius: 50%;
                    -webkit-transition: all .3s;
                    transition: all .3s;
                    cursor: pointer
                }

                    .chat-wrapper .chat-inner .users-sidebar .footer-item .add-button:hover {
                        border: 1.8px solid #3d70b2
                    }

                        .chat-wrapper .chat-inner .users-sidebar .footer-item .add-button:hover svg {
                            stroke: #3d70b2
                        }

                    .chat-wrapper .chat-inner .users-sidebar .footer-item .add-button svg {
                        height: 18px;
                        width: 18px;
                        stroke: #999;
                        -webkit-transition: inherit;
                        transition: inherit
                    }

        .chat-wrapper .chat-inner .chat-body {
            position: absolute;
            bottom: 0;
            left: 60px;
            height: 100%;
            width: calc(100% - 60px);
            background: #f0f0f0;
            -webkit-transition: all .3s;
            transition: all .3s
        }

            

               

            .chat-wrapper .chat-inner .chat-body .chat-body-inner {
                position: relative;
                width: 100%;
                height: calc(100% - 60px);
                margin-top: 60px;
                padding: 20px 80px 60px 80px;
                overflow-y: auto;
                -webkit-animation-name: fadeInLeft;
                animation-name: fadeInLeft;
                -webkit-animation-duration: .5s;
                animation-duration: .5s
            }

                .chat-wrapper .chat-inner .chat-body .chat-body-inner .date-divider {
                    position: relative;
                    margin-bottom: 40px;
                    margin-top: 20px
                }

                    .chat-wrapper .chat-inner .chat-body .chat-body-inner .date-divider hr {
                        margin: 10px 0;
                        background: #ccc;
                        height: 1px
                    }

                    .chat-wrapper .chat-inner .chat-body .chat-body-inner .date-divider .date-divider-text {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        padding: 5px 10px;
                        background-color: #f0f0f0;
                        color: #ccc;
                        font-size: 13px;
                        font-weight: 500;
                        text-transform: uppercase;
                        -webkit-transform: translate(-50%, -50%);
                        transform: translate(-50%, -50%)
                    }

                .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: start;
                    -ms-flex-align: start;
                    align-items: flex-start;
                    margin-bottom: 30px
                }

                    .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message img {
                        display: block;
                        height: 42px;
                        width: 42px;
                        border-radius: 50%
                    }

                    .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message .message-block span {
                        display: block;
                        width: 100%;
                        font-size: .8rem;
                        color: #999
                    }

                    .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message .message-block .message-text {
                        position: relative;
                        display: block;
                        width: auto;
                        max-width: 320px;
                        padding: 10px;
                        border-radius: 3px;
                        font-size: .9rem
                    }

                        .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message .message-block .message-text:before {
                            position: absolute;
                            display: block;
                            content: "";
                            top: 0;
                            width: 0;
                            height: 0;
                            border-left: 5px solid transparent;
                            border-right: 5px solid transparent
                        }

                    .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-sent {
                        -webkit-box-orient: horizontal;
                        -webkit-box-direction: reverse;
                        -ms-flex-direction: row-reverse;
                        flex-direction: row-reverse
                    }

                        .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-sent img {
                            margin-left: 20px
                        }

                        .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-sent .message-block .message-text {
                            color: #757a91;
                            background-color: #fff
                        }

                            .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-sent .message-block .message-text:before {
                                right: -5px;
                                border-top: 5px solid #fff
                            }

                        .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-sent + .is-sent {
                            margin-top: -16px !important
                        }

                            .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-sent + .is-sent img {
                                visibility: hidden
                            }

                    .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-received img {
                        margin-right: 20px
                    }

                    .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-received .message-block span {
                        text-align: right
                    }

                    .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-received .message-block .message-text {
                        color: #fafafa;
                        background-color: #5082c3
                    }

                        .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-received .message-block .message-text:before {
                            left: -5px;
                            border-top: 5px solid #5082c3
                        }

                    .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-received + .is-received {
                        margin-top: -16px !important
                    }

                        .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-received + .is-received img {
                            visibility: hidden
                        }

        .chat-wrapper .chat-inner .chat-action {
            position: fixed;
            bottom: 0;
            left: 60px;
            width: calc(100% - 60px);
            height: 60px;
            padding: 0 40px;
            background: #f0f0f0
        }

            .chat-wrapper .chat-inner .chat-action .chat-action-inner {
                position: relative;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                height: 100%;
                width: 100%
            }

                .chat-wrapper .chat-inner .chat-action .chat-action-inner .control {
                    position: relative;
                    width: 100%
                }

                    .chat-wrapper .chat-inner .chat-action .chat-action-inner .control .textarea {
                        resize: none;
                        height: 44px;
                        max-height: 44px;
                        min-height: 44px;
                        line-height: 2.1;
                        padding: 5px 9px;
                        padding-left: 10px;
                        -webkit-transition: all .3s;
                        transition: all .3s
                    }

                        .chat-wrapper .chat-inner .chat-action .chat-action-inner .control .textarea:focus {
                            border-color: #e8e8e8 !important
                        }

                    .chat-wrapper .chat-inner .chat-action .chat-action-inner .control .compose-dropdown {
                        position: absolute;
                        top: 0;
                        left: 0
                    }

                    .chat-wrapper .chat-inner .chat-action .chat-action-inner .control .add-button {
                        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: 44px;
                        width: 44px
                    }

                        .chat-wrapper .chat-inner .chat-action .chat-action-inner .control .add-button .button-inner {
                            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: 34px;
                            min-height: 34px;
                            width: 34px;
                            max-width: 34px;
                            border: 1px solid #3d70b2;
                            border-radius: 4px;
                            background: #3d70b2;
                            -webkit-transition: all .3s;
                            transition: all .3s;
                            cursor: pointer
                        }

                        .chat-wrapper .chat-inner .chat-action .chat-action-inner .control .add-button:hover .button-inner {
                            border-color: #41d6c3;
                            background-color: #41d6c3
                        }

                            .chat-wrapper .chat-inner .chat-action .chat-action-inner .control .add-button:hover .button-inner svg {
                                stroke: #fafafa
                            }

                        .chat-wrapper .chat-inner .chat-action .chat-action-inner .control .add-button svg {
                            height: 18px;
                            width: 18px;
                            stroke: #fafafa;
                            -webkit-transition: inherit;
                            transition: inherit
                        }

        .chat-wrapper .chat-inner .chat-panel {
            position: absolute;
            bottom: 0;
            right: 0;
            height: calc(100% - 60px);
            width: 400px;
            background: #fff;
            border-left: 1px solid #e8e8e8;
            -webkit-transform: translateX(400px);
            transform: translateX(400px);
            -webkit-transition: all .3s;
            transition: all .3s
        }

            .chat-wrapper .chat-inner .chat-panel.is-opened {
                -webkit-transform: translateX(0);
                transform: translateX(0)
            }

            .chat-wrapper .chat-inner .chat-panel .panel-inner {
                position: relative;
                width: 100%;
                height: 100%
            }

                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-header {
                    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: 60px;
                    width: 100%;
                    background: #fff;
                    padding: 16px
                }

                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-header h3 {
                        font-size: 1.2rem;
                        font-weight: 500
                    }

                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-header .panel-close {
                        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: 36px;
                        width: 36px;
                        border-radius: 50%;
                        -webkit-transition: all .3s;
                        transition: all .3s;
                        cursor: pointer
                    }

                        .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-header .panel-close:hover {
                            background: #f0f0f0
                        }

                            .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-header .panel-close:hover svg {
                                stroke: #757a91
                            }

                        .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-header .panel-close svg {
                            height: 20px;
                            width: 20px;
                            stroke: #a2a5b9;
                            -webkit-transition: inherit;
                            transition: inherit
                        }

                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body {
                    position: absolute;
                    position: absolute;
                    bottom: 0;
                    right: 0;
                    width: 100%;
                    height: calc(100% - 60px)
                }

                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner {
                        padding: 16px;
                        -webkit-animation-name: fadeInLeft;
                        animation-name: fadeInLeft;
                        -webkit-animation-duration: .5s;
                        animation-duration: .5s
                    }

                        .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .subheader {
                            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;
                            margin-bottom: 40px
                        }

                            .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .subheader .action-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: 40px;
                                width: 40px;
                                cursor: pointer;
                                border-radius: 6px;
                                -webkit-transition: all .3s;
                                transition: all .3s
                            }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .subheader .action-icon i {
                                    font-size: 22px;
                                    color: #a2a5b9
                                }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .subheader .action-icon:hover {
                                    background: #f5f5f5
                                }

                        .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .details-avatar {
                            position: relative;
                            height: 110px;
                            width: 110px;
                            margin: 10px auto
                        }

                            .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .details-avatar img {
                                display: block;
                                border-radius: 50%
                            }

                            .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .details-avatar .call-me {
                                position: absolute;
                                bottom: 0;
                                right: -12px;
                                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: 42px;
                                width: 42px;
                                border-radius: 50%;
                                border: 3px solid #fff;
                                background: #5596e6;
                                cursor: pointer;
                                -webkit-transition: all .3s;
                                transition: all .3s
                            }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .details-avatar .call-me:hover {
                                    background: #8ab7ee
                                }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .details-avatar .call-me i {
                                    font-size: 20px;
                                    color: #fafafa
                                }

                        .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-meta h3 {
                            text-align: center;
                            color: #393a4f;
                            font-weight: 500;
                            font-size: 1.3rem;
                            line-height: 1.2
                        }

                        .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-meta h4 {
                            font-size: .95rem;
                            color: #a2a5b9
                        }

                        .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-pack: center;
                            -ms-flex-pack: center;
                            justify-content: center;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            margin: 20px 0;
                            -webkit-transform: scale(0.84);
                            transform: scale(0.84)
                        }

                            .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon {
                                width: 36px;
                                height: 20px;
                                background: #5f6062;
                                position: relative;
                                margin: 0 3px;
                                cursor: pointer;
                                text-align: center;
                                -webkit-transition: all .3s ease-in-out;
                                transition: all .3s ease-in-out
                            }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon:before {
                                    content: "";
                                    position: absolute;
                                    top: -12.2px;
                                    left: 0;
                                    width: 0;
                                    height: 0;
                                    border-left: 18px solid transparent;
                                    border-right: 18px solid transparent;
                                    border-bottom: 12.2px solid #5f6062;
                                    -webkit-transition: all .3s ease-in-out;
                                    transition: all .3s ease-in-out
                                }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon:after {
                                    content: "";
                                    position: absolute;
                                    bottom: -12px;
                                    left: 0;
                                    width: 0;
                                    height: 0;
                                    border-left: 18px solid transparent;
                                    border-right: 18px solid transparent;
                                    border-top: 12.5px solid #5f6062;
                                    -webkit-transition: all .3s ease-in-out;
                                    transition: all .3s ease-in-out
                                }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon:hover {
                                    background: #757a91 !important
                                }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon:hover:after {
                                        border-top: 12.5px solid #757a91 !important
                                    }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon:hover:before {
                                        border-bottom: 12.5px solid #757a91 !important
                                    }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-red {
                                    background: #f71416
                                }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-red:after {
                                        border-top: 12.5px solid #f71416
                                    }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-red:before {
                                        border-bottom: 12.5px solid #f71416
                                    }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-green {
                                    background: #1ce589
                                }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-green:after {
                                        border-top: 12.5px solid #1ce589
                                    }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-green:before {
                                        border-bottom: 12.5px solid #1ce589
                                    }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-accent {
                                    background: #5596e6
                                }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-accent:after {
                                        border-top: 12.5px solid #5596e6
                                    }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-accent:before {
                                        border-bottom: 12.5px solid #5596e6
                                    }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-blue {
                                    background: #039be5
                                }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-blue:after {
                                        border-top: 12.5px solid #039be5
                                    }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-blue:before {
                                        border-bottom: 12.5px solid #039be5
                                    }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-orange {
                                    background: #ff9700
                                }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-orange:after {
                                        border-top: 12.5px solid #ff9700
                                    }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-orange:before {
                                        border-bottom: 12.5px solid #ff9700
                                    }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-purple {
                                    background: #9c2bed
                                }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-purple:after {
                                        border-top: 12.5px solid #9c2bed
                                    }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon.is-purple:before {
                                        border-bottom: 12.5px solid #9c2bed
                                    }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-badges .hexagon .mdi {
                                    position: relative;
                                    top: 1px;
                                    color: #fff;
                                    font-size: 18px;
                                    line-height: 16px
                                }

                        .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-about {
                            margin: 20px 0
                        }

                            .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-about label {
                                display: block;
                                text-transform: uppercase;
                                font-size: .8rem;
                                font-weight: 500;
                                color: #888da8;
                                margin-bottom: 16px
                            }

                            .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-about .about-block {
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-box-align: start;
                                -ms-flex-align: start;
                                align-items: flex-start;
                                border: 1px solid #e8e8e8;
                                border-radius: 6px;
                                padding: 12px;
                                margin-bottom: 10px
                            }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-about .about-block:last-child {
                                    margin-bottom: 0
                                }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-about .about-block i {
                                    font-size: 22px;
                                    color: #a2a5b9
                                }

                                .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-about .about-block .about-text {
                                    margin-left: 12px
                                }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-about .about-block .about-text span {
                                        display: block
                                    }

                                        .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-about .about-block .about-text span:first-child {
                                            font-size: .8rem;
                                            font-weight: 500
                                        }

                                        .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-about .about-block .about-text span:nth-child(2) {
                                            font-size: .8rem;
                                            color: #999
                                        }

                                    .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-about .about-block .about-text a {
                                        color: #999
                                    }

                                        .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body.is-user-details .panel-body-inner .user-about .about-block .about-text a:hover {
                                            color: #5596e6
                                        }

.add-conversation-modal .modal-content {
    overflow: visible
}

    .add-conversation-modal .modal-content img {
        height: 70px;
        width: 70px;
        display: block;
        margin: 0 auto
    }

    .add-conversation-modal .modal-content .help-text {
        text-align: center;
        font-size: .9rem;
        padding: 10px 50px;
        color: #999
    }

    .add-conversation-modal .modal-content .field {
        padding: 0 50px;
        margin-bottom: 0;
        margin-top: 16px
    }

    .add-conversation-modal .modal-content .action {
        padding: 10px 50px 20px 50px
    }

        .add-conversation-modal .modal-content .action button {
            line-height: 0
        }

@media(max-width: 767px) {
    .chat-wrapper .chat-search {
        display: none !important
    }

    .chat-wrapper .chat-body {
        width: calc(100% - 60px) !important
    }

    .chat-wrapper .chat-body-inner {
        padding: 20px 10px 60px 10px !important
    }

    .chat-wrapper .chat-action {
        padding: 0 10px !important
    }

    .chat-wrapper .chat-panel {
        width: calc(100% - 60px) !important
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .chat-wrapper .chat-body {
        width: calc(100% - 60px) !important
    }

    .chat-wrapper .chat-body-inner {
        padding: 20px 40px 60px 40px !important
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .chat-wrapper .chat-body-inner {
        padding: 20px 20px 60px 20px !important
    }

    .chat-wrapper .chat-action {
        padding: 0 20px !important
    }
}


/*! _feed.scss | Friendkit | © Css Ninja. 2020-2021 */

.card.is-new-content .tabs-wrapper,
.shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs-wrapper {
    border-radius: 6px
}

.card.is-new-content .tabs,
.shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs {
    border-radius: 6px 6px 0 0
}

    .card.is-new-content .tabs ul,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs ul {
        background: #fcfcfc
    }

    .card.is-new-content .tabs li,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs li {
        background: #fcfcfc
    }

        .card.is-new-content .tabs li.is-active a,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs li.is-active a {
            color: #757a91;
            font-weight: 500
        }

            .card.is-new-content .tabs li.is-active a svg,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs li.is-active a svg {
                stroke: #757a91
            }

        .card.is-new-content .tabs li.close-wrap,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs li.close-wrap {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .card.is-new-content .tabs li.close-wrap .close-publish,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs li.close-wrap .close-publish {
                margin: 0 16px;
                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: 30px;
                width: 30px;
                border-radius: 50%;
                background: transparent;
                cursor: pointer;
                -webkit-transition: background .3s;
                transition: background .3s
            }

                .card.is-new-content .tabs li.close-wrap .close-publish:hover,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs li.close-wrap .close-publish:hover {
                    background: #e8e8e8
                }

                .card.is-new-content .tabs li.close-wrap .close-publish svg,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs li.close-wrap .close-publish svg {
                    height: 18px;
                    width: 18px;
                    stroke: #757a91
                }

    .card.is-new-content .tabs a,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs a {
        font-size: .9rem;
        color: #888da8;
        padding: .75em !important
    }

        .card.is-new-content .tabs a svg,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs a svg {
            stroke: #888da8
        }

.card.is-new-content .compose,
.shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose {
    padding: 16px;
    border-bottom: 1px solid #e8e8e8
}

    .card.is-new-content .compose .compose-form,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .compose-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .card.is-new-content .compose .feed-upload .upload-wrap,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .feed-upload .upload-wrap {
        position: relative;
        height: auto;
        width: 140px
    }

        .card.is-new-content .compose .feed-upload .upload-wrap .remove-file,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .feed-upload .upload-wrap .remove-file {
            position: absolute;
            top: -4px;
            right: -4px;
            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;
            border-radius: 50%;
            background: #fff;
            cursor: pointer;
            -webkit-transition: background .3s;
            transition: background .3s
        }

            .card.is-new-content .compose .feed-upload .upload-wrap .remove-file:hover,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .feed-upload .upload-wrap .remove-file:hover {
                background: #e8e8e8
            }

            .card.is-new-content .compose .feed-upload .upload-wrap .remove-file svg,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .feed-upload .upload-wrap .remove-file svg {
                height: 16px;
                width: 16px;
                stroke: #757a91
            }

        .card.is-new-content .compose .feed-upload .upload-wrap img,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .feed-upload .upload-wrap img {
            display: inline-block;
            width: 100%;
            height: auto;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: .5rem
        }

    .card.is-new-content .compose img,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose img {
        height: 42px;
        width: 42px;
        border-radius: 50%
    }

    .card.is-new-content .compose .control,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .control {
        width: 100%;
        margin-left: 20px
    }

        .card.is-new-content .compose .control .textarea,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .control .textarea {
            padding: 0;
            border-color: transparent;
            resize: none
        }

.card.is-new-content .compose-options,
.shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options {
    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: 8px;
    border-radius: 0 0 6px 6px;
    background: #fff;
    cursor: pointer
}

    .card.is-new-content .compose-options .is-full,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options .is-full {
        width: 100% !important;
        margin: 0 auto !important
    }

    .card.is-new-content .compose-options .is-narrower,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options .is-narrower {
        padding: .3rem .5rem !important
    }

    .card.is-new-content .compose-options .compose-option,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options .compose-option {
        position: relative;
        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: 6px 16px;
        margin-right: 10px;
        background: #f7f7f7;
        border-radius: 500px;
        font-size: .85rem;
        color: #888da8;
        -webkit-transition: all .3s;
        transition: all .3s
    }

        .card.is-new-content .compose-options .compose-option.is-centered,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options .compose-option.is-centered {
            margin: 0 auto
        }

        .card.is-new-content .compose-options .compose-option:hover,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options .compose-option:hover {
            background: #f2f2f2
        }

            .card.is-new-content .compose-options .compose-option:hover svg,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options .compose-option:hover svg {
                stroke: #393a4f
            }

        .card.is-new-content .compose-options .compose-option span,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options .compose-option span {
            display: block;
            padding: 0 8px
        }

        .card.is-new-content .compose-options .compose-option svg,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options .compose-option svg {
            height: 20px;
            width: 20px;
            -webkit-transition: all .3s;
            transition: all .3s
        }

        .card.is-new-content .compose-options .compose-option img,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options .compose-option img {
            display: block;
            height: 20px;
            width: 20px
        }

        .card.is-new-content .compose-options .compose-option input,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options .compose-option input {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            opacity: 0;
            cursor: pointer
        }

.card.is-new-content .more-wrap,
.shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .more-wrap {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px;
    border-top: 1px solid #e8e8e8;
    border-radius: 0 0 6px 6px;
    background: #fafafa
}

    .card.is-new-content .more-wrap .is-more,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .more-wrap .is-more {
        line-height: 0;
        height: 38px;
        padding: 6px;
        margin-right: 6px
    }

        .card.is-new-content .more-wrap .is-more span,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .more-wrap .is-more span {
            margin: 0 8px 0 4px
        }

        .card.is-new-content .more-wrap .is-more svg,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .more-wrap .is-more svg {
            width: 16px;
            height: 16px
        }

    .card.is-new-content .more-wrap .is-solid,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .more-wrap .is-solid {
        line-height: 0
    }

.card.is-new-content .hidden-options,
.shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options {
    display: none;
    background: #f5f6f7;
    padding: 8px;
    border-top: 1px solid #e8e8e8;
    height: auto
}

    .card.is-new-content .hidden-options.is-opened,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options.is-opened {
        height: 350px !important;
        overflow: auto !important
    }

        .card.is-new-content .hidden-options.is-opened::-webkit-scrollbar,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options.is-opened::-webkit-scrollbar {
            width: 4px
        }

        .card.is-new-content .hidden-options.is-opened::-webkit-scrollbar-thumb,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options.is-opened::-webkit-scrollbar-thumb {
            border-radius: 10px;
            background: rgba(0, 0, 0, .2)
        }

    .card.is-new-content .hidden-options .target-channels .channel,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 6px 8px;
        border-radius: 4px
    }

        .card.is-new-content .hidden-options .target-channels .channel:hover,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel:hover {
            background: #edeef0
        }

        .card.is-new-content .hidden-options .target-channels .channel .channel-icon,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .channel-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: 40px;
            width: 40px;
            margin: 0 10px;
            border-radius: 50%;
            background: #fff;
            border: 1px solid #e8e8e8
        }

            .card.is-new-content .hidden-options .target-channels .channel .channel-icon svg,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .channel-icon svg {
                height: 18px;
                width: 18px;
                stroke: #999;
                stroke-width: 1px
            }

        .card.is-new-content .hidden-options .target-channels .channel .story-icon,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .story-icon {
            position: relative;
            height: 40px;
            width: 40px;
            margin: 0 10px;
            border-radius: 50%;
            background: #e8e8e8;
            border: 1px solid #cecece
        }

            .card.is-new-content .hidden-options .target-channels .channel .story-icon .plus-icon,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .story-icon .plus-icon {
                position: absolute;
                bottom: -1px;
                right: -8px;
                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: 22px;
                width: 22px;
                border: 2px solid #e8e8e8;
                border-radius: 50%;
                background: #3d70b2
            }

                .card.is-new-content .hidden-options .target-channels .channel .story-icon .plus-icon svg,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .story-icon .plus-icon svg {
                    height: 10px;
                    width: 10px;
                    stroke-width: 3px;
                    stroke: #fafafa
                }

        .card.is-new-content .hidden-options .target-channels .channel .channel-name,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .channel-name {
            font-size: .85rem;
            font-weight: 500;
            color: #393a4f
        }

        .card.is-new-content .hidden-options .target-channels .channel .dropdown,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .dropdown {
            margin-left: auto
        }

            .card.is-new-content .hidden-options .target-channels .channel .dropdown button,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .dropdown button {
                line-height: 0;
                height: 36px;
                padding: 6px
            }

                .card.is-new-content .hidden-options .target-channels .channel .dropdown button span,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .dropdown button span {
                    margin: 0 4px
                }

                .card.is-new-content .hidden-options .target-channels .channel .dropdown button svg,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .dropdown button svg {
                    width: 16px;
                    height: 16px
                }

                .card.is-new-content .hidden-options .target-channels .channel .dropdown button i,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .dropdown button i {
                    font-size: 1.1rem
                }

    .card.is-new-content .hidden-options .friends-list,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list {
        margin-top: 10px;
        border-top: 1px solid #dedede
    }

        .card.is-new-content .hidden-options .friends-list .list-header,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header {
            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;
            padding: 16px 10px
        }

            .card.is-new-content .hidden-options .friends-list .list-header span,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header span {
                color: #757a91;
                font-size: .8rem;
                font-weight: 500
            }

            .card.is-new-content .hidden-options .friends-list .list-header .actions,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .actions {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .card.is-new-content .hidden-options .friends-list .list-header .actions a,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .actions a {
                    display: block;
                    margin-left: 8px;
                    font-size: .8rem;
                    font-weight: 500;
                    color: #757a91
                }

                    .card.is-new-content .hidden-options .friends-list .list-header .actions a:first-child,
                    .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .actions a:first-child {
                        margin-left: auto
                    }

                    .card.is-new-content .hidden-options .friends-list .list-header .actions a:hover,
                    .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .actions a:hover {
                        color: #5596e6
                    }

                    .card.is-new-content .hidden-options .friends-list .list-header .actions a.search-trigger,
                    .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .actions a.search-trigger {
                        height: 24px;
                        width: 24px;
                        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
                    }

                    .card.is-new-content .hidden-options .friends-list .list-header .actions a svg,
                    .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .actions a svg {
                        height: 16px;
                        width: 16px;
                        stroke: #757a91
                    }

            .card.is-new-content .hidden-options .friends-list .list-header .control,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .control {
                position: relative
            }

                .card.is-new-content .hidden-options .friends-list .list-header .control .input,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .control .input {
                    padding-left: 36px;
                    border-radius: 100px;
                    -webkit-transition: all .3s;
                    transition: all .3s;
                    font-size: .9rem
                }

                    .card.is-new-content .hidden-options .friends-list .list-header .control .input:focus,
                    .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .control .input:focus {
                        border-color: #e8e8e8
                    }

                .card.is-new-content .hidden-options .friends-list .list-header .control span,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .control span {
                    position: absolute;
                    top: 0;
                    left: 4px;
                    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: 36px;
                    width: 36px
                }

                    .card.is-new-content .hidden-options .friends-list .list-header .control span svg,
                    .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .control span svg {
                        height: 18px;
                        width: 18px;
                        stroke: #cecece
                    }

        .card.is-new-content .hidden-options .friends-list .list-body,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-body {
            padding: 0 6px
        }

            .card.is-new-content .hidden-options .friends-list .list-body .friend-block,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-body .friend-block {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-bottom: 6px;
                padding: 6px 0;
                border-radius: 4px;
                cursor: pointer
            }

                .card.is-new-content .hidden-options .friends-list .list-body .friend-block:hover .round-checkbox label,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-body .friend-block:hover .round-checkbox label {
                    border-color: #5596e6
                }

                .card.is-new-content .hidden-options .friends-list .list-body .friend-block .friend-avatar,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-body .friend-block .friend-avatar {
                    height: 38px;
                    width: 38px;
                    margin: 0 10px;
                    border-radius: 50%
                }

                .card.is-new-content .hidden-options .friends-list .list-body .friend-block .friend-name,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-body .friend-block .friend-name {
                    font-size: .85rem;
                    font-weight: 500;
                    color: #393a4f
                }

.card.is-new-content.is-highlighted,
.shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.is-highlighted.summary-card {
    position: relative !important;
    z-index: 1001 !important
}

    .card.is-new-content.is-highlighted .close-publish,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.is-highlighted.summary-card .close-publish {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .card.is-new-content.is-highlighted .more-wrap,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.is-highlighted.summary-card .more-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .card.is-new-content.is-highlighted .hidden-options,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.is-highlighted.summary-card .hidden-options {
        display: block
    }

.card.is-post.is-nested,
.shop-wrapper .cart-container .cart-content .cart-summary .is-post.is-nested.summary-card {
    position: relative;
    margin-top: 20px !important;
    border-bottom-color: transparent;
    border-radius: 6px 6px 0 0
}

.card.is-post.is-simple .post-actions,
.shop-wrapper .cart-container .cart-content .cart-summary .is-post.is-simple.summary-card .post-actions {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.card.is-post.is-simple .card-footer,
.shop-wrapper .cart-container .cart-content .cart-summary .is-post.is-simple.summary-card .card-footer {
    padding-top: 10px
}

.card.is-post.has-nested .content-wrap .card-footer,
.shop-wrapper .cart-container .cart-content .cart-summary .is-post.has-nested.summary-card .content-wrap .card-footer {
    margin-top: 16px
}

.card.is-post .card-heading,
.shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-heading,
.card.is-post .card-body,
.shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-body {
    padding: 16px 16px 0 16px
}

.card.is-post .card-footer,
.shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-footer {
    border: none;
    padding: 16px;
    margin: 0
}

.card.is-post .user-block,
.shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .user-block {
    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
}

    .card.is-post .user-block img,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .user-block img {
        width: 42px;
        height: 42px;
        border-radius: 50%
    }

    .card.is-post .user-block a,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .user-block a,
    .card.is-post .user-block .time,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .user-block .time {
        display: block
    }

    .card.is-post .user-block a,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .user-block a {
        font-size: .9rem;
        font-weight: 500;
        color: #393a4f;
        -webkit-transition: color .3s;
        transition: color .3s
    }

        .card.is-post .user-block a:hover,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .user-block a:hover {
            color: #4a4b67
        }

    .card.is-post .user-block .time,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .user-block .time {
        font-size: .8rem;
        color: #999
    }

    .card.is-post .user-block .user-info,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .user-block .user-info {
        padding: 0 10px
    }

        .card.is-post .user-block .user-info a,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .user-block .user-info a {
            line-height: 1.1
        }

            .card.is-post .user-block .user-info a span,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .user-block .user-info a span {
                color: #5596e6;
                font-weight: 500
            }

.card.is-post .content-wrap .post-text p,
.shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-text p {
    color: #757a91;
    font-size: .9rem
}

    .card.is-post .content-wrap .post-text p a,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-text p a {
        color: #393a4f;
        font-weight: 500
    }

        .card.is-post .content-wrap .post-text p a:hover,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-text p a:hover {
            color: #5596e6
        }

.card.is-post .content-wrap .action-wrap,
.shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .action-wrap {
    position: relative;
    margin-top: -22px !important
}

    .card.is-post .content-wrap .action-wrap .like-wrapper,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .action-wrap .like-wrapper {
        position: absolute;
        bottom: -27px;
        right: 26px;
        max-height: 54px
    }

    .card.is-post .content-wrap .action-wrap .fab-wrapper,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .action-wrap .fab-wrapper {
        position: absolute;
        bottom: -21px;
        max-height: 43px
    }

        .card.is-post .content-wrap .action-wrap .fab-wrapper.is-share,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .action-wrap .fab-wrapper.is-share {
            right: 84px
        }

        .card.is-post .content-wrap .action-wrap .fab-wrapper.is-comment,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .action-wrap .fab-wrapper.is-comment {
            right: 131px
        }

.card.is-post .content-wrap .post-image,
.shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image {
    position: relative;
    margin: 10px 0
}

    .card.is-post .content-wrap .post-image img,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image img {
        display: block;
        border-radius: 3px
    }

    .card.is-post .content-wrap .post-image .like-wrapper,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .like-wrapper {
        position: absolute;
        bottom: -27px;
        right: 0;
        max-height: 54px
    }

    .card.is-post .content-wrap .post-image .fab-wrapper,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .fab-wrapper {
        position: absolute;
        bottom: -21px;
        max-height: 43px
    }

        .card.is-post .content-wrap .post-image .fab-wrapper.is-share,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .fab-wrapper.is-share {
            right: 58px
        }

        .card.is-post .content-wrap .post-image .fab-wrapper.is-comment,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .fab-wrapper.is-comment {
            right: 105px
        }

    .card.is-post .content-wrap .post-image .triple-grid,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .triple-grid {
        position: relative;
        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;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .card.is-post .content-wrap .post-image .triple-grid a.is-half,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .triple-grid a.is-half {
            display: block;
            width: calc(50% - .25rem) !important;
            height: 100%
        }

        .card.is-post .content-wrap .post-image .triple-grid img,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .triple-grid img {
            display: block;
            margin-bottom: .5rem;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%;
            height: 50%
        }

        .card.is-post .content-wrap .post-image .triple-grid .like-wrapper,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .triple-grid .like-wrapper {
            position: absolute;
            bottom: -18px;
            right: 18px;
            max-height: 54px
        }

        .card.is-post .content-wrap .post-image .triple-grid .fab-wrapper,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .triple-grid .fab-wrapper {
            position: absolute;
            bottom: -13px;
            max-height: 43px
        }

            .card.is-post .content-wrap .post-image .triple-grid .fab-wrapper.is-share,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .triple-grid .fab-wrapper.is-share {
                right: 76px
            }

            .card.is-post .content-wrap .post-image .triple-grid .fab-wrapper.is-comment,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .triple-grid .fab-wrapper.is-comment {
                right: 123px
            }

    .card.is-post .content-wrap .post-image .masonry-grid,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .masonry-grid {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .card.is-post .content-wrap .post-image .masonry-grid img,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .masonry-grid img {
            display: block;
            margin-bottom: .5rem;
            -o-object-fit: cover;
            object-fit: cover
        }

        .card.is-post .content-wrap .post-image .masonry-grid .masonry-column-left,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .masonry-grid .masonry-column-left {
            height: 100%;
            width: calc(61% - .5rem)
        }

        .card.is-post .content-wrap .post-image .masonry-grid .masonry-column-right,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .masonry-grid .masonry-column-right {
            width: 39%;
            height: 100%;
            margin-left: .5rem
        }

        .card.is-post .content-wrap .post-image .masonry-grid .like-wrapper,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .masonry-grid .like-wrapper {
            position: absolute;
            bottom: -18px;
            right: 0;
            max-height: 54px
        }

        .card.is-post .content-wrap .post-image .masonry-grid .fab-wrapper,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .masonry-grid .fab-wrapper {
            position: absolute;
            bottom: -13px;
            max-height: 43px
        }

            .card.is-post .content-wrap .post-image .masonry-grid .fab-wrapper.is-share,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .masonry-grid .fab-wrapper.is-share {
                right: 58px
            }

            .card.is-post .content-wrap .post-image .masonry-grid .fab-wrapper.is-comment,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .masonry-grid .fab-wrapper.is-comment {
                right: 105px
            }

.card.is-post .content-wrap .post-link,
.shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 12px;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    background: #f5f5f5;
    margin: 16px 0 10px 0
}

    .card.is-post .content-wrap .post-link.is-video .link-image,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link.is-video .link-image {
        position: relative
    }

        .card.is-post .content-wrap .post-link.is-video .link-image .video-overlay,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link.is-video .link-image .video-overlay {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            border-radius: 6px;
            background: rgba(52, 66, 88, .6)
        }

        .card.is-post .content-wrap .post-link.is-video .link-image .video-button,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link.is-video .link-image .video-button {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            height: 46px;
            width: 46px;
            background: #3d70b2;
            border-radius: 50%;
            margin: 0 auto;
            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;
            z-index: 2;
            cursor: pointer
        }

            .card.is-post .content-wrap .post-link.is-video .link-image .video-button img,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link.is-video .link-image .video-button img {
                position: relative;
                display: block;
                width: 20px;
                height: 20px;
                left: 2px;
                z-index: 3
            }

            .card.is-post .content-wrap .post-link.is-video .link-image .video-button:after,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link.is-video .link-image .video-button:after {
                content: "";
                position: absolute;
                top: calc(50% - 12px);
                left: calc(50% - 12px);
                height: 24px;
                width: 24px;
                border-radius: 50%;
                background: #3d70b2;
                -webkit-animation: wave 1.6s infinite;
                animation: wave 1.6s infinite;
                -webkit-animation-duration: 2s;
                animation-duration: 2s;
                -webkit-transform-origin: center center;
                transform-origin: center center;
                z-index: 0
            }

    .card.is-post .content-wrap .post-link .link-image > img,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link .link-image > img {
        display: block;
        height: 130px;
        width: 180px;
        min-width: 180px;
        border-radius: 6px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .card.is-post .content-wrap .post-link .link-content,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link .link-content {
        margin-left: 12px
    }

        .card.is-post .content-wrap .post-link .link-content h4,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link .link-content h4 {
            margin-bottom: 4px
        }

            .card.is-post .content-wrap .post-link .link-content h4 a,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link .link-content h4 a {
                font-size: 1.1rem;
                font-weight: 500;
                color: #757a91
            }

                .card.is-post .content-wrap .post-link .link-content h4 a:hover,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link .link-content h4 a:hover {
                    color: #5596e6
                }

        .card.is-post .content-wrap .post-link .link-content p,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link .link-content p {
            font-size: .9rem;
            color: #999
        }

        .card.is-post .content-wrap .post-link .link-content small,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link .link-content small {
            text-transform: uppercase;
            font-size: .65rem;
            color: #757a91;
            margin-top: 8px
        }

    .card.is-post .content-wrap .post-link .like-wrapper,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link .like-wrapper {
        position: absolute;
        bottom: -25px;
        right: 0;
        max-height: 54px
    }

    .card.is-post .content-wrap .post-link .fab-wrapper,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link .fab-wrapper {
        position: absolute;
        bottom: -20px;
        max-height: 43px
    }

        .card.is-post .content-wrap .post-link .fab-wrapper.is-share,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link .fab-wrapper.is-share {
            right: 58px
        }

        .card.is-post .content-wrap .post-link .fab-wrapper.is-comment,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-link .fab-wrapper.is-comment {
            right: 105px
        }

.card.is-post .content-wrap .post-actions,
.shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-actions {
    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;
    margin-top: 10px
}

    .card.is-post .content-wrap .post-actions .like-wrapper,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-actions .like-wrapper {
        margin: 0 2px
    }

        .card.is-post .content-wrap .post-actions .like-wrapper .like-button,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-actions .like-wrapper .like-button {
            width: 36px;
            height: 36px;
            border: none
        }

        .card.is-post .content-wrap .post-actions .like-wrapper .like-overlay,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-actions .like-wrapper .like-overlay {
            top: 0 !important;
            left: 0 !important;
            width: 36px;
            height: 36px
        }

        .card.is-post .content-wrap .post-actions .like-wrapper i,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-actions .like-wrapper i {
            font-size: 16px
        }

    .card.is-post .content-wrap .post-actions .fab-wrapper,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-actions .fab-wrapper {
        margin: 0 2px
    }

        .card.is-post .content-wrap .post-actions .fab-wrapper .small-fab,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-actions .fab-wrapper .small-fab {
            width: 36px;
            height: 36px;
            border: none
        }

            .card.is-post .content-wrap .post-actions .fab-wrapper .small-fab svg,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-actions .fab-wrapper .small-fab svg {
                height: 16px;
                width: 16px
            }

.card.is-post .content-wrap .card-footer,
.shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer {
    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
}

    .card.is-post .content-wrap .card-footer .likers-group,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .likers-group {
        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
    }

        .card.is-post .content-wrap .card-footer .likers-group img,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .likers-group img {
            height: 38px;
            width: 38px;
            border-radius: 50%;
            border: 3px solid #fff
        }

            .card.is-post .content-wrap .card-footer .likers-group img:not(:first-child),
            .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .likers-group img:not(:first-child) {
                margin-left: -12px
            }

        .card.is-post .content-wrap .card-footer .likers-group .no-like,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .likers-group .no-like {
            width: 38px;
            height: 38px;
            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
        }

            .card.is-post .content-wrap .card-footer .likers-group .no-like svg,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .likers-group .no-like svg {
                width: 24px;
                height: 24px
            }

    .card.is-post .content-wrap .card-footer .likers-text,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .likers-text {
        margin-left: 10px;
        line-height: 1.4
    }

        .card.is-post .content-wrap .card-footer .likers-text p,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .likers-text p {
            font-size: .8rem;
            color: #888da8
        }

            .card.is-post .content-wrap .card-footer .likers-text p a,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .likers-text p a {
                color: #393a4f;
                font-weight: 500
            }

                .card.is-post .content-wrap .card-footer .likers-text p a:hover,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .likers-text p a:hover {
                    color: #5596e6
                }

    .card.is-post .content-wrap .card-footer .social-count,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .social-count {
        margin-left: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

        .card.is-post .content-wrap .card-footer .social-count .shares-count,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .social-count .shares-count,
        .card.is-post .content-wrap .card-footer .social-count .comments-count,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .social-count .comments-count,
        .card.is-post .content-wrap .card-footer .social-count .likes-count,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .social-count .likes-count {
            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;
            margin: 0 3px
        }

            .card.is-post .content-wrap .card-footer .social-count .shares-count span,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .social-count .shares-count span,
            .card.is-post .content-wrap .card-footer .social-count .comments-count span,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .social-count .comments-count span,
            .card.is-post .content-wrap .card-footer .social-count .likes-count span,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .social-count .likes-count span {
                display: block;
                font-size: .9rem;
                color: #888da8;
                margin: 0 5px
            }

            .card.is-post .content-wrap .card-footer .social-count .shares-count svg,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .social-count .shares-count svg,
            .card.is-post .content-wrap .card-footer .social-count .comments-count svg,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .social-count .comments-count svg,
            .card.is-post .content-wrap .card-footer .social-count .likes-count svg,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .card-footer .social-count .likes-count svg {
                height: 18px;
                width: 18px;
                stroke: #888da8
            }

.card.is-post .comments-wrap .comments-heading,
.shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-heading {
    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;
    padding: 16px
}

    .card.is-post .comments-wrap .comments-heading h4,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-heading h4 {
        font-size: 1rem;
        font-weight: 500;
        color: #757a91
    }

    .card.is-post .comments-wrap .comments-heading .close-comments,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-heading .close-comments {
        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;
        border-radius: 50%;
        background: transparent;
        cursor: pointer;
        -webkit-transition: background .3s;
        transition: background .3s
    }

        .card.is-post .comments-wrap .comments-heading .close-comments:hover,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-heading .close-comments:hover {
            background: #e8e8e8
        }

        .card.is-post .comments-wrap .comments-heading .close-comments svg,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-heading .close-comments svg {
            height: 18px;
            width: 18px;
            stroke: #757a91
        }

.card.is-post .comments-wrap .comments-body,
.shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body {
    padding: 16px;
    max-height: 450px;
    overflow-y: auto
}

    .card.is-post .comments-wrap .comments-body .comments-placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .comments-placeholder {
        text-align: center
    }

        .card.is-post .comments-wrap .comments-body .comments-placeholder img,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .comments-placeholder img {
            display: block;
            max-width: 80px;
            margin: 0 auto;
            opacity: .7
        }

        .card.is-post .comments-wrap .comments-body .comments-placeholder h3,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .comments-placeholder h3 {
            margin-top: 10px;
            font-weight: 500;
            font-size: 1.1rem;
            color: #393a4f
        }

        .card.is-post .comments-wrap .comments-body .comments-placeholder p,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .comments-placeholder p {
            font-size: .9rem;
            color: #999
        }

    .card.is-post .comments-wrap .comments-body .is-comment,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

        .card.is-post .comments-wrap .comments-body .is-comment .media-left img,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-left img {
            height: 36px;
            width: 36px;
            min-width: 36px;
            border-radius: 50%
        }

        .card.is-post .comments-wrap .comments-body .is-comment .media-content a,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content a {
            font-size: .85rem;
            font-weight: 500 !important;
            display: block;
            color: #393a4f;
            line-height: 1.2
        }

            .card.is-post .comments-wrap .comments-body .is-comment .media-content a:hover,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content a:hover {
                color: #3d70b2
            }

        .card.is-post .comments-wrap .comments-body .is-comment .media-content .time,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .time {
            display: block;
            font-size: .7rem;
            color: #888da8;
            margin-bottom: 10px
        }

        .card.is-post .comments-wrap .comments-body .is-comment .media-content p,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content p {
            font-size: .9rem !important;
            color: #757a91
        }

        .card.is-post .comments-wrap .comments-body .is-comment .media-content .controls,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .controls {
            padding: 8px 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
        }

            .card.is-post .comments-wrap .comments-body .is-comment .media-content .controls .like-count,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .controls .like-count {
                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;
                cursor: pointer
            }

                .card.is-post .comments-wrap .comments-body .is-comment .media-content .controls .like-count span,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .controls .like-count span {
                    display: block;
                    font-size: .8rem;
                    color: #888da8;
                    margin: 0 5px
                }

                .card.is-post .comments-wrap .comments-body .is-comment .media-content .controls .like-count svg,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .controls .like-count svg {
                    position: relative;
                    top: -1px;
                    height: 12px;
                    width: 12px;
                    stroke: #888da8
                }

                .card.is-post .comments-wrap .comments-body .is-comment .media-content .controls .like-count:hover span,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .controls .like-count:hover span {
                    color: #3d70b2
                }

                .card.is-post .comments-wrap .comments-body .is-comment .media-content .controls .like-count:hover svg,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .controls .like-count:hover svg {
                    stroke: #3d70b2
                }

            .card.is-post .comments-wrap .comments-body .is-comment .media-content .controls .reply,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .controls .reply,
            .card.is-post .comments-wrap .comments-body .is-comment .media-content .controls .edit,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .controls .edit {
                margin: 0 5px
            }

                .card.is-post .comments-wrap .comments-body .is-comment .media-content .controls .reply a,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .controls .reply a,
                .card.is-post .comments-wrap .comments-body .is-comment .media-content .controls .edit a,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .controls .edit a {
                    font-size: .75rem;
                    color: #888da8
                }

                    .card.is-post .comments-wrap .comments-body .is-comment .media-content .controls .reply a:hover,
                    .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .controls .reply a:hover,
                    .card.is-post .comments-wrap .comments-body .is-comment .media-content .controls .edit a:hover,
                    .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-content .controls .edit a:hover {
                        color: #3d70b2
                    }

        .card.is-post .comments-wrap .comments-body .is-comment .media-right svg,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-right svg {
            height: 18px;
            width: 18px;
            stroke: #757a91
        }

        .card.is-post .comments-wrap .comments-body .is-comment .media-right .dropdown .button,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-right .dropdown .button {
            padding: 4px !important;
            border-color: transparent !important
        }

        .card.is-post .comments-wrap .comments-body .is-comment .media-right .dropdown .media,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .media-right .dropdown .media {
            border: none !important;
            padding-top: 0 !important
        }

        .card.is-post .comments-wrap .comments-body .is-comment .is-comment .media-left,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .is-comment .media-left {
            position: relative
        }

            .card.is-post .comments-wrap .comments-body .is-comment .is-comment .media-left:after,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .is-comment .media-left:after {
                content: "";
                position: absolute;
                top: 52px;
                left: 0;
                right: 0;
                margin: 0 auto;
                width: 1.4px;
                height: calc(100% - 46px);
                background: #e8e8e8
            }

            .card.is-post .comments-wrap .comments-body .is-comment .is-comment .media-left:before,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .is-comment .is-comment .media-left:before {
                content: "";
                position: absolute;
                top: calc(50% + 20px);
                left: 0;
                right: 0;
                margin: 0 auto;
                height: 13px;
                width: 13px;
                border: 1px solid #e8e8e8;
                border-radius: 50%;
                background: #fff;
                -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06) !important;
                box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06) !important;
                z-index: 1
            }

    .card.is-post .comments-wrap .comments-body .load-more .load-more-button,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .load-more .load-more-button {
        background: #e8e8e8;
        width: 80px;
        padding: 5px 16px;
        border-radius: 500px;
        border: none;
        cursor: pointer;
        -webkit-transition: background-color .3s;
        transition: background-color .3s
    }

        .card.is-post .comments-wrap .comments-body .load-more .load-more-button:active,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .load-more .load-more-button:active,
        .card.is-post .comments-wrap .comments-body .load-more .load-more-button:focus,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .load-more .load-more-button:focus {
            outline: none
        }

        .card.is-post .comments-wrap .comments-body .load-more .load-more-button:hover,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .load-more .load-more-button:hover {
            background: #f2f2f2
        }

        .card.is-post .comments-wrap .comments-body .load-more .load-more-button svg,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .load-more .load-more-button svg {
            width: 22px;
            height: 22px;
            stroke: #888da8
        }

.card.is-post .comments-wrap .card-footer,
.shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer {
    margin: 0 !important;
    padding: 16px
}

    .card.is-post .comments-wrap .card-footer .post-comment,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment {
        width: 100%
    }

        .card.is-post .comments-wrap .card-footer .post-comment .media-left img,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .media-left img {
            border-radius: 50%
        }

        .card.is-post .comments-wrap .card-footer .post-comment .media-content .field,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .media-content .field {
            margin-bottom: 0
        }

        .card.is-post .comments-wrap .card-footer .post-comment .media-content .textarea,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .media-content .textarea {
            border-color: #e0e0e0;
            border-bottom: none;
            border-radius: 4px 4px 0 0;
            resize: none
        }

        .card.is-post .comments-wrap .card-footer .post-comment .actions,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .actions {
            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;
            padding: 8px;
            border-left: 1px solid #e8e8e8;
            border-right: 1px solid #e8e8e8;
            border-bottom: 1px solid #e8e8e8;
            border-radius: 0 0 4px 4px
        }

            .card.is-post .comments-wrap .card-footer .post-comment .actions .toolbar,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .actions .toolbar {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                justify-content: flex-end;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

            .card.is-post .comments-wrap .card-footer .post-comment .actions .action,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .actions .action {
                margin-right: 15px;
                width: 18px;
                height: 18px;
                cursor: pointer
            }

                .card.is-post .comments-wrap .card-footer .post-comment .actions .action svg,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .actions .action svg {
                    width: 18px;
                    height: 18px;
                    stroke: #888da8;
                    -webkit-transition: all .3s;
                    transition: all .3s
                }

                .card.is-post .comments-wrap .card-footer .post-comment .actions .action:hover svg,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .actions .action:hover svg {
                    stroke: #3d70b2
                }

                .card.is-post .comments-wrap .card-footer .post-comment .actions .action.is-auto,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .actions .action.is-auto {
                    margin-left: auto
                }

                .card.is-post .comments-wrap .card-footer .post-comment .actions .action.is-upload,
                .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .actions .action.is-upload {
                    position: relative
                }

                    .card.is-post .comments-wrap .card-footer .post-comment .actions .action.is-upload input,
                    .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .actions .action.is-upload input {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        opacity: 0;
                        cursor: pointer
                    }

        .card.is-post .comments-wrap .card-footer .post-comment .emojionearea-scroll-area::-webkit-scrollbar,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .emojionearea-scroll-area::-webkit-scrollbar {
            width: 4px
        }

        .card.is-post .comments-wrap .card-footer .post-comment .emojionearea-scroll-area::-webkit-scrollbar-thumb,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .card-footer .post-comment .emojionearea-scroll-area::-webkit-scrollbar-thumb {
            border-radius: 10px;
            background: rgba(0, 0, 0, .2)
        }

.card .card-body .page-block,
.shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block,
.card .card-body .add-friend-block,
.shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block {
    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: 16px
}

    .card .card-body .page-block:not(:first-child),
    .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block:not(:first-child),
    .card .card-body .add-friend-block:not(:first-child),
    .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block:not(:first-child) {
        border-top: 1px solid #e8e8e8
    }

    .card .card-body .page-block img,
    .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block img,
    .card .card-body .add-friend-block img,
    .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block img {
        height: 40px;
        width: 40px;
        max-height: 40px;
        border-radius: 50%
    }

    .card .card-body .page-block .page-meta,
    .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .page-meta,
    .card .card-body .add-friend-block .page-meta,
    .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .page-meta {
        padding: 0 10px;
        line-height: 1.3
    }

        .card .card-body .page-block .page-meta span,
        .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .page-meta span,
        .card .card-body .add-friend-block .page-meta span,
        .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .page-meta span {
            display: block
        }

            .card .card-body .page-block .page-meta span:first-child,
            .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .page-meta span:first-child,
            .card .card-body .add-friend-block .page-meta span:first-child,
            .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .page-meta span:first-child {
                font-size: .85rem;
                color: #393a4f;
                font-weight: 500
            }

            .card .card-body .page-block .page-meta span:nth-child(2),
            .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .page-meta span:nth-child(2),
            .card .card-body .add-friend-block .page-meta span:nth-child(2),
            .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .page-meta span:nth-child(2) {
                font-size: .7rem;
                color: #757a91
            }

    .card .card-body .page-block .add-page,
    .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .add-page,
    .card .card-body .page-block .add-friend,
    .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .add-friend,
    .card .card-body .add-friend-block .add-page,
    .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .add-page,
    .card .card-body .add-friend-block .add-friend,
    .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .add-friend {
        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;
        width: 36px;
        height: 36px;
        margin-left: auto;
        border-radius: 50%;
        -webkit-transition: all .3s;
        transition: all .3s;
        cursor: pointer
    }

        .card .card-body .page-block .add-page svg,
        .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .add-page svg,
        .card .card-body .page-block .add-friend svg,
        .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .add-friend svg,
        .card .card-body .add-friend-block .add-page svg,
        .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .add-page svg,
        .card .card-body .add-friend-block .add-friend svg,
        .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .add-friend svg {
            width: 18px;
            height: 18px;
            stroke: #888da8;
            -webkit-transition: all .3s;
            transition: all .3s
        }

        .card .card-body .page-block .add-page:hover,
        .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .add-page:hover,
        .card .card-body .page-block .add-friend:hover,
        .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .add-friend:hover,
        .card .card-body .add-friend-block .add-page:hover,
        .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .add-page:hover,
        .card .card-body .add-friend-block .add-friend:hover,
        .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .add-friend:hover {
            background: #f5f5f5
        }

            .card .card-body .page-block .add-page:hover svg,
            .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .add-page:hover svg,
            .card .card-body .page-block .add-friend:hover svg,
            .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .add-friend:hover svg,
            .card .card-body .add-friend-block .add-page:hover svg,
            .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .add-page:hover svg,
            .card .card-body .add-friend-block .add-friend:hover svg,
            .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .add-friend:hover svg {
                stroke: #5596e6
            }

    .card .card-body .page-block .checkmark-wrapper,
    .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .page-block .checkmark-wrapper,
    .card .card-body .add-friend-block .checkmark-wrapper,
    .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .add-friend-block .checkmark-wrapper {
        margin-left: auto;
        margin-right: 8px
    }

.card .card-body .story-block,
.shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block {
    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: 16px 16px
}

    .card .card-body .story-block:not(:first-child),
    .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block:not(:first-child) {
        border-top: 1px solid #e8e8e8
    }

    .card .card-body .story-block .img-wrapper,
    .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .img-wrapper {
        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: 48px;
        width: 48px;
        max-height: 48px;
        min-width: 48px;
        border-radius: 50%;
        border: 1px solid #888da8
    }

        .card .card-body .story-block .img-wrapper img,
        .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .img-wrapper img {
            height: 38px;
            width: 38px;
            border-radius: 50%
        }

    .card .card-body .story-block .add-story,
    .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .add-story {
        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: 44px;
        width: 44px;
        max-height: 44px;
        min-width: 44px;
        border-radius: 50%;
        border: 2px dashed #e8e8e8;
        -webkit-transition: all .3s;
        transition: all .3s
    }

        .card .card-body .story-block .add-story svg,
        .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .add-story svg {
            width: 18px;
            height: 18px;
            stroke: #e8e8e8
        }

        .card .card-body .story-block .add-story:hover,
        .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .add-story:hover {
            border: 2px solid #3d70b2
        }

            .card .card-body .story-block .add-story:hover svg,
            .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .add-story:hover svg {
                stroke: #3d70b2
            }

    .card .card-body .story-block .story-meta,
    .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .story-meta {
        padding: 0 10px
    }

        .card .card-body .story-block .story-meta span,
        .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .story-meta span {
            display: block
        }

            .card .card-body .story-block .story-meta span:first-child,
            .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .story-meta span:first-child {
                font-size: .85rem;
                color: #393a4f;
                font-weight: 500
            }

            .card .card-body .story-block .story-meta span:nth-child(2),
            .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-block .story-meta span:nth-child(2) {
                font-size: .8rem;
                color: #757a91
            }

.options-summary {
    position: relative;
    display: inline-block;
    padding-bottom: 2px;
    width: auto;
    color: #888da8;
    background: #f7f7f7;
    border-radius: 500px;
    -webkit-transition: all .3s;
    transition: all .3s
}

    .options-summary:hover {
        background: #f2f2f2
    }

    .options-summary .tagged-friend + span small {
        display: none !important
    }

    .options-summary span {
        padding: 2px 8px
    }

        .options-summary span a {
            font-size: .8rem
        }

    .options-summary .mood-display {
        padding: 0 4px;
        cursor: pointer
    }

        .options-summary .mood-display img {
            position: relative;
            top: 2px;
            height: 14px !important;
            width: 14px !important
        }

        .options-summary .mood-display span {
            font-size: .8rem;
            color: #5596e6;
            margin: 0 4px
        }

        .options-summary .mood-display .action-text {
            color: #393a4f;
            margin-right: 4px
        }

.tag-list {
    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-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 8px;
    margin-bottom: 8px
}

    .tag-list.no-margin {
        margin: 0 !important
    }

    .tag-list .tag-control {
        width: auto !important;
        padding-right: 6px;
        margin: 0 0 4px 0 !important
    }

        .tag-list .tag-control.is-spaced {
            padding: 4px
        }

        .tag-list .tag-control .is-link {
            background: #888da8 !important
        }

.is-autocomplete {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .is-autocomplete.is-active,
    .is-autocomplete:hover {
        background: transparent !important
    }

    .is-autocomplete.is-dropup .easy-autocomplete-container {
        top: -260px !important;
        width: calc(100% - 40px);
        margin: 0 auto;
        right: 0
    }

    .is-autocomplete .control {
        margin: 0 !important;
        position: relative
    }

        .is-autocomplete .control.has-margin {
            margin-top: 8px !important
        }

        .is-autocomplete .control.is-location-wrapper input,
        .is-autocomplete .control.is-gif-wrapper input {
            height: 36px;
            padding-left: 36px;
            font-size: .9rem;
            -webkit-box-shadow: none;
            box-shadow: none;
            color: #999;
            -webkit-transition: all .3s;
            transition: all .3s
        }

            .is-autocomplete .control.is-location-wrapper input:focus,
            .is-autocomplete .control.is-gif-wrapper input:focus {
                border-color: #e8e8e8
            }

                .is-autocomplete .control.is-location-wrapper input:focus + .icon,
                .is-autocomplete .control.is-gif-wrapper input:focus + .icon {
                    color: #3d70b2
                }

        .is-autocomplete .control.is-gif-wrapper {
            position: relative
        }

            .is-autocomplete .control.is-gif-wrapper input:focus ~ .gif-dropdown {
                opacity: 1;
                pointer-events: all
            }

            .is-autocomplete .control.is-gif-wrapper .gif-dropdown {
                position: absolute;
                top: 36px;
                left: 0;
                right: 0;
                width: 100%;
                margin: 0 auto;
                height: 320px;
                overflow-y: auto;
                background: #fff;
                border: 1px solid #e8e8e8;
                border-radius: 4px;
                z-index: 40;
                opacity: 0;
                pointer-events: none;
                -webkit-transition: all .3s;
                transition: all .3s
            }

                .is-autocomplete .control.is-gif-wrapper .gif-dropdown::-webkit-scrollbar {
                    width: 4px
                }

                .is-autocomplete .control.is-gif-wrapper .gif-dropdown::-webkit-scrollbar-thumb {
                    border-radius: 10px;
                    background: rgba(0, 0, 0, .2)
                }

                .is-autocomplete .control.is-gif-wrapper .gif-dropdown .inner {
                    position: relative;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex
                }

                .is-autocomplete .control.is-gif-wrapper .gif-dropdown .gif-block {
                    display: block;
                    margin: 0 auto;
                    width: 33.3%;
                    padding: 2px
                }

                    .is-autocomplete .control.is-gif-wrapper .gif-dropdown .gif-block img {
                        display: block;
                        border-radius: 0 !important;
                        width: 100%;
                        height: auto;
                        margin-bottom: 4px
                    }

        .is-autocomplete .control .icon,
        .is-autocomplete .control .close-icon {
            position: absolute;
            top: 0;
            left: 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;
            color: #cecece
        }

            .is-autocomplete .control .icon svg,
            .is-autocomplete .control .close-icon svg {
                width: 16px;
                height: 16px;
                -webkit-transition: all .3s;
                transition: all .3s
            }

        .is-autocomplete .control .close-icon {
            left: unset !important;
            right: 0 !important;
            cursor: pointer
        }

            .is-autocomplete .control .close-icon:hover svg {
                color: #393a4f
            }

        .is-autocomplete .control .input-block {
            position: absolute;
            top: 0;
            left: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            font-size: .8rem;
            color: #fafafa;
            padding: 0 10px;
            height: 36px;
            width: auto;
            border-radius: 4px 0 0 4px;
            background: #757a91;
            -webkit-transition: all .3s;
            transition: all .3s;
            cursor: pointer
        }

            .is-autocomplete .control .input-block:hover {
                background: #83889c
            }

        .is-autocomplete .control .easy-autocomplete {
            width: 100% !important
        }

            .is-autocomplete .control .easy-autocomplete input {
                height: 36px;
                padding-left: 36px;
                font-size: .9rem;
                -webkit-box-shadow: none;
                box-shadow: none;
                color: #999;
                -webkit-transition: all .3s;
                transition: all .3s
            }

                .is-autocomplete .control .easy-autocomplete input.is-subactivity {
                    padding-left: 74px !important
                }

                .is-autocomplete .control .easy-autocomplete input:focus {
                    border-color: #e8e8e8
                }

                    .is-autocomplete .control .easy-autocomplete input:focus + .icon {
                        color: #3d70b2
                    }

            .is-autocomplete .control .easy-autocomplete .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
            }

                .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper {
                    position: relative;
                    width: 36px;
                    height: 36px
                }

                    .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper.is-smaller {
                        width: 22px !important;
                        height: 22px !important
                    }

                        .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper.is-smaller .autocpl-avatar {
                            width: 22px !important;
                            height: 22px !important
                        }

                    .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper .autocpl-avatar {
                        width: 36px;
                        height: 36px;
                        border-radius: 50%
                    }

                        .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper .autocpl-avatar.is-squared {
                            border-radius: 8px !important
                        }

                    .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper .avatar-badge {
                        position: absolute;
                        bottom: 0;
                        right: -3px;
                        width: 18px;
                        height: 18px;
                        border: 1.4px solid #fff;
                        border-radius: 50%
                    }

                .is-autocomplete .control .easy-autocomplete .template-wrapper .icon-wrapper {
                    position: relative;
                    width: 22px;
                    height: 22px
                }

                    .is-autocomplete .control .easy-autocomplete .template-wrapper .icon-wrapper .autocpl-avatar {
                        width: 22px;
                        height: 22px;
                        border-radius: 50% !important
                    }

                .is-autocomplete .control .easy-autocomplete .template-wrapper .entry-text {
                    margin-left: 10px;
                    line-height: 1.3
                }

                    .is-autocomplete .control .easy-autocomplete .template-wrapper .entry-text span {
                        font-size: .8rem;
                        color: #757a91
                    }

                .is-autocomplete .control .easy-autocomplete .template-wrapper .next-icon {
                    margin-left: auto !important
                }

                    .is-autocomplete .control .easy-autocomplete .template-wrapper .next-icon i {
                        font-size: 20px;
                        color: #888da8
                    }

                .is-autocomplete .control .easy-autocomplete .template-wrapper .is-description {
                    font-size: .7rem
                }

                .is-autocomplete .control .easy-autocomplete .template-wrapper .right-content {
                    margin-left: auto;
                    font-size: .75rem;
                    color: #999
                }

    .is-autocomplete li {
        height: auto !important;
        padding-top: 8px;
        padding-bottom: 8px;
        border-left: none !important;
        border-right: none !important
    }

    .is-autocomplete .easy-autocomplete-container {
        top: 120% !important;
        border: none !important;
        z-index: 10 !important
    }

        .is-autocomplete .easy-autocomplete-container ul {
            border-radius: 4px !important;
            -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06) !important;
            box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06) !important
        }

.feed-menu-v1 .main-menu {
    padding-right: 30px
}

    .feed-menu-v1 .main-menu li {
        -webkit-transition: all .3s;
        transition: all .3s
    }

        .feed-menu-v1 .main-menu li.is-active a {
            border-color: #5596e6
        }

            .feed-menu-v1 .main-menu li.is-active a span {
                color: #393a4f;
                font-weight: 500
            }

            .feed-menu-v1 .main-menu li.is-active a svg {
                stroke: #393a4f
            }

            .feed-menu-v1 .main-menu li.is-active a .close-icon {
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
                background: #e8e8e8
            }

                .feed-menu-v1 .main-menu li.is-active a .close-icon svg {
                    stroke: #393a4f
                }

        .feed-menu-v1 .main-menu li:hover .close-icon {
            background: #e8e8e8
        }

            .feed-menu-v1 .main-menu li:hover .close-icon svg {
                stroke: #393a4f
            }

        .feed-menu-v1 .main-menu li a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 8px 16px;
            border-left: 2px solid transparent
        }

            .feed-menu-v1 .main-menu li a span {
                display: block;
                color: #393a4f;
                font-size: .9rem;
                margin-left: 10px
            }

            .feed-menu-v1 .main-menu li a svg {
                position: relative;
                height: 18px;
                width: 18px;
                stroke: #757a91
            }

            .feed-menu-v1 .main-menu li a .close-icon {
                height: 28px;
                width: 28px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-left: auto;
                border-radius: 50%;
                -webkit-transition: all .3s;
                transition: all .3s
            }

                .feed-menu-v1 .main-menu li a .close-icon svg {
                    stroke: #cecece;
                    height: 16px;
                    width: 16px
                }

.feed-menu-v1 .submenu {
    padding-left: 50px;
    margin-bottom: 10px;
    display: none
}

    .feed-menu-v1 .submenu li.is-subactive a {
        color: #393a4f;
        font-weight: 500
    }

    .feed-menu-v1 .submenu li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 6px;
        font-size: .85rem;
        color: #757a91;
        border: none !important;
        -webkit-transition: color .3s;
        transition: color .3s
    }

        .feed-menu-v1 .submenu li a .tag {
            margin-left: auto;
            display: inherit;
            max-height: 19px;
            font-size: .75rem;
            border-radius: 100px;
            margin-right: 10px;
            background: #5596e6;
            color: #fff !important
        }

@media(max-width: 767px) {
    .card.is-post .likers-text,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .likers-text {
        display: none
    }

    .card.is-post .post-link,
    .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .post-link {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .card.is-post .post-link .link-image,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .post-link .link-image {
            margin: 0 auto;
            width: 100%;
            height: 100%;
            max-height: 180px
        }

            .card.is-post .post-link .link-image > img,
            .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .post-link .link-image > img {
                width: 100% !important;
                height: 100% !important;
                max-height: 180px;
                -o-object-fit: cover;
                object-fit: cover
            }

        .card.is-post .post-link .link-content,
        .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .post-link .link-content {
            margin-left: 0 !important;
            padding: 16px 6px
        }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: landscape) {
    .compose .compose-form img {
        height: 36px !important;
        width: 36px !important
    }

    .card .page-block img,
    .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .page-block img,
    .card .add-friend-block img,
    .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .add-friend-block img {
        height: 32px !important;
        width: 32px !important
    }

    .card .story-block .img-wrapper,
    .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .story-block .img-wrapper {
        height: 40px !important;
        width: 40px !important;
        max-height: 40px !important;
        min-width: 40px !important
    }

        .card .story-block .img-wrapper img,
        .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .story-block .img-wrapper img {
            height: 32px !important;
            width: 32px !important
        }

    .card .story-block .add-story,
    .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .story-block .add-story {
        height: 38px !important;
        width: 38px !important;
        max-height: 38px !important;
        min-width: 38px !important
    }

    .list-placeload .img {
        height: 32px !important;
        width: 32px !important;
        min-width: 32px !important
    }

    .stories-placeload .img {
        height: 38px !important;
        width: 38px !important;
        max-height: 38px !important;
        min-width: 38px !important
    }
}


/*! _posts-feed.scss | Friendkit | © Css Ninja. 2020-2021 */

.stories-list {
    padding: 20px 0;
    max-width: 980px;
    margin: 0 auto
}

    .stories-list .container-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .stories-list .container-inner .story {
            margin: 8px;
            width: calc(10% - 16px);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

            .stories-list .container-inner .story .story-avatar {
                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: 60px;
                width: 60px;
                min-width: 60px;
                background: #fff;
                border-radius: 50%;
                border: 1.6px solid #cecece;
                -webkit-transition: all .3s;
                transition: all .3s
            }

                .stories-list .container-inner .story .story-avatar:hover {
                    border-color: #3d70b2
                }

                .stories-list .container-inner .story .story-avatar .add-overlay {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    height: 50px;
                    width: 50px;
                    -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                    border-radius: 50%;
                    background: rgba(85, 150, 230, .6);
                    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
                }

                    .stories-list .container-inner .story .story-avatar .add-overlay svg {
                        height: 15px;
                        width: 15px;
                        stroke-width: 3px;
                        stroke: #fff
                    }

                .stories-list .container-inner .story .story-avatar img {
                    display: block;
                    height: 50px;
                    width: 50px;
                    border-radius: 50%
                }

.posts-feed-wrapper {
    padding: 0 0 20px 0
}

    .posts-feed-wrapper.is-2x {
        max-width: 1040px;
        margin: 0 auto
    }

    .posts-feed-wrapper .post-feed-item {
        border: none;
        background: none !important;
        margin-bottom: .75rem
    }

        .posts-feed-wrapper .post-feed-item .card-image img {
            -o-object-fit: cover;
            object-fit: cover
        }

        .posts-feed-wrapper .post-feed-item .card-content {
            padding: 0
        }

            .posts-feed-wrapper .post-feed-item .card-content .media {
                padding: 10px 0;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .posts-feed-wrapper .post-feed-item .card-content .media .media-left {
                    margin-right: .5rem
                }

                    .posts-feed-wrapper .post-feed-item .card-content .media .media-left .post-avatar {
                        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: 44px;
                        width: 44px;
                        background: #fff;
                        border-radius: 50%;
                        border: 1.6px solid #cecece;
                        -webkit-transition: all .3s;
                        transition: all .3s
                    }

                        .posts-feed-wrapper .post-feed-item .card-content .media .media-left .post-avatar:hover {
                            border-color: #3d70b2
                        }

                        .posts-feed-wrapper .post-feed-item .card-content .media .media-left .post-avatar.is-smaller {
                            height: 36px;
                            width: 36px
                        }

                            .posts-feed-wrapper .post-feed-item .card-content .media .media-left .post-avatar.is-smaller img {
                                height: 28px;
                                width: 28px;
                                min-width: 28px
                            }

                        .posts-feed-wrapper .post-feed-item .card-content .media .media-left .post-avatar .add-overlay {
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            height: 44px;
                            width: 44px;
                            -webkit-transform: translate(-50%, -50%);
                            transform: translate(-50%, -50%);
                            border-radius: 50%;
                            background: rgba(85, 150, 230, .6);
                            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
                        }

                            .posts-feed-wrapper .post-feed-item .card-content .media .media-left .post-avatar .add-overlay svg {
                                height: 15px;
                                width: 15px;
                                stroke-width: 3px;
                                stroke: #fff
                            }

                        .posts-feed-wrapper .post-feed-item .card-content .media .media-left .post-avatar img {
                            display: block;
                            height: 36px;
                            width: 36px;
                            min-width: 36px;
                            border-radius: 50%
                        }

                .posts-feed-wrapper .post-feed-item .card-content .media .media-content {
                    line-height: 1.2
                }

                    .posts-feed-wrapper .post-feed-item .card-content .media .media-content.is-smaller span:first-child {
                        font-size: .9rem
                    }

                    .posts-feed-wrapper .post-feed-item .card-content .media .media-content.is-smaller span:nth-child(2) {
                        font-size: .75rem
                    }

                    .posts-feed-wrapper .post-feed-item .card-content .media .media-content span {
                        display: block;
                        font-family: "Roboto", sans-serif
                    }

                        .posts-feed-wrapper .post-feed-item .card-content .media .media-content span:first-child {
                            font-weight: 500;
                            color: #393a4f
                        }

                        .posts-feed-wrapper .post-feed-item .card-content .media .media-content span:nth-child(2) {
                            font-size: .85rem;
                            color: #a2a5b9
                        }

                .posts-feed-wrapper .post-feed-item .card-content .media .media-right {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: end;
                    -ms-flex-pack: end;
                    justify-content: flex-end;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                    .posts-feed-wrapper .post-feed-item .card-content .media .media-right > span {
                        font-family: "Roboto", sans-serif;
                        font-weight: 500;
                        font-size: .85rem;
                        color: #393a4f;
                        margin-right: 12px
                    }

                    .posts-feed-wrapper .post-feed-item .card-content .media .media-right .button {
                        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;
                        border-radius: 50%;
                        padding: 0;
                        margin-left: 2px;
                        border-color: transparent
                    }

                        .posts-feed-wrapper .post-feed-item .card-content .media .media-right .button.is-liked svg {
                            stroke: #f71416;
                            fill: #f71416
                        }

                        .posts-feed-wrapper .post-feed-item .card-content .media .media-right .button:hover {
                            border-color: #e0e0e0;
                            -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
                            box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
                        }

                        .posts-feed-wrapper .post-feed-item .card-content .media .media-right .button svg {
                            height: 14px;
                            width: 14px
                        }

.feed-profile-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 30px 0;
    max-width: 1280px;
    margin: 0 auto
}

    .feed-profile-wrapper .profile-wrapper {
        width: 340px;
        padding: 0 40px
    }

        .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

            .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper .button {
                width: 38px;
                height: 38px;
                padding: 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;
                border-radius: 50%;
                border-color: transparent
            }

                .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper .button:first-child svg {
                    position: relative;
                    left: -1px
                }

                .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper .button:last-child svg {
                    position: relative;
                    right: -1px
                }

                .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper .button:hover {
                    border-color: #e0e0e0;
                    -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
                    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
                }

                    .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper .button:hover svg {
                        stroke: #393a4f
                    }

                .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper .button svg {
                    width: 18px;
                    height: 18px;
                    stroke: #a2a5b9;
                    stroke-width: 3px
                }

            .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper .avatar-wrap {
                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;
                width: 74px;
                height: 74px;
                min-width: 74px;
                border: 1.4px solid #d8d8d8;
                border-radius: 50%;
                margin: 0 auto 6px auto
            }

                .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper .avatar-wrap img {
                    display: block;
                    width: 58px;
                    height: 58px;
                    min-width: 58px;
                    border-radius: 50%
                }

                .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper .avatar-wrap .badge {
                    position: absolute;
                    bottom: 2px;
                    right: -3px;
                    height: 24px;
                    width: 24px;
                    border-radius: 50%;
                    border: 2px solid #fcfcfc;
                    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;
                    background: #1ce589
                }

                    .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper .avatar-wrap .badge svg {
                        height: 10px;
                        width: 10px;
                        stroke: #fcfcfc;
                        stroke-width: 4px
                    }

        .feed-profile-wrapper .profile-wrapper .user-stats {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: distribute;
            justify-content: space-around;
            padding: 20px 0
        }

            .feed-profile-wrapper .profile-wrapper .user-stats .stat-block {
                text-align: center
            }

                .feed-profile-wrapper .profile-wrapper .user-stats .stat-block span {
                    display: block
                }

                    .feed-profile-wrapper .profile-wrapper .user-stats .stat-block span:first-child {
                        text-transform: uppercase;
                        font-weight: 600;
                        font-size: 1rem;
                        color: #393a4f
                    }

                    .feed-profile-wrapper .profile-wrapper .user-stats .stat-block span:last-child {
                        font-size: .7rem;
                        color: #999
                    }

        .feed-profile-wrapper .profile-wrapper .user-bio {
            padding: 40px 0
        }

            .feed-profile-wrapper .profile-wrapper .user-bio h4 {
                font-family: "Roboto", sans-serif;
                font-weight: 500;
                font-size: .9rem;
                color: #393a4f;
                margin-bottom: 8px
            }

            .feed-profile-wrapper .profile-wrapper .user-bio p {
                font-family: "Roboto", sans-serif;
                font-size: .85rem;
                color: #a2a5b9;
                margin-bottom: 8px
            }

            .feed-profile-wrapper .profile-wrapper .user-bio a {
                font-family: "Roboto", sans-serif;
                font-weight: 500;
                font-size: .85rem;
                color: #5596e6
            }

        .feed-profile-wrapper .profile-wrapper .connections {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

            .feed-profile-wrapper .profile-wrapper .connections .connection {
                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;
                margin: 8px;
                width: calc(33.3% - 16px)
            }

                .feed-profile-wrapper .profile-wrapper .connections .connection .connection-avatar {
                    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: 60px;
                    width: 60px;
                    min-width: 40px;
                    background: #fff;
                    border-radius: 50%;
                    border: 1.4px solid #cecece;
                    -webkit-transition: all .3s;
                    transition: all .3s
                }

                    .feed-profile-wrapper .profile-wrapper .connections .connection .connection-avatar:hover {
                        border-color: #3d70b2
                    }

                    .feed-profile-wrapper .profile-wrapper .connections .connection .connection-avatar img {
                        display: block;
                        height: 50px;
                        width: 50px;
                        border-radius: 50%
                    }

        .feed-profile-wrapper .profile-wrapper .more-connections {
            text-align: center;
            padding: 20px 0
        }

            .feed-profile-wrapper .profile-wrapper .more-connections a {
                font-family: "Roboto", sans-serif;
                font-weight: 500;
                font-size: .85rem;
                color: #5596e6
            }

    .feed-profile-wrapper .posts-wrapper {
        width: calc(100% - 340px)
    }

        .feed-profile-wrapper .posts-wrapper .column {
            padding: .5rem
        }

            .feed-profile-wrapper .posts-wrapper .column .profile-post {
                margin-bottom: 0
            }

                .feed-profile-wrapper .posts-wrapper .column .profile-post img {
                    -o-object-fit: cover;
                    object-fit: cover
                }

.feed-slider-wrapper {
    position: relative;
    padding: 30px 0;
    max-width: 1280px;
    margin: 0 auto
}

    .feed-slider-wrapper .feed-slider-inner .slick-list {
        min-height: 500px;
        margin-top: 0
    }

    .feed-slider-wrapper .feed-slider-inner .slick-custom {
        position: absolute;
        top: 50%;
        width: 50px;
        height: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
        color: #393a4f;
        -webkit-transition: all .3s;
        transition: all .3s;
        z-index: 999
    }

        .feed-slider-wrapper .feed-slider-inner .slick-custom i {
            position: relative;
            font-size: 3.6rem;
            color: #a2a5b9;
            -webkit-transition: color .3s;
            transition: color .3s
        }

        .feed-slider-wrapper .feed-slider-inner .slick-custom:hover i {
            color: #393a4f
        }

        .feed-slider-wrapper .feed-slider-inner .slick-custom.is-prev {
            left: -30px
        }

            .feed-slider-wrapper .feed-slider-inner .slick-custom.is-prev i {
                right: 2px
            }

        .feed-slider-wrapper .feed-slider-inner .slick-custom.is-next {
            right: -30px
        }

            .feed-slider-wrapper .feed-slider-inner .slick-custom.is-next i {
                left: 2px
            }

    .feed-slider-wrapper .feed-slider-inner .feed-slider-item {
        border: none;
        margin-bottom: .75rem;
        margin: 60px 20px 20px 20px;
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
        opacity: .6;
        outline: none !important;
        -webkit-transition: all .3s;
        transition: all .3s
    }

        .feed-slider-wrapper .feed-slider-inner .feed-slider-item.slick-center {
            -webkit-filter: grayscale(0);
            filter: grayscale(0);
            opacity: 1;
            -webkit-transform: scale(1.4);
            transform: scale(1.4);
            z-index: 9999
        }

            .feed-slider-wrapper .feed-slider-inner .feed-slider-item.slick-center .card-content .media,
            .feed-slider-wrapper .feed-slider-inner .feed-slider-item.slick-center .card-content .liked-by,
            .feed-slider-wrapper .feed-slider-inner .feed-slider-item.slick-center .card-header .media,
            .feed-slider-wrapper .feed-slider-inner .feed-slider-item.slick-center .card-header .liked-by {
                opacity: 1;
                pointer-events: all
            }

        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-image img {
            -o-object-fit: cover;
            object-fit: cover
        }

        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content,
        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header {
            padding: 0;
            -webkit-box-shadow: none;
            box-shadow: none
        }

            .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media,
            .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media {
                width: 100%;
                padding: 10px 0;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-bottom: 0;
                opacity: 0;
                pointer-events: none;
                -webkit-transition: all .3s;
                transition: all .3s
            }

                .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-left,
                .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-left {
                    margin-right: .5rem
                }

                    .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-left .post-avatar,
                    .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-left .post-avatar {
                        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: 36px;
                        width: 36px;
                        background: #fff;
                        border-radius: 50%;
                        border: 1.2px solid #cecece;
                        -webkit-transition: all .3s;
                        transition: all .3s
                    }

                        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-left .post-avatar:hover,
                        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-left .post-avatar:hover {
                            border-color: #3d70b2
                        }

                        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-left .post-avatar img,
                        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-left .post-avatar img {
                            display: block;
                            height: 28px;
                            width: 28px;
                            min-width: 28px;
                            border-radius: 50%
                        }

                .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-content,
                .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-content {
                    line-height: 1.2
                }

                    .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-content span,
                    .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-content span {
                        display: block;
                        font-family: "Roboto", sans-serif
                    }

                        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-content span:first-child,
                        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-content span:first-child {
                            font-weight: 500;
                            font-size: .75rem;
                            color: #393a4f
                        }

                        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-content span:nth-child(2),
                        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-content span:nth-child(2) {
                            font-size: .55rem;
                            color: #a2a5b9
                        }

                .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-right,
                .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-right {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: end;
                    -ms-flex-pack: end;
                    justify-content: flex-end;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                    .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-right > span,
                    .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-right > span {
                        font-family: "Roboto", sans-serif;
                        font-weight: 500;
                        font-size: .65rem;
                        color: #393a4f;
                        margin-right: 12px
                    }

                    .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-right .button,
                    .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-right .button {
                        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: 24px;
                        width: 24px;
                        border-radius: 50%;
                        padding: 0;
                        margin-left: 2px;
                        border-color: transparent
                    }

                        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-right .button.is-liked svg,
                        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-right .button.is-liked svg {
                            stroke: #f71416;
                            fill: #f71416
                        }

                        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-right .button:hover,
                        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-right .button:hover {
                            border-color: #e0e0e0;
                            -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
                            box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
                        }

                        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .media .media-right .button svg,
                        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-right .button svg {
                            height: 10px;
                            width: 10px
                        }

            .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .liked-by,
            .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .liked-by {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                padding: 6px 0;
                opacity: 0;
                pointer-events: none;
                -webkit-transition: all .3s;
                transition: all .3s
            }

                .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .liked-by img,
                .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .liked-by img {
                    display: block;
                    height: 20px;
                    width: 20px;
                    border-radius: 50%
                }

                .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .liked-by > span,
                .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .liked-by > span {
                    display: block;
                    font-family: "Roboto", sans-serif;
                    font-size: .6rem;
                    margin-left: 8px;
                    color: #a2a5b9
                }

                    .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .liked-by > span span,
                    .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .liked-by > span span {
                        color: #393a4f;
                        font-weight: 500
                    }

@media only screen and (max-width: 767px) {
    .stories-list {
        max-width: 100%;
        width: 100%;
        margin: 0
    }

        .stories-list .container-inner {
            overflow-x: auto
        }

            .stories-list .container-inner .story {
                min-width: 60px
            }

    .posts-feed-wrapper .post-feed-item .card-content .media .media-right > span {
        display: none
    }

    .feed-profile-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .feed-profile-wrapper .profile-wrapper,
        .feed-profile-wrapper .posts-wrapper {
            width: 100%
        }

    .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-left {
            margin: 0 0 10px 0
        }

        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-content {
            text-align: center
        }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-left {
            margin: 0 0 10px 0
        }

        .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-content {
            text-align: center
        }

    .feed-slider-wrapper .feed-slider-inner .slick-custom {
        display: none
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .feed-profile-wrapper .profile-wrapper {
        width: 280px;
        padding: 0 30px
    }

    .feed-profile-wrapper .posts-wrapper {
        width: calc(100% - 280px)
    }

    .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-right > span {
        display: none
    }

    .feed-slider-wrapper .feed-slider-inner .slick-custom {
        top: 42%
    }

        .feed-slider-wrapper .feed-slider-inner .slick-custom i {
            position: relative;
            font-size: 3rem;
            color: #a2a5b9;
            -webkit-transition: color .3s;
            transition: color .3s
        }

        .feed-slider-wrapper .feed-slider-inner .slick-custom:hover i {
            color: #393a4f
        }

        .feed-slider-wrapper .feed-slider-inner .slick-custom.is-prev {
            left: -10px
        }

            .feed-slider-wrapper .feed-slider-inner .slick-custom.is-prev i {
                right: 2px
            }

        .feed-slider-wrapper .feed-slider-inner .slick-custom.is-next {
            right: -10px
        }

            .feed-slider-wrapper .feed-slider-inner .slick-custom.is-next i {
                left: 2px
            }
}


/*! _app-inbox.scss | Friendkit | © Css Ninja. 2020-2021 */


/*! _special-mixins.scss | Friendkit | © Css Ninja. 2020-2021 */

.inbox-wrapper .inbox-wrapper-inner {
    position: relative;
    width: 100%;
    height: 100%
}

    .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 16%;
        background: #f4f4f4 !important;
        border-right: 1px solid #dbdbdb;
        z-index: 1;
        -webkit-transition: all .3s;
        transition: all .3s
    }

        .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .inbox-left-sidebar-inner {
            width: 100%;
            height: 100%
        }

            .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .inbox-left-sidebar-inner .compose {
                padding: 0 20px;
                min-height: 60px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .inbox-left-sidebar-inner .compose .button {
                    height: 40px
                }

            .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .inbox-left-sidebar-inner .left-menu {
                padding: 10px 0
            }

                .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .inbox-left-sidebar-inner .left-menu 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;
                    margin: 0 20px;
                    padding: 10px;
                    color: #aaa;
                    font-size: .95rem;
                    border-radius: 4px
                }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .inbox-left-sidebar-inner .left-menu a.is-active {
                        background-color: #5596e6;
                        color: #fafafa;
                        -webkit-box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important;
                        box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important
                    }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .inbox-left-sidebar-inner .left-menu a span {
                        display: block;
                        margin-left: 10px
                    }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .inbox-left-sidebar-inner .left-menu a svg {
                        height: 18px;
                        width: 18px
                    }

            .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .inbox-left-sidebar-inner .close-menu {
                padding: 20px 50px;
                text-align: center
            }

                .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .inbox-left-sidebar-inner .close-menu a {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    color: #999;
                    cursor: pointer
                }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .inbox-left-sidebar-inner .close-menu a svg {
                        height: 20px;
                        width: 20px;
                        margin-right: 4px
                    }

    .inbox-wrapper .inbox-wrapper-inner .inbox-center-container {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: #fff;
        -webkit-transition: all .3s;
        transition: all .3s
    }

        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container.is-left-opened {
            width: calc(100% - 280px);
            left: 280px
        }

        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container.is-both-opened {
            width: 34%;
            left: 16%;
            right: 50%
        }

        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner {
            position: relative;
            width: 100%;
            height: 100%
        }

            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .messages {
                display: block;
                background-color: #fff
            }

                .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .messages .action-buttons {
                    min-height: 60px;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    padding: 0 20px;
                    border-bottom: 1px solid #e8e8e8
                }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .messages .action-buttons .button {
                        max-height: 32px;
                        padding: 4px 8px
                    }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .messages .action-buttons .button svg {
                            height: 16px;
                            width: 16px;
                            stroke: #888da8
                        }

            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .message-count {
                font-size: .9rem;
                color: #999;
                margin-left: 12px
            }

            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages {
                position: absolute;
                top: 0;
                left: 0;
                margin-top: 60px;
                height: calc(100% - 60px);
                max-height: calc(100% - 60px);
                overflow-y: auto
            }

                .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner {
                    padding: 20px
                }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .message {
                        display: block;
                        background-color: #fff
                    }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card,
                    .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card,
                    .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card {
                        width: 100%;
                        cursor: pointer;
                        -webkit-transition: all .3s;
                        transition: all .3s
                    }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card.is-active,
                        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .is-active.summary-card,
                        .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .is-active.summary-card {
                            background-color: #fcfcfc;
                            -webkit-box-shadow: 0px 5px 18px rgba(0, 0, 0, .11) !important;
                            box-shadow: 0px 5px 18px rgba(0, 0, 0, .11) !important
                        }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card.is-active .msg-from a,
                            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .is-active.summary-card .msg-from a,
                            .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .is-active.summary-card .msg-from a {
                                color: #5596e6
                            }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card.is-active .msg-attachment svg,
                            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .is-active.summary-card .msg-attachment svg,
                            .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .is-active.summary-card .msg-attachment svg {
                                stroke: #5596e6
                            }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card.has-attachment .msg-attachment svg,
                        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .has-attachment.summary-card .msg-attachment svg,
                        .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .has-attachment.summary-card .msg-attachment svg {
                            display: block;
                            -webkit-transition: stroke .3s;
                            transition: stroke .3s
                        }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-from,
                        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-from,
                        .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-from {
                            color: #999
                        }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-from a,
                            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-from a,
                            .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-from a {
                                font-weight: 500;
                                color: #999;
                                -webkit-transition: color .3s;
                                transition: color .3s
                            }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-timestamp,
                        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-timestamp,
                        .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-timestamp {
                            float: right;
                            padding: 0 20px;
                            color: #999;
                            font-size: .9rem
                        }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-attachment,
                        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-attachment,
                        .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-attachment {
                            float: right
                        }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-attachment svg,
                            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-attachment svg,
                            .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-attachment svg {
                                display: none;
                                height: 16px;
                                width: 16px;
                                stroke: #999
                            }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-subject,
                        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-subject,
                        .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-subject {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            padding: 10px 0
                        }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-subject span,
                            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-subject span,
                            .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-subject span {
                                display: block;
                                font-family: "Montserrat", sans-serif;
                                font-weight: 600;
                                font-size: .9rem;
                                color: #393a4f;
                                margin: 0 4px
                            }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-subject svg,
                            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-subject svg,
                            .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-subject svg {
                                position: relative;
                                top: -1px;
                                height: 16px;
                                width: 16px;
                                stroke: #999;
                                fill: none;
                                cursor: pointer;
                                -webkit-transform: rotate(0);
                                transform: rotate(0);
                                -webkit-transition: all .3s;
                                transition: all .3s
                            }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-subject svg.is-active,
                                .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-subject svg.is-active,
                                .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-subject svg.is-active {
                                    -webkit-transform: rotate(360deg);
                                    transform: rotate(360deg);
                                    stroke: #3d70b2;
                                    fill: #3d70b2
                                }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-snippet,
                        .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-snippet,
                        .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-snippet {
                            color: #999;
                            font-size: .9rem;
                            padding-right: 20px
                        }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-snippet p,
                            .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-snippet p,
                            .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-snippet p {
                                overflow: hidden;
                                position: relative;
                                line-height: 1.2em;
                                max-height: 2.4em;
                                text-align: justify;
                                margin-right: -1em;
                                padding-right: 1em
                            }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-snippet p:before,
                                .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-snippet p:before,
                                .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-snippet p:before {
                                    content: "...";
                                    position: absolute;
                                    right: 0;
                                    bottom: 0
                                }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .card .msg-snippet p:after,
                                .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .msg-snippet p:after,
                                .shop-wrapper .cart-container .cart-content .cart-summary .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .summary-card .msg-snippet p:after {
                                    content: "";
                                    position: absolute;
                                    right: 0;
                                    width: 1em;
                                    height: 1em;
                                    margin-top: .2em;
                                    background: #fff
                                }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner strong {
                        color: #5d5d5d
                    }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .msg-check {
                        padding: 0 20px
                    }

    .inbox-wrapper .inbox-wrapper-inner .inbox-message-container {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 50%;
        background: #fff;
        -webkit-transition: all .3s;
        transition: all .3s;
        border-left: 1px solid #dbdbdb
    }

        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner {
            position: relative;
            height: 100%;
            width: 100%
        }

            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-head .action-buttons {
                min-height: 60px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                padding: 0 20px;
                border-bottom: 1px solid #e8e8e8
            }

                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-head .action-buttons .button {
                    max-height: 32px;
                    padding: 4px 8px
                }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-head .action-buttons .button svg {
                        height: 16px;
                        width: 16px;
                        stroke: #888da8
                    }

            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body {
                position: absolute;
                top: 0;
                left: 0;
                margin-top: 60px;
                height: calc(100% - 60px);
                max-height: calc(100% - 60px);
                width: 100%;
                overflow-y: auto;
                border-left: none;
                padding: 1.25em !important
            }

                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner {
                    position: relative;
                    width: 100%;
                    height: 100%;
                    display: none;
                    -webkit-transition: all .3s;
                    transition: all .3s;
                    -webkit-animation-name: fadeInLeft;
                    animation-name: fadeInLeft;
                    -webkit-animation-duration: .5s;
                    animation-duration: .5s
                }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner.is-active {
                        display: block
                    }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview-transition.is-first {
                        margin-top: -36px !important
                    }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview-transition .mail {
                        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;
                        margin: 60px auto;
                        height: 40px;
                        width: 40px;
                        border-radius: 50%;
                        color: #fff;
                        border: 1px solid #ccc
                    }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview-transition .mail:before {
                            content: "";
                            position: absolute;
                            top: -30px;
                            left: 0;
                            right: 0;
                            height: 1px;
                            width: 40px;
                            background: #888da8;
                            -webkit-transform: rotate(90deg);
                            transform: rotate(90deg)
                        }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview-transition .mail:after {
                            content: "";
                            position: absolute;
                            bottom: -30px;
                            left: 0;
                            right: 0;
                            height: 1px;
                            width: 40px;
                            background: #888da8;
                            -webkit-transform: rotate(90deg);
                            transform: rotate(90deg)
                        }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview-transition .mail svg {
                            width: 20px;
                            height: 20px;
                            stroke: #888da8
                        }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview {
                        margin: 0 0 20px 0;
                        padding: 30px;
                        -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
                        box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
                        border: 1px solid #e8e8e8
                    }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .avatar {
                            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
                        }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .avatar img {
                                width: 48px;
                                border-radius: 50px;
                                border: 2px solid #999;
                                padding: 2px
                            }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .header {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center
                        }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .header .meta {
                                display: block;
                                padding: 0 20px
                            }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .header .meta .name {
                                    font-weight: 500;
                                    color: #393a4f
                                }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .header .meta .date {
                                    font-size: .9rem;
                                    color: #999
                                }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .header .meta-right {
                                text-align: right;
                                margin-left: auto
                            }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .header .meta-right .tag {
                                    font-weight: 500;
                                    background: #f7f7f7;
                                    color: #393a4f
                                }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .header .meta-right svg {
                                    position: relative;
                                    top: 2px;
                                    height: 16px;
                                    width: 16px;
                                    stroke: #cecece
                                }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .header .meta-right small {
                                    color: #999;
                                    font-size: .95rem
                                }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments {
                        padding-bottom: 40px
                    }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-header .paperclip {
                            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;
                            margin: 60px auto;
                            height: 40px;
                            width: 40px;
                            border-radius: 50%;
                            color: #fff;
                            border: 1px solid #ccc
                        }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-header .paperclip:before {
                                content: "";
                                position: absolute;
                                top: -30px;
                                left: 0;
                                right: 0;
                                height: 1px;
                                width: 40px;
                                background: #888da8;
                                -webkit-transform: rotate(90deg);
                                transform: rotate(90deg)
                            }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-header .paperclip:after {
                                content: "";
                                position: absolute;
                                bottom: -30px;
                                left: 0;
                                right: 0;
                                height: 1px;
                                width: 40px;
                                background: #888da8;
                                -webkit-transform: rotate(90deg);
                                transform: rotate(90deg)
                            }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-header .paperclip svg {
                                width: 20px;
                                height: 20px;
                                stroke: #888da8
                            }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -ms-flex-wrap: wrap;
                            flex-wrap: wrap;
                            max-width: 380px;
                            margin: 0 auto
                        }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .box {
                                width: calc(50% - 20px);
                                margin: 0 10px 16px 10px;
                                padding: 0;
                                -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
                                box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
                                border: 1px solid #e8e8e8;
                                border-radius: 4px
                            }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .box.has-file {
                                    -webkit-box-pack: center;
                                    -ms-flex-pack: center;
                                    justify-content: center;
                                    -webkit-box-align: center;
                                    -ms-flex-align: center;
                                    align-items: center
                                }

                                    .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .box.has-file .box-inner {
                                        text-align: center;
                                        padding: 22px 12px
                                    }

                                        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .box.has-file .box-inner svg {
                                            stroke-width: 1.2px
                                        }

                                        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .box.has-file .box-inner h5 {
                                            font-weight: 500;
                                            font-size: .9rem;
                                            overflow: hidden;
                                            text-overflow: ellipsis
                                        }

                                    .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .box.has-file .actions-group {
                                        display: -webkit-box;
                                        display: -ms-flexbox;
                                        display: flex;
                                        border-top: 1px solid #e8e8e8
                                    }

                                        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .box.has-file .actions-group .action {
                                            width: 50%;
                                            height: 34px;
                                            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
                                        }

                                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .box.has-file .actions-group .action:first-child {
                                                border-right: 1px solid #e8e8e8
                                            }

                                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .box.has-file .actions-group .action:hover {
                                                background: #fafafa
                                            }

                                                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .box.has-file .actions-group .action:hover svg {
                                                    stroke: #393a4f
                                                }

                                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .box.has-file .actions-group .action svg {
                                                height: 18px;
                                                width: 18px;
                                                stroke: #888da8;
                                                -webkit-transition: stroke .3s;
                                                transition: stroke .3s
                                            }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .box img {
                                    display: block;
                                    border-radius: 2px
                                }

                    .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper {
                        padding: 40px
                    }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-title {
                            font-size: 1.1rem;
                            color: #393a4f;
                            font-weight: 500;
                            margin-bottom: 20px;
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center
                        }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-title svg {
                                height: 18px;
                                width: 18px;
                                stroke: #999;
                                margin-left: 8px;
                                cursor: pointer
                            }

                        .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-wrapper-inner {
                            width: 100%;
                            border: 1px solid #e8e8e8;
                            border-radius: 4px;
                            padding: 30px;
                            -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
                            box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
                        }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-wrapper-inner .flex-form {
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex
                            }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-wrapper-inner img {
                                margin-top: 2px;
                                height: 44px;
                                width: 44px;
                                border-radius: 50%
                            }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-wrapper-inner .control {
                                position: relative;
                                width: 100%;
                                margin-left: 10px
                            }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-wrapper-inner .control .textarea {
                                    border: none !important;
                                    margin-bottom: 20px
                                }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-wrapper-inner .control .reply-textarea {
                                    margin-bottom: 20px;
                                    min-height: 120px
                                }

                                    .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-wrapper-inner .control .reply-textarea p {
                                        font-style: normal;
                                        font-size: 1rem;
                                        font-family: "Roboto", sans-serif
                                    }
                                    .reply-textarea{
                                        border: 1px solid #e0e0e0;
                                        padding-bottom:25px;
                                    }

                                .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-wrapper-inner .control .ql-editor::before {
                                    font-style: normal;
                                    font-size: 1rem;
                                    color: #cecece
                                }

                            .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-wrapper-inner .send-message {
                                line-height: 0
                            }

.action-buttons .control.is-grouped {
    display: inline-block;
    margin-right: 16px
}

    .action-buttons .control.is-grouped:last-child {
        margin-right: 0
    }

    .action-buttons .control.is-grouped .button {
        margin-right: -5px;
        border-radius: 0;
        background: #fff;
        -webkit-transition: all .3s;
        transition: all .3s
    }

        .action-buttons .control.is-grouped .button:first-child {
            border-radius: 5px 0 0 5px
        }

        .action-buttons .control.is-grouped .button:last-child {
            border-radius: 0 5px 5px 0
        }

        .action-buttons .control.is-grouped .button:hover {
            background: #f5f5f5
        }

        .action-buttons .control.is-grouped .button.is-solo {
            border-radius: 5px !important
        }

        .action-buttons .control.is-grouped .button svg {
            -webkit-transition: all .3s;
            transition: all .3s
        }

@media only screen and (max-width: 1300px) {
    .inbox-wrapper .message-count {
        display: none
    }
}

@media(max-width: 767px) {
    .inbox-wrapper {
        overflow: hidden
    }

        .inbox-wrapper .action-buttons .is-grouped {
            margin-right: 0 !important;
            margin-bottom: 0 !important
        }

        .inbox-wrapper .inbox-message-container {
            width: 100% !important;
            -webkit-transform: translateX(100%);
            transform: translateX(100%)
        }

            .inbox-wrapper .inbox-message-container.is-opened-mobile {
                -webkit-transform: translateX(0);
                transform: translateX(0)
            }

            .inbox-wrapper .inbox-message-container .message-body {
                padding: 1.25em .5em !important
            }

                .inbox-wrapper .inbox-message-container .message-body .message-preview .header {
                    -webkit-box-orient: vertical !important;
                    -webkit-box-direction: normal !important;
                    -ms-flex-direction: column !important;
                    flex-direction: column !important;
                    text-align: center !important
                }

                    .inbox-wrapper .inbox-message-container .message-body .message-preview .header .meta-right {
                        margin: 10px 0 !important;
                        text-align: center !important
                    }

            .inbox-wrapper .inbox-message-container .action-buttons .is-grouped.is-hidden-landscape {
                margin-left: auto !important
            }

        .inbox-wrapper .inbox-center-container {
            width: 100% !important;
            left: 0 !important
        }

            .inbox-wrapper .inbox-center-container .action-buttons {
                padding: 10px 20px !important
            }

                .inbox-wrapper .inbox-center-container .action-buttons .is-grouped.is-hidden-landscape {
                    margin-right: auto !important
                }

        .inbox-wrapper .reply-wrapper {
            padding: 20px 10px !important
        }

            .inbox-wrapper .reply-wrapper .reply-wrapper-inner {
                padding: 10px !important
            }

    .inbox-left-sidebar {
        width: 260px !important;
        -webkit-transform: translateX(-260px);
        transform: translateX(-260px)
    }

        .inbox-left-sidebar.is-opened-mobile {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

        .inbox-left-sidebar .inbox-left-sidebar-inner .close-menu {
            padding: 0 30px !important
        }

    .is-vhidden {
        display: none !important
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .inbox-wrapper {
        overflow: hidden
    }

    .inbox-left-sidebar {
        width: 260px !important;
        -webkit-transform: translateX(-260px);
        transform: translateX(-260px)
    }

        .inbox-left-sidebar.is-opened-mobile {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

    .inbox-center-container {
        width: 100% !important;
        left: 0 !important
    }

        .inbox-center-container .action-buttons {
            padding: 10px 20px !important
        }

    .inbox-message-container {
        width: 100% !important;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

        .inbox-message-container.is-opened-mobile {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .inbox-left-sidebar {
        width: 21% !important
    }

        .inbox-left-sidebar .compose {
            padding: 20px 10px !important
        }

        .inbox-left-sidebar .left-menu a {
            margin: 0 10px !important;
            padding: 10px !important
        }

    .inbox-message-container {
        width: 45% !important
    }

        .inbox-message-container .inbox-message-container-inner .message-body {
            padding: 1.25em !important
        }

            .inbox-message-container .inbox-message-container-inner .message-body .message-preview {
                padding: 20px !important
            }

    .inbox-center-container {
        left: 21% !important
    }

        .inbox-center-container .action-buttons .is-grouped.is-arrows {
            display: none !important
        }

    .reply-wrapper {
        padding: 20px 0 !important
    }

        .reply-wrapper .reply-wrapper-inner {
            padding: 10px !important
        }

    .action-buttons .button {
        margin-bottom: 4px !important
    }
}


/*! _app-profile.scss | Friendkit | © Css Ninja. 2020-2021 */

.cover-bg {
    position: relative
}

    .cover-bg:hover .cover-overlay {
        background: rgba(57, 58, 79, .5)
    }

    .cover-bg:hover .cover-edit {
        border-color: #fcfcfc;
        background: rgba(252, 252, 252, .1)
    }

        .cover-bg:hover .cover-edit i {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        .cover-bg:hover .cover-edit span {
            opacity: 1
        }

    .cover-bg .cover-image {
        display: block;
        border-radius: 3px;
        -o-object-position: top;
        object-position: top;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        max-height: 328px
    }

    .cover-bg .avatar {
        position: absolute;
        bottom: -50px;
        left: 0;
        right: 0;
        margin: 0 auto;
        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: 110px;
        width: 110px;
        border-radius: 50%;
        z-index: 1
    }

        .cover-bg .avatar .avatar-image {
            position: relative;
            -o-object-fit: cover;
            object-fit: cover;
            height: 110px;
            width: 110px;
            border-radius: 50%;
            -webkit-box-shadow: 0px 15px 32px rgba(0, 0, 0, .18) !important;
            box-shadow: 0px 15px 32px rgba(0, 0, 0, .18) !important;
            z-index: 1
        }

        .cover-bg .avatar .avatar-button {
            position: absolute;
            bottom: 0;
            right: 0;
            height: 34px;
            width: 34px;
            border-radius: 50%;
            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;
            background: #3d70b2;
            -webkit-box-shadow: 0 14px 26px -12px rgba(61, 112, 178, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(61, 112, 178, .2) !important;
            box-shadow: 0 14px 26px -12px rgba(61, 112, 178, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(61, 112, 178, .2) !important;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            -webkit-transition: all .3s;
            transition: all .3s;
            cursor: pointer;
            z-index: 1
        }

            .cover-bg .avatar .avatar-button:hover {
                background: #4c7fc2
            }

            .cover-bg .avatar .avatar-button.is-active {
                -webkit-transform: rotate(135deg);
                transform: rotate(135deg)
            }

            .cover-bg .avatar .avatar-button svg {
                height: 18px;
                width: 18px;
                stroke: #fcfcfc
            }

        .cover-bg .avatar .pop-button {
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            margin: 0 auto;
            height: 34px;
            width: 34px;
            border-radius: 50%;
            background: #fff;
            -webkit-box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important;
            box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important;
            z-index: 0;
            -webkit-transform: translate(0, 10px) rotate(260deg);
            transform: translate(0, 10px) rotate(260deg);
            -webkit-transition: all .3s;
            transition: all .3s;
            cursor: pointer
        }

            .cover-bg .avatar .pop-button .inner {
                position: relative;
                height: 100%;
                width: 100%;
                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
            }

            .cover-bg .avatar .pop-button.pop-shift .inactive-icon {
                display: block
            }

            .cover-bg .avatar .pop-button.pop-shift .active-icon {
                display: none
            }

            .cover-bg .avatar .pop-button.pop-shift.is-shifted .inactive-icon {
                display: none
            }

            .cover-bg .avatar .pop-button.pop-shift.is-shifted .active-icon {
                display: block
            }

            .cover-bg .avatar .pop-button.is-center,
            .cover-bg .avatar .pop-button.is-far-right,
            .cover-bg .avatar .pop-button.is-left,
            .cover-bg .avatar .pop-button.is-far-left {
                background: #fff;
                -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
                box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
            }

                .cover-bg .avatar .pop-button.is-center:hover,
                .cover-bg .avatar .pop-button.is-far-right:hover,
                .cover-bg .avatar .pop-button.is-left:hover,
                .cover-bg .avatar .pop-button.is-far-left:hover {
                    background: #5596e6;
                    -webkit-box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important;
                    box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important
                }

                    .cover-bg .avatar .pop-button.is-center:hover svg,
                    .cover-bg .avatar .pop-button.is-far-right:hover svg,
                    .cover-bg .avatar .pop-button.is-left:hover svg,
                    .cover-bg .avatar .pop-button.is-far-left:hover svg {
                        stroke: #fafafa
                    }

                .cover-bg .avatar .pop-button.is-center svg,
                .cover-bg .avatar .pop-button.is-far-right svg,
                .cover-bg .avatar .pop-button.is-left svg,
                .cover-bg .avatar .pop-button.is-far-left svg {
                    stroke: #757a91
                }

            .cover-bg .avatar .pop-button.is-right {
                background: #3d70b2;
                -webkit-box-shadow: 0 14px 26px -12px rgba(61, 112, 178, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(61, 112, 178, .2) !important;
                box-shadow: 0 14px 26px -12px rgba(61, 112, 178, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(61, 112, 178, .2) !important
            }

                .cover-bg .avatar .pop-button.is-right svg {
                    stroke: #fafafa
                }

            .cover-bg .avatar .pop-button.is-active.is-far-left {
                -webkit-transform: translate(-240%, 30%) rotate(0);
                transform: translate(-240%, 30%) rotate(0)
            }

            .cover-bg .avatar .pop-button.is-active.is-left {
                -webkit-transform: translate(-160%, -110%) rotate(0);
                transform: translate(-160%, -110%) rotate(0)
            }

            .cover-bg .avatar .pop-button.is-active.is-center {
                -webkit-transform: translate(0, -170%) rotate(0);
                transform: translate(0, -170%) rotate(0)
            }

            .cover-bg .avatar .pop-button.is-active.is-right {
                -webkit-transform: translate(160%, -110%) rotate(0);
                transform: translate(160%, -110%) rotate(0)
            }

            .cover-bg .avatar .pop-button.is-active.is-far-right {
                -webkit-transform: translate(240%, 30%) rotate(0);
                transform: translate(240%, 30%) rotate(0)
            }

            .cover-bg .avatar .pop-button svg {
                height: 18px;
                width: 18px;
                stroke: #757a91;
                -webkit-transition: all .3s;
                transition: all .3s
            }

    .cover-bg .cover-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 1px;
        background: rgba(57, 58, 79, .18);
        z-index: 0;
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .cover-bg .cover-edit {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 10px;
        padding: 2px 8px;
        border: 1.4px solid transparent;
        border-radius: 3px;
        background: transparent;
        cursor: pointer;
        -webkit-transition: all .3s;
        transition: all .3s
    }

        .cover-bg .cover-edit i {
            font-size: 20px;
            color: #fcfcfc;
            -webkit-transition: all .3s;
            transition: all .3s;
            -webkit-transform: scale(1.2);
            transform: scale(1.2)
        }

        .cover-bg .cover-edit span {
            opacity: 0;
            display: block;
            color: #fcfcfc;
            font-weight: 400;
            font-size: .85rem;
            margin: 0 10px;
            -webkit-transition: all .3s;
            transition: all .3s
        }

    .cover-bg .timeline-mobile-dropdown {
        position: absolute;
        top: 10px;
        right: 10px
    }

        .cover-bg .timeline-mobile-dropdown div > .button {
            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;
            width: 38px;
            height: 38px;
            background: transparent;
            border-radius: 50%;
            border: 1.4px solid #fff;
            padding: 0
        }

            .cover-bg .timeline-mobile-dropdown div > .button svg {
                height: 20px;
                width: 20px;
                stroke: #fff
            }

.profile-menu {
    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;
    padding: 8px 0 0 0
}

    .profile-menu .button {
        font-size: .9rem;
        padding: 20px 22px;
        background: #fcfcfc;
        color: #999
    }

        .profile-menu .button.is-active {
            background: #5596e6;
            border-color: #5596e6;
            color: #fcfcfc;
            -webkit-box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important;
            box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important
        }

        .profile-menu .button.has-min-width {
            width: 140px
        }

    .profile-menu .dropdown > .button svg {
        height: 20px;
        width: 20px
    }

.profile-subheader {
    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;
    padding: 10px 0
}

    .profile-subheader .subheader-start,
    .profile-subheader .subheader-end {
        width: 25%
    }

        .profile-subheader .subheader-start svg {
            height: 18px;
            width: 18px;
            stroke: #5596e6;
            display: none
        }

        .profile-subheader .subheader-start span {
            display: block;
            font-weight: 500
        }

            .profile-subheader .subheader-start span:first-child {
                font-size: 1.6rem;
                font-family: "Montserrat", sans-serif;
                font-weight: bold;
                color: #393a4f;
                line-height: 1.2
            }

            .profile-subheader .subheader-start span:nth-child(2) {
                text-transform: uppercase;
                font-size: .7rem;
                font-weight: 500;
                color: #999
            }

    .profile-subheader .subheader-end {
        text-align: right
    }

    .profile-subheader .subheader-middle {
        text-align: center
    }

        .profile-subheader .subheader-middle h2 {
            font-size: 1.4rem;
            font-weight: 600;
            color: #393a4f;
            line-height: 1.2
        }

        .profile-subheader .subheader-middle span {
            display: block;
            font-size: .9rem;
            color: #999
        }

.box-heading {
    width: 100%;
    padding: 8px;
    border-radius: 6px;
    border: 1px solid #e8e8e8;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .box-heading h4 {
        font-weight: 500;
        padding: 0 6px
    }

    .box-heading .heading-search {
        position: relative;
        margin-left: 10px
    }

        .box-heading .heading-search input {
            padding-left: 38px
        }

            .box-heading .heading-search input:focus + .search-icon svg {
                stroke: #5596e6
            }

        .box-heading .heading-search .search-icon {
            position: absolute;
            top: 0;
            left: 2px;
            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
        }

            .box-heading .heading-search .search-icon svg {
                height: 16px;
                width: 16px;
                stroke: #cecece;
                -webkit-transition: stroke .3s;
                transition: stroke .3s
            }

    .box-heading .dropdown.photos-dropdown.is-active div > .button svg,
    .box-heading .dropdown.friends-dropdown.is-active div > .button svg {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .box-heading .dropdown.photos-dropdown div > .button,
    .box-heading .dropdown.friends-dropdown div > .button {
        width: auto !important;
        padding: 0 8px 0 12px;
        height: 34px;
        min-width: 110px;
        background: #f5f5f5;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-radius: 100px
    }

        .box-heading .dropdown.photos-dropdown div > .button svg,
        .box-heading .dropdown.friends-dropdown div > .button svg {
            height: 16px;
            width: 16px;
            stroke: #393a4f;
            -webkit-transition: all .3s;
            transition: all .3s
        }

    .box-heading .dropdown.photos-dropdown .dropdown-menu,
    .box-heading .dropdown.friends-dropdown .dropdown-menu {
        margin-top: 6px
    }

    .box-heading .dropdown .button {
        width: 38px !important;
        height: 38px;
        padding: 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;
        border-color: transparent
    }

        .box-heading .dropdown .button svg {
            height: 20px;
            width: 20px;
            stroke: #888da8
        }

    .box-heading .button-wrap .button {
        line-height: 0;
        width: 90px;
        font-weight: 500
    }

        .box-heading .button-wrap .button.is-active {
            color: #5596e6;
            border-color: #5596e6
        }

.profile-timeline {
    padding: 10px 0
}

    .profile-timeline .profile-post {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 30px
    }

        .profile-timeline .profile-post.is-simple .post-actions {
            -webkit-box-orient: horizontal !important;
            -webkit-box-direction: reverse !important;
            -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important
        }

        .profile-timeline .profile-post .time {
            padding-right: 30px;
            position: relative
        }

            .profile-timeline .profile-post .time .img-container {
                height: 48px;
                width: 48px;
                border-radius: 50%;
                background: #fff;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .profile-timeline .profile-post .time .img-container:after {
                    content: "";
                    position: absolute;
                    top: 60px;
                    left: 24px;
                    width: 1.4px;
                    height: calc(100% - 30px);
                    background: #e5e5e5
                }

                .profile-timeline .profile-post .time .img-container img {
                    display: block;
                    height: 44px;
                    width: 44px;
                    min-width: 44px;
                    border-radius: 50%
                }

        .profile-timeline .profile-post .is-post {
            margin-bottom: 0;
            width: 100%
        }

.basic-infos-wrapper {
    padding-top: 10px
}

    .basic-infos-wrapper .is-profile-info .info-row {
        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;
        padding: 10px 16px
    }

        .basic-infos-wrapper .is-profile-info .info-row:not(:last-child) {
            border-bottom: 1px solid #e8e8e8
        }

        .basic-infos-wrapper .is-profile-info .info-row span,
        .basic-infos-wrapper .is-profile-info .info-row a {
            display: block
        }

        .basic-infos-wrapper .is-profile-info .info-row span {
            font-size: .85rem;
            font-weight: 500;
            color: #393a4f
        }

        .basic-infos-wrapper .is-profile-info .info-row a {
            font-size: .9rem;
            font-weight: 400;
            color: #999
        }

        .basic-infos-wrapper .is-profile-info .info-row i {
            font-size: 20px;
            color: #cecece;
            margin: 0 4px
        }

    .basic-infos-wrapper .is-community,
    .basic-infos-wrapper .is-about {
        padding: 16px
    }

        .basic-infos-wrapper .is-community h4,
        .basic-infos-wrapper .is-about h4 {
            margin-bottom: 16px;
            color: #999
        }

        .basic-infos-wrapper .is-community .flex-block,
        .basic-infos-wrapper .is-about .flex-block {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin: 16px 0
        }

            .basic-infos-wrapper .is-community .flex-block a,
            .basic-infos-wrapper .is-about .flex-block a {
                color: #393a4f;
                font-weight: 500
            }

                .basic-infos-wrapper .is-community .flex-block a:hover,
                .basic-infos-wrapper .is-about .flex-block a:hover {
                    color: #5596e6
                }

            .basic-infos-wrapper .is-community .flex-block p,
            .basic-infos-wrapper .is-about .flex-block p {
                font-size: .8rem;
                margin-left: 12px
            }

            .basic-infos-wrapper .is-community .flex-block svg,
            .basic-infos-wrapper .is-about .flex-block svg {
                height: 16px;
                width: 16px
            }

    .basic-infos-wrapper .is-friendkit {
        padding: 16px
    }

        .basic-infos-wrapper .is-friendkit .title-wrap {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 16px
        }

            .basic-infos-wrapper .is-friendkit .title-wrap img {
                display: block;
                max-width: 30px
            }

            .basic-infos-wrapper .is-friendkit .title-wrap h4 {
                color: #999
            }

        .basic-infos-wrapper .is-friendkit p {
            font-size: .8rem
        }

        .basic-infos-wrapper .is-friendkit .created {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-top: 16px
        }

            .basic-infos-wrapper .is-friendkit .created svg {
                height: 16px;
                width: 16px;
                stroke: #999;
                margin-right: 8px
            }

            .basic-infos-wrapper .is-friendkit .created span {
                display: block;
                color: #999;
                font-size: .8rem
            }

.is-photos-widget {
    padding: 10px 0 20px 0;
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .is-photos-widget img {
        display: block;
        width: calc(25% - 6px);
        margin-bottom: 12px;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 4px;
        -webkit-transition: all .3s;
        transition: all .3s
    }

        .is-photos-widget img:hover {
            -webkit-box-shadow: 0px 15px 32px rgba(0, 0, 0, .18) !important;
            box-shadow: 0px 15px 32px rgba(0, 0, 0, .18) !important
        }

.is-videos-widget {
    padding: 10px 0 20px 0;
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .is-videos-widget .video-container {
        position: relative;
        display: block;
        width: calc(33% - 6px);
        min-height: 60px;
        margin-bottom: 12px;
        border-radius: 4px;
        -webkit-transition: all .3s;
        transition: all .3s
    }

        .is-videos-widget .video-container:hover img {
            -webkit-box-shadow: 0px 15px 32px rgba(0, 0, 0, .18) !important;
            box-shadow: 0px 15px 32px rgba(0, 0, 0, .18) !important
        }

        .is-videos-widget .video-container img {
            display: block;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 4px;
            width: 100%;
            height: 100%;
            -webkit-transition: all .3s;
            transition: all .3s
        }

        .is-videos-widget .video-container .video-overlay {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            border-radius: 6px;
            background: rgba(52, 66, 88, .6)
        }

        .is-videos-widget .video-container .video-button {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            height: 34px;
            width: 34px;
            background: #3d70b2;
            border-radius: 50%;
            margin: 0 auto;
            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;
            z-index: 2;
            cursor: pointer
        }

            .is-videos-widget .video-container .video-button img {
                position: relative;
                display: block;
                width: 16px;
                height: 16px;
                left: 1px;
                z-index: 3
            }

            .is-videos-widget .video-container .video-button:after {
                content: "";
                position: absolute;
                top: calc(50% - 12px);
                left: calc(50% - 12px);
                height: 24px;
                width: 24px;
                border-radius: 50%;
                background: #3d70b2;
                -webkit-animation: wave 1.6s infinite;
                animation: wave 1.6s infinite;
                -webkit-animation-duration: 2s;
                animation-duration: 2s;
                -webkit-transform-origin: center center;
                transform-origin: center center;
                z-index: 0
            }

.friend-cards-list {
    padding-top: 10px
}

    .friend-cards-list .is-friend-card .friend-item {
        padding: 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .friend-cards-list .is-friend-card .friend-item:not(:last-child) {
            border-bottom: 1px solid #e8e8e8
        }

        .friend-cards-list .is-friend-card .friend-item img {
            display: block;
            height: 44px;
            width: 44px;
            border-radius: 50%
        }

        .friend-cards-list .is-friend-card .friend-item .text-content {
            margin: 0 10px
        }

            .friend-cards-list .is-friend-card .friend-item .text-content span,
            .friend-cards-list .is-friend-card .friend-item .text-content a {
                display: block
            }

                .friend-cards-list .is-friend-card .friend-item .text-content a:first-child {
                    font-weight: 500;
                    font-size: .9rem;
                    color: #393a4f
                }

                .friend-cards-list .is-friend-card .friend-item .text-content a:nth-child(3) {
                    font-size: .8rem;
                    font-weight: 500;
                    color: #5596e6
                }

            .friend-cards-list .is-friend-card .friend-item .text-content span {
                font-size: .75rem;
                color: #999
            }

        .friend-cards-list .is-friend-card .friend-item .star-friend {
            height: 44px;
            width: 44px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-left: auto;
            cursor: pointer
        }

            .friend-cards-list .is-friend-card .friend-item .star-friend.is-active svg {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
                stroke: #3d70b2;
                fill: #3d70b2
            }

            .friend-cards-list .is-friend-card .friend-item .star-friend svg {
                height: 20px;
                width: 20px;
                stroke: #999;
                -webkit-transition: all .3s;
                transition: all .3s;
                -webkit-transform: rotate(0);
                transform: rotate(0)
            }

.trip-cards-list {
    padding: 10px 0 0 0
}

    .trip-cards-list .is-trip-card .trip-item {
        padding: 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .trip-cards-list .is-trip-card .trip-item:not(:last-child) {
            border-bottom: 1px solid #e8e8e8
        }

        .trip-cards-list .is-trip-card .trip-item img {
            display: block;
            height: 42px;
            width: 42px;
            border-radius: 50%
        }

        .trip-cards-list .is-trip-card .trip-item .text-content {
            margin: 0 10px
        }

            .trip-cards-list .is-trip-card .trip-item .text-content span,
            .trip-cards-list .is-trip-card .trip-item .text-content a {
                display: block
            }

                .trip-cards-list .is-trip-card .trip-item .text-content a:first-child {
                    font-weight: 500;
                    font-size: .9rem;
                    color: #393a4f
                }

                .trip-cards-list .is-trip-card .trip-item .text-content a:nth-child(3) {
                    font-size: .8rem;
                    font-weight: 500;
                    color: #5596e6
                }

            .trip-cards-list .is-trip-card .trip-item .text-content span {
                font-size: .85rem;
                color: #999
            }

.profile-about {
    width: 100%;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .profile-about .left-menu {
        min-width: 260px
    }

        .profile-about .left-menu .left-menu-inner {
            width: 100%;
            border-radius: 6px 0 0 6px
        }

        .profile-about .left-menu .menu-item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 6px;
            -webkit-transition: all .3s;
            transition: all .3s;
            cursor: pointer
        }

            .profile-about .left-menu .menu-item.is-active .menu-icon {
                background: #5596e6;
                -webkit-box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important;
                box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important
            }

                .profile-about .left-menu .menu-item.is-active .menu-icon i,
                .profile-about .left-menu .menu-item.is-active .menu-icon span {
                    color: #fcfcfc
                }

            .profile-about .left-menu .menu-item .menu-icon {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                height: 42px;
                width: 100%;
                padding: 0 12px;
                border-radius: 6px;
                background: transparent;
                -webkit-transition: all .3s;
                transition: all .3s
            }

            .profile-about .left-menu .menu-item i {
                font-size: 1.4rem;
                color: #cecece;
                -webkit-transition: all .3s;
                transition: all .3s
            }

            .profile-about .left-menu .menu-item span {
                margin: 0 8px;
                display: block;
                font-size: .9rem;
                font-weight: 500;
                color: #cecece;
                -webkit-transition: color .3s;
                transition: color .3s
            }

    .profile-about .right-content {
        padding-left: 30px;
        width: calc(100% - 260px);
        min-height: 420px
    }

        .profile-about .right-content .content-section {
            display: none;
            -webkit-animation: fadeInLeft .5s;
            animation: fadeInLeft .5s
        }

            .profile-about .right-content .content-section.is-active {
                display: block
            }

            .profile-about .right-content .content-section .flex-block {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-transition: all .3s;
                transition: all .3s;
                padding: 12px;
                margin-bottom: 10px;
                border-radius: 6px;
                cursor: pointer;
                border: 1px solid #e8e8e8;
                background: #fff
            }

                .profile-about .right-content .content-section .flex-block:hover .flex-block-meta .action-link {
                    opacity: 1;
                    pointer-events: all
                }

                    .profile-about .right-content .content-section .flex-block:hover .flex-block-meta .action-link:hover {
                        color: #757a91
                    }

                .profile-about .right-content .content-section .flex-block:hover .go-button {
                    -webkit-transform: scale(1) rotate(360deg);
                    transform: scale(1) rotate(360deg);
                    opacity: 1;
                    -webkit-box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important;
                    box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important
                }

                    .profile-about .right-content .content-section .flex-block:hover .go-button:hover {
                        opacity: .9
                    }

                .profile-about .right-content .content-section .flex-block img {
                    height: 42px;
                    width: 42px;
                    border-radius: 50%;
                    -o-object-fit: cover;
                    object-fit: cover
                }

                .profile-about .right-content .content-section .flex-block .flex-block-meta {
                    margin-left: 10px
                }

                    .profile-about .right-content .content-section .flex-block .flex-block-meta span,
                    .profile-about .right-content .content-section .flex-block .flex-block-meta .action-link {
                        display: block
                    }

                    .profile-about .right-content .content-section .flex-block .flex-block-meta span {
                        color: #999;
                        font-size: .9rem
                    }

                        .profile-about .right-content .content-section .flex-block .flex-block-meta span a {
                            color: #393a4f;
                            font-size: .85rem;
                            font-weight: 500
                        }

                    .profile-about .right-content .content-section .flex-block .flex-block-meta .action-link {
                        font-size: .75rem;
                        color: #cecece;
                        pointer-events: none;
                        -webkit-transition: all .3s;
                        transition: all .3s
                    }

                .profile-about .right-content .content-section .flex-block .go-button {
                    margin-left: auto;
                    height: 42px;
                    width: 42px;
                    border-radius: 50%;
                    background: #5596e6;
                    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;
                    -webkit-transform: scale(0) rotate(0);
                    transform: scale(0) rotate(0);
                    opacity: 0
                }

                    .profile-about .right-content .content-section .flex-block .go-button svg {
                        height: 18px;
                        width: 18px;
                        stroke: #fcfcfc
                    }

    .profile-about .about-summary {
        -webkit-transition: all .3s;
        transition: all .3s;
        padding: 30px;
        margin-bottom: 10px;
        border-radius: 6px;
        cursor: pointer;
        border: 1px solid #e8e8e8;
        background: #fff
    }

        .profile-about .about-summary h3 {
            font-family: "Montserrat", sans-serif;
            font-size: 1.1rem
        }

        .profile-about .about-summary p {
            font-size: .95rem;
            color: #757a91
        }

    .profile-about .glider-dots {
        padding: 20px 0
    }

        .profile-about .glider-dots .glider-dot {
            width: 8px;
            height: 8px;
            margin: 4px
        }

            .profile-about .glider-dots .glider-dot.active {
                background: #5596e6 !important
            }

    .profile-about .slider-timeline {
        position: relative
    }

        .profile-about .slider-timeline .timeline-item {
            position: relative;
            padding: 20px;
            background: #fff;
            border-radius: 6px;
            border: 1px solid #dedede;
            margin-right: 1rem
        }

            .profile-about .slider-timeline .timeline-item .image-container {
                position: relative
            }

                .profile-about .slider-timeline .timeline-item .image-container > img {
                    display: block;
                    min-height: 160px;
                    -o-object-fit: cover;
                    object-fit: cover;
                    border-radius: 2px
                }

                .profile-about .slider-timeline .timeline-item .image-container .logo-container {
                    position: absolute;
                    bottom: -30px;
                    right: 10px;
                    height: 50px;
                    width: 50px;
                    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;
                    background: #fff;
                    border-radius: 50%
                }

                    .profile-about .slider-timeline .timeline-item .image-container .logo-container img {
                        display: block;
                        width: 40px;
                        height: 40px;
                        border-radius: 50%
                    }

            .profile-about .slider-timeline .timeline-item h3 {
                margin-top: 12px;
                font-size: .9rem;
                font-family: "Montserrat", sans-serif;
                font-weight: 500
            }

            .profile-about .slider-timeline .timeline-item > p {
                font-size: .8rem;
                color: #999
            }

            .profile-about .slider-timeline .timeline-item .more {
                margin-top: 6px
            }

                .profile-about .slider-timeline .timeline-item .more p {
                    font-size: .9rem;
                    color: #595b7b
                }

            .profile-about .slider-timeline .timeline-item .date {
                margin-top: 6px;
                font-size: .8rem;
                color: #999
            }

.friends-columns .column {
    padding: .5rem
}

.about-card {
    width: 100%;
    border-radius: 6px;
    border: 1px solid #dedede;
    background: #fff
}

    .about-card:not(:last-child) {
        margin-bottom: 30px
    }

    .about-card .header {
        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;
        padding: 20px
    }

        .about-card .header .icon-title {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .about-card .header .icon-title i {
                font-size: 22px;
                color: #cecece
            }

            .about-card .header .icon-title h3 {
                color: #393a4f;
                font-weight: 500;
                font-size: 1.1rem;
                margin-left: 8px
            }

        .about-card .header .actions {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .about-card .header .actions .button-wrapper {
                position: relative
            }

                .about-card .header .actions .button-wrapper .indicator {
                    position: absolute;
                    top: -8px;
                    left: -8px;
                    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: 24px;
                    min-width: 24px;
                    padding: 0 4px;
                    background: #5596e6;
                    border: 2px solid #fff;
                    border-radius: 50%
                }

                    .about-card .header .actions .button-wrapper .indicator span {
                        display: block;
                        font-size: .8rem;
                        font-weight: 600;
                        color: #fcfcfc
                    }

            .about-card .header .actions .button:first-child {
                margin-right: 8px
            }

        .about-card .header .dropdown div > .button {
            margin-right: 0 !important
        }

    .about-card .body {
        padding: 0 20px 20px 20px
    }

        .about-card .body.has-flex-list {
            padding-left: calc(20px - .5rem);
            padding-right: calc(20px - .5rem);
            padding-bottom: calc(20px - .5rem)
        }

        .about-card .body .friend-small-card {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 100%;
            padding: 12px;
            border-radius: 6px;
            border: 1px solid #dedede;
            background: #fff;
            -webkit-transition: all .3s;
            transition: all .3s
        }

            .about-card .body .friend-small-card:hover {
                -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
                box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
            }

                .about-card .body .friend-small-card:hover .dropdown {
                    opacity: 1;
                    pointer-events: all
                }

            .about-card .body .friend-small-card img {
                height: 40px;
                width: 40px;
                border-radius: 50%
            }

            .about-card .body .friend-small-card .meta {
                margin-left: 12px
            }

                .about-card .body .friend-small-card .meta span {
                    display: block
                }

                    .about-card .body .friend-small-card .meta span:first-child {
                        font-size: .9rem;
                        font-weight: 500;
                        color: #393a4f
                    }

                    .about-card .body .friend-small-card .meta span:nth-child(2) {
                        font-size: .9rem;
                        color: #999
                    }

            .about-card .body .friend-small-card .dropdown {
                margin-left: auto;
                opacity: 0;
                pointer-events: none;
                -webkit-transition: opacity .3s;
                transition: opacity .3s
            }

                .about-card .body .friend-small-card .dropdown > div .button {
                    padding: 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: 32px;
                    width: 32px;
                    border: none;
                    border-radius: 50%;
                    -webkit-transition: all .3s;
                    transition: all .3s
                }

                    .about-card .body .friend-small-card .dropdown > div .button:hover {
                        background: #f0f0f0
                    }

                    .about-card .body .friend-small-card .dropdown > div .button svg {
                        height: 20px;
                        width: 20px
                    }

        .about-card .body .photo-list .photo-wrapper:hover .photo-overlay,
        .about-card .body .photo-list .photo-wrapper:hover .video-overlay,
        .about-card .body .photo-list .video-wrapper:hover .photo-overlay,
        .about-card .body .photo-list .video-wrapper:hover .video-overlay,
        .about-card .body .video-list .photo-wrapper:hover .photo-overlay,
        .about-card .body .video-list .photo-wrapper:hover .video-overlay,
        .about-card .body .video-list .video-wrapper:hover .photo-overlay,
        .about-card .body .video-list .video-wrapper:hover .video-overlay {
            opacity: .5
        }

        .about-card .body .photo-list .photo-wrapper:hover .small-like,
        .about-card .body .photo-list .video-wrapper:hover .small-like,
        .about-card .body .video-list .photo-wrapper:hover .small-like,
        .about-card .body .video-list .video-wrapper:hover .small-like {
            -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 1;
            pointer-events: all
        }

        .about-card .body .photo-list .photo-wrapper .photo-overlay,
        .about-card .body .photo-list .photo-wrapper .video-overlay,
        .about-card .body .photo-list .video-wrapper .photo-overlay,
        .about-card .body .photo-list .video-wrapper .video-overlay,
        .about-card .body .video-list .photo-wrapper .photo-overlay,
        .about-card .body .video-list .photo-wrapper .video-overlay,
        .about-card .body .video-list .video-wrapper .photo-overlay,
        .about-card .body .video-list .video-wrapper .video-overlay {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            border-radius: 4px;
            background: #393a4f;
            opacity: 0;
            -webkit-transition: opacity .3s;
            transition: opacity .3s
        }

        .about-card .body .photo-list .photo-wrapper .small-like,
        .about-card .body .photo-list .video-wrapper .small-like,
        .about-card .body .video-list .photo-wrapper .small-like,
        .about-card .body .video-list .video-wrapper .small-like {
            position: absolute;
            bottom: 10px;
            right: 10px;
            z-index: 5;
            -webkit-transition: all .3s;
            transition: all .3s;
            -webkit-transform: translateY(20px);
            transform: translateY(20px);
            opacity: 0;
            pointer-events: none;
            cursor: pointer
        }

            .about-card .body .photo-list .photo-wrapper .small-like.is-active .inner .like-overlay,
            .about-card .body .photo-list .video-wrapper .small-like.is-active .inner .like-overlay,
            .about-card .body .video-list .photo-wrapper .small-like.is-active .inner .like-overlay,
            .about-card .body .video-list .video-wrapper .small-like.is-active .inner .like-overlay {
                -webkit-transform: scale(1);
                transform: scale(1)
            }

            .about-card .body .photo-list .photo-wrapper .small-like.is-active .inner svg,
            .about-card .body .photo-list .video-wrapper .small-like.is-active .inner svg,
            .about-card .body .video-list .photo-wrapper .small-like.is-active .inner svg,
            .about-card .body .video-list .video-wrapper .small-like.is-active .inner svg {
                stroke: #fff;
                fill: #fff
            }

            .about-card .body .photo-list .photo-wrapper .small-like .inner,
            .about-card .body .photo-list .video-wrapper .small-like .inner,
            .about-card .body .video-list .photo-wrapper .small-like .inner,
            .about-card .body .video-list .video-wrapper .small-like .inner {
                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: 36px;
                width: 36px;
                background: #fff;
                border-radius: 50%
            }

                .about-card .body .photo-list .photo-wrapper .small-like .inner .like-overlay,
                .about-card .body .photo-list .video-wrapper .small-like .inner .like-overlay,
                .about-card .body .video-list .photo-wrapper .small-like .inner .like-overlay,
                .about-card .body .video-list .video-wrapper .small-like .inner .like-overlay {
                    position: absolute;
                    top: 0;
                    left: 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: 36px;
                    width: 36px;
                    background: #f71416;
                    border-radius: 50%;
                    -webkit-transform: scale(0);
                    transform: scale(0);
                    -webkit-transition: all .3s;
                    transition: all .3s
                }

                .about-card .body .photo-list .photo-wrapper .small-like .inner svg,
                .about-card .body .photo-list .video-wrapper .small-like .inner svg,
                .about-card .body .video-list .photo-wrapper .small-like .inner svg,
                .about-card .body .video-list .video-wrapper .small-like .inner svg {
                    position: relative;
                    height: 14px;
                    width: 14px;
                    z-index: 1;
                    -webkit-transition: all .3s;
                    transition: all .3s
                }

        .about-card .body .photo-list {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            width: 100%;
            margin-top: -0.5rem
        }

            .about-card .body .photo-list .photo-wrapper {
                position: relative;
                width: calc(20% - 1rem);
                margin: .5rem;
                overflow: hidden
            }

                .about-card .body .photo-list .photo-wrapper img {
                    display: block;
                    -o-object-fit: cover;
                    object-fit: cover;
                    width: 100%;
                    border-radius: 4px
                }

        .about-card .body .video-list {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            width: 100%;
            margin-top: -0.5rem
        }

            .about-card .body .video-list .video-wrapper {
                position: relative;
                width: calc(25% - 1rem);
                margin: .5rem;
                overflow: hidden
            }

                .about-card .body .video-list .video-wrapper img {
                    display: block;
                    -o-object-fit: cover;
                    object-fit: cover;
                    width: 100%;
                    border-radius: 4px
                }

                .about-card .body .video-list .video-wrapper .video-overlay {
                    opacity: .5 !important
                }

                .about-card .body .video-list .video-wrapper .video-length {
                    position: absolute;
                    bottom: 10px;
                    left: 10px;
                    color: #fcfcfc;
                    font-weight: 500;
                    font-size: .8rem
                }

                .about-card .body .video-list .video-wrapper .video-button {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                    height: 34px;
                    width: 34px;
                    background: #5596e6;
                    border-radius: 50%;
                    margin: 0 auto;
                    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;
                    z-index: 2;
                    cursor: pointer
                }

                    .about-card .body .video-list .video-wrapper .video-button img {
                        position: relative;
                        display: block;
                        width: 16px;
                        height: 16px;
                        left: 1px;
                        z-index: 3
                    }

                    .about-card .body .video-list .video-wrapper .video-button:after {
                        content: "";
                        position: absolute;
                        top: calc(50% - 12px);
                        left: calc(50% - 12px);
                        height: 24px;
                        width: 24px;
                        border-radius: 50%;
                        background: #5596e6;
                        -webkit-animation: wave 1.6s infinite;
                        animation: wave 1.6s infinite;
                        -webkit-animation-duration: 2s;
                        animation-duration: 2s;
                        -webkit-transform-origin: center center;
                        transform-origin: center center;
                        z-index: 0
                    }

        .about-card .body .place-list {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            width: 100%;
            margin-top: -0.5rem
        }

            .about-card .body .place-list .place-wrapper {
                position: relative;
                width: calc(33% - 1rem);
                margin: .5rem;
                overflow: hidden;
                padding: 12px;
                background: #fff;
                border: 1px solid #dedede;
                border-radius: 4px;
                -webkit-transition: all .3s;
                transition: all .3s
            }

                .about-card .body .place-list .place-wrapper:hover {
                    -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
                    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
                }

                .about-card .body .place-list .place-wrapper img {
                    display: block;
                    -o-object-fit: cover;
                    object-fit: cover;
                    width: 100%;
                    border-radius: 4px
                }

                .about-card .body .place-list .place-wrapper .foot .place-name {
                    display: block;
                    margin-top: 4px;
                    font-size: .9rem;
                    font-weight: 500;
                    color: #393a4f;
                    -webkit-transition: color .3s;
                    transition: color .3s
                }

                    .about-card .body .place-list .place-wrapper .foot .place-name:hover {
                        color: #5596e6
                    }

                .about-card .body .place-list .place-wrapper .foot .rating {
                    line-height: 1
                }

                    .about-card .body .place-list .place-wrapper .foot .rating svg {
                        height: 14px;
                        width: 14px;
                        stroke: #cecece;
                        fill: #cecece;
                        -webkit-transition: all .3s;
                        transition: all .3s
                    }

                        .about-card .body .place-list .place-wrapper .foot .rating svg.is-checked {
                            stroke: #3d70b2;
                            fill: #3d70b2
                        }

.page-about-card {
    padding: 20px
}

    .page-about-card .card-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 20px
    }

        .page-about-card .card-title h4 {
            font-family: "Montserrat", sans-serif;
            color: #393a4f;
            font-size: .9rem
        }

    .page-about-card .about-body .about-block .block-header {
        border-bottom: 1px solid #e8e8e8;
        padding: 10px 0
    }

        .page-about-card .about-body .about-block .block-header h4 {
            text-transform: uppercase;
            font-size: .75rem;
            font-weight: 500;
            color: #999
        }

    .page-about-card .about-body .about-block .block-content {
        padding: 10px 0
    }

        .page-about-card .about-body .about-block .block-content .flex-inner {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin: 10px 0
        }

            .page-about-card .about-body .about-block .block-content .flex-inner.has-meta {
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
                margin: 16px 0
            }

                .page-about-card .about-body .about-block .block-content .flex-inner.has-meta .meta {
                    margin-left: 12px
                }

                    .page-about-card .about-body .about-block .block-content .flex-inner.has-meta .meta span {
                        display: block;
                        padding: 0
                    }

                        .page-about-card .about-body .about-block .block-content .flex-inner.has-meta .meta span:first-child {
                            font-weight: 500;
                            color: #393a4f
                        }

                        .page-about-card .about-body .about-block .block-content .flex-inner.has-meta .meta span:nth-child(2) {
                            color: #999;
                            font-size: .85rem
                        }

            .page-about-card .about-body .about-block .block-content .flex-inner .mdi {
                font-size: 24px;
                color: #999
            }

            .page-about-card .about-body .about-block .block-content .flex-inner svg {
                height: 16px;
                width: 16px;
                stroke: #999
            }

            .page-about-card .about-body .about-block .block-content .flex-inner span {
                display: block;
                font-size: .9rem;
                padding: 0 10px
            }

                .page-about-card .about-body .about-block .block-content .flex-inner span a {
                    color: #999
                }

                    .page-about-card .about-body .about-block .block-content .flex-inner span a:hover {
                        color: #5596e6
                    }

        .page-about-card .about-body .about-block .block-content .history-block {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-bottom: 10px
        }

            .page-about-card .about-body .about-block .block-content .history-block .date {
                font-weight: 500;
                font-size: .9rem;
                color: #393a4f;
                margin-left: 8px
            }

            .page-about-card .about-body .about-block .block-content .history-block .timeline ul {
                list-style-type: disc;
                padding-left: 30px
            }

                .page-about-card .about-body .about-block .block-content .history-block .timeline ul li {
                    font-size: .85rem;
                    color: #999;
                    margin-bottom: 12px
                }

.community-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .community-content .community-info {
        width: 59%
    }

        .community-content .community-info .page-followers {
            background: #fff;
            padding: 16px;
            border-radius: 8px;
            border: 1px solid #dedede
        }

            .community-content .community-info .page-followers .header {
                margin-bottom: 20px
            }

                .community-content .community-info .page-followers .header h3 {
                    font-family: "Montserrat", sans-serif;
                    color: #393a4f;
                    font-size: .9rem;
                    font-weight: 600
                }

            .community-content .community-info .page-followers .followers {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap
            }

                .community-content .community-info .page-followers .followers .follower {
                    width: calc(20% - 16px);
                    margin: 8px
                }

                    .community-content .community-info .page-followers .followers .follower:hover img {
                        -webkit-filter: grayscale(0);
                        filter: grayscale(0);
                        opacity: 1
                    }

                    .community-content .community-info .page-followers .followers .follower img {
                        display: block;
                        border-radius: 50%;
                        -webkit-filter: grayscale(4);
                        filter: grayscale(4);
                        opacity: .8;
                        -webkit-transition: all .3s;
                        transition: all .3s
                    }

            .community-content .community-info .page-followers .more-followers {
                padding: 30px 0 10px 0;
                text-align: center
            }

                .community-content .community-info .page-followers .more-followers a {
                    padding: 8px 24px;
                    border-radius: 100px;
                    background: #f7f7f7;
                    color: #999;
                    font-size: .9rem;
                    -webkit-transition: all .3s;
                    transition: all .3s
                }

                    .community-content .community-info .page-followers .more-followers a:hover {
                        background: #ededed;
                        color: #393a4f
                    }

    .community-content .community-widgets {
        width: 39%
    }

        .community-content .community-widgets .page-counts {
            background: #fff;
            padding: 16px;
            border-radius: 8px;
            border: 1px solid #dedede;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-bottom: 20px
        }

            .community-content .community-widgets .page-counts .like-count,
            .community-content .community-widgets .page-counts .follow-count {
                margin: 10px 0;
                width: 50%
            }

                .community-content .community-widgets .page-counts .like-count:first-child,
                .community-content .community-widgets .page-counts .follow-count:first-child {
                    border-right: 1px solid #e8e8e8
                }

                .community-content .community-widgets .page-counts .like-count span,
                .community-content .community-widgets .page-counts .follow-count span {
                    display: block;
                    text-align: center
                }

                    .community-content .community-widgets .page-counts .like-count span:first-child,
                    .community-content .community-widgets .page-counts .follow-count span:first-child {
                        font-family: "Montserrat", sans-serif;
                        font-weight: bold;
                        color: #393a4f;
                        font-size: 1.4rem
                    }

                    .community-content .community-widgets .page-counts .like-count span:nth-child(2),
                    .community-content .community-widgets .page-counts .follow-count span:nth-child(2) {
                        text-transform: uppercase;
                        font-size: .8rem;
                        color: #999
                    }

        .community-content .community-widgets .page-invites {
            background: #fff;
            padding: 16px;
            border-radius: 8px;
            border: 1px solid #dedede
        }

            .community-content .community-widgets .page-invites .header h3 {
                font-size: .9rem
            }

            .community-content .community-widgets .page-invites .header .control {
                margin-top: 8px;
                position: relative
            }

                .community-content .community-widgets .page-invites .header .control input {
                    padding-left: 36px
                }

                    .community-content .community-widgets .page-invites .header .control input:focus {
                        border-color: #e8e8e8
                    }

                        .community-content .community-widgets .page-invites .header .control input:focus + .search-icon svg {
                            stroke: #5596e6
                        }

                .community-content .community-widgets .page-invites .header .control .search-icon {
                    position: absolute;
                    top: 0;
                    left: 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
                }

                    .community-content .community-widgets .page-invites .header .control .search-icon svg {
                        height: 16px;
                        width: 16px;
                        stroke: #cecece;
                        -webkit-transition: stroke .3s;
                        transition: stroke .3s
                    }

            .community-content .community-widgets .page-invites .suggestions {
                padding: 10px 0 0 0
            }

                .community-content .community-widgets .page-invites .suggestions .suggestion {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    border-bottom: 1px solid #e8e8e8;
                    padding: 10px 0
                }

                    .community-content .community-widgets .page-invites .suggestions .suggestion:last-child {
                        border-bottom: none
                    }

                    .community-content .community-widgets .page-invites .suggestions .suggestion img {
                        display: block;
                        height: 36px;
                        width: 36px;
                        border-radius: 50%
                    }

                    .community-content .community-widgets .page-invites .suggestions .suggestion .meta {
                        margin-left: 10px
                    }

                        .community-content .community-widgets .page-invites .suggestions .suggestion .meta span {
                            display: block;
                            font-size: .85rem;
                            font-weight: 500
                        }

                    .community-content .community-widgets .page-invites .suggestions .suggestion .button {
                        margin-left: auto
                    }

                        .community-content .community-widgets .page-invites .suggestions .suggestion .button:hover {
                            border-color: #5596e6;
                            background: #5596e6;
                            color: #fcfcfc;
                            -webkit-box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important;
                            box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important
                        }

.image-grid-wrap {
    padding: 6px 0
}

    .image-grid-wrap .flex-1 {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .image-grid-wrap .flex-2 {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2
    }

    .image-grid-wrap .flex-3 {
        -webkit-box-flex: 3;
        -ms-flex: 3;
        flex: 3
    }

    .image-grid-wrap .image-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .image-grid-wrap .image-row > div {
            position: relative;
            margin: 4px;
            height: 280px;
            border-radius: 2px;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
            cursor: pointer
        }

            .image-grid-wrap .image-row > div:hover .overlay {
                opacity: .6;
                pointer-events: all
            }

            .image-grid-wrap .image-row > div:hover .image-owner .avatar {
                -webkit-transform: scale(1);
                transform: scale(1)
            }

            .image-grid-wrap .image-row > div:hover .image-owner .name {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                opacity: 1
            }

            .image-grid-wrap .image-row > div:hover .photo-time {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                opacity: 1 !important
            }

            .image-grid-wrap .image-row > div:hover .photo-like {
                -webkit-transform: scale(1);
                transform: scale(1)
            }

            .image-grid-wrap .image-row > div .overlay {
                position: absolute;
                top: -4px;
                left: -4px;
                height: 100%;
                width: 100%;
                margin: 4px;
                background: #393a4f;
                opacity: 0;
                pointer-events: none;
                z-index: 1;
                -webkit-transition: all .3s;
                transition: all .3s
            }

            .image-grid-wrap .image-row > div .image-owner {
                position: absolute;
                bottom: 14px;
                left: 14px;
                max-height: 40px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                z-index: 2
            }

                .image-grid-wrap .image-row > div .image-owner .avatar {
                    display: block;
                    height: 38px;
                    width: 38px;
                    border-radius: 50%;
                    border: 1.4px solid #fff;
                    -webkit-transform: scale(0);
                    transform: scale(0);
                    -webkit-transition: all .3s;
                    transition: all .3s
                }

                .image-grid-wrap .image-row > div .image-owner .name {
                    color: #fff;
                    font-size: .9rem;
                    margin-left: 8px;
                    opacity: 0;
                    -webkit-transform: translateY(5px);
                    transform: translateY(5px);
                    -webkit-transition: all .3s;
                    transition: all .3s
                }

            .image-grid-wrap .image-row > div .photo-time {
                position: absolute;
                top: 20px;
                left: 14px;
                color: #fff;
                font-size: .85rem;
                margin-left: 8px;
                opacity: 0;
                -webkit-transform: translateY(5px);
                transform: translateY(5px);
                z-index: 2;
                -webkit-transition: all .3s;
                transition: all .3s
            }

            .image-grid-wrap .image-row > div .photo-like {
                position: absolute;
                top: 14px;
                right: 14px;
                height: 38px;
                width: 38px;
                border-radius: 50%;
                background: #fff;
                z-index: 2;
                -webkit-transform: scale(0);
                transform: scale(0);
                -webkit-transition: all .3s;
                transition: all .3s
            }

                .image-grid-wrap .image-row > div .photo-like:hover .inner svg {
                    stroke: #f71416
                }

                .image-grid-wrap .image-row > div .photo-like.is-liked {
                    -webkit-box-shadow: 0 14px 26px -12px rgba(247, 20, 22, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(247, 20, 22, .2) !important;
                    box-shadow: 0 14px 26px -12px rgba(247, 20, 22, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(247, 20, 22, .2) !important
                }

                    .image-grid-wrap .image-row > div .photo-like.is-liked .inner .like-overlay {
                        -webkit-transform: scale(1);
                        transform: scale(1)
                    }

                    .image-grid-wrap .image-row > div .photo-like.is-liked .inner svg {
                        stroke: #fff;
                        fill: #fff
                    }

                .image-grid-wrap .image-row > div .photo-like .inner {
                    position: relative;
                    height: 100%;
                    width: 100%;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    border-radius: 50%;
                    overflow: hidden
                }

                    .image-grid-wrap .image-row > div .photo-like .inner .like-overlay {
                        position: absolute;
                        top: -2px;
                        left: -2px;
                        height: calc(100% + 4px);
                        width: calc(100% + 4px);
                        border-radius: 50%;
                        background: #db0709;
                        -webkit-transform: scale(0);
                        transform: scale(0);
                        -webkit-transition: all .3s;
                        transition: all .3s;
                        z-index: 1
                    }

                    .image-grid-wrap .image-row > div .photo-like .inner svg {
                        position: relative;
                        height: 16px;
                        width: 16px;
                        stroke: #393a4f;
                        z-index: 2;
                        -webkit-transition: all .3s;
                        transition: all .3s
                    }

.custom-profile-lightbox {
    position: fixed;
    top: 58px;
    left: 0;
    height: calc(100% - 58px);
    width: 100%;
    background: #fff;
    z-index: -1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s
}

    .custom-profile-lightbox.is-active {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        pointer-events: all;
        z-index: 50
    }

    .custom-profile-lightbox.is-fullscreen {
        top: 0;
        height: 100%
    }

    .custom-profile-lightbox .lightbox-inner {
        position: relative;
        height: 100%;
        width: 100%
    }

        .custom-profile-lightbox .lightbox-inner .image-side {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: calc(100% - 380px);
            background: #181e28
        }

            .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner {
                position: relative;
                height: 100%;
                width: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center
            }

                .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap {
                    position: relative;
                    max-width: calc(100% - 160px)
                }

                    .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap:hover .meta-overlay {
                        pointer-events: all;
                        opacity: .6;
                        z-index: 1
                    }

                    .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap:hover .meta-block h3,
                    .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap:hover .meta-block p {
                        opacity: 1;
                        -webkit-transform: translateY(0);
                        transform: translateY(0)
                    }

                    .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap:hover .action-block .action-button {
                        opacity: 1;
                        -webkit-transform: translateY(0);
                        transform: translateY(0);
                        pointer-events: all
                    }

                    .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .image-loader {
                        position: absolute;
                        top: 0;
                        left: 0;
                        height: 100%;
                        width: 100%;
                        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;
                        background: #090b0f;
                        opacity: 0;
                        pointer-events: none;
                        z-index: 2;
                        -webkit-transition: all .3s;
                        transition: all .3s
                    }

                        .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .image-loader.is-active {
                            pointer-events: all;
                            opacity: 1
                        }

                        .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .image-loader .loader {
                            height: 3rem;
                            width: 3rem
                        }

                    .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .meta-overlay {
                        position: absolute;
                        top: 0;
                        left: 0;
                        height: 100%;
                        width: 100%;
                        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;
                        background: #090b0f;
                        opacity: 0;
                        pointer-events: none;
                        z-index: -1;
                        -webkit-transition: all .3s;
                        transition: all .3s
                    }

                    .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .meta-block {
                        position: absolute;
                        bottom: 20px;
                        left: 20px;
                        z-index: 2
                    }

                        .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .meta-block h3 {
                            font-family: "Montserrat", sans-serif;
                            color: #fff;
                            font-size: .8rem;
                            max-width: 440px;
                            opacity: 0;
                            -webkit-transform: translateY(5px);
                            transform: translateY(5px);
                            -webkit-transition: all .3s;
                            transition: all .3s
                        }

                        .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .meta-block p {
                            padding-top: 8px;
                            color: #fff;
                            font-size: .8rem;
                            max-width: 540px;
                            opacity: 0;
                            -webkit-transform: translateY(5px);
                            transform: translateY(5px);
                            -webkit-transition: all .3s;
                            transition: all .3s;
                            -webkit-transition-delay: .2s;
                            transition-delay: .2s
                        }

                    .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .action-block {
                        position: absolute;
                        top: 20px;
                        right: 20px;
                        z-index: 2;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center
                    }

                        .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .action-block .action-button {
                            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;
                            border-radius: 50%;
                            border: 1.2px solid #fff;
                            margin: 0 5px;
                            opacity: 0;
                            -webkit-transform: translateY(-5px);
                            transform: translateY(-5px);
                            pointer-events: none;
                            -webkit-transition: all .3s;
                            transition: all .3s
                        }

                            .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .action-block .action-button:hover svg {
                                stroke: #3d70b2
                            }

                            .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .action-block .action-button:nth-child(2) {
                                -webkit-transition-delay: .1s;
                                transition-delay: .1s
                            }

                            .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .action-block .action-button:nth-child(3) {
                                -webkit-transition-delay: .2s;
                                transition-delay: .2s
                            }

                            .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .action-block .action-button:nth-child(4) {
                                -webkit-transition-delay: .3s;
                                transition-delay: .3s
                            }

                            .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap .action-block .action-button svg {
                                height: 18px;
                                width: 18px;
                                stroke: #fff;
                                -webkit-transition: stroke .3s;
                                transition: stroke .3s
                            }

                    .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap img {
                        display: block;
                        border-radius: 4px
                    }

        .custom-profile-lightbox .lightbox-inner .sidebar-side {
            position: absolute;
            top: 0;
            right: 0;
            height: 100%;
            width: 380px;
            background: #fff
        }

            .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-loader {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                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;
                background: #fff;
                opacity: 0;
                pointer-events: none;
                z-index: 10;
                -webkit-transition: all .3s;
                transition: all .3s
            }

                .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-loader.is-active {
                    pointer-events: all;
                    opacity: 1
                }

                .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-loader .loader {
                    height: 3rem;
                    width: 3rem
                }

            .custom-profile-lightbox .lightbox-inner .sidebar-side .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;
                padding: 12px;
                width: 100%
            }

                .custom-profile-lightbox .lightbox-inner .sidebar-side .header img {
                    height: 42px;
                    width: 42px;
                    border-radius: 50%
                }

                .custom-profile-lightbox .lightbox-inner .sidebar-side .header .user-meta {
                    margin: 0 10px
                }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .header .user-meta span {
                        display: block
                    }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .header .user-meta span:first-child {
                            font-size: .9rem;
                            font-weight: 500
                        }

                            .custom-profile-lightbox .lightbox-inner .sidebar-side .header .user-meta span:first-child small {
                                color: #999
                            }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .header .user-meta span:nth-child(2) {
                            font-size: .8rem;
                            color: #999
                        }

                .custom-profile-lightbox .lightbox-inner .sidebar-side .header .button {
                    line-height: 0;
                    margin-left: auto;
                    padding: 14px 18px
                }

                .custom-profile-lightbox .lightbox-inner .sidebar-side .header .dropdown .button {
                    padding: 18px 6px;
                    border: none;
                    background: transparent
                }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .header .dropdown .button svg {
                        height: 18px;
                        width: 18px
                    }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .header .dropdown .button img {
                        border-radius: 50%
                    }

                .custom-profile-lightbox .lightbox-inner .sidebar-side .header .dropdown .dropdown-menu {
                    margin-top: 10px
                }

            .custom-profile-lightbox .lightbox-inner .sidebar-side .inner-content {
                padding: 12px 12px 0 12px
            }

                .custom-profile-lightbox .lightbox-inner .sidebar-side .inner-content .control {
                    width: 100%
                }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .inner-content .control input {
                        padding-left: 34px
                    }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .inner-content .control input:focus + .icon svg {
                            stroke: #5596e6
                        }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .inner-content .control .icon {
                        position: absolute;
                        top: 0;
                        left: 0;
                        height: 32px;
                        width: 32px;
                        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
                    }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .inner-content .control .icon svg {
                            height: 18px;
                            width: 18px;
                            stroke: #cecece;
                            -webkit-transition: all .3s;
                            transition: all .3s
                        }

            .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats {
                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;
                padding: 16px 0;
                border-bottom: 1px solid #e8e8e8
            }

                .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: stretch;
                    -ms-flex-align: stretch;
                    align-items: stretch
                }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .shares-count,
                    .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .comments-count,
                    .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .likes-count,
                    .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .views-count {
                        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;
                        margin: 0 3px
                    }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .shares-count span,
                        .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .comments-count span,
                        .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .likes-count span,
                        .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .views-count span {
                            display: block;
                            font-size: .8rem;
                            color: #888da8;
                            margin: 0 5px
                        }

                            .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .shares-count span.views,
                            .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .comments-count span.views,
                            .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .likes-count span.views,
                            .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .views-count span.views {
                                margin: 0 2px
                            }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .shares-count svg,
                        .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .comments-count svg,
                        .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .likes-count svg,
                        .custom-profile-lightbox .lightbox-inner .sidebar-side .live-stats .social-count .views-count svg {
                            height: 14px;
                            width: 14px;
                            stroke: #888da8
                        }

            .custom-profile-lightbox .lightbox-inner .sidebar-side .actions {
                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;
                padding: 16px 0
            }

                .custom-profile-lightbox .lightbox-inner .sidebar-side .actions .action {
                    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
                }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .actions .action span {
                        display: block;
                        font-size: .8rem;
                        margin: 0 4px;
                        -webkit-transition: all .3s;
                        transition: all .3s
                    }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .actions .action svg {
                        height: 16px;
                        width: 16px;
                        stroke: #888da8;
                        -webkit-transition: all .3s;
                        transition: all .3s
                    }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .actions .action:hover span {
                        color: #5596e6
                    }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .actions .action:hover svg {
                        stroke: #5596e6
                    }

            .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list {
                background: #f5f6f7;
                height: calc(100% - 232px);
                padding: 20px 14px;
                overflow-y: auto
            }

                .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment {
                    border: none !important;
                    padding-top: 0 !important
                }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment.is-nested {
                        margin-left: 40px
                    }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-left {
                        margin-right: 10px
                    }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-left img {
                            border-radius: 50%
                        }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-content {
                        background: #fff;
                        padding: 12px;
                        border-radius: 8px
                    }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-content .username {
                            font-size: .8rem;
                            font-weight: 500
                        }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-content p {
                            font-size: .75rem;
                            color: #999
                        }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-content .comment-actions {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            padding-top: 8px
                        }

                            .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-content .comment-actions span,
                            .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-content .comment-actions a {
                                display: block;
                                font-size: .75rem;
                                color: #393a4f
                            }

                            .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-content .comment-actions span {
                                margin: 0 10px;
                                color: #999
                            }

                            .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-content .comment-actions .likes-count {
                                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;
                                margin-left: auto
                            }

                                .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-content .comment-actions .likes-count span {
                                    display: block;
                                    font-size: .75rem;
                                    color: #888da8;
                                    margin: 0 5px
                                }

                                    .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-content .comment-actions .likes-count span.views {
                                        margin: 0 2px
                                    }

                                .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .is-comment .media-content .comment-actions .likes-count svg {
                                    height: 12px;
                                    width: 12px;
                                    stroke: #888da8
                                }

            .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls {
                position: absolute;
                bottom: 0;
                left: 0;
                background: #fbfbfc;
                height: 50px;
                width: 100%;
                border-radius: 0 0 6px 0;
                border-top: 1px solid #dee2e5
            }

                .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner {
                    position: relative;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    width: 100%;
                    height: 100%;
                    padding: 0 16px
                }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner img {
                        height: 32px;
                        width: 32px;
                        border-radius: 50%
                    }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .control {
                        width: 100%
                    }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .control .textarea,
                        .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .control .emojionearea-editor {
                            resize: none;
                            height: 36px;
                            max-height: 36px;
                            min-height: 36px;
                            border-radius: 100px;
                            overflow: hidden;
                            line-height: 1.6;
                            font-size: .8rem;
                            padding-left: 16px;
                            margin: 0 6px
                        }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .emojionearea-editor {
                        padding-left: 0 !important
                    }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .emojionearea-editor img {
                            height: 18px;
                            width: 18px;
                            min-height: 18px;
                            max-height: 18px
                        }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .emojionearea {
                        overflow: visible !important
                    }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .emojionearea-picker {
                        top: -230px;
                        position: absolute;
                        left: -50px;
                        width: 310px
                    }

                        .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .emojionearea-picker .emojionearea-wrapper {
                            width: 310px
                        }

                            .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .emojionearea-picker .emojionearea-wrapper img {
                                height: 22px;
                                width: 22px;
                                min-height: 22px;
                                max-height: 22px
                            }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .emojionearea-scroll-area {
                        width: 310px
                    }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .emojionearea .emojionearea-button > div.emojionearea-button-open {
                        background-position: 0 -22px
                    }

                    .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn {
                        width: 24px !important;
                        height: 24px !important
                    }

.friends-grid {
    padding: 20px 0
}

    .friends-grid .columns .column {
        padding: .5rem
    }

    .friends-grid .friend-item {
        display: block;
        width: 100%;
        padding: 30px;
        border: 1px solid #e8e8e8;
        border-radius: 6px;
        background: #fff;
        -webkit-transition: all .3s;
        transition: all .3s
    }

        .friends-grid .friend-item:hover {
            -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
            box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
        }

            .friends-grid .friend-item:hover .avatar-wrap .circle {
                -webkit-transform: scale(1);
                transform: scale(1)
            }

            .friends-grid .friend-item:hover .avatar-wrap .chat-button {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 1
            }

        .friends-grid .friend-item .avatar-wrap {
            position: relative;
            height: 96px;
            width: 96px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin: 0 auto
        }

            .friends-grid .friend-item .avatar-wrap .circle {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                border-radius: 50%;
                border: 1.4px solid #cecece;
                -webkit-transform: scale(0.4);
                transform: scale(0.4);
                -webkit-transition: all .3s;
                transition: all .3s;
                z-index: 1
            }

            .friends-grid .friend-item .avatar-wrap .chat-button {
                position: absolute;
                bottom: 0;
                right: 0;
                height: 36px;
                width: 36px;
                border-radius: 50%;
                border: 3px solid #fff;
                background: #5596e6;
                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-transform: scale(0);
                transform: scale(0);
                opacity: 0;
                -webkit-transition: all .3s;
                transition: all .3s;
                z-index: 3
            }

                .friends-grid .friend-item .avatar-wrap .chat-button svg {
                    height: 14px;
                    width: 14px;
                    stroke: #fff;
                    fill: #fff
                }

            .friends-grid .friend-item .avatar-wrap img {
                position: relative;
                display: block;
                height: 80px;
                width: 80px;
                border-radius: 50%;
                z-index: 2
            }

        .friends-grid .friend-item h3 {
            font-family: "Montserrat", sans-serif;
            color: #393a4f;
            font-size: .9rem;
            font-weight: 500;
            line-height: 1.2;
            margin-top: 6px
        }

        .friends-grid .friend-item p {
            color: #999;
            font-size: .8rem
        }

@media(max-width: 767px) {
    .cover-bg .cover-image {
        min-height: 180px !important
    }

    .profile-subheader {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        margin-top: 50px !important
    }

    .profile-about {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: -30px;
        padding: 20px 0
    }

        .profile-about .left-menu {
            width: 100%;
            max-width: 100%;
            min-width: 100%;
            margin-bottom: 20px
        }

            .profile-about .left-menu .left-menu-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
            }

                .profile-about .left-menu .left-menu-inner .menu-item {
                    padding: 0 10px
                }

                    .profile-about .left-menu .left-menu-inner .menu-item .menu-icon {
                        padding: 0 16px
                    }

                    .profile-about .left-menu .left-menu-inner .menu-item span {
                        display: none
                    }

        .profile-about .right-content {
            padding: 0;
            width: 100% !important
        }

    .about-timeline .timeline-item .button {
        display: none
    }

    .about-card .video-wrapper {
        width: calc(50% - 8px) !important
    }

    .about-card .place-wrapper {
        width: calc(100% - 8px) !important
    }

    .community-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

        .community-content .community-widgets {
            margin-bottom: 20px
        }

        .community-content .community-info,
        .community-content .community-widgets {
            width: 100% !important
        }

    .custom-profile-lightbox .lightbox-inner .image-side {
        width: 100%;
        height: 180px
    }

        .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap {
            max-width: calc(100% - 80px)
        }

    .custom-profile-lightbox .lightbox-inner .sidebar-side {
        width: 100%;
        top: 180px;
        height: calc(100% - 180px);
        z-index: 10;
        background: #fff
    }

    .image-grid-wrap .image-row > div {
        min-height: 280px
    }
}

@media screen and (max-width: 400px) {
    .image-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .profile-about .left-menu {
        max-width: 220px;
        min-width: 220px
    }

    .profile-about .right-content {
        width: calc(100% - 220px) !important
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .cover-bg .cover-image {
        min-height: 180px !important
    }

    .profile-subheader {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        margin-top: 50px !important
    }

    .profile-about {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: -30px;
        padding: 20px 0
    }

        .profile-about .left-menu {
            width: 100%;
            max-width: 100%;
            min-width: 100%;
            margin-bottom: 20px
        }

            .profile-about .left-menu .left-menu-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
            }

                .profile-about .left-menu .left-menu-inner .menu-item {
                    padding: 0 10px
                }

                    .profile-about .left-menu .left-menu-inner .menu-item .menu-icon {
                        padding: 0 16px
                    }

        .profile-about .right-content {
            padding: 0;
            width: 100% !important
        }

    .custom-profile-lightbox .lightbox-inner .image-side {
        width: 100%;
        height: 340px
    }

        .custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap {
            max-width: calc(100% - 80px)
        }

    .custom-profile-lightbox .lightbox-inner .sidebar-side {
        width: 100%;
        top: 340px;
        height: calc(100% - 340px);
        z-index: 10;
        background: #fff
    }

    .friends-grid .columns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .friends-grid .columns .friend-item {
            min-height: 216px
        }
}


/*! _app-profile-minimal.scss | Friendkit | © Css Ninja. 2020-2021 */

.minimal-profile-wrapper .profile-cover.is-sidebar-v1 {
    max-width: 1060px;
    margin: 1rem auto 0 auto
}

    .minimal-profile-wrapper .profile-cover.is-sidebar-v1 img {
        border-radius: 1rem
    }

.minimal-profile-wrapper .profile-cover img {
    display: block;
    max-height: 300px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.minimal-profile-wrapper .profile-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    max-width: 1040px;
    margin: 20px auto
}

    .minimal-profile-wrapper .profile-info .left {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        min-width: 30%;
        padding: 0 20px
    }

        .minimal-profile-wrapper .profile-info .left .profile-avatar {
            position: absolute;
            top: -80px;
            left: 0;
            right: 0;
            margin: 0 auto;
            height: 130px;
            width: 130px
        }

            .minimal-profile-wrapper .profile-info .left .profile-avatar img {
                position: relative;
                width: 100%;
                height: 100%;
                border-radius: 50%;
                border: 4px solid #fff
            }

            .minimal-profile-wrapper .profile-info .left .profile-avatar .button {
                position: absolute;
                bottom: 10px;
                right: -1px;
                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;
                padding: 0;
                height: 36px;
                width: 36px;
                border-radius: 50%
            }

                .minimal-profile-wrapper .profile-info .left .profile-avatar .button svg {
                    height: 18px;
                    width: 18px
                }

        .minimal-profile-wrapper .profile-info .left > .button span {
            display: inline-block;
            line-height: 1
        }

        .minimal-profile-wrapper .profile-info .left > .button svg {
            height: 18px;
            width: 18px;
            margin-right: 6px;
            stroke-width: 1.4px
        }

    .minimal-profile-wrapper .profile-info .right {
        -webkit-box-flex: 2;
        -ms-flex-positive: 2;
        flex-grow: 2;
        padding: 0 0 0 20px
    }

        .minimal-profile-wrapper .profile-info .right .head {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

            .minimal-profile-wrapper .profile-info .right .head h2 {
                font-family: "Roboto", sans-serif;
                font-weight: 500;
                font-size: 1.4rem;
                color: #393a4f
            }

            .minimal-profile-wrapper .profile-info .right .head .button {
                min-width: 130px
            }

        .minimal-profile-wrapper .profile-info .right .stats {
            padding: 1rem 0
        }

            .minimal-profile-wrapper .profile-info .right .stats span {
                font-family: "Roboto", sans-serif;
                font-size: .9rem;
                color: #a2a5b9;
                padding-right: 30px
            }

        .minimal-profile-wrapper .profile-info .right .bio p {
            max-width: 480px;
            font-family: "Roboto", sans-serif;
            font-size: .9rem;
            color: #393a4f
        }

.minimal-profile-wrapper .profile-grid {
    max-width: 1040px;
    margin: 0 auto;
    padding: 40px 0 0 0
}

    .minimal-profile-wrapper .profile-grid .column {
        padding: .5rem
    }

        .minimal-profile-wrapper .profile-grid .column .profile-post {
            margin-bottom: 0;
            border: none
        }

            .minimal-profile-wrapper .profile-grid .column .profile-post img {
                -o-object-fit: cover;
                object-fit: cover
            }

@media only screen and (max-width: 767px) {
    .minimal-profile-wrapper .profile-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 .5rem;
        margin-bottom: 0
    }

        .minimal-profile-wrapper .profile-info.is-sidebar-v1 .left > .button {
            top: -200px;
            max-width: 220px;
            margin: 0 auto
        }

        .minimal-profile-wrapper .profile-info .right {
            padding: 0
        }

            .minimal-profile-wrapper .profile-info .right .head {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column
            }

                .minimal-profile-wrapper .profile-info .right .head .actions {
                    margin: 10px 0
                }

                    .minimal-profile-wrapper .profile-info .right .head .actions .button {
                        min-width: 220px
                    }

            .minimal-profile-wrapper .profile-info .right .stats,
            .minimal-profile-wrapper .profile-info .right .bio {
                text-align: center
            }

                .minimal-profile-wrapper .profile-info .right .stats span {
                    padding-right: 1rem
                }

        .minimal-profile-wrapper .profile-info .left {
            min-height: 45px;
            margin-bottom: 9px
        }

            .minimal-profile-wrapper .profile-info .left > .button {
                position: absolute;
                top: -221px;
                left: 0;
                right: 0;
                background: none;
                color: #fff;
                border-color: #fff
            }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .minimal-profile-wrapper .profile-info {
        padding: 0 .5rem
    }

    .minimal-profile-wrapper .profile-grid .columns {
        margin-left: 0;
        margin-right: 0
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .minimal-profile-wrapper .profile-info {
        padding: 0 .5rem
    }

    .minimal-profile-wrapper .profile-grid .columns {
        margin-left: 0;
        margin-right: 0
    }
}


/*! _app-friends.scss | Friendkit | © Css Ninja. 2020-2021 */

.friends-wrapper {
    position: relative;
    margin: 0 auto;
    top: 40px;
    padding: 0 6%;
    min-height: calc(100vh - 280px)
}

    .friends-wrapper.is-static {
        top: 0
    }

    .friends-wrapper.has-sidebar .card-row .friend-card {
        width: calc(33.3% - 16px)
    }

    .friends-wrapper .card-row-wrap {
        display: none
    }

        .friends-wrapper .card-row-wrap.is-active {
            display: block
        }

    .friends-wrapper .card-row-placeholder {
        min-height: calc(100vh - 280px);
        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
    }

    .friends-wrapper .card-row {
        margin-top: 20px;
        padding-bottom: 60px
    }

.friend-card {
    position: relative;
    border-radius: 8px;
    padding: 20px;
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s, -webkit-box-shadow .3s
}

    .friend-card.has-shapes {
        overflow: hidden
    }

        .friend-card.has-shapes .shape {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            display: none;
            z-index: 0
        }

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

    .friend-card .shape {
        display: none
    }

    .friend-card .star-friend {
        position: absolute;
        top: 10px;
        right: 10px;
        height: 44px;
        width: 44px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: auto;
        cursor: pointer
    }

        .friend-card .star-friend.is-active svg {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
            stroke: #3d70b2;
            fill: #3d70b2
        }

        .friend-card .star-friend svg {
            height: 20px;
            width: 20px;
            stroke: #cecece;
            fill: #cecece;
            -webkit-transition: all .3s;
            transition: all .3s;
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

    .friend-card .img-container {
        position: relative;
        height: 90px;
        width: 90px;
        margin: 10px auto;
        z-index: 1
    }

        .friend-card .img-container .avatar {
            display: block;
            border-radius: 50%
        }

            .friend-card .img-container .avatar.is-placeholder {
                -webkit-filter: grayscale(1);
                filter: grayscale(1);
                opacity: .3
            }

        .friend-card .img-container .country {
            display: block;
            position: absolute;
            bottom: 0;
            right: 0;
            height: 26px;
            width: 26px;
            border-radius: 50%;
            border: 3px solid #fff
        }

    .friend-card .friend-info {
        text-align: center
    }

        .friend-card .friend-info h3 {
            font-family: "Montserrat", sans-serif;
            font-weight: 500;
            font-size: .9rem;
            color: #393a4f;
            line-height: 1;
            -webkit-transition: color .3s;
            transition: color .3s
        }

        .friend-card .friend-info p {
            font-family: Roboto, sans-serif;
            font-size: .85rem;
            color: #999
        }

    .friend-card .friend-stats {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 20px
    }

        .friend-card .friend-stats .stat-block {
            text-align: center;
            padding: 0 20px
        }

            .friend-card .friend-stats .stat-block:nth-child(2) {
                border-left: 1px solid #e0e0e0;
                border-right: 1px solid #e0e0e0
            }

            .friend-card .friend-stats .stat-block label {
                display: block;
                text-transform: uppercase;
                font-family: Roboto, sans-serif;
                font-weight: 500;
                font-size: .6rem;
                color: #999
            }

            .friend-card .friend-stats .stat-block .stat-number {
                font-family: Montserrat, sans-serif;
                font-weight: 600;
                font-size: 1rem;
                color: #393a4f
            }

    .friend-card .friend-actions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 30px
    }

        .friend-card .friend-actions .button {
            margin: 0 4px
        }

            .friend-card .friend-actions .button:hover svg {
                stroke: #393a4f
            }

            .friend-card .friend-actions .button svg {
                height: 16px;
                width: 16px;
                stroke: #ddd;
                -webkit-transition: stroke .3s;
                transition: stroke .3s
            }

@media screen and (max-width: 1300px) {
    .friends-wrapper {
        padding: 0 !important
    }
}

@media screen and (max-width: 1100px) {
    .friends-wrapper .card-row .friend-card {
        width: calc(33.3% - 16px)
    }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) {
    .friends-wrapper.has-sidebar .card-row .friend-card {
        width: calc(100% - 16px) !important
    }

    .friends-wrapper .card-row .friend-card {
        width: calc(50% - 16px)
    }

        .friends-wrapper .card-row .friend-card .friend-actions {
            -webkit-box-pack: center !important;
            -ms-flex-pack: center !important;
            justify-content: center !important
        }

    .options-nav .is-search {
        max-width: 180px !important
    }
}

@media screen and (max-width: 767px) {
    .friends-wrapper .card-row .friend-card {
        width: calc(50% - 16px)
    }

        .friends-wrapper .card-row .friend-card .friend-actions {
            -webkit-box-pack: center !important;
            -ms-flex-pack: center !important;
            justify-content: center !important
        }

    .options-nav .is-friends #show-filters {
        display: none !important
    }

    .options-nav .is-friends .is-page-title h2 {
        font-size: .9rem
    }

    .options-nav .is-friends .end-group {
        display: none !important
    }
}

@media screen and (max-width: 560px) {
    .friends-wrapper .card-row .friend-card {
        width: calc(100% - 16px)
    }
}


/*! _groups.scss | Friendkit | © Css Ninja. 2020-2021 */

.groups-grid {
    padding: 2rem 0;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto
}

    .groups-grid .grid-header {
        margin-bottom: 1.5rem
    }

        .groups-grid .grid-header .header-inner {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

            .groups-grid .grid-header .header-inner h2 {
                font-family: "Montserrat", sans-serif;
                font-size: 1.5rem;
                font-weight: 700;
                color: #393a4f
            }

    .groups-grid .group-box {
        margin-right: 25px;
        -webkit-transition: all .4s cubic-bezier(0.175, 0.885, 0, 1);
        transition: all .4s cubic-bezier(0.175, 0.885, 0, 1);
        background-color: #fff;
        width: 100%;
        position: relative;
        border-radius: 12px;
        overflow: hidden;
        -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
        box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
        border: 1px solid #e3e3e3
    }

        .groups-grid .group-box:hover {
            -webkit-box-shadow: 0px 30px 18px -8px rgba(0, 0, 0, .1);
            box-shadow: 0px 30px 18px -8px rgba(0, 0, 0, .1);
            -webkit-transform: scale(1.05, 1.05);
            transform: scale(1.05, 1.05)
        }

            .groups-grid .group-box:hover .box-info {
                background-color: transparent;
                position: relative
            }

            .groups-grid .group-box:hover .box-info-hover {
                opacity: 1
            }

            .groups-grid .group-box:hover .box-img--hover {
                height: 100%;
                opacity: .2
            }

            .groups-grid .group-box:hover .box-category {
                color: #393a4f
            }

        .groups-grid .group-box .box-like {
            width: 18px
        }

        .groups-grid .group-box .box-clock {
            width: 15px;
            vertical-align: middle;
            stroke: #393a4f
        }

        .groups-grid .group-box .box-time {
            font-size: 12px;
            color: #393a4f;
            vertical-align: middle
        }

        .groups-grid .group-box .box-clock-info {
            float: right
        }

        .groups-grid .group-box .box-img {
            visibility: hidden;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            width: 100%;
            height: 235px;
            border-top-left-radius: 12px;
            border-top-right-radius: 12px
        }

        .groups-grid .group-box .box-info-hover {
            position: absolute;
            top: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 16px;
            width: 100%;
            opacity: 0;
            z-index: 1
        }

            .groups-grid .group-box .box-info-hover > svg {
                height: 18px;
                width: 18px;
                -webkit-transition: stroke .3s, fill .3s;
                transition: stroke .3s, fill .3s;
                cursor: pointer
            }

                .groups-grid .group-box .box-info-hover > svg:hover {
                    fill: #f71416;
                    stroke: #f71416
                }

        .groups-grid .group-box .box-img--hover {
            -webkit-transition: .2s all ease-out;
            transition: .2s all ease-out;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            width: 100%;
            position: absolute;
            height: 235px;
            border-top-left-radius: 12px;
            border-top-right-radius: 12px;
            top: 0;
            -webkit-transition: all .3s;
            transition: all .3s
        }

        .groups-grid .group-box .box-info {
            z-index: 2;
            background-color: #fff;
            border-bottom-left-radius: 12px;
            border-bottom-right-radius: 12px;
            padding: 16px 24px 24px 24px
        }

        .groups-grid .group-box .box-category {
            font-family: "Roboto", sans-serif;
            text-transform: uppercase;
            font-size: .7rem;
            letter-spacing: 2px;
            color: #a2a5b9
        }

        .groups-grid .group-box .box-title {
            margin-top: 5px;
            margin-bottom: 10px;
            font-family: "Montserrat", sans-serif;
            font-weight: 600;
            color: #393a4f;
            line-height: 1.2
        }

        .groups-grid .group-box .box-members {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            font-size: 12px;
            font-family: "Roboto", sans-serif;
            font-weight: 500
        }

            .groups-grid .group-box .box-members > a {
                font-weight: 500;
                text-decoration: none;
                color: #5596e6
            }

            .groups-grid .group-box .box-members .members-preview img {
                display: inline-block;
                height: 28px;
                width: 28px;
                min-width: 28px;
                border-radius: 50%;
                margin-left: .25rem
            }

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .groups-grid .columns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .groups-grid .columns .column {
            min-width: 50%;
            width: 50%
        }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .groups-grid .columns .column {
        min-width: 33.3%;
        width: 33.3%
    }

    .groups-grid .group-box .box-title {
        max-width: 230px
    }
}


/*! _app-events.scss | Friendkit | © Css Ninja. 2020-2021 */

.events-wrapper {
    position: absolute;
    top: 58px;
    left: 0;
    width: 100%;
    height: calc(100vh - 58px);
    background: #fff
}

    .events-wrapper.is-pushed {
        top: 150px;
        height: calc(100vh - 150px)
    }

        .events-wrapper.is-pushed .left-panel,
        .events-wrapper.is-pushed .right-panel {
            top: 150px;
            height: calc(100vh - 150px)
        }

    .events-wrapper .left-panel {
        position: fixed;
        top: 58px;
        left: 0;
        width: 260px;
        height: calc(100vh - 58px);
        background: #fff;
        border-right: 1px solid #e0e0e0
    }

        .events-wrapper .left-panel .left-panel-inner {
            position: relative;
            height: 100%;
            width: 100%;
            padding-bottom: 60px
        }

            .events-wrapper .left-panel .left-panel-inner a {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                padding: 20px;
                border-bottom: 1px solid #dedede;
                -webkit-transition: all .3s;
                transition: all .3s
            }

                .events-wrapper .left-panel .left-panel-inner a.is-active {
                    background: #f2f2f2
                }

                    .events-wrapper .left-panel .left-panel-inner a.is-active span.tag {
                        background: #5596e6 !important;
                        color: #fff !important
                    }

                    .events-wrapper .left-panel .left-panel-inner a.is-active span.date-block svg {
                        stroke: #5596e6
                    }

                .events-wrapper .left-panel .left-panel-inner a span {
                    display: block
                }

                    .events-wrapper .left-panel .left-panel-inner a span.date-block {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center
                    }

                        .events-wrapper .left-panel .left-panel-inner a span.date-block svg {
                            position: relative;
                            top: -1px;
                            height: 18px;
                            width: 18px;
                            margin-right: 6px;
                            stroke: #cecece;
                            -webkit-transition: stroke .3s;
                            transition: stroke .3s
                        }

                        .events-wrapper .left-panel .left-panel-inner a span.date-block .month {
                            font-family: Montserrat, sans-serif;
                            font-weight: 500;
                            color: #393a4f;
                            font-size: .85rem;
                            line-height: 1;
                            width: 75px
                        }

                    .events-wrapper .left-panel .left-panel-inner a span.meta-block {
                        margin-left: auto;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        -webkit-box-pack: justify;
                        -ms-flex-pack: justify;
                        justify-content: space-between
                    }

                        .events-wrapper .left-panel .left-panel-inner a span.meta-block .time {
                            font-size: .8rem;
                            color: #999;
                            line-height: 1
                        }

                        .events-wrapper .left-panel .left-panel-inner a span.meta-block .type {
                            display: inline-block
                        }

                            .events-wrapper .left-panel .left-panel-inner a span.meta-block .type .tag {
                                display: inline-block;
                                border-radius: 100px;
                                line-height: 2;
                                -webkit-transition: all .3s;
                                transition: all .3s;
                                background: #f2f2f2;
                                color: #393a4f
                            }

            .events-wrapper .left-panel .left-panel-inner .add-event {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 60px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                padding: 0 20px;
                background: #fff;
                -webkit-transition: opacity .3s;
                transition: opacity .3s
            }

                .events-wrapper .left-panel .left-panel-inner .add-event .button {
                    height: 42px;
                    width: 100%;
                    border: 2px dashed #cecece;
                    color: #999
                }

                    .events-wrapper .left-panel .left-panel-inner .add-event .button:hover {
                        border: 2px solid #3d70b2;
                        background: #3d70b2;
                        color: #fafafa;
                        -webkit-box-shadow: 0 14px 26px -12px rgba(61, 112, 178, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(61, 112, 178, .2) !important;
                        box-shadow: 0 14px 26px -12px rgba(61, 112, 178, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(61, 112, 178, .2) !important
                    }

    .events-wrapper .right-panel {
        position: fixed;
        top: 58px;
        right: 0;
        width: 380px;
        height: calc(100vh - 58px);
        background: #fff;
        border-left: 1px solid #e0e0e0
    }

        .events-wrapper .right-panel .panel-header {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 60px;
            width: 100%;
            padding: 0 30px
        }

            .events-wrapper .right-panel .panel-header h3 {
                font-size: 1rem;
                font-family: Montserrat, sans-serif;
                font-weight: 600
            }

        .events-wrapper .right-panel .panel-body {
            position: relative;
            height: calc(100% - 60px);
            overflow-y: auto;
            padding: 0 20px 20px 20px
        }

            .events-wrapper .right-panel .panel-body .activity-block {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
                padding: 10px 0
            }

                .events-wrapper .right-panel .panel-body .activity-block img {
                    display: block;
                    height: 32px;
                    width: 32px;
                    min-width: 32px;
                    border-radius: 50%
                }

                .events-wrapper .right-panel .panel-body .activity-block .activity-meta {
                    margin-left: 10px
                }

                    .events-wrapper .right-panel .panel-body .activity-block .activity-meta p {
                        font-size: .85rem;
                        color: #393a4f
                    }

                        .events-wrapper .right-panel .panel-body .activity-block .activity-meta p a {
                            font-weight: 500;
                            color: #393a4f;
                            -webkit-transition: color .3s;
                            transition: color .3s
                        }

                            .events-wrapper .right-panel .panel-body .activity-block .activity-meta p a:hover {
                                color: #5596e6
                            }

                    .events-wrapper .right-panel .panel-body .activity-block .activity-meta span {
                        display: block;
                        font-size: .85rem;
                        color: #999
                    }

    .events-wrapper .wrapper-inner {
        position: relative;
        width: calc(100% - 640px);
        height: 100%;
        margin-left: 260px;
        margin-right: 380px
    }

        .events-wrapper .wrapper-inner .event-list {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            -webkit-transition: all .3s;
            transition: all .3s
        }

            .events-wrapper .wrapper-inner .event-list .event-item {
                position: relative;
                width: 100%;
                padding: 40px 60px;
                background: #fff;
                border-bottom: 1px solid #e8e8e8;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

                .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap {
                    position: relative
                }

                    .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-options {
                        position: absolute;
                        top: 5px;
                        right: 0
                    }

                        .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-options:hover .button svg {
                            -webkit-animation: rotation 2s infinite linear;
                            animation: rotation 2s infinite linear
                        }

                        .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-options .button {
                            background: transparent;
                            border: none;
                            padding: 0;
                            height: 28px;
                            width: 28px;
                            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
                        }

                            .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-options .button svg {
                                color: #757a91
                            }

                .events-wrapper .wrapper-inner .event-list .event-item .event-title {
                    font-size: 2rem;
                    font-family: Montserrat, sans-serif;
                    font-weight: 800;
                    color: #393a4f;
                    line-height: 1.1;
                    max-width: 520px
                }

                .events-wrapper .wrapper-inner .event-list .event-item .event-subtitle {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    margin: 40px 0 10px 0
                }

                    .events-wrapper .wrapper-inner .event-list .event-item .event-subtitle svg {
                        height: 20px;
                        width: 20px;
                        margin-right: 6px
                    }

                    .events-wrapper .wrapper-inner .event-list .event-item .event-subtitle h3 {
                        color: #999
                    }

                .events-wrapper .wrapper-inner .event-list .event-item .event-content {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: start;
                    -ms-flex-align: start;
                    align-items: flex-start
                }

                    .events-wrapper .wrapper-inner .event-list .event-item .event-content .event-owner {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        min-width: 80px
                    }

                        .events-wrapper .wrapper-inner .event-list .event-item .event-content .event-owner img {
                            display: block;
                            height: 44px;
                            width: 44px;
                            min-width: 44px;
                            border-radius: 50%;
                            margin: 0 auto
                        }

                        .events-wrapper .wrapper-inner .event-list .event-item .event-content .event-owner .owner-meta {
                            margin-left: 12px
                        }

                            .events-wrapper .wrapper-inner .event-list .event-item .event-content .event-owner .owner-meta span {
                                display: block
                            }

                                .events-wrapper .wrapper-inner .event-list .event-item .event-content .event-owner .owner-meta span:first-child {
                                    font-family: Montserrat, sans-serif;
                                    font-weight: 600;
                                    font-size: .9rem;
                                    color: #393a4f
                                }

                                .events-wrapper .wrapper-inner .event-list .event-item .event-content .event-owner .owner-meta span:nth-child(2) {
                                    font-size: .9rem;
                                    color: #999
                                }

                    .events-wrapper .wrapper-inner .event-list .event-item .event-content .event-description p {
                        color: #757a91;
                        margin-bottom: 10px
                    }

                        .events-wrapper .wrapper-inner .event-list .event-item .event-content .event-description p:last-child {
                            margin-bottom: 0
                        }

                .events-wrapper .wrapper-inner .event-list .event-item .event-participants {
                    margin-top: 10px;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                    .events-wrapper .wrapper-inner .event-list .event-item .event-participants .participants-group {
                        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
                    }

                        .events-wrapper .wrapper-inner .event-list .event-item .event-participants .participants-group img {
                            height: 38px;
                            width: 38px;
                            border-radius: 50%;
                            border: 3px solid #fff
                        }

                            .events-wrapper .wrapper-inner .event-list .event-item .event-participants .participants-group img:not(:first-child) {
                                margin-left: -12px
                            }

                    .events-wrapper .wrapper-inner .event-list .event-item .event-participants .participants-text {
                        margin-left: 10px
                    }

                        .events-wrapper .wrapper-inner .event-list .event-item .event-participants .participants-text p {
                            font-size: .8rem;
                            color: #888da8
                        }

                            .events-wrapper .wrapper-inner .event-list .event-item .event-participants .participants-text p a {
                                color: #393a4f
                            }

                                .events-wrapper .wrapper-inner .event-list .event-item .event-participants .participants-text p a:hover {
                                    color: #5596e6
                                }

.event-page-wrapper {
    padding-bottom: 60px
}

    .event-page-wrapper .event-cover img {
        display: block;
        max-height: 380px;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: bottom;
        object-position: bottom
    }

    .event-page-wrapper .event-content {
        position: relative;
        max-width: 940px;
        margin: -80px auto 20px auto;
        z-index: 1
    }

        .event-page-wrapper .event-content .event-head {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            align-items: stretch;
            border-radius: 8px;
            background: #fff;
            border: 1px solid #e0e0e0;
            -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
            box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
        }

            .event-page-wrapper .event-content .event-head .left {
                position: relative;
                width: 60%;
                padding: 30px
            }

                .event-page-wrapper .event-content .event-head .left .button-separator {
                    position: absolute;
                    top: 50%;
                    right: -25px;
                    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;
                    height: 50px;
                    width: 50px;
                    border-radius: 50%;
                    background: #fff;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                    border: 1px solid #e0e0e0;
                    -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
                    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
                }

                    .event-page-wrapper .event-content .event-head .left .button-separator svg {
                        height: 18px;
                        width: 18px;
                        stroke-width: 3px;
                        stroke: #a2a5b9
                    }

                .event-page-wrapper .event-content .event-head .left h2 {
                    font-family: "Montserrat", sans-serif;
                    font-size: 1.7rem;
                    font-weight: 700;
                    color: #393a4f
                }

                .event-page-wrapper .event-content .event-head .left h3 {
                    font-family: "Roboto", sans-serif;
                    color: #a2a5b9;
                    margin-bottom: 1rem
                }

                .event-page-wrapper .event-content .event-head .left .info-block {
                    margin-bottom: 1rem
                }

                    .event-page-wrapper .event-content .event-head .left .info-block:last-child {
                        margin-bottom: 0
                    }

                    .event-page-wrapper .event-content .event-head .left .info-block .info-head {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center
                    }

                        .event-page-wrapper .event-content .event-head .left .info-block .info-head .event-icon {
                            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;
                            height: 16px;
                            width: 16px;
                            min-width: 16px;
                            border-radius: 50%
                        }

                            .event-page-wrapper .event-content .event-head .left .info-block .info-head .event-icon svg {
                                height: 16px;
                                width: 16px;
                                stroke-width: 1.6px;
                                stroke: #5596e6
                            }

                        .event-page-wrapper .event-content .event-head .left .info-block .info-head > span {
                            display: inline-block;
                            color: #a2a5b9;
                            font-size: .9rem;
                            margin-left: 6px
                        }

                    .event-page-wrapper .event-content .event-head .left .info-block .info-body p,
                    .event-page-wrapper .event-content .event-head .left .info-block .info-body a {
                        font-family: "Roboto", sans-serif;
                        font-size: .9rem;
                        color: #393a4f
                    }

                    .event-page-wrapper .event-content .event-head .left .info-block .info-body .socials {
                        margin-top: 8px
                    }

                        .event-page-wrapper .event-content .event-head .left .info-block .info-body .socials a {
                            margin-right: 6px;
                            color: #a2a5b9
                        }

                            .event-page-wrapper .event-content .event-head .left .info-block .info-body .socials a:hover {
                                color: #5596e6
                            }

                            .event-page-wrapper .event-content .event-head .left .info-block .info-body .socials a svg {
                                stroke-width: 1.6px;
                                height: 20px;
                                width: 20px
                            }

            .event-page-wrapper .event-content .event-head .right {
                width: 40%;
                border-left: 2px dashed #dedede;
                padding: 30px 40px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                background: #fafafa
            }

                .event-page-wrapper .event-content .event-head .right h2 {
                    font-family: "Montserrat", sans-serif;
                    font-size: 1.4rem;
                    font-weight: 700;
                    color: #393a4f;
                    margin-bottom: 1rem;
                    margin-top: 6px
                }

                .event-page-wrapper .event-content .event-head .right .subscribe-block {
                    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
                }

                    .event-page-wrapper .event-content .event-head .right .subscribe-block p {
                        font-family: "Roboto", sans-serif;
                        font-size: .8rem;
                        color: #393a4f
                    }

                    .event-page-wrapper .event-content .event-head .right .subscribe-block img {
                        display: block;
                        max-width: 110px
                    }

                .event-page-wrapper .event-content .event-head .right .condition {
                    padding: 20px 0 0 0;
                    text-transform: uppercase;
                    font-family: "Roboto", sans-serif;
                    font-size: .7rem;
                    font-weight: 500;
                    color: #393a4f
                }

    .event-page-wrapper .event-participants {
        padding: 20px 0;
        max-width: 940px;
        margin: 0 auto
    }

        .event-page-wrapper .event-participants .container-inner {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

            .event-page-wrapper .event-participants .container-inner .participant {
                margin: 8px;
                width: calc(10% - 16px);
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center
            }

                .event-page-wrapper .event-participants .container-inner .participant .participant-avatar {
                    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: 60px;
                    width: 60px;
                    min-width: 60px;
                    background: #fff;
                    border-radius: 50%;
                    border: 1.6px solid #cecece;
                    opacity: .6;
                    -webkit-filter: grayscale(1);
                    filter: grayscale(1);
                    -webkit-transition: all .3s;
                    transition: all .3s
                }

                    .event-page-wrapper .event-participants .container-inner .participant .participant-avatar:hover {
                        border-color: #3d70b2;
                        opacity: 1;
                        -webkit-filter: grayscale(0);
                        filter: grayscale(0)
                    }

                    .event-page-wrapper .event-participants .container-inner .participant .participant-avatar .more-overlay {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        height: 50px;
                        width: 50px;
                        -webkit-transform: translate(-50%, -50%);
                        transform: translate(-50%, -50%);
                        border-radius: 50%;
                        background: #5596e6;
                        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
                    }

                        .event-page-wrapper .event-participants .container-inner .participant .participant-avatar .more-overlay span {
                            font-family: "Roboto", sans-serif;
                            color: #fff
                        }

                    .event-page-wrapper .event-participants .container-inner .participant .participant-avatar img {
                        display: block;
                        height: 50px;
                        width: 50px;
                        border-radius: 50%
                    }

    .event-page-wrapper .event-details {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

        .event-page-wrapper .event-details .left {
            width: 60%;
            padding: 0 30px 30px 30px;
            border-right: 1px solid #dedede
        }

            .event-page-wrapper .event-details .left .details-block {
                margin-bottom: 40px
            }

                .event-page-wrapper .event-details .left .details-block:last-child {
                    margin-bottom: 0
                }

                .event-page-wrapper .event-details .left .details-block h3 {
                    font-family: "Montserrat", sans-serif;
                    font-size: 1.4rem;
                    font-weight: 700;
                    color: #393a4f;
                    margin-bottom: 1rem;
                    margin-top: 10px
                }

                .event-page-wrapper .event-details .left .details-block p {
                    font-family: "Roboto", sans-serif;
                    font-size: .9rem;
                    color: #393a4f;
                    margin-bottom: 10px
                }

                .event-page-wrapper .event-details .left .details-block .video-block-wrapper {
                    margin: 0 6px 6px 6px
                }

                .event-page-wrapper .event-details .left .details-block .photo-group {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap
                }

                    .event-page-wrapper .event-details .left .details-block .photo-group a {
                        display: block;
                        margin: 6px;
                        width: calc(33.3% - 12px)
                    }

                        .event-page-wrapper .event-details .left .details-block .photo-group a img {
                            border-radius: 8px;
                            height: 110px;
                            -o-object-fit: cover;
                            object-fit: cover
                        }

        .event-page-wrapper .event-details .right {
            width: 40%;
            padding: 0 30px
        }

            .event-page-wrapper .event-details .right .event-owner {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-bottom: 20px
            }

                .event-page-wrapper .event-details .right .event-owner img {
                    height: 60px;
                    width: 60px;
                    border-radius: 50%
                }

                .event-page-wrapper .event-details .right .event-owner .meta {
                    margin-left: 12px
                }

                    .event-page-wrapper .event-details .right .event-owner .meta span {
                        display: block;
                        font-family: "Roboto", sans-serif
                    }

                        .event-page-wrapper .event-details .right .event-owner .meta span:first-child {
                            font-size: .85rem;
                            color: #a2a5b9
                        }

                        .event-page-wrapper .event-details .right .event-owner .meta span:nth-child(2) {
                            font-size: 1.1rem;
                            font-weight: 500;
                            color: #393a4f
                        }

            .event-page-wrapper .event-details .right .side-block {
                margin-bottom: 1rem
            }

                .event-page-wrapper .event-details .right .side-block:last-child {
                    margin-bottom: 0
                }

                .event-page-wrapper .event-details .right .side-block .side-head {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                    .event-page-wrapper .event-details .right .side-block .side-head .event-icon {
                        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;
                        height: 16px;
                        width: 16px;
                        min-width: 16px;
                        border-radius: 50%;
                        margin-right: 6px
                    }

                        .event-page-wrapper .event-details .right .side-block .side-head .event-icon svg {
                            height: 16px;
                            width: 16px;
                            stroke-width: 1.6px;
                            stroke: #5596e6
                        }

                    .event-page-wrapper .event-details .right .side-block .side-head > span {
                        display: inline-block;
                        color: #a2a5b9;
                        font-size: .9rem
                    }

                .event-page-wrapper .event-details .right .side-block .side-body a {
                    font-family: "Roboto", sans-serif;
                    font-size: .9rem;
                    color: #3d70b2
                }

@media only screen and (max-width: 1300px) {
    .events-wrapper .right-panel {
        width: 310px !important
    }

    .events-wrapper .wrapper-inner {
        width: calc(100% - 570px) !important;
        margin-right: 310px !important
    }

        .events-wrapper .wrapper-inner .event-list .event-item {
            padding: 40px
        }
}

@media only screen and (max-width: 1200px) {
    .events-wrapper .right-panel {
        display: none !important
    }

    .events-wrapper .wrapper-inner {
        width: calc(100% - 260px) !important;
        margin-right: 0 !important
    }

        .events-wrapper .wrapper-inner .event-list .event-item {
            padding: 40px 60px
        }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) {
    .events-wrapper .right-panel,
    .events-wrapper .left-panel {
        display: none !important
    }

    .events-wrapper .wrapper-inner {
        width: calc(100%) !important;
        margin-right: 0 !important;
        margin-left: 0 !important
    }

        .events-wrapper .wrapper-inner .event-list .event-item {
            padding: 40px 60px;
            height: auto
        }

            .events-wrapper .wrapper-inner .event-list .event-item .event-title {
                font-size: 2rem !important
            }

    .event-page-wrapper .event-content .event-head {
        margin: 0 16px
    }

        .event-page-wrapper .event-content .event-head .left {
            width: 50%
        }

            .event-page-wrapper .event-content .event-head .left h2 {
                line-height: 1.2;
                margin-bottom: 6px
            }

        .event-page-wrapper .event-content .event-head .right {
            width: 50%
        }

    .event-page-wrapper .event-content .event-participants {
        max-width: 740px;
        padding: 30px 0
    }
}

@media(max-width: 767px) {
    .events-wrapper .right-panel,
    .events-wrapper .left-panel {
        display: none !important
    }

    .events-wrapper .wrapper-inner {
        width: calc(100%) !important;
        margin-right: 0 !important;
        margin-left: 0 !important
    }

        .events-wrapper .wrapper-inner .event-list .event-item {
            padding: 40px 30px;
            height: auto
        }

            .events-wrapper .wrapper-inner .event-list .event-item .event-title {
                font-size: 1.6rem !important;
                max-width: 280px
            }

            .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-content .event-owner {
                display: none
            }

            .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-options {
                top: 0px;
                right: 0px
            }

            .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-participants {
                margin-left: 0 !important
            }

    .event-page-wrapper .event-content {
        padding: 0 10px
    }

        .event-page-wrapper .event-content .event-head {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            padding: 0
        }

            .event-page-wrapper .event-content .event-head .left {
                width: 100%;
                padding-bottom: 50px
            }

                .event-page-wrapper .event-content .event-head .left h2 {
                    line-height: 1.2;
                    margin-bottom: 6px
                }

                .event-page-wrapper .event-content .event-head .left .button-separator {
                    top: unset;
                    bottom: -25px;
                    -webkit-transform: translate(0, 0) rotate(90deg);
                    transform: translate(0, 0) rotate(90deg);
                    right: 0;
                    left: 0;
                    margin: 0 auto
                }

            .event-page-wrapper .event-content .event-head .right {
                padding-top: 40px;
                padding-left: 30px;
                padding-right: 30px;
                width: 100%;
                border-top: 2px dashed #dedede;
                border-left: none
            }

        .event-page-wrapper .event-content .event-participants {
            max-width: 100%;
            width: 100%;
            margin: 0
        }

            .event-page-wrapper .event-content .event-participants .container-inner {
                overflow-x: auto
            }

                .event-page-wrapper .event-content .event-participants .container-inner .participant {
                    min-width: 60px
                }

        .event-page-wrapper .event-content .event-details {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse
        }

            .event-page-wrapper .event-content .event-details .left {
                width: 100%;
                padding: 20px 10px 10px 10px;
                border: none
            }

            .event-page-wrapper .event-content .event-details .right {
                width: 100%;
                padding: 10px 10px 30px 10px;
                border-right: none;
                border-bottom: 1px solid #dedede
            }
}


/*! _app-news.scss | Friendkit | © Css Ninja. 2020-2021 */

.news-header {
    position: relative;
    top: -2px;
    width: 100%;
    height: calc(100vh - 60px)
}

    .news-header .news-hero-wrapper {
        position: absolute;
        height: 100%;
        width: calc(100% - 360px);
        margin-right: 360px
    }

        .news-header .news-hero-wrapper.is-primary .overlay-layer {
            background: rgba(61, 112, 178, .6)
        }

            .news-header .news-hero-wrapper.is-primary .overlay-layer:hover {
                background: rgba(61, 112, 178, .85)
            }

        .news-header .news-hero-wrapper.is-accent .overlay-layer {
            background: rgba(85, 150, 230, .6)
        }

            .news-header .news-hero-wrapper.is-accent .overlay-layer:hover {
                background: rgba(85, 150, 230, .85)
            }

        .news-header .news-hero-wrapper.is-blue .overlay-layer {
            background: rgba(3, 155, 229, .6)
        }

            .news-header .news-hero-wrapper.is-blue .overlay-layer:hover {
                background: rgba(3, 155, 229, .85)
            }

        .news-header .news-hero-wrapper.is-green .overlay-layer {
            background: rgba(28, 229, 137, .6)
        }

            .news-header .news-hero-wrapper.is-green .overlay-layer:hover {
                background: rgba(28, 229, 137, .85)
            }

        .news-header .news-hero-wrapper.is-red .overlay-layer {
            background: rgba(247, 20, 22, .6)
        }

            .news-header .news-hero-wrapper.is-red .overlay-layer:hover {
                background: rgba(247, 20, 22, .85)
            }

        .news-header .news-hero-wrapper .overlay-layer {
            position: relative;
            width: 100%;
            height: 100%;
            background: rgba(57, 58, 79, .6);
            z-index: 1;
            -webkit-transition: all .5s;
            transition: all .5s
        }

            .news-header .news-hero-wrapper .overlay-layer:hover {
                background: rgba(57, 58, 79, .85)
            }

            .news-header .news-hero-wrapper .overlay-layer .text-layer {
                position: absolute;
                width: 100%;
                height: 100%;
                z-index: 2;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text {
                    padding: 0 60px
                }

                    .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text .tag {
                        margin-bottom: 20px;
                        text-transform: uppercase;
                        height: 26px;
                        border-radius: 50px;
                        padding-left: 16px;
                        padding-right: 16px;
                        background: transparent;
                        border: 1.2px solid #fff;
                        color: #fff;
                        margin-right: 6px
                    }

                    .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text h2 {
                        font-family: Montserrat, sans-serif;
                        font-size: 3.5rem;
                        font-weight: 800;
                        max-width: 640px;
                        color: #fcfcfc;
                        line-height: 1
                    }

                    .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text p {
                        font-family: Montserrat, sans-serif;
                        font-size: 1.3rem;
                        font-weight: 300;
                        max-width: 640px;
                        color: #fcfcfc;
                        margin: 10px 0
                    }

                    .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text .cta-wrap {
                        padding: 10px 0
                    }

                        .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text .cta-wrap .button {
                            font-size: 1rem;
                            height: 47px;
                            background: transparent;
                            color: #fff;
                            border: 1.4px solid #fff;
                            min-width: 140px;
                            margin-right: 6px
                        }

                            .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text .cta-wrap .button:hover {
                                background: #fff;
                                color: #393a4f
                            }

    .news-header .news-hero-menu {
        position: absolute;
        top: 0;
        right: 0;
        width: 360px;
        height: 100%;
        background: #fff
    }

        .news-header .news-hero-menu .stories {
            position: relative;
            height: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            align-items: stretch
        }

            .news-header .news-hero-menu .stories .story {
                position: relative;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                width: 100%;
                height: 20%;
                border-right: 4px solid transparent;
                border-bottom: 1px solid #e8e8e8;
                padding: 0 20px
            }

                .news-header .news-hero-menu .stories .story.is-active {
                    border-right-color: #393a4f
                }

                    .news-header .news-hero-menu .stories .story.is-active:before {
                        display: block
                    }

                .news-header .news-hero-menu .stories .story:before {
                    content: "";
                    display: none;
                    position: absolute;
                    top: 47%;
                    left: -21px;
                    height: 24px;
                    width: 24px;
                    background: #fff;
                    z-index: 2;
                    -webkit-transform: rotate(45deg) translateY(-50%);
                    transform: rotate(45deg) translateY(-50%)
                }

                .news-header .news-hero-menu .stories .story.is-primary.is-active {
                    border-right-color: #3d70b2
                }

                    .news-header .news-hero-menu .stories .story.is-primary.is-active .avatar-wrap {
                        border-color: #3d70b2
                    }

                .news-header .news-hero-menu .stories .story.is-accent.is-active {
                    border-right-color: #5596e6
                }

                    .news-header .news-hero-menu .stories .story.is-accent.is-active .avatar-wrap {
                        border-color: #5596e6
                    }

                .news-header .news-hero-menu .stories .story.is-blue.is-active {
                    border-right-color: #039be5
                }

                    .news-header .news-hero-menu .stories .story.is-blue.is-active .avatar-wrap {
                        border-color: #039be5
                    }

                .news-header .news-hero-menu .stories .story.is-green.is-active {
                    border-right-color: #1ce589
                }

                    .news-header .news-hero-menu .stories .story.is-green.is-active .avatar-wrap {
                        border-color: #1ce589
                    }

                .news-header .news-hero-menu .stories .story.is-red.is-active {
                    border-right-color: #f71416
                }

                    .news-header .news-hero-menu .stories .story.is-red.is-active .avatar-wrap {
                        border-color: #f71416
                    }

                .news-header .news-hero-menu .stories .story .avatar-wrap {
                    height: 48px;
                    width: 48px;
                    min-width: 48px;
                    border-radius: 50%;
                    border: 1.4px solid #cecece;
                    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
                }

                    .news-header .news-hero-menu .stories .story .avatar-wrap img {
                        display: block;
                        height: 36px;
                        width: 36px;
                        border-radius: 50%
                    }

                .news-header .news-hero-menu .stories .story .meta {
                    margin-left: 20px
                }

                    .news-header .news-hero-menu .stories .story .meta span {
                        display: block
                    }

                        .news-header .news-hero-menu .stories .story .meta span:first-child {
                            text-transform: uppercase;
                            font-size: .85rem;
                            font-weight: 500;
                            color: #999
                        }

                        .news-header .news-hero-menu .stories .story .meta span:nth-child(2) {
                            font-size: .92rem;
                            font-family: Montserrat, sans-serif;
                            color: #393a4f;
                            font-weight: 600
                        }

                        .news-header .news-hero-menu .stories .story .meta span:nth-child(3) {
                            font-size: .8rem;
                            font-family: Montserrat, sans-serif;
                            color: #999;
                            font-weight: 500
                        }

.is-news {
    padding: 1rem
}

.news-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .news-grid .news-card {
        position: relative;
        background: #fff;
        border: 1px solid #dedede;
        border-radius: 6px;
        margin: 10px;
        width: calc(25% - 20px)
    }

        .news-grid .news-card .category {
            border-radius: 100px;
            padding-left: .95em;
            padding-right: .95em;
            background: #f0f0f0;
            color: #393a4f
        }

        .news-grid .news-card.is-default {
            display: block;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

            .news-grid .news-card.is-default.is-inverted {
                background: #212a38
            }

                .news-grid .news-card.is-default.is-inverted .news-content .news-title {
                    font-weight: 600;
                    color: #fcfcfc
                }

                .news-grid .news-card.is-default.is-inverted .news-content p {
                    font-weight: 400;
                    color: #e8e8e8
                }

                .news-grid .news-card.is-default.is-inverted .news-content .button-wrap .button {
                    background: #161c25;
                    border-color: #161c25;
                    color: #fff
                }

                    .news-grid .news-card.is-default.is-inverted .news-content .button-wrap .button:hover {
                        background: #3d70b2;
                        border-color: #3d70b2
                    }

                .news-grid .news-card.is-default.is-inverted .news-content .button-wrap .actions .action:hover {
                    background: #2c384b
                }

                    .news-grid .news-card.is-default.is-inverted .news-content .button-wrap .actions .action:hover svg {
                        stroke: #fcfcfc
                    }

            .news-grid .news-card.is-default:hover .avatar-wrap {
                height: 44px;
                width: 44px;
                min-width: 44px;
                border-color: #3d70b2
            }

            .news-grid .news-card.is-default .avatar-wrapper {
                position: absolute;
                top: 20px;
                right: 30px;
                height: 44px;
                width: 44px;
                min-width: 44px;
                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
            }

            .news-grid .news-card.is-default .avatar-wrap {
                height: 36px;
                width: 36px;
                min-width: 36px;
                border-radius: 50%;
                border: 1.4px solid transparent;
                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
            }

                .news-grid .news-card.is-default .avatar-wrap img {
                    display: block;
                    height: 32px;
                    width: 32px;
                    border-radius: 50%;
                    border: 1.6px solid #fcfcfc
                }

            .news-grid .news-card.is-default img {
                display: block;
                border-radius: 6px 6px 0 0;
                height: 160px;
                width: 100%;
                -o-object-fit: cover;
                object-fit: cover
            }

            .news-grid .news-card.is-default .category {
                position: absolute;
                top: 30px;
                left: 30px
            }

            .news-grid .news-card.is-default .news-content {
                padding: 20px 30px 30px 30px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                height: calc(100% - 160px)
            }

                .news-grid .news-card.is-default .news-content .news-title {
                    font-family: Montserrat, sans-serif;
                    font-weight: 700;
                    color: #393a4f;
                    font-size: 1rem;
                    margin: 0 0 10px 0
                }

                .news-grid .news-card.is-default .news-content p {
                    margin-top: auto;
                    color: #999;
                    font-size: .9rem
                }

                .news-grid .news-card.is-default .news-content .button-wrap {
                    margin-top: 20px;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between;
                    -webkit-box-align: end;
                    -ms-flex-align: end;
                    align-items: flex-end
                }

                    .news-grid .news-card.is-default .news-content .button-wrap .button:hover {
                        background: #3d70b2 !important;
                        border-color: #3d70b2 !important;
                        color: #fff !important
                    }

                    .news-grid .news-card.is-default .news-content .button-wrap .actions {
                        height: 38px;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center
                    }

                        .news-grid .news-card.is-default .news-content .button-wrap .actions .action {
                            height: 38px;
                            width: 38px;
                            border-radius: 50%;
                            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
                        }

                            .news-grid .news-card.is-default .news-content .button-wrap .actions .action:hover {
                                background: #f5f5f5
                            }

                                .news-grid .news-card.is-default .news-content .button-wrap .actions .action:hover svg {
                                    stroke: #393a4f
                                }

                            .news-grid .news-card.is-default .news-content .button-wrap .actions .action.is-like.is-active svg {
                                stroke: #f71416 !important;
                                fill: #f71416 !important
                            }

                            .news-grid .news-card.is-default .news-content .button-wrap .actions .action svg {
                                height: 18px;
                                width: 18px;
                                stroke: #999
                            }

        .news-grid .news-card.is-wide {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 30px;
            width: calc(50% - 20px)
        }

            .news-grid .news-card.is-wide.has-absolute-image img {
                display: block;
                position: absolute;
                bottom: 0;
                right: 0;
                max-height: 100%;
                max-width: 45%;
                -o-object-fit: contain;
                object-fit: contain
            }

            .news-grid .news-card.is-wide.has-absolute-image .news-content {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                max-width: 55%;
                height: 100%
            }

                .news-grid .news-card.is-wide.has-absolute-image .news-content .category {
                    position: absolute
                }

                .news-grid .news-card.is-wide.has-absolute-image .news-content .news-title {
                    font-family: Montserrat, sans-serif;
                    font-weight: bold;
                    color: #393a4f;
                    font-size: 1.3rem;
                    margin: 26px 0 10px 0
                }

                .news-grid .news-card.is-wide.has-absolute-image .news-content p {
                    margin-top: auto;
                    color: #999;
                    font-size: .9rem
                }

                    .news-grid .news-card.is-wide.has-absolute-image .news-content p + p {
                        margin-top: 10px
                    }

                .news-grid .news-card.is-wide.has-absolute-image .news-content .button-wrap {
                    margin-top: 20px;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between;
                    -webkit-box-align: end;
                    -ms-flex-align: end;
                    align-items: flex-end
                }

                    .news-grid .news-card.is-wide.has-absolute-image .news-content .button-wrap .button:hover {
                        background: #3d70b2 !important;
                        border-color: #3d70b2 !important;
                        color: #fff !important
                    }

                    .news-grid .news-card.is-wide.has-absolute-image .news-content .button-wrap .actions {
                        height: 38px;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center
                    }

                        .news-grid .news-card.is-wide.has-absolute-image .news-content .button-wrap .actions .action {
                            height: 38px;
                            width: 38px;
                            border-radius: 50%;
                            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
                        }

                            .news-grid .news-card.is-wide.has-absolute-image .news-content .button-wrap .actions .action:hover {
                                background: #f5f5f5
                            }

                                .news-grid .news-card.is-wide.has-absolute-image .news-content .button-wrap .actions .action:hover svg {
                                    stroke: #393a4f
                                }

                            .news-grid .news-card.is-wide.has-absolute-image .news-content .button-wrap .actions .action.is-like.is-active svg {
                                stroke: #f71416 !important;
                                fill: #f71416 !important
                            }

                            .news-grid .news-card.is-wide.has-absolute-image .news-content .button-wrap .actions .action svg {
                                height: 18px;
                                width: 18px;
                                stroke: #999;
                                -webkit-transition: all .3s;
                                transition: all .3s
                            }

@media(max-width: 767px) {
    .news-header .news-hero-wrapper {
        width: 100%;
        margin: 0
    }

        .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text {
            padding: 0 30px
        }

            .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text h2 {
                font-size: 2rem
            }

    .news-header .news-hero-menu {
        display: none
    }

    .news-grid .news-card.is-default {
        width: calc(100% - 20px)
    }

    .news-grid .news-card.is-wide {
        width: calc(100% - 20px)
    }

        .news-grid .news-card.is-wide.has-absolute-image img {
            display: none
        }

        .news-grid .news-card.is-wide.has-absolute-image .news-content {
            max-width: 100%
        }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) {
    .news-header .news-hero-wrapper {
        width: 100%;
        margin-right: 0
    }

        .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text {
            padding: 0 40px
        }

            .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text h2 {
                font-size: 3.4rem
            }

    .news-header .news-hero-menu {
        display: none
    }

    .news-grid .news-card.is-default {
        width: calc(50% - 20px)
    }

    .news-grid .news-card.is-wide {
        width: calc(50% - 20px)
    }

        .news-grid .news-card.is-wide.has-absolute-image img {
            display: none
        }

        .news-grid .news-card.is-wide.has-absolute-image .news-content {
            max-width: 100%
        }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: landscape) {
    .news-header .news-hero-wrapper {
        width: calc(100% - 280px);
        margin-right: 280px
    }

        .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text {
            padding: 0 40px
        }

            .news-header .news-hero-wrapper .overlay-layer .text-layer .hero-text h2 {
                font-size: 3.4rem
            }

    .news-header .news-hero-menu {
        width: 280px
    }

        .news-header .news-hero-menu .stories .story .avatar-wrap {
            height: 40px;
            width: 40px;
            min-width: 40px
        }

            .news-header .news-hero-menu .stories .story .avatar-wrap img {
                height: 28px;
                width: 28px
            }

        .news-header .news-hero-menu .stories .story .meta {
            margin-left: 10px
        }

            .news-header .news-hero-menu .stories .story .meta span:first-child {
                font-size: .75rem
            }

            .news-header .news-hero-menu .stories .story .meta span:nth-child(2) {
                font-size: .8rem
            }

            .news-header .news-hero-menu .stories .story .meta span:nth-child(3) {
                font-size: .7rem
            }

    .news-grid .news-card.is-default {
        width: calc(33.3% - 20px)
    }

    .news-grid .news-card.is-wide {
        width: calc(66.6% - 20px)
    }

        .news-grid .news-card.is-wide.has-absolute-image img {
            max-height: 78%
        }

        .news-grid .news-card.is-wide.has-absolute-image .news-content {
            max-width: 60%
        }
}


/*! _app-map.scss | Friendkit | © Css Ninja. 2020-2021 */

.dashboard-map-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

    .dashboard-map-wrapper.has-sidebar-v1 {
        min-height: 100vh
    }

    .dashboard-map-wrapper .dashboard-map-wrapper-inner {
        position: relative;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

        .dashboard-map-wrapper .dashboard-map-wrapper-inner.is-reversed {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse
        }

        .dashboard-map-wrapper .dashboard-map-wrapper-inner .map-section {
            position: relative;
            width: calc(100% - 380px)
        }

        .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section {
            width: 380px;
            background: #fff
        }

            .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-header {
                height: 80px;
                width: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                padding: 0 2rem
            }

                .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-header h2 {
                    font-family: "Montserrat", sans-serif;
                    font-size: 1.15rem
                }

            .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body {
                height: calc(100% - 80px);
                overflow-y: auto;
                padding: 0 2rem 2rem 2rem
            }

                .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body .content-section-title {
                    font-family: "Roboto", sans-serif;
                    font-size: .7rem;
                    color: #a2a5b9;
                    text-transform: uppercase;
                    margin-bottom: .75rem
                }

                .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body .map-box {
                    border: 1px solid #dbdbdb;
                    border-radius: .75rem;
                    -webkit-box-shadow: none;
                    box-shadow: none;
                    cursor: pointer;
                    -webkit-transition: border .3s, -webkit-box-shadow .3s;
                    transition: border .3s, -webkit-box-shadow .3s;
                    transition: border .3s, box-shadow .3s;
                    transition: border .3s, box-shadow .3s, -webkit-box-shadow .3s;
                    margin-bottom: .75rem
                }

                    .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body .map-box.is-active {
                        border-color: #3d70b2;
                        -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
                        box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
                    }

                    .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body .map-box .map-box-body {
                        padding: .5rem 0
                    }

                        .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body .map-box .map-box-body p {
                            font-size: .95rem
                        }

                    .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body .map-box .map-box-actions {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        -webkit-box-pack: justify;
                        -ms-flex-pack: justify;
                        justify-content: space-between
                    }

                        .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body .map-box .map-box-actions .rating i {
                            font-size: .9rem;
                            color: #f5f6fa
                        }

                            .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body .map-box .map-box-actions .rating i.highlighted {
                                color: #ff9700
                            }

                        .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body .map-box .map-box-actions .action {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            font-family: "Roboto", sans-serif;
                            font-size: .9rem;
                            color: #393a4f
                        }

                            .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body .map-box .map-box-actions .action svg {
                                height: 16px;
                                width: 16px;
                                margin-right: .25rem;
                                stroke: #a2a5b9
                            }

body.is-dark .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section {
    background: #1a212c
}

    body.is-dark .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body .map-box {
        background: #262f40;
        border-color: #334056
    }

        body.is-dark .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section .content-section-body .map-box.is-active {
            border-color: #5596e6 !important
        }

.mapboxgl-popup.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
    z-index: 30;
    position: relative;
    top: -2px
}

.mapboxgl-popup.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
    z-index: 30;
    position: relative;
    bottom: -2px
}

.mapboxgl-popup.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
    z-index: 30;
    position: relative;
    left: -2px
}

.mapboxgl-popup.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
    z-index: 30;
    position: relative;
    right: -2px
}

.mapboxgl-popup .mapboxgl-popup-content {
    border: 1px solid #dbdbdb;
    -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
    padding: 1.25rem;
    border-radius: .5rem
}

    .mapboxgl-popup .mapboxgl-popup-content .map-box-location .map-box-body {
        padding: .5rem 0
    }

        .mapboxgl-popup .mapboxgl-popup-content .map-box-location .map-box-body p {
            line-height: 1.4
        }

body.is-dark .mapboxgl-popup.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
    border-top-color: #1a212c
}

body.is-dark .mapboxgl-popup.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
    border-bottom-color: #1a212c
}

body.is-dark .mapboxgl-popup.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
    border-right-color: #1a212c
}

body.is-dark .mapboxgl-popup.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
    border-left-color: #1a212c
}

body.is-dark .mapboxgl-popup .mapboxgl-popup-content {
    background: #1a212c;
    border-color: #334056
}

    body.is-dark .mapboxgl-popup .mapboxgl-popup-content .mapboxgl-popup-close-button {
        color: #fff !important
    }

.geocoder {
    position: absolute;
    z-index: 1;
    width: 100%;
    max-width: 380px;
    top: 1rem;
    left: 0;
    right: 0;
    margin: 0 auto
}

.mapboxgl-ctrl-geocoder {
    min-width: 100% !important;
    border-radius: .65rem !important;
    border: 1px solid #dbdbdb;
    -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
}

    .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--suggestion-title {
        font-family: "Roboto", sans-serif
    }

    .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--suggestion-address {
        font-family: "Roboto", sans-serif
    }

    .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--icon-search {
        top: 13px;
        left: 12px;
        -webkit-transition: stroke .3s;
        transition: stroke .3s;
        fill: #a2a5b9
    }

    .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--pin-right > * {
        top: 11px !important;
        right: 11px !important
    }

    .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--button {
        background: none !important
    }

    .mapboxgl-ctrl-geocoder input {
        height: 44px;
        padding-left: 3rem;
        border-radius: .75rem;
        background: #fff;
        -webkit-transition: all .3s;
        transition: all .3s
    }

        .mapboxgl-ctrl-geocoder input:focus {
            outline: none
        }

            .mapboxgl-ctrl-geocoder input:focus ~ .mapboxgl-ctrl-geocoder--icon-search {
                fill: #3d70b2 !important
            }

body.is-dark .mapboxgl-marker svg circle {
    fill: #262f40 !important
}

body.is-dark .mapboxgl-ctrl-geocoder {
    background: #1a212c;
    border-color: #334056
}

    body.is-dark .mapboxgl-ctrl-geocoder input {
        color: #fff;
        background: #1a212c
    }

    body.is-dark .mapboxgl-ctrl-geocoder .suggestions-wrapper .suggestions {
        background: #1a212c;
        border-color: #334056
    }

    body.is-dark .mapboxgl-ctrl-geocoder .suggestions > .active > a,
    body.is-dark .mapboxgl-ctrl-geocoder .suggestions > li > a:hover {
        background: #151a23
    }

    body.is-dark .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--suggestion-title {
        color: #fff
    }

    body.is-dark .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--suggestion-address {
        color: #a2a5b9
    }

@media only screen and (max-width: 767px) {
    .dashboard-map-wrapper {
        overflow-x: hidden
    }

        .dashboard-map-wrapper .dashboard-map-wrapper-inner {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

            .dashboard-map-wrapper .dashboard-map-wrapper-inner.is-reversed {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column
            }

            .dashboard-map-wrapper .dashboard-map-wrapper-inner .map-section {
                min-height: 30vh;
                width: 100%
            }

            .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section {
                height: 70vh
            }

    .geocoder {
        padding: 0 2rem
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .dashboard-map-wrapper {
        overflow-x: hidden
    }

        .dashboard-map-wrapper .dashboard-map-wrapper-inner {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

            .dashboard-map-wrapper .dashboard-map-wrapper-inner.is-reversed {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column
            }

            .dashboard-map-wrapper .dashboard-map-wrapper-inner .map-section {
                min-height: 30vh;
                width: 100%
            }

            .dashboard-map-wrapper .dashboard-map-wrapper-inner .content-section {
                height: calc(70vh - 60px);
                width: 100%
            }

    .geocoder {
        padding: 0 2rem
    }
}


/*! _app-questions.scss | Friendkit | © Css Ninja. 2020-2021 */

.question-tabs {
    margin-bottom: 20px !important;
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
    border: 1px solid #e8e8e8;
    border-radius: 8px
}

    .question-tabs.is-nav {
        margin-bottom: 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border: none
    }

        .question-tabs.is-nav ul li a {
            padding: 1.25em;
            border-bottom: 2px solid transparent
        }

    .question-tabs ul {
        border-color: transparent
    }

        .question-tabs ul li.is-active a {
            color: #5596e6;
            border-bottom-color: #5596e6
        }

        .question-tabs ul li a {
            color: #c6c6c6;
            border-bottom: 1px solid transparent;
            font-size: .9rem;
            padding: 1em
        }

.questions-wrap,
.questions-demo {
    margin: 60px 0
}

    .questions-wrap.is-smaller,
    .questions-demo.is-smaller {
        margin: 20px 0
    }

    .questions-wrap .questions-menu,
    .questions-demo .questions-menu {
        margin-right: 40px;
        max-width: 250px
    }

        .questions-wrap .questions-menu.questions-menu-fixed,
        .questions-demo .questions-menu.questions-menu-fixed {
            position: fixed;
            width: 100%;
            max-width: 250px;
            margin-top: 40px;
            opacity: 0;
            pointer-events: none;
            -webkit-transition: all .5s;
            transition: all .5s
        }

            .questions-wrap .questions-menu.questions-menu-fixed.is-faded,
            .questions-demo .questions-menu.questions-menu-fixed.is-faded {
                opacity: 1;
                pointer-events: all
            }

        .questions-wrap .questions-menu li.is-active a,
        .questions-demo .questions-menu li.is-active a {
            background: #fff
        }

            .questions-wrap .questions-menu li.is-active a svg,
            .questions-demo .questions-menu li.is-active a svg {
                stroke: #5596e6
            }

            .questions-wrap .questions-menu li.is-active a span,
            .questions-demo .questions-menu li.is-active a span {
                color: #5596e6
            }

        .questions-wrap .questions-menu li a,
        .questions-demo .questions-menu li a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 50px;
            padding: 0 20px;
            border-radius: 100px
        }

            .questions-wrap .questions-menu li a svg,
            .questions-demo .questions-menu li a svg {
                height: 22px;
                height: 22px;
                margin-right: 10px;
                stroke: #999;
                -webkit-transition: all .3s;
                transition: all .3s
            }

            .questions-wrap .questions-menu li a span,
            .questions-demo .questions-menu li a span {
                display: block;
                font-family: "Montserrat", sans-serif;
                font-size: .85rem;
                color: #393a4f;
                -webkit-transition: color .3s;
                transition: color .3s
            }

.question-content {
    max-width: 640px;
    margin: 0 auto
}

    .question-content.is-large {
        max-width: 840px
    }

    .question-content .top-single-header {
        margin: 0 0 20px 0
    }

    .question-content .question-block {
        border-bottom: 1px solid #e3e3e3
    }

        .question-content .question-block.is-top-spaced {
            margin-top: 30px
        }

        .question-content .question-block .question-title {
            font-family: "Montserrat", sans-serif;
            font-weight: bold;
            color: #393a4f;
            font-size: 1.6rem
        }

            .question-content .question-block .question-title.is-link {
                -webkit-transition: color .3s;
                transition: color .3s
            }

                .question-content .question-block .question-title.is-link:hover {
                    color: #5596e6
                }

        .question-content .question-block .question-author {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 20px 0
        }

            .question-content .question-block .question-author img {
                display: block;
                height: 38px;
                width: 38px;
                min-width: 38px;
                border-radius: 50%
            }

            .question-content .question-block .question-author .meta {
                margin-left: 12px
            }

                .question-content .question-block .question-author .meta span {
                    display: block
                }

                    .question-content .question-block .question-author .meta span:first-child {
                        font-family: "Montserrat", sans-serif;
                        font-weight: 600;
                        color: #393a4f;
                        font-size: .9rem
                    }

                    .question-content .question-block .question-author .meta span:nth-child(2) {
                        font-size: .85rem;
                        color: #999
                    }

        .question-content .question-block .question-text p {
            font-family: "Roboto", sans-serif;
            font-weight: 400;
            color: #707298;
            font-size: .95rem;
            max-width: 680px
        }

        .question-content .question-block .question-text .tags {
            padding-top: 10px
        }

            .question-content .question-block .question-text .tags .tag {
                border-radius: 100px;
                line-height: 1
            }

        .question-content .question-block .question-footer {
            padding: 20px 0 0 0;
            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;
            max-width: 700px
        }

            .question-content .question-block .question-footer .likes,
            .question-content .question-block .question-footer .report {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .question-content .question-block .question-footer .likes .like-icon,
                .question-content .question-block .question-footer .report .like-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: 32px;
                    width: 32px;
                    background: #f71416;
                    border-radius: 50%
                }

                    .question-content .question-block .question-footer .likes .like-icon svg,
                    .question-content .question-block .question-footer .report .like-icon svg {
                        height: 16px;
                        width: 16px;
                        stroke: #fff;
                        fill: #fff
                    }

                .question-content .question-block .question-footer .likes .report-icon,
                .question-content .question-block .question-footer .report .report-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: 32px;
                    width: 32px;
                    background: #f5f5f5;
                    border-radius: 50%
                }

                    .question-content .question-block .question-footer .likes .report-icon svg,
                    .question-content .question-block .question-footer .report .report-icon svg {
                        height: 16px;
                        width: 16px;
                        stroke: #999
                    }

                .question-content .question-block .question-footer .likes span,
                .question-content .question-block .question-footer .report span {
                    display: block;
                    font-weight: 500;
                    margin-left: 10px;
                    font-size: .9rem
                }

        .question-content .question-block .answers-count {
            padding: 20px 4px
        }

            .question-content .question-block .answers-count span {
                font-family: "Montserrat", sans-serif;
                font-weight: 600;
                color: #393a4f;
                font-size: .9rem
            }

    .question-content .answer-block {
        padding: 10px 0;
        border-bottom: 1px solid #e3e3e3
    }

        .question-content .answer-block.is-best .answer-author .avatar-wrap {
            border: 1.4px solid #1ce589
        }

            .question-content .answer-block.is-best .answer-author .avatar-wrap .badge {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

        .question-content .answer-block.is-best .answer-footer .upvote .upvote-icon {
            background: #1ce589
        }

        .question-content .answer-block .answer-author {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 20px 0
        }

            .question-content .answer-block .answer-author .avatar-wrap {
                position: relative;
                height: 48px;
                width: 48px;
                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;
                border-radius: 50%;
                border: 1.4px solid #999
            }

                .question-content .answer-block .answer-author .avatar-wrap .avatar {
                    display: block;
                    height: 38px;
                    width: 38px;
                    min-width: 38px;
                    border-radius: 50%
                }

                .question-content .answer-block .answer-author .avatar-wrap .badge {
                    position: absolute;
                    top: -4px;
                    right: -7px;
                    height: 22px;
                    width: 22px;
                    border-radius: 50%;
                    border: 2px solid #fcfcfc;
                    display: none;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    background: #1ce589
                }

                    .question-content .answer-block .answer-author .avatar-wrap .badge svg {
                        height: 12px;
                        width: 12px;
                        stroke: #fcfcfc;
                        stroke-width: 3px
                    }

            .question-content .answer-block .answer-author .meta {
                margin-left: 12px
            }

                .question-content .answer-block .answer-author .meta span {
                    display: block
                }

                    .question-content .answer-block .answer-author .meta span:first-child {
                        font-family: "Montserrat", sans-serif;
                        font-weight: 600;
                        color: #393a4f;
                        font-size: .9rem
                    }

                        .question-content .answer-block .answer-author .meta span:first-child .best-tag {
                            margin-left: 10px;
                            padding: 4px 12px;
                            border-radius: 100px;
                            background: #c1f8df;
                            font-weight: 400;
                            font-size: .75rem;
                            color: #1ce589;
                            font-family: "Roboto", sans-serif
                        }

                    .question-content .answer-block .answer-author .meta span:nth-child(2) {
                        font-size: .85rem;
                        color: #999
                    }

        .question-content .answer-block .answer-text p {
            font-family: "Roboto", sans-serif;
            font-weight: 400;
            color: #707298;
            font-size: .95rem;
            max-width: 680px;
            margin-bottom: 20px
        }

            .question-content .answer-block .answer-text p.code {
                padding: 30px;
                border-radius: 8px;
                background: #f5f5f8;
                font-size: .88rem;
                color: #5b5d7e
            }

            .question-content .answer-block .answer-text p a {
                display: block;
                word-break: break-all;
                color: #039be5;
                text-decoration: underline
            }

        .question-content .answer-block .answer-footer {
            padding: 30px 0;
            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;
            max-width: 700px
        }

            .question-content .answer-block .answer-footer .upvote,
            .question-content .answer-block .answer-footer .report {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .question-content .answer-block .answer-footer .upvote .upvote-icon,
                .question-content .answer-block .answer-footer .report .upvote-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: 32px;
                    width: 32px;
                    background: #ebebeb;
                    border-radius: 50%
                }

                    .question-content .answer-block .answer-footer .upvote .upvote-icon svg,
                    .question-content .answer-block .answer-footer .report .upvote-icon svg {
                        height: 16px;
                        width: 16px;
                        stroke: #fff;
                        stroke-width: 4px
                    }

                .question-content .answer-block .answer-footer .upvote .report-icon,
                .question-content .answer-block .answer-footer .report .report-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: 32px;
                    width: 32px;
                    background: #f5f5f5;
                    border-radius: 50%
                }

                    .question-content .answer-block .answer-footer .upvote .report-icon svg,
                    .question-content .answer-block .answer-footer .report .report-icon svg {
                        height: 16px;
                        width: 16px;
                        stroke: #999
                    }

                .question-content .answer-block .answer-footer .upvote span,
                .question-content .answer-block .answer-footer .report span {
                    display: block;
                    font-weight: 500;
                    margin-left: 10px;
                    font-size: .9rem
                }

    .question-content .more-answers {
        padding: 40px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 680px
    }

        .question-content .more-answers a {
            text-transform: uppercase;
            font-size: .75rem;
            color: #999;
            padding: 6px 20px;
            background: #f2f2f2;
            border-radius: 100px;
            padding: 12px 20px;
            min-width: 188px;
            text-align: center;
            -webkit-transition: all .3s;
            transition: all .3s
        }

            .question-content .more-answers a:hover {
                background: #3d70b2;
                color: #fff;
                -webkit-box-shadow: 0 14px 26px -12px rgba(61, 112, 178, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(61, 112, 178, .2) !important;
                box-shadow: 0 14px 26px -12px rgba(61, 112, 178, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(61, 112, 178, .2) !important
            }

            .question-content .more-answers a.is-loading {
                width: 42px
            }

.other-questions .other-title {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    color: #5b5d7e;
    font-size: 1.2rem
}

.other-questions .other-question {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid #e0e0e0
}

    .other-questions .other-question .avatar-wrap {
        position: relative;
        height: 58px;
        width: 58px;
        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;
        border-radius: 50%;
        border: 1.4px solid #999
    }

        .other-questions .other-question .avatar-wrap .avatar {
            display: block;
            height: 48px;
            width: 48px;
            min-width: 48px;
            border-radius: 50%
        }

        .other-questions .other-question .avatar-wrap .badge {
            position: absolute;
            top: -4px;
            right: -7px;
            height: 22px;
            width: 22px;
            border-radius: 50%;
            border: 2px solid #fcfcfc;
            display: none;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            background: #1ce589
        }

            .other-questions .other-question .avatar-wrap .badge svg {
                height: 12px;
                width: 12px;
                stroke: #fcfcfc;
                stroke-width: 3px
            }

    .other-questions .other-question .meta {
        margin-left: 12px
    }

        .other-questions .other-question .meta span,
        .other-questions .other-question .meta a {
            display: block
        }

            .other-questions .other-question .meta span:first-child,
            .other-questions .other-question .meta a:first-child {
                font-family: "Montserrat", sans-serif;
                font-weight: 600;
                color: #5b5d7e;
                font-size: 1rem
            }

            .other-questions .other-question .meta span:nth-child(2),
            .other-questions .other-question .meta a:nth-child(2) {
                font-size: .9rem;
                color: #999
            }

        .other-questions .other-question .meta a {
            -webkit-transition: color .3s;
            transition: color .3s
        }

            .other-questions .other-question .meta a:hover {
                color: #5596e6
            }

.questions-nav {
    position: fixed;
    top: 58px;
    left: 0;
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #dedede;
    background: #fff;
    z-index: 18;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all .3s;
    transition: all .3s
}

    .questions-nav.is-active {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .questions-nav .inner {
        position: relative;
        height: 100%;
        width: 100%;
        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
    }

        .questions-nav .inner.is-scrollable {
            overflow-x: auto !important
        }

        .questions-nav .inner .question-summary {
            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;
            margin: 0 auto;
            width: 100%;
            max-width: 640px
        }

            .questions-nav .inner .question-summary img {
                display: block;
                height: 32px;
                width: 32px;
                min-width: 32px;
                border-radius: 50%
            }

            .questions-nav .inner .question-summary .meta {
                margin-left: 12px
            }

                .questions-nav .inner .question-summary .meta h4 {
                    font-family: "Montserrat", sans-serif;
                    font-weight: bold;
                    color: #393a4f;
                    font-size: 1rem
                }

                .questions-nav .inner .question-summary .meta span {
                    display: block;
                    font-size: .8rem;
                    color: #999
                }

            .questions-nav .inner .question-summary .dropdown {
                margin-left: auto
            }

                .questions-nav .inner .question-summary .dropdown:hover .button {
                    background: #f0f0f0
                }

                    .questions-nav .inner .question-summary .dropdown:hover .button svg {
                        stroke: #393a4f
                    }

                .questions-nav .inner .question-summary .dropdown .button {
                    border: none;
                    width: 36px;
                    height: 36px;
                    border-radius: 50%;
                    padding: 0;
                    -webkit-transition: all .3s;
                    transition: all .3s
                }

                    .questions-nav .inner .question-summary .dropdown .button svg {
                        height: 20px;
                        width: 20px;
                        stroke: #999;
                        -webkit-transition: stroke .3s;
                        transition: stroke .3s
                    }

                .questions-nav .inner .question-summary .dropdown .dropdown-menu {
                    margin-top: 14px
                }

        .questions-nav .inner .questions-nav-menu {
            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
        }

            .questions-nav .inner .questions-nav-menu .menu-item {
                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;
                padding: 6px 20px 6px 16px;
                border-radius: 100px;
                -webkit-transition: all .3s;
                transition: all .3s
            }

                .questions-nav .inner .questions-nav-menu .menu-item:hover svg {
                    stroke: #5596e6
                }

                .questions-nav .inner .questions-nav-menu .menu-item:hover span {
                    color: #5596e6
                }

                .questions-nav .inner .questions-nav-menu .menu-item.is-active {
                    background: #fff
                }

                    .questions-nav .inner .questions-nav-menu .menu-item.is-active svg {
                        stroke: #5596e6
                    }

                    .questions-nav .inner .questions-nav-menu .menu-item.is-active span {
                        color: #5596e6
                    }

                .questions-nav .inner .questions-nav-menu .menu-item svg {
                    height: 16px;
                    width: 16px;
                    stroke: #cecece;
                    -webkit-transition: stroke .3s;
                    transition: stroke .3s
                }

                .questions-nav .inner .questions-nav-menu .menu-item span {
                    color: #595b7b;
                    font-size: .9rem;
                    margin-left: 3px;
                    -webkit-transition: color .3s;
                    transition: color .3s
                }

.categories-header {
    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;
    padding-bottom: 20px;
    border-bottom: 1px solid #dedede;
    margin-bottom: 20px
}

    .categories-header h2 {
        font-family: "Montserrat", sans-serif;
        font-weight: bold;
        color: #393a4f;
        font-size: 1.6rem
    }

    .categories-header .control {
        position: relative
    }

        .categories-header .control input {
            padding-bottom: 8px;
            padding-left: 36px
        }

            .categories-header .control input:focus {
                border-color: #ededed
            }

                .categories-header .control input:focus + .search-icon svg {
                    stroke: #5596e6
                }

        .categories-header .control .search-icon {
            position: absolute;
            top: 0;
            left: 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
        }

            .categories-header .control .search-icon svg {
                height: 20px;
                width: 20px;
                stroke: #cecece;
                -webkit-transition: stroke .3s;
                transition: stroke .3s
            }

.category-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px;
    border: 1px solid #dedede;
    border-radius: 8px;
    -webkit-transition: all .3s;
    transition: all .3s
}

    .category-box.is-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .category-box.is-row img {
            margin: 0;
            min-height: 160px;
            max-height: 160px
        }

        .category-box.is-row .box-content {
            padding-left: 40px
        }

    .category-box.is-taller img {
        margin: 0;
        min-height: 140px;
        max-height: 140px
    }

    .category-box:hover {
        -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
        box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
    }

        .category-box:hover.is-primary {
            border-color: #3d70b2
        }

            .category-box:hover.is-primary img {
                -webkit-filter: grayscale(0);
                filter: grayscale(0);
                opacity: 1
            }

            .category-box:hover.is-primary .box-content h3 {
                color: #3d70b2
            }

        .category-box:hover.is-accent {
            border-color: #5596e6
        }

            .category-box:hover.is-accent img {
                -webkit-filter: grayscale(0);
                filter: grayscale(0);
                opacity: 1
            }

            .category-box:hover.is-accent .box-content h3 {
                color: #5596e6
            }

        .category-box:hover.is-green {
            border-color: #1ce589
        }

            .category-box:hover.is-green img {
                -webkit-filter: grayscale(0);
                filter: grayscale(0);
                opacity: 1
            }

            .category-box:hover.is-green .box-content h3 {
                color: #1ce589
            }

        .category-box:hover.is-blue {
            border-color: #039be5
        }

            .category-box:hover.is-blue img {
                -webkit-filter: grayscale(0);
                filter: grayscale(0);
                opacity: 1
            }

            .category-box:hover.is-blue .box-content h3 {
                color: #039be5
            }

        .category-box:hover.is-red {
            border-color: #f71416
        }

            .category-box:hover.is-red img {
                -webkit-filter: grayscale(0);
                filter: grayscale(0);
                opacity: 1
            }

            .category-box:hover.is-red .box-content h3 {
                color: #f71416
            }

    .category-box img {
        display: block;
        margin: 0 auto;
        min-height: 110px;
        max-height: 110px;
        margin-bottom: 30px;
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
        opacity: .6;
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .category-box .box-content h3 {
        font-family: "Montserrat", sans-serif;
        color: #393a4f;
        margin-bottom: 6px;
        -webkit-transition: color .3s;
        transition: color .3s
    }

    .category-box .box-content p {
        font-family: "Roboto", sans-serif;
        font-size: .9rem;
        color: #999
    }

.stats-wrapper .stats-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    width: 100%;
    padding: 30px;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    margin-bottom: 10px
}

    .stats-wrapper .stats-header .avatar-wrapper {
        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: 96px;
        width: 96px;
        min-width: 96px;
        border-radius: 50%;
        border: 2px solid #cecece
    }

        .stats-wrapper .stats-header .avatar-wrapper .avatar {
            display: block;
            height: 80px;
            width: 80px;
            border-radius: 50%
        }

        .stats-wrapper .stats-header .avatar-wrapper .badge {
            position: absolute;
            top: 1px;
            right: -1px;
            height: 28px;
            width: 28px;
            border-radius: 50%;
            border: 3px solid #fff;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            background: #1ce589
        }

            .stats-wrapper .stats-header .avatar-wrapper .badge svg {
                height: 13px;
                width: 13px;
                stroke: #fff;
                stroke-width: 4px
            }

    .stats-wrapper .stats-header .user-info {
        margin-left: 20px
    }

        .stats-wrapper .stats-header .user-info h4 {
            font-family: "Montserrat", sans-serif;
            font-weight: 700;
            color: #393a4f;
            font-size: 1.1rem
        }

        .stats-wrapper .stats-header .user-info p {
            color: #999;
            font-size: .85rem;
            font-family: "Roboto", sans-serif
        }

        .stats-wrapper .stats-header .user-info .button {
            margin-top: 10px;
            height: 36px;
            min-width: 110px;
            border-radius: 100px;
            padding: 0;
            -webkit-transition: all .3s;
            transition: all .3s
        }

            .stats-wrapper .stats-header .user-info .button.is-follow {
                border: 1.6px solid #5596e6;
                color: #5596e6
            }

                .stats-wrapper .stats-header .user-info .button.is-follow:hover {
                    background: #5596e6;
                    color: #fcfcfc;
                    -webkit-box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important;
                    box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important
                }

    .stats-wrapper .stats-header .main-stats {
        margin-left: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .stats-wrapper .stats-header .main-stats .stat-block {
            padding: 0 16px;
            text-align: center
        }

            .stats-wrapper .stats-header .main-stats .stat-block.is-centered {
                border-left: 1px solid #dedede;
                border-right: 1px solid #dedede
            }

            .stats-wrapper .stats-header .main-stats .stat-block h4 {
                text-transform: uppercase;
                font-size: .7rem;
                color: #393a4f;
                font-weight: 500
            }

            .stats-wrapper .stats-header .main-stats .stat-block p {
                font-weight: bolder;
                font-size: 1.4rem;
                color: #707298
            }

.stats-wrapper .achievements .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px
}

    .stats-wrapper .achievements .header h3 {
        font-family: "Montserrat", sans-serif;
        color: #595b7b;
        font-size: .9rem;
        font-weight: 600;
        -webkit-transition: color .3s;
        transition: color .3s
    }

.stats-wrapper .achievements .achievements-carousel-wrap {
    position: relative;
    overflow: hidden;
    margin-top: -6px
}

    .stats-wrapper .achievements .achievements-carousel-wrap .achievements-loader {
        position: absolute;
        top: 0;
        left: 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: 100%;
        width: 100%;
        background: #fff;
        opacity: 0;
        -webkit-transition: all .3s;
        transition: all .3s;
        z-index: -1
    }

        .stats-wrapper .achievements .achievements-carousel-wrap .achievements-loader.is-active {
            opacity: 1;
            z-index: 1
        }

        .stats-wrapper .achievements .achievements-carousel-wrap .achievements-loader .loader {
            height: 2rem;
            width: 2rem
        }

.stats-wrapper .achievements .achievements-carousel {
    max-height: 250px
}

    .stats-wrapper .achievements .achievements-carousel .achievement {
        padding: 30px;
        border: 1px solid #dedede;
        background: #fff;
        border-radius: 8px;
        margin: 6px;
        outline: none !important;
        cursor: -webkit-grab;
        cursor: grab;
        -webkit-transition: all .3s;
        transition: all .3s
    }

        .stats-wrapper .achievements .achievements-carousel .achievement:hover {
            -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
            box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
            border-color: #5596e6
        }

        .stats-wrapper .achievements .achievements-carousel .achievement img {
            display: block;
            height: 90px;
            margin: 0 auto
        }

        .stats-wrapper .achievements .achievements-carousel .achievement h3 {
            margin-top: 20px;
            font-family: "Montserrat", sans-serif;
            color: #595b7b;
            font-size: .85rem;
            font-weight: 500
        }

        .stats-wrapper .achievements .achievements-carousel .achievement p {
            color: #999;
            font-size: .8rem;
            min-height: 39px
        }

.stats-wrapper .quick-activity .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #e8e8e8
}

    .stats-wrapper .quick-activity .header h3 {
        font-family: "Montserrat", sans-serif;
        color: #595b7b;
        font-size: .9rem;
        font-weight: 600;
        -webkit-transition: color .3s;
        transition: color .3s
    }

.stats-wrapper .quick-activity .activity-list {
    padding: 10px
}

    .stats-wrapper .quick-activity .activity-list .activity-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 1px solid #e8e8e8;
        padding: 16px
    }

        .stats-wrapper .quick-activity .activity-list .activity-item.is-best .avatar-wrap {
            border: 1.4px solid #1ce589
        }

            .stats-wrapper .quick-activity .activity-list .activity-item.is-best .avatar-wrap .badge {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

        .stats-wrapper .quick-activity .activity-list .activity-item .avatar-wrap {
            position: relative;
            height: 48px;
            width: 48px;
            min-width: 48px;
            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;
            border-radius: 50%;
            border: 1.4px solid #cecece
        }

            .stats-wrapper .quick-activity .activity-list .activity-item .avatar-wrap .avatar {
                display: block;
                height: 38px;
                width: 38px;
                min-width: 38px;
                border-radius: 50%
            }

            .stats-wrapper .quick-activity .activity-list .activity-item .avatar-wrap .badge {
                position: absolute;
                top: -4px;
                right: -7px;
                height: 22px;
                width: 22px;
                border-radius: 50%;
                border: 2px solid #fcfcfc;
                display: none;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                background: #1ce589
            }

                .stats-wrapper .quick-activity .activity-list .activity-item .avatar-wrap .badge svg {
                    height: 12px;
                    width: 12px;
                    stroke: #fcfcfc;
                    stroke-width: 3px
                }

        .stats-wrapper .quick-activity .activity-list .activity-item .meta {
            margin-left: 16px
        }

            .stats-wrapper .quick-activity .activity-list .activity-item .meta span {
                display: block
            }

                .stats-wrapper .quick-activity .activity-list .activity-item .meta span:first-child {
                    font-family: "Montserrat", sans-serif;
                    font-weight: 600;
                    color: #393a4f;
                    font-size: .9rem
                }

                    .stats-wrapper .quick-activity .activity-list .activity-item .meta span:first-child .best-tag {
                        margin-left: 10px;
                        padding: 4px 12px;
                        border-radius: 100px;
                        background: #c1f8df;
                        font-weight: 400;
                        font-size: .75rem;
                        color: #1ce589;
                        font-family: "Roboto", sans-serif
                    }

                .stats-wrapper .quick-activity .activity-list .activity-item .meta span:nth-child(2) {
                    font-size: .9rem;
                    font-family: "Roboto", sans-serif;
                    color: #999;
                    max-width: 450px
                }

                    .stats-wrapper .quick-activity .activity-list .activity-item .meta span:nth-child(2) a {
                        color: #595b7b;
                        -webkit-transition: color .3s;
                        transition: color .3s
                    }

                        .stats-wrapper .quick-activity .activity-list .activity-item .meta span:nth-child(2) a:hover {
                            color: #5596e6
                        }

            .stats-wrapper .quick-activity .activity-list .activity-item .meta small {
                margin-top: 6px;
                font-size: .75rem;
                color: #999
            }

.questions-settings .settings-header {
    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;
    padding-bottom: 20px;
    border-bottom: 1px solid #dedede;
    margin-bottom: 30px
}

    .questions-settings .settings-header h2 {
        font-family: "Montserrat", sans-serif;
        font-weight: bold;
        color: #393a4f;
        font-size: 1.6rem
    }

    .questions-settings .settings-header .control {
        position: relative
    }

        .questions-settings .settings-header .control input {
            padding-bottom: 8px;
            padding-left: 36px
        }

            .questions-settings .settings-header .control input:focus {
                border-color: #ededed
            }

                .questions-settings .settings-header .control input:focus + .search-icon svg {
                    stroke: #5596e6
                }

        .questions-settings .settings-header .control .search-icon {
            position: absolute;
            top: 0;
            left: 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
        }

            .questions-settings .settings-header .control .search-icon svg {
                height: 20px;
                width: 20px;
                stroke: #cecece;
                -webkit-transition: stroke .3s;
                transition: stroke .3s
            }

.questions-settings .settings-body .switch-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px
}

    .questions-settings .settings-body .switch-block .meta {
        margin-left: 16px
    }

        .questions-settings .settings-body .switch-block .meta span {
            display: block
        }

            .questions-settings .settings-body .switch-block .meta span:first-child {
                font-family: "Montserrat", sans-serif;
                font-weight: 600;
                color: #393a4f;
                font-size: .9rem
            }

            .questions-settings .settings-body .switch-block .meta span:nth-child(2) {
                font-size: .85rem;
                color: #999
            }

.questions-side-card {
    width: 100%;
    background: #fff;
    padding: 30px;
    border: 1px solid #dedede;
    border-radius: 8px;
    margin-bottom: 20px
}

    .questions-side-card img {
        max-width: 80px;
        margin: 0 auto 20px auto
    }

    .questions-side-card h4 {
        font-family: "Montserrat", sans-serif;
        font-weight: 600;
        color: #393a4f;
        font-size: .9rem
    }

    .questions-side-card p {
        font-size: .9rem;
        color: #999
    }

@media(max-width: 767px) {
    .questions-nav .question-summary {
        max-width: 340px !important
    }

        .questions-nav .question-summary .meta h4 {
            font-size: .85rem !important
        }

        .questions-nav .question-summary .meta span {
            display: none !important
        }

    .questions-nav .questions-nav-menu .menu-item {
        padding: 6px 16px !important
    }

        .questions-nav .questions-nav-menu .menu-item svg {
            height: 18px !important;
            width: 18px !important
        }

        .questions-nav .questions-nav-menu .menu-item span {
            display: none !important
        }

    .questions-wrap {
        margin: 26px 0;
        padding: 0 10px
    }

        .questions-wrap .column.is-4,
        .questions-wrap .column.is-3 {
            display: none
        }

    .categories-header h2,
    .settings-header h2 {
        font-size: 1.3rem !important
    }

    .categories-header .control,
    .settings-header .control {
        max-width: 200px
    }

    .category-box.is-row {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

        .category-box.is-row img {
            min-height: 110px !important;
            max-height: 110px !important
        }

        .category-box.is-row .box-content {
            padding-left: 0 !important;
            padding-top: 20px
        }

    .category-box.is-taller img {
        min-height: 110px !important;
        max-height: 110px !important
    }

    .category-box.is-taller .box-content {
        padding-left: 0 !important;
        padding-top: 20px
    }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) {
    .questions-nav .question-summary {
        margin: 0 auto;
        width: 100%;
        max-width: 640px
    }

    .questions-wrap {
        margin: 30px 0;
        padding: 0 60px
    }

        .questions-wrap .column.is-4,
        .questions-wrap .column.is-3 {
            display: none
        }

    .category-box {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

        .category-box img {
            margin: 0 !important;
            min-height: none !important;
            max-height: none !important;
            max-width: 120px !important;
            min-width: 120px !important
        }

        .category-box .box-content {
            padding-left: 40px !important
        }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: landscape) {
    .questions-nav .question-summary {
        margin: 0 auto;
        width: 100%;
        max-width: 640px
    }

    .categories-tile-grid .tile.is-parent {
        padding: .5rem !important
    }

    .category-box .box-content p {
        font-size: .8rem !important
    }

    .questions-menu-fixed {
        max-width: 190px !important
    }

    .questions-side-card {
        padding: 20px
    }

        .questions-side-card img {
            max-width: 60px
        }

        .questions-side-card p {
            font-size: .8rem
        }
}

@media(max-width: 1300px) {
    .stats-wrapper .stats-header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .stats-wrapper .stats-header .user-info {
            margin: 0
        }

        .stats-wrapper .stats-header .main-stats {
            margin: 0 auto;
            margin-top: 20px
        }
}

#questions-shadow-dom-home {
    max-width: 640px;
    margin: 0 auto
}


/*! _app-videos.scss | Friendkit | © Css Ninja. 2020-2021 */

.videos-wrapper .videos-sidebar {
    position: fixed;
    top: 57px;
    left: 0;
    height: calc(100% - 56px);
    background: #fafafa;
    border-right: 1px solid #e8e8e8;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 10;
    -webkit-transition: all .3s;
    transition: all .3s
}

    .videos-wrapper .videos-sidebar.is-active {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .videos-wrapper .videos-sidebar .videos-sidebar-inner {
        position: relative;
        height: 100%;
        width: 100%
    }

        .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block {
            position: relative;
            margin: 20px 20px 0 20px;
            border-bottom: 1px solid #dedede;
            text-align: center;
            height: 200px
        }

            .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .close-videos-sidebar {
                position: absolute;
                top: -12px;
                right: -10px;
                width: 32px;
                height: 32px;
                border-radius: 50%;
                display: none;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-transition: all .3s;
                transition: all .3s
            }

                .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .close-videos-sidebar:hover {
                    background: #fff
                }

                    .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .close-videos-sidebar:hover svg {
                        stroke: #393a4f
                    }

                .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .close-videos-sidebar svg {
                    height: 20px;
                    width: 20px;
                    color: #999;
                    -webkit-transition: stroke .3s;
                    transition: stroke .3s
                }

            .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .avatar-wrap {
                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;
                width: 74px;
                height: 74px;
                min-width: 74px;
                border: 1.4px solid #d8d8d8;
                border-radius: 50%;
                margin: 0 auto 6px auto
            }

                .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .avatar-wrap img {
                    display: block;
                    width: 58px;
                    height: 58px;
                    min-width: 58px;
                    border-radius: 50%
                }

                .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .avatar-wrap .badge {
                    position: absolute;
                    bottom: 2px;
                    right: -3px;
                    height: 24px;
                    width: 24px;
                    border-radius: 50%;
                    border: 2px solid #fcfcfc;
                    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;
                    background: #1ce589
                }

                    .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .avatar-wrap .badge svg {
                        height: 10px;
                        width: 10px;
                        stroke: #fcfcfc;
                        stroke-width: 4px
                    }

            .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block h4 {
                font-family: "Montserrat", sans-serif;
                font-weight: 700;
                font-size: .9rem;
                color: #393a4f
            }

            .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block p {
                font-size: .8rem;
                color: #999
            }

            .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .user-stats {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -ms-flex-pack: distribute;
                justify-content: space-around;
                padding: 20px 0
            }

                .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .user-stats .stat-block {
                    text-align: center
                }

                    .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .user-stats .stat-block span {
                        display: block
                    }

                        .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .user-stats .stat-block span:first-child {
                            text-transform: uppercase;
                            font-weight: 600;
                            font-size: .65rem;
                            color: #393a4f
                        }

                        .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .user-stats .stat-block span:last-child {
                            font-size: .9rem;
                            color: #999
                        }

        .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-menu {
            position: absolute;
            top: 200px;
            left: 0;
            width: 100%;
            height: calc(100% - 230px)
        }

            .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-menu .user-menu-inner {
                position: relative;
                height: 100%;
                max-height: 100%;
                width: 100%;
                overflow-y: auto
            }

                .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-menu .user-menu-inner .separator {
                    margin: 0 30px;
                    border-bottom: 1px solid #dedede
                }

                .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-menu .user-menu-inner .menu-block {
                    padding: 20px 0
                }

                    .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-menu .user-menu-inner .menu-block ul li {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        padding: 14px 40px;
                        border-left: 4px solid transparent
                    }

                        .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-menu .user-menu-inner .menu-block ul li.is-active {
                            border-color: #5596e6
                        }

                        .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-menu .user-menu-inner .menu-block ul li a {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center
                        }

                            .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-menu .user-menu-inner .menu-block ul li a span {
                                display: block;
                                color: #393a4f;
                                font-family: "Montserrat", sans-serif;
                                font-size: .8rem;
                                font-weight: 600
                            }

                            .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-menu .user-menu-inner .menu-block ul li a svg {
                                height: 18px;
                                width: 18px;
                                stroke: #cecece;
                                margin-right: 20px
                            }

.videos-wrapper.is-home {
    padding-left: 0;
    padding-right: 0
}

    .videos-wrapper.is-home .home-wrapper {
        position: relative;
        top: -2px
    }

        .videos-wrapper.is-home .home-wrapper .mobile-sidebar-trigger {
            position: absolute;
            z-index: 9;
            top: 10px;
            left: 30px;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            display: none;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-transition: all .3s;
            transition: all .3s
        }

            .videos-wrapper.is-home .home-wrapper .mobile-sidebar-trigger.is-home-v2 {
                position: absolute;
                top: 23px;
                left: 34px;
                z-index: 5
            }

                .videos-wrapper.is-home .home-wrapper .mobile-sidebar-trigger.is-home-v2 svg {
                    stroke: #999
                }

            .videos-wrapper.is-home .home-wrapper .mobile-sidebar-trigger:hover svg {
                stroke: #fff
            }

            .videos-wrapper.is-home .home-wrapper .mobile-sidebar-trigger svg {
                height: 20px;
                width: 20px;
                color: #fcfcfc;
                -webkit-transition: stroke .3s;
                transition: stroke .3s
            }

        .videos-wrapper.is-home .home-wrapper .video-header-wrap {
            margin-bottom: 0
        }

            .videos-wrapper.is-home .home-wrapper .video-header-wrap .slick-dots {
                bottom: 20px !important
            }

                .videos-wrapper.is-home .home-wrapper .video-header-wrap .slick-dots li {
                    margin: 0
                }

                    .videos-wrapper.is-home .home-wrapper .video-header-wrap .slick-dots li button:before {
                        color: #fcfcfc
                    }

        .videos-wrapper.is-home .home-wrapper .video-header {
            position: relative;
            width: 100%;
            padding-top: 56.25%
        }

            .videos-wrapper.is-home .home-wrapper .video-header:hover .cover-overlay {
                background: rgba(57, 58, 79, .6)
            }

            .videos-wrapper.is-home .home-wrapper .video-header .cover {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                display: block;
                -o-object-fit: cover;
                object-fit: cover;
                z-index: 0
            }

            .videos-wrapper.is-home .home-wrapper .video-header .cover-overlay {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                background: rgba(57, 58, 79, .4);
                -webkit-transition: all .3s;
                transition: all .3s;
                z-index: 1
            }

            .videos-wrapper.is-home .home-wrapper .video-header .cover-caption {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                z-index: 2
            }

                .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner {
                    position: relative;
                    height: 100%;
                    width: 100%;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    padding-left: 30px
                }

                    .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption {
                        width: 100%;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-pack: end;
                        -ms-flex-pack: end;
                        justify-content: flex-end
                    }

                        .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block {
                            width: 50%
                        }

                            .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block h2 {
                                font-family: "Montserrat", sans-serif;
                                font-size: 2.4rem;
                                font-weight: 700;
                                color: #fcfcfc
                            }

                            .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .video-meta {
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex
                            }

                                .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .video-meta span {
                                    display: block;
                                    color: #fcfcfc;
                                    padding-right: 30px;
                                    font-family: "Montserrat", sans-serif;
                                    font-size: .85rem;
                                    font-weight: 500
                                }

                                    .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .video-meta span.rating {
                                        display: -webkit-box;
                                        display: -ms-flexbox;
                                        display: flex;
                                        -webkit-box-align: center;
                                        -ms-flex-align: center;
                                        align-items: center
                                    }

                                        .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .video-meta span.rating svg {
                                            height: 14px;
                                            width: 14px;
                                            stroke: #fcfcfc;
                                            fill: #fcfcfc;
                                            margin: 0 2px
                                        }

                            .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .description {
                                font-family: "Roboto", sans-serif;
                                font-size: .85rem;
                                color: #fcfcfc;
                                padding: 12px 0;
                                max-width: 400px
                            }

                            .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .caption-actions {
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-box-align: center;
                                -ms-flex-align: center;
                                align-items: center;
                                padding: 10px 0;
                                max-width: 400px
                            }

                                .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .caption-actions .button {
                                    min-width: 130px;
                                    margin-right: 30px
                                }

                                    .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .caption-actions .button:hover {
                                        background: #5596e6;
                                        border-color: #5596e6;
                                        -webkit-box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important;
                                        box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important
                                    }

                                .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .caption-actions .trailer-button {
                                    display: -webkit-box;
                                    display: -ms-flexbox;
                                    display: flex;
                                    -webkit-box-align: center;
                                    -ms-flex-align: center;
                                    align-items: center
                                }

                                    .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .caption-actions .trailer-button:hover svg {
                                        opacity: 1;
                                        stroke: #d1e3f8
                                    }

                                    .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .caption-actions .trailer-button:hover span {
                                        margin-left: 5px;
                                        color: #d1e3f8
                                    }

                                    .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .caption-actions .trailer-button svg {
                                        opacity: 0;
                                        stroke: #fcfcfc;
                                        height: 16px;
                                        width: 16px;
                                        -webkit-transition: all .3s;
                                        transition: all .3s
                                    }

                                    .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .caption-actions .trailer-button span {
                                        color: #fcfcfc;
                                        font-size: .85rem;
                                        -webkit-transition: all .3s;
                                        transition: all .3s
                                    }

.videos-wrapper .home-content {
    padding: 30px 40px
}

    .videos-wrapper .home-content .collections-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .videos-wrapper .home-content .collections-header > a {
            margin-right: 30px;
            font-family: "Montserrat", sans-serif;
            font-size: .85rem;
            font-weight: 600;
            color: #cecece;
            padding-bottom: 5px;
            border-bottom: 2px solid transparent;
            -webkit-transition: all .3s;
            transition: all .3s
        }

            .videos-wrapper .home-content .collections-header > a.is-active {
                color: #393a4f;
                border-color: #5596e6
            }

        .videos-wrapper .home-content .collections-header .search-button {
            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: start;
            -ms-flex-align: start;
            align-items: flex-start;
            cursor: pointer
        }

            .videos-wrapper .home-content .collections-header .search-button:hover svg {
                stroke: #393a4f
            }

            .videos-wrapper .home-content .collections-header .search-button svg {
                position: relative;
                top: 2px;
                height: 16px;
                width: 16px;
                stroke: #cecece;
                -webkit-transition: stroke .3s;
                transition: stroke .3s
            }

    .videos-wrapper .home-content .collections-wrap {
        display: none;
        -webkit-animation: fadeInLeft .5s;
        animation: fadeInLeft .5s;
        padding: 30px 0
    }

        .videos-wrapper .home-content .collections-wrap.is-active {
            display: block
        }

        .videos-wrapper .home-content .collections-wrap .collection .header {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .videos-wrapper .home-content .collections-wrap .collection .header h4 {
                font-family: "Montserrat", sans-serif;
                font-size: 1rem;
                font-weight: 700;
                color: #393a4f
            }

            .videos-wrapper .home-content .collections-wrap .collection .header a {
                padding: 0 24px;
                color: #999;
                font-size: .8rem
            }

        .videos-wrapper .home-content .collections-wrap .collection .video-collection {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            padding: 10px 0 20px 0;
            margin-left: -10px;
            margin-right: -10px
        }

            .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode {
                margin: 10px;
                width: calc(25% - 20px)
            }

                .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-thumbnail {
                    position: relative
                }

                    .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-thumbnail:hover .episode-overlay {
                        background: rgba(57, 58, 79, .4)
                    }

                    .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-thumbnail:hover .play-button {
                        opacity: 1;
                        -webkit-transform: scale(1) rotate(0);
                        transform: scale(1) rotate(0)
                    }

                    .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-thumbnail .episode-overlay {
                        position: absolute;
                        top: 0;
                        left: 0;
                        height: 100%;
                        width: 100%;
                        border-radius: 6px;
                        background: rgba(57, 58, 79, 0);
                        -webkit-transition: all .3s;
                        transition: all .3s;
                        z-index: 1
                    }

                    .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-thumbnail .episode-duration {
                        position: absolute;
                        bottom: 10px;
                        left: 10px;
                        padding: 3px 6px;
                        background: #000;
                        border-radius: 4px;
                        color: #fcfcfc;
                        font-size: .7rem;
                        z-index: 2
                    }

                    .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-thumbnail .play-button {
                        position: absolute;
                        top: calc(50% - 20px);
                        left: calc(50% - 20px);
                        height: 40px;
                        width: 40px;
                        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;
                        z-index: 3;
                        opacity: 0;
                        -webkit-transform: scale(0.7) rotate(-180deg);
                        transform: scale(0.7) rotate(-180deg);
                        -webkit-transition: all .3s;
                        transition: all .3s
                    }

                        .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-thumbnail .play-button svg {
                            height: 38px;
                            width: 38px;
                            stroke-width: 1px;
                            stroke: #fcfcfc
                        }

                    .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-thumbnail img {
                        display: block;
                        border-radius: 6px
                    }

                .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-meta {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    margin-top: 8px
                }

                    .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-meta img {
                        display: block;
                        height: 32px;
                        width: 32px;
                        min-width: 32px;
                        border-radius: 50%
                    }

                    .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-meta .info {
                        margin-left: 8px
                    }

                        .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-meta .info span {
                            display: block;
                            line-height: 1.2
                        }

                            .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-meta .info span:first-child {
                                font-family: "Montserrat", sans-serif;
                                font-weight: 600;
                                font-size: .85rem;
                                color: #393a4f
                            }

                            .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-meta .info span:last-child {
                                font-family: "Roboto", sans-serif;
                                font-size: .8rem;
                                color: #999
                            }

.videos-wrapper.has-player .player-wrapper {
    position: relative;
    top: -2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .videos-wrapper.has-player .player-wrapper .video-side {
        -webkit-box-flex: 2;
        -ms-flex-positive: 2;
        flex-grow: 2
    }

.videos-wrapper.has-player .meta-box {
    padding: 30px;
    background: #fff
}

    .videos-wrapper.has-player .meta-box .video-title {
        font-family: "Montserrat", sans-serif;
        font-size: 1.2rem;
        font-weight: 600;
        color: #393a4f
    }

    .videos-wrapper.has-player .meta-box .video-subtitle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 6px 0
    }

        .videos-wrapper.has-player .meta-box .video-subtitle .views-count {
            color: #999
        }

        .videos-wrapper.has-player .meta-box .video-subtitle .quick-actions {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .videos-wrapper.has-player .meta-box .video-subtitle .quick-actions .quick-action {
                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: 36px;
                width: 36px;
                margin: 0 3px;
                border-radius: 50%;
                -webkit-transition: all .3s;
                transition: all .3s
            }

                .videos-wrapper.has-player .meta-box .video-subtitle .quick-actions .quick-action:hover {
                    background: #f2f2f2
                }

                    .videos-wrapper.has-player .meta-box .video-subtitle .quick-actions .quick-action:hover svg {
                        stroke: #393a4f
                    }

                .videos-wrapper.has-player .meta-box .video-subtitle .quick-actions .quick-action.is-mobile {
                    display: none
                }

                .videos-wrapper.has-player .meta-box .video-subtitle .quick-actions .quick-action svg {
                    height: 20px;
                    width: 20px;
                    stroke: #cecece;
                    -webkit-transition: stroke .3s;
                    transition: stroke .3s
                }

    .videos-wrapper.has-player .meta-box .video-owner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .videos-wrapper.has-player .meta-box .video-owner img {
            display: block;
            height: 44px;
            width: 44px;
            min-width: 44px;
            border-radius: 50%
        }

        .videos-wrapper.has-player .meta-box .video-owner .meta {
            margin-left: 12px
        }

            .videos-wrapper.has-player .meta-box .video-owner .meta span {
                display: block
            }

                .videos-wrapper.has-player .meta-box .video-owner .meta span:first-child {
                    font-family: "Montserrat", sans-serif;
                    font-size: .9rem;
                    font-weight: 600;
                    color: #393a4f
                }

                .videos-wrapper.has-player .meta-box .video-owner .meta span:nth-child(2) {
                    color: #999;
                    font-size: .8rem
                }

        .videos-wrapper.has-player .meta-box .video-owner .button {
            margin-left: auto;
            background: #5596e6;
            border-color: #5596e6;
            color: #fff;
            border-radius: 100px;
            min-width: 130px
        }

            .videos-wrapper.has-player .meta-box .video-owner .button:hover {
                -webkit-box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important;
                box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important
            }

.videos-wrapper.has-player .video-description hr {
    margin: 1rem 0
}

.videos-wrapper.has-player .video-description h4 {
    font-family: "Montserrat", sans-serif;
    font-size: .9rem;
    font-weight: 600;
    color: #393a4f;
    margin-bottom: 10px
}

.videos-wrapper.has-player .video-description p,
.videos-wrapper.has-player .video-description ul li {
    font-family: "Roboto", sans-serif;
    color: #797a9e;
    font-size: .95rem;
    max-width: 640px
}

.videos-wrapper.has-player .video-description .additional-description {
    display: none;
    padding-top: 30px
}

.videos-wrapper.has-player .video-description .video-description-more {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: #999;
    text-transform: uppercase;
    -webkit-transition: color .3s;
    transition: color .3s
}

    .videos-wrapper.has-player .video-description .video-description-more:hover {
        color: #5596e6
    }

.videos-wrapper.has-player .comments-wrap {
    padding: 20px 40px
}

.videos-wrapper.has-player .comments-count {
    padding: 20px 0
}

.videos-wrapper.has-player .comment-box {
    max-width: 720px
}

    .videos-wrapper.has-player .comment-box .avatar-wrap,
    .videos-wrapper.has-player .is-comment .avatar-wrap {
        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;
        width: 54px;
        height: 54px;
        min-width: 54px;
        border: 1.4px solid #cecece;
        border-radius: 50%
    }

        .videos-wrapper.has-player .comment-box .avatar-wrap.is-smaller,
        .videos-wrapper.has-player .is-comment .avatar-wrap.is-smaller {
            width: 44px;
            height: 44px;
            min-width: 44px;
            border-width: 1px
        }

            .videos-wrapper.has-player .comment-box .avatar-wrap.is-smaller img,
            .videos-wrapper.has-player .is-comment .avatar-wrap.is-smaller img {
                width: 32px;
                height: 32px;
                min-width: 32px
            }

            .videos-wrapper.has-player .comment-box .avatar-wrap.is-smaller .badge,
            .videos-wrapper.has-player .is-comment .avatar-wrap.is-smaller .badge {
                right: -3px;
                height: 18px;
                width: 18px
            }

                .videos-wrapper.has-player .comment-box .avatar-wrap.is-smaller .badge svg,
                .videos-wrapper.has-player .is-comment .avatar-wrap.is-smaller .badge svg {
                    height: 8px;
                    width: 8px;
                    stroke-width: 4px
                }

        .videos-wrapper.has-player .comment-box .avatar-wrap img,
        .videos-wrapper.has-player .is-comment .avatar-wrap img {
            display: block;
            width: 40px;
            height: 40px;
            min-width: 40px;
            border-radius: 50%
        }

        .videos-wrapper.has-player .comment-box .avatar-wrap .badge,
        .videos-wrapper.has-player .is-comment .avatar-wrap .badge {
            position: absolute;
            top: -2px;
            right: -5px;
            height: 22px;
            width: 22px;
            border-radius: 50%;
            border: 2px solid #fcfcfc;
            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;
            background: #1ce589
        }

            .videos-wrapper.has-player .comment-box .avatar-wrap .badge svg,
            .videos-wrapper.has-player .is-comment .avatar-wrap .badge svg {
                height: 10px;
                width: 10px;
                stroke: #fcfcfc;
                stroke-width: 4px
            }

    .videos-wrapper.has-player .comment-box .control,
    .videos-wrapper.has-player .is-comment .control {
        position: relative
    }

        .videos-wrapper.has-player .comment-box .control .textarea,
        .videos-wrapper.has-player .is-comment .control .textarea {
            padding-bottom: 58px;
            border-color: transparent;
            -webkit-transition: all .3s;
            transition: all .3s
        }

            .videos-wrapper.has-player .comment-box .control .textarea:focus,
            .videos-wrapper.has-player .is-comment .control .textarea:focus {
                -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
                box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
            }

        .videos-wrapper.has-player .comment-box .control .button,
        .videos-wrapper.has-player .is-comment .control .button {
            position: absolute;
            bottom: 10px;
            right: 10px
        }

            .videos-wrapper.has-player .comment-box .control .button:hover,
            .videos-wrapper.has-player .is-comment .control .button:hover {
                background: #5596e6;
                border-color: #5596e6;
                color: #fcfcfc;
                border-radius: 100px;
                -webkit-box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important;
                box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important
            }

.videos-wrapper.has-player .is-comment {
    padding: 16px 0;
    margin: 0 !important
}

    .videos-wrapper.has-player .is-comment .comment-meta h4 a {
        color: #393a4f;
        -webkit-transition: color .3s;
        transition: color .3s
    }

        .videos-wrapper.has-player .is-comment .comment-meta h4 a:hover {
            color: #5596e6
        }

    .videos-wrapper.has-player .is-comment .comment-meta h4 small {
        color: #999;
        font-size: .85rem
    }

    .videos-wrapper.has-player .is-comment .comment-meta p {
        max-width: 640px;
        font-size: .95rem;
        color: #6a6c93
    }

        .videos-wrapper.has-player .is-comment .comment-meta p .mention {
            color: #5596e6;
            font-weight: 500
        }

    .videos-wrapper.has-player .is-comment .comment-stats-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        max-width: 640px
    }

        .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-stats {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

            .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-stats .stat {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                padding: 0 4px
            }

                .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-stats .stat.is-likes svg {
                    position: relative;
                    top: -2px
                }

                .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-stats .stat.is-dislikes svg {
                    position: relative;
                    top: 2px
                }

                .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-stats .stat span {
                    display: block;
                    font-size: .9rem;
                    color: #999
                }

                .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-stats .stat svg {
                    height: 18px;
                    width: 18px;
                    min-width: 20px;
                    stroke: #cecece
                }

        .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-actions {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 40px;
            width: 96px
        }

            .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-actions .comment-action {
                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-width: 30px;
                margin: 0 2px;
                border: 1px solid #e8e8e8;
                border-radius: 50%;
                -webkit-transition: all .3s;
                transition: all .3s
            }

                .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-actions .comment-action:nth-child(2) svg {
                    position: relative;
                    top: 2px
                }

                .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-actions .comment-action.is-like:hover {
                    border-color: #1ce589
                }

                    .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-actions .comment-action.is-like:hover svg {
                        stroke: #1ce589
                    }

                .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-actions .comment-action.is-dislike:hover {
                    border-color: #f71416
                }

                    .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-actions .comment-action.is-dislike:hover svg {
                        stroke: #f71416
                    }

                .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-actions .comment-action.is-reply:hover {
                    border-color: #393a4f
                }

                    .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-actions .comment-action.is-reply:hover svg {
                        stroke: #393a4f
                    }

                .videos-wrapper.has-player .is-comment .comment-stats-wrap .comment-actions .comment-action svg {
                    height: 14px;
                    width: 14px;
                    stroke: #cecece;
                    -webkit-transition: stroke .3s;
                    transition: stroke .3s
                }

    .videos-wrapper.has-player .is-comment .nested-replies .header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 4px
    }

        .videos-wrapper.has-player .is-comment .nested-replies .header.is-active svg {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
        }

        .videos-wrapper.has-player .is-comment .nested-replies .header span {
            display: block;
            font-size: .9rem;
            font-weight: 500;
            color: #393a4f
        }

        .videos-wrapper.has-player .is-comment .nested-replies .header svg {
            height: 16px;
            width: 16px;
            margin-left: 4px;
            stroke: #393a4f;
            -webkit-transition: all .3s;
            transition: all .3s
        }

    .videos-wrapper.has-player .is-comment .nested-replies .nested-comments {
        display: none;
        padding: 10px 0
    }

        .videos-wrapper.has-player .is-comment .nested-replies .nested-comments .is-nested {
            margin: 0
        }

.videos-wrapper.has-player .related-list {
    margin: 0 !important;
    padding: 20px
}

    .videos-wrapper.has-player .related-list .related-label {
        padding-top: 20px;
        margin-top: 20px;
        border-top: 1px solid #e8e8e8
    }

    .videos-wrapper.has-player .related-list .autoplay,
    .videos-wrapper.has-player .related-list .related-label {
        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;
        padding-bottom: 20px
    }

        .videos-wrapper.has-player .related-list .autoplay .autoplay-title,
        .videos-wrapper.has-player .related-list .autoplay .related-title,
        .videos-wrapper.has-player .related-list .related-label .autoplay-title,
        .videos-wrapper.has-player .related-list .related-label .related-title {
            font-family: "Montserrat", sans-serif;
            font-weight: 600;
            color: #393a4f;
            text-transform: uppercase;
            font-size: .75rem
        }

        .videos-wrapper.has-player .related-list .autoplay .autoplay-toggle,
        .videos-wrapper.has-player .related-list .related-label .autoplay-toggle {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .videos-wrapper.has-player .related-list .autoplay .autoplay-toggle span,
            .videos-wrapper.has-player .related-list .related-label .autoplay-toggle span {
                position: relative;
                top: -1px;
                display: block;
                font-size: .7rem;
                text-transform: uppercase;
                color: #999
            }

            .videos-wrapper.has-player .related-list .autoplay .autoplay-toggle .f-switch,
            .videos-wrapper.has-player .related-list .related-label .autoplay-toggle .f-switch {
                -webkit-transform: scale(0.8);
                transform: scale(0.8)
            }

            .videos-wrapper.has-player .related-list .autoplay .autoplay-toggle .close-related-videos,
            .videos-wrapper.has-player .related-list .related-label .autoplay-toggle .close-related-videos {
                width: 32px;
                height: 32px;
                border-radius: 50%;
                display: none;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-transition: all .3s;
                transition: all .3s
            }

                .videos-wrapper.has-player .related-list .autoplay .autoplay-toggle .close-related-videos:hover,
                .videos-wrapper.has-player .related-list .related-label .autoplay-toggle .close-related-videos:hover {
                    background: #fff
                }

                    .videos-wrapper.has-player .related-list .autoplay .autoplay-toggle .close-related-videos:hover svg,
                    .videos-wrapper.has-player .related-list .related-label .autoplay-toggle .close-related-videos:hover svg {
                        stroke: #393a4f
                    }

                .videos-wrapper.has-player .related-list .autoplay .autoplay-toggle .close-related-videos svg,
                .videos-wrapper.has-player .related-list .related-label .autoplay-toggle .close-related-videos svg {
                    height: 16px;
                    width: 16px;
                    color: #999;
                    -webkit-transition: stroke .3s;
                    transition: stroke .3s
                }

    .videos-wrapper.has-player .related-list .related-card + .media {
        border-top: none;
        margin-top: 0
    }

    .videos-wrapper.has-player .related-list .related-card .media-left {
        margin-right: .75rem
    }

        .videos-wrapper.has-player .related-list .related-card .media-left img {
            display: block;
            border-radius: 6px;
            -o-object-fit: cover;
            object-fit: cover;
            width: 130px;
            min-width: 130px;
            height: auto;
            max-height: 88px;
            -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
            box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
        }

    .videos-wrapper.has-player .related-list .related-card .video-meta .related-title {
        display: block;
        font-family: "Montserrat", sans-serif;
        font-size: .85rem;
        font-weight: 600;
        max-width: 200px;
        color: #393a4f;
        -webkit-transition: color .3s;
        transition: color .3s
    }

        .videos-wrapper.has-player .related-list .related-card .video-meta .related-title:hover {
            color: #5596e6
        }

    .videos-wrapper.has-player .related-list .related-card .video-meta .submeta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .videos-wrapper.has-player .related-list .related-card .video-meta .submeta img {
            display: block;
            height: 26px;
            width: 26px;
            min-width: 26px;
            border-radius: 50%
        }

        .videos-wrapper.has-player .related-list .related-card .video-meta .submeta .info {
            margin-left: 6px
        }

            .videos-wrapper.has-player .related-list .related-card .video-meta .submeta .info span {
                display: block
            }

            .videos-wrapper.has-player .related-list .related-card .video-meta .submeta .info .video-views,
            .videos-wrapper.has-player .related-list .related-card .video-meta .submeta .info .video-account {
                display: block;
                color: #999
            }

            .videos-wrapper.has-player .related-list .related-card .video-meta .submeta .info .video-account {
                font-size: .7rem
            }

            .videos-wrapper.has-player .related-list .related-card .video-meta .submeta .info .video-views {
                font-size: .6rem
            }

@media(min-width: 1301px) {
    .videos-sidebar {
        width: 280px
    }

    .videos-wrapper.is-home.is-full .home-wrapper {
        padding-top: 1rem;
        width: 100% !important;
        margin-left: 0 !important
    }

        .videos-wrapper.is-home.is-full .home-wrapper .home-content {
            padding-left: 0;
            padding-right: 0
        }

    .videos-wrapper.is-home .home-wrapper {
        width: calc(100% - 280px);
        margin-left: 280px
    }

    .videos-wrapper.has-player.is-full .player-wrapper {
        padding-top: 1rem;
        width: 100% !important;
        margin-left: 0 !important
    }

        .videos-wrapper.has-player.is-full .player-wrapper .meta-box {
            background: transparent !important
        }

    .videos-wrapper.has-player .player-wrapper {
        width: calc(100% - 280px);
        margin-left: 280px
    }
}

@media(max-width: 1300px) {
    .videos-sidebar {
        width: 250px
    }

    .videos-wrapper.is-home.is-full .home-wrapper {
        padding-top: 1rem;
        width: 100% !important;
        margin-left: 0 !important
    }

        .videos-wrapper.is-home.is-full .home-wrapper .home-content {
            padding-left: 0;
            padding-right: 0
        }

    .videos-wrapper.is-home .home-wrapper {
        width: calc(100% - 250px);
        margin-left: 250px
    }

    .videos-wrapper.has-player.is-full .player-wrapper {
        padding-top: 1rem;
        width: 100% !important;
        margin-left: 0 !important
    }

        .videos-wrapper.has-player.is-full .player-wrapper .meta-box {
            background: transparent !important
        }

    .videos-wrapper.has-player .player-wrapper {
        width: calc(100% - 250px);
        margin-left: 250px
    }
}

@media(max-width: 767px) {
    .videos-sidebar .videos-sidebar-inner .user-block .close-videos-sidebar {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .videos-wrapper.is-home .home-wrapper {
        width: 100% !important;
        margin: 0 !important
    }

        .videos-wrapper.is-home .home-wrapper .mobile-sidebar-trigger {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

            .videos-wrapper.is-home .home-wrapper .mobile-sidebar-trigger.is-home-v2 {
                left: 20px
            }

        .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner {
            padding: 0
        }

            .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block {
                width: 90%
            }

                .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block h2 {
                    font-size: 1.4rem
                }

                .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .video-meta span.rating {
                    display: none
                }

                .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .description,
                .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .caption-actions {
                    display: none
                }

    .videos-wrapper.is-home .home-content {
        padding: 30px
    }

        .videos-wrapper.is-home .home-content .collections-header.is-home-v2 {
            padding-left: 38px
        }

        .videos-wrapper.is-home .home-content .collections-wrap .collection .video-collection .episode {
            width: calc(100% - 20px)
        }

    .videos-wrapper.has-player .player-wrapper {
        width: 100% !important;
        margin: 0 !important
    }

        .videos-wrapper.has-player .player-wrapper .video-side .meta-box {
            margin: 0
        }

            .videos-wrapper.has-player .player-wrapper .video-side .meta-box.video-description p {
                font-size: .85rem
            }

            .videos-wrapper.has-player .player-wrapper .video-side .meta-box.video-meta .video-title {
                font-size: 1rem
            }

            .videos-wrapper.has-player .player-wrapper .video-side .meta-box .video-subtitle {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column
            }

                .videos-wrapper.has-player .player-wrapper .video-side .meta-box .video-subtitle .quick-actions {
                    margin-left: -10px
                }

                    .videos-wrapper.has-player .player-wrapper .video-side .meta-box .video-subtitle .quick-actions .quick-action.is-mobile {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex
                    }

            .videos-wrapper.has-player .player-wrapper .video-side .meta-box .video-owner .button {
                display: none
            }

        .videos-wrapper.has-player .player-wrapper .video-side .comments-wrap {
            padding: 20px
        }

            .videos-wrapper.has-player .player-wrapper .video-side .comments-wrap .is-comment .comment-meta h4 a {
                font-size: .85rem
            }

            .videos-wrapper.has-player .player-wrapper .video-side .comments-wrap .is-comment .comment-meta p {
                font-size: .85rem
            }

        .videos-wrapper.has-player .player-wrapper .related-side {
            position: fixed;
            right: 0;
            max-height: calc(100% - 58px);
            overflow-y: auto;
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
            -webkit-transition: all .3s;
            transition: all .3s
        }

            .videos-wrapper.has-player .player-wrapper .related-side.is-opened {
                -webkit-transform: translateX(0);
                transform: translateX(0)
            }

            .videos-wrapper.has-player .player-wrapper .related-side .close-related-videos {
                display: -webkit-box !important;
                display: -ms-flexbox !important;
                display: flex !important
            }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) {
    .videos-sidebar .videos-sidebar-inner .user-block .close-videos-sidebar {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .videos-wrapper.is-home .home-wrapper {
        width: 100% !important;
        margin: 0 !important
    }

        .videos-wrapper.is-home .home-wrapper .mobile-sidebar-trigger {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block {
            width: 65%
        }

            .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block h2 {
                font-size: 1.3rem
            }

            .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .description {
                font-size: .75rem
            }

    .videos-wrapper.is-home .home-content .collections-header.is-home-v2 {
        padding-left: 52px
    }

    .videos-wrapper.is-home .home-content .collections-wrap .collection .video-collection .episode {
        width: calc(33% - 20px)
    }

        .videos-wrapper.is-home .home-content .collections-wrap .collection .video-collection .episode:nth-last-child(4) {
            display: none
        }

    .videos-wrapper.has-player .player-wrapper {
        width: 100%;
        margin: 0
    }

        .videos-wrapper.has-player .player-wrapper .video-side .meta-box .video-subtitle .quick-actions .quick-action.is-mobile {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .videos-wrapper.has-player .player-wrapper .related-side {
            position: fixed;
            right: 0;
            max-height: calc(100% - 58px);
            overflow-y: auto;
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
            -webkit-transition: all .3s;
            transition: all .3s
        }

            .videos-wrapper.has-player .player-wrapper .related-side.is-opened {
                -webkit-transform: translateX(0);
                transform: translateX(0)
            }

            .videos-wrapper.has-player .player-wrapper .related-side .close-related-videos {
                display: -webkit-box !important;
                display: -ms-flexbox !important;
                display: flex !important
            }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: landscape) {
    .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block {
        width: 60%
    }

        .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block h2 {
            font-size: 1.8rem
        }

        .videos-wrapper.is-home .home-wrapper .video-header .cover-caption .caption-inner .video-caption .caption-block .description {
            font-size: .75rem
        }

    .videos-wrapper.is-home .home-content .collections-wrap .collection .video-collection .episode {
        width: calc(33% - 20px)
    }

        .videos-wrapper.is-home .home-content .collections-wrap .collection .video-collection .episode:nth-last-child(4) {
            display: none
        }

    .videos-wrapper.has-player .player-wrapper .video-side .meta-box .video-subtitle .quick-actions .quick-action.is-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .videos-wrapper.has-player .player-wrapper .related-side {
        position: fixed;
        right: 0;
        max-height: calc(100% - 58px);
        overflow-y: auto;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: all .3s;
        transition: all .3s
    }

        .videos-wrapper.has-player .player-wrapper .related-side .close-related-videos {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important
        }

        .videos-wrapper.has-player .player-wrapper .related-side.is-opened {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
}


/*! _app-stories.scss | Friendkit | © Css Ninja. 2020-2021 */

.stories-wrapper .stories-sidebar {
    position: fixed;
    top: 57px;
    left: 0;
    height: calc(100% - 56px);
    background: #fafafa;
    border-right: 1px solid #e8e8e8;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 10;
    -webkit-transition: all .3s;
    transition: all .3s
}

    .stories-wrapper .stories-sidebar.is-active {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .stories-wrapper .stories-sidebar .stories-sidebar-inner {
        position: relative;
        height: 100%;
        width: 100%
    }

        .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block {
            position: relative;
            margin: 20px 20px 0 20px;
            border-bottom: 1px solid #dedede;
            text-align: center;
            height: 200px
        }

            .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .close-stories-sidebar {
                position: absolute;
                top: -12px;
                right: -10px;
                width: 32px;
                height: 32px;
                border-radius: 50%;
                display: none;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-transition: all .3s;
                transition: all .3s
            }

                .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .close-stories-sidebar:hover {
                    background: #fff
                }

                    .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .close-stories-sidebar:hover svg {
                        stroke: #393a4f
                    }

                .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .close-stories-sidebar svg {
                    height: 20px;
                    width: 20px;
                    color: #999;
                    -webkit-transition: stroke .3s;
                    transition: stroke .3s
                }

            .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .avatar-wrap {
                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;
                width: 74px;
                height: 74px;
                min-width: 74px;
                border: 1.4px solid #d8d8d8;
                border-radius: 50%;
                margin: 0 auto 6px auto
            }

                .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .avatar-wrap img {
                    display: block;
                    width: 58px;
                    height: 58px;
                    min-width: 58px;
                    border-radius: 50%
                }

                .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .avatar-wrap .badge {
                    position: absolute;
                    bottom: 2px;
                    right: -3px;
                    height: 24px;
                    width: 24px;
                    border-radius: 50%;
                    border: 2px solid #fcfcfc;
                    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;
                    background: #1ce589
                }

                    .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .avatar-wrap .badge svg {
                        height: 10px;
                        width: 10px;
                        stroke: #fcfcfc;
                        stroke-width: 4px
                    }

            .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block h4 {
                font-family: "Montserrat", sans-serif;
                font-weight: 700;
                font-size: .9rem;
                color: #393a4f
            }

            .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block p {
                font-size: .8rem;
                color: #999
            }

            .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .user-stats {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -ms-flex-pack: distribute;
                justify-content: space-around;
                padding: 20px 0
            }

                .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .user-stats .stat-block {
                    text-align: center
                }

                    .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .user-stats .stat-block span {
                        display: block
                    }

                        .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .user-stats .stat-block span:first-child {
                            text-transform: uppercase;
                            font-weight: 600;
                            font-size: .65rem;
                            color: #393a4f
                        }

                        .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .user-stats .stat-block span:last-child {
                            font-size: .8rem;
                            color: #999
                        }

        .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-menu {
            position: absolute;
            top: 200px;
            left: 0;
            width: 100%;
            height: calc(100% - 230px)
        }

            .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-menu .user-menu-inner {
                position: relative;
                height: 100%;
                max-height: 100%;
                width: 100%;
                overflow-y: auto
            }

                .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-menu .user-menu-inner .separator {
                    margin: 0 30px;
                    border-bottom: 1px solid #dedede
                }

                .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-menu .user-menu-inner .menu-block {
                    padding: 20px 0
                }

                    .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-menu .user-menu-inner .menu-block ul li {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        padding: 14px 40px;
                        border-left: 4px solid transparent
                    }

                        .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-menu .user-menu-inner .menu-block ul li.is-active {
                            border-color: #5596e6
                        }

                        .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-menu .user-menu-inner .menu-block ul li a {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center
                        }

                            .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-menu .user-menu-inner .menu-block ul li a span {
                                display: block;
                                color: #393a4f;
                                font-family: "Montserrat", sans-serif;
                                font-size: .8rem;
                                font-weight: 600
                            }

                            .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-menu .user-menu-inner .menu-block ul li a svg {
                                height: 18px;
                                width: 18px;
                                stroke: #cecece;
                                margin-right: 20px
                            }

.stories-wrapper {
    padding-left: 0;
    padding-right: 0
}

    .stories-wrapper.is-full .inner-wrapper .stories-content {
        padding: 30px 0
    }

    .stories-wrapper .inner-wrapper {
        position: relative;
        top: -2px
    }

        .stories-wrapper .inner-wrapper .mobile-sidebar-trigger {
            position: absolute;
            z-index: 9;
            top: 30px;
            left: 30px;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            display: none;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-transition: all .3s;
            transition: all .3s
        }

            .stories-wrapper .inner-wrapper .mobile-sidebar-trigger.is-home-v2 {
                position: absolute;
                top: 30px;
                left: 34px;
                z-index: 5
            }

                .stories-wrapper .inner-wrapper .mobile-sidebar-trigger.is-home-v2 svg {
                    stroke: #999
                }

            .stories-wrapper .inner-wrapper .mobile-sidebar-trigger:hover svg {
                stroke: #fff
            }

            .stories-wrapper .inner-wrapper .mobile-sidebar-trigger svg {
                height: 20px;
                width: 20px;
                color: #fcfcfc;
                -webkit-transition: stroke .3s;
                transition: stroke .3s
            }

        .stories-wrapper .inner-wrapper .stories-content {
            padding: 30px 40px
        }

            .stories-wrapper .inner-wrapper .stories-content .section-title {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between
            }

                .stories-wrapper .inner-wrapper .stories-content .section-title h2 {
                    font-family: "Montserrat", sans-serif;
                    font-weight: 700;
                    font-size: 1.3rem;
                    color: #393a4f
                }

                .stories-wrapper .inner-wrapper .stories-content .section-title .view-all {
                    font-size: .8rem;
                    padding: 4px 12px;
                    border-radius: 100px;
                    border: 1px solid transparent;
                    background: #f0f0f0;
                    color: #999;
                    -webkit-transition: all .3s;
                    transition: all .3s
                }

                    .stories-wrapper .inner-wrapper .stories-content .section-title .view-all:hover {
                        border-color: #488ee4;
                        background: #fff;
                        color: #5596e6;
                        -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
                        box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
                    }

                .stories-wrapper .inner-wrapper .stories-content .section-title .dropdown:hover .button {
                    border-color: #e0e0e0;
                    -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
                    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
                }

                .stories-wrapper .inner-wrapper .stories-content .section-title .dropdown .button {
                    border-color: transparent
                }

                .stories-wrapper .inner-wrapper .stories-content .section-title .dropdown .dropdown-menu {
                    margin-top: 6px
                }

            .stories-wrapper .inner-wrapper .stories-content .stories-container {
                padding: 20px 0
            }

                .stories-wrapper .inner-wrapper .stories-content .stories-container .container-inner {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex
                }

                    .stories-wrapper .inner-wrapper .stories-content .stories-container .container-inner .story {
                        margin: 8px;
                        width: calc(10% - 16px)
                    }

                        .stories-wrapper .inner-wrapper .stories-content .stories-container .container-inner .story .story-avatar {
                            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: 70px;
                            width: 70px;
                            background: #fff;
                            border-radius: 50%;
                            border: 1.6px solid #cecece;
                            -webkit-transition: all .3s;
                            transition: all .3s
                        }

                            .stories-wrapper .inner-wrapper .stories-content .stories-container .container-inner .story .story-avatar:hover {
                                border-color: #3d70b2
                            }

                            .stories-wrapper .inner-wrapper .stories-content .stories-container .container-inner .story .story-avatar .add-overlay {
                                position: absolute;
                                top: 50%;
                                left: 50%;
                                height: 58px;
                                width: 58px;
                                -webkit-transform: translate(-50%, -50%);
                                transform: translate(-50%, -50%);
                                border-radius: 50%;
                                background: rgba(85, 150, 230, .6);
                                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
                            }

                                .stories-wrapper .inner-wrapper .stories-content .stories-container .container-inner .story .story-avatar .add-overlay svg {
                                    height: 16px;
                                    width: 16px;
                                    stroke-width: 3px;
                                    stroke: #fff
                                }

                            .stories-wrapper .inner-wrapper .stories-content .stories-container .container-inner .story .story-avatar img {
                                display: block;
                                height: 58px;
                                width: 58px;
                                border-radius: 50%
                            }

            .stories-wrapper .inner-wrapper .stories-content .stories-feed {
                padding: 20px 0
            }

                .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item {
                    margin-bottom: .75rem
                }

                    .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item:last-child {
                        margin-bottom: 0
                    }

                    .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item.is-medium .featured-image {
                        min-height: 250px
                    }

                    .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item.is-large .featured-image {
                        min-height: 370px
                    }

                    .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item .featured-image {
                        display: block;
                        border-radius: 16px;
                        min-height: 190px;
                        -o-object-fit: cover;
                        object-fit: cover
                    }

                    .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item .item-meta {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        -webkit-box-pack: justify;
                        -ms-flex-pack: justify;
                        justify-content: space-between;
                        padding: 12px 0
                    }

                        .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item .item-meta .user-info {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center
                        }

                            .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item .item-meta .user-info .small-avatar {
                                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: 32px;
                                width: 32px;
                                border-radius: 50%;
                                border: 1px solid #cecece;
                                -webkit-transition: all .3s;
                                transition: all .3s
                            }

                                .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item .item-meta .user-info .small-avatar img {
                                    display: block;
                                    height: 24px;
                                    width: 24px;
                                    border-radius: 50%;
                                    -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
                                    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
                                }

                            .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item .item-meta .user-info span {
                                display: block;
                                margin-left: 10px;
                                font-family: "Montserrat", sans-serif;
                                font-size: .75rem;
                                font-weight: 600;
                                color: #393a4f
                            }

                        .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item .item-meta .item-stats {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            -webkit-box-pack: end;
                            -ms-flex-pack: end;
                            justify-content: flex-end
                        }

                            .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item .item-meta .item-stats .stat-item {
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-box-align: center;
                                -ms-flex-align: center;
                                align-items: center;
                                padding: 0 4px
                            }

                                .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item .item-meta .item-stats .stat-item svg {
                                    height: 16px;
                                    width: 16px;
                                    stroke-width: 1.4px;
                                    stroke: #393a4f
                                }

                                .stories-wrapper .inner-wrapper .stories-content .stories-feed .story-feed-item .item-meta .item-stats .stat-item span {
                                    display: block;
                                    margin-left: 4px;
                                    font-family: "Montserrat", sans-serif;
                                    font-size: .75rem;
                                    font-weight: 600;
                                    color: #393a4f
                                }

.story-post-sidebar {
    position: fixed;
    top: 58px;
    right: 0;
    height: calc(100% - 58px);
    width: 360px;
    background: #f2f2f2
}

    .story-post-sidebar.is-full {
        position: static;
        width: 100%;
        height: auto;
        background: none
    }

    .story-post-sidebar .header {
        position: relative;
        height: 80px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 30px
    }

        .story-post-sidebar .header h2 {
            font-family: "Montserrat", sans-serif;
            font-size: 1.1rem;
            font-weight: 700;
            color: #393a4f
        }

    .story-post-sidebar .related-posts {
        position: relative;
        height: calc(100% - 80px);
        width: 100%;
        padding: 0 30px
    }

        .story-post-sidebar .related-posts .related-post {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-bottom: 30px
        }

            .story-post-sidebar .related-posts .related-post:last-child {
                margin-bottom: 0
            }

            .story-post-sidebar .related-posts .related-post img {
                display: block;
                height: 56px;
                width: 56px;
                min-width: 56px;
                -o-object-fit: cover;
                object-fit: cover;
                border-radius: 12px;
                -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
                box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
            }

            .story-post-sidebar .related-posts .related-post .meta {
                margin-left: 12px
            }

                .story-post-sidebar .related-posts .related-post .meta h3 {
                    font-family: "Montserrat", sans-serif;
                    font-size: .85rem;
                    line-height: 1.3;
                    font-weight: 600;
                    color: #42435b;
                    margin-bottom: 6px
                }

                .story-post-sidebar .related-posts .related-post .meta .user-line {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                    .story-post-sidebar .related-posts .related-post .meta .user-line img {
                        display: block;
                        height: 20px;
                        width: 20px;
                        min-width: 20px;
                        -o-object-fit: cover;
                        object-fit: cover;
                        border-radius: 50%
                    }

                    .story-post-sidebar .related-posts .related-post .meta .user-line span {
                        display: block;
                        font-family: "Montserrat", sans-serif;
                        font-size: .7rem;
                        font-weight: 600;
                        color: #999;
                        margin-left: 6px
                    }

.story-post-wrapper {
    width: calc(100% - 360px);
    margin-right: 360px
}

    .story-post-wrapper.is-full {
        width: 100%;
        margin-right: 0
    }

        .story-post-wrapper.is-full .story-post {
            padding-left: 0;
            padding-right: 0
        }

    .story-post-wrapper .story-post {
        width: 100%;
        max-width: 740px;
        margin: 0 auto;
        padding: 10px 40px 40px 40px
    }

        .story-post-wrapper .story-post .post-title {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 12px 0
        }

            .story-post-wrapper .story-post .post-title h2 {
                font-family: "Montserrat", sans-serif;
                font-size: 1.6rem;
                font-weight: 700;
                color: #393a4f
            }

        .story-post-wrapper .story-post .post-image-wrap .post-image {
            display: block;
            border-radius: 24px
        }

        .story-post-wrapper .story-post .post-meta {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 20px 10px
        }

            .story-post-wrapper .story-post .post-meta .post-author {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .story-post-wrapper .story-post .post-meta .post-author .story-avatar {
                    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: 46px;
                    width: 46px;
                    background: #fff;
                    border-radius: 50%;
                    border: 1.6px solid #cecece;
                    -webkit-transition: all .3s;
                    transition: all .3s
                }

                    .story-post-wrapper .story-post .post-meta .post-author .story-avatar:hover {
                        border-color: #3d70b2
                    }

                    .story-post-wrapper .story-post .post-meta .post-author .story-avatar img {
                        display: block;
                        height: 36px;
                        width: 36px;
                        border-radius: 50%
                    }

                .story-post-wrapper .story-post .post-meta .post-author .meta {
                    margin-left: 12px
                }

                    .story-post-wrapper .story-post .post-meta .post-author .meta span {
                        display: block;
                        line-height: 1.3
                    }

                        .story-post-wrapper .story-post .post-meta .post-author .meta span:first-child {
                            font-family: "Montserrat", sans-serif;
                            font-size: .9rem;
                            font-weight: 700;
                            color: #393a4f
                        }

                        .story-post-wrapper .story-post .post-meta .post-author .meta span:nth-child(2) {
                            font-size: .9rem;
                            color: #999
                        }

            .story-post-wrapper .story-post .post-meta .post-stats {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                justify-content: flex-end
            }

                .story-post-wrapper .story-post .post-meta .post-stats .stat-item {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    padding: 0 4px
                }

                    .story-post-wrapper .story-post .post-meta .post-stats .stat-item svg {
                        height: 20px;
                        width: 20px;
                        stroke-width: 1.4px;
                        stroke: #393a4f
                    }

                    .story-post-wrapper .story-post .post-meta .post-stats .stat-item span {
                        display: block;
                        margin-left: 4px;
                        font-family: "Montserrat", sans-serif;
                        font-size: .85rem;
                        font-weight: 600;
                        color: #393a4f
                    }

        .story-post-wrapper .story-post .post-text {
            padding: 0 12px 12px 12px;
            margin-bottom: 0
        }

            .story-post-wrapper .story-post .post-text p {
                font-size: .95rem
            }

        .story-post-wrapper .story-post .post-tags {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 0 12px 12px 12px
        }

            .story-post-wrapper .story-post .post-tags .tags .tag {
                cursor: pointer
            }

        .story-post-wrapper .story-post .post-compose {
            margin: 12px;
            padding: 16px;
            border-radius: 8px;
            border: 1px solid #dedede;
            background: #fff;
            -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
            box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
        }

            .story-post-wrapper .story-post .post-compose .control .textarea {
                border: none;
                resize: none
            }

            .story-post-wrapper .story-post .post-compose .compose-controls {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                border-top: 1px solid #e3e3e3;
                padding: 12px 0 0 0
            }

                .story-post-wrapper .story-post .post-compose .compose-controls img {
                    display: block;
                    height: 32px;
                    width: 32px;
                    border-radius: 50%
                }

                .story-post-wrapper .story-post .post-compose .compose-controls .compose-actions {
                    padding: 0 12px;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                    .story-post-wrapper .story-post .post-compose .compose-controls .compose-actions .action {
                        height: 36px;
                        width: 36px;
                        border-radius: 10px;
                        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;
                        background: #f5f5f5;
                        margin: 0 4px;
                        -webkit-transition: all .3s;
                        transition: all .3s
                    }

                        .story-post-wrapper .story-post .post-compose .compose-controls .compose-actions .action:hover {
                            background: #ededed
                        }

                            .story-post-wrapper .story-post .post-compose .compose-controls .compose-actions .action:hover svg {
                                stroke: #393a4f
                            }

                        .story-post-wrapper .story-post .post-compose .compose-controls .compose-actions .action svg {
                            height: 14px;
                            width: 14px;
                            stroke: #cecece;
                            -webkit-transition: stroke .3s;
                            transition: stroke .3s
                        }

                .story-post-wrapper .story-post .post-compose .compose-controls .button {
                    margin-left: auto
                }

        .story-post-wrapper .story-post .comments-wrap {
            padding: 12px
        }

            .story-post-wrapper .story-post .comments-wrap .is-comment {
                padding: 16px 0;
                margin: 0 !important
            }

                .story-post-wrapper .story-post .comments-wrap .is-comment .avatar-wrap {
                    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;
                    width: 54px;
                    height: 54px;
                    min-width: 54px;
                    border: 1.4px solid #cecece;
                    border-radius: 50%
                }

                    .story-post-wrapper .story-post .comments-wrap .is-comment .avatar-wrap.is-smaller {
                        width: 44px;
                        height: 44px;
                        min-width: 44px;
                        border-width: 1px
                    }

                        .story-post-wrapper .story-post .comments-wrap .is-comment .avatar-wrap.is-smaller img {
                            width: 32px;
                            height: 32px;
                            min-width: 32px
                        }

                        .story-post-wrapper .story-post .comments-wrap .is-comment .avatar-wrap.is-smaller .badge {
                            right: -3px;
                            height: 18px;
                            width: 18px
                        }

                            .story-post-wrapper .story-post .comments-wrap .is-comment .avatar-wrap.is-smaller .badge svg {
                                height: 8px;
                                width: 8px;
                                stroke-width: 4px
                            }

                    .story-post-wrapper .story-post .comments-wrap .is-comment .avatar-wrap img {
                        display: block;
                        width: 40px;
                        height: 40px;
                        min-width: 40px;
                        border-radius: 50%
                    }

                    .story-post-wrapper .story-post .comments-wrap .is-comment .avatar-wrap .badge {
                        position: absolute;
                        top: -2px;
                        right: -5px;
                        height: 22px;
                        width: 22px;
                        border-radius: 50%;
                        border: 2px solid #fcfcfc;
                        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;
                        background: #1ce589
                    }

                        .story-post-wrapper .story-post .comments-wrap .is-comment .avatar-wrap .badge svg {
                            height: 10px;
                            width: 10px;
                            stroke: #fcfcfc;
                            stroke-width: 4px
                        }

                .story-post-wrapper .story-post .comments-wrap .is-comment .comment-meta h4 a {
                    font-weight: 600;
                    font-size: .9rem;
                    color: #393a4f;
                    -webkit-transition: color .3s;
                    transition: color .3s
                }

                    .story-post-wrapper .story-post .comments-wrap .is-comment .comment-meta h4 a:hover {
                        color: #5596e6
                    }

                .story-post-wrapper .story-post .comments-wrap .is-comment .comment-meta h4 small {
                    color: #999;
                    font-size: .85rem
                }

                .story-post-wrapper .story-post .comments-wrap .is-comment .comment-meta p {
                    max-width: 640px;
                    font-size: .95rem;
                    color: #6a6c93
                }

                    .story-post-wrapper .story-post .comments-wrap .is-comment .comment-meta p .mention {
                        color: #5596e6;
                        font-weight: 500
                    }

                .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between;
                    width: 100%;
                    max-width: 640px
                }

                    .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-stats {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex
                    }

                        .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-stats .stat {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            padding: 0 4px
                        }

                            .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-stats .stat.is-likes svg {
                                position: relative;
                                top: -2px
                            }

                            .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-stats .stat.is-dislikes svg {
                                position: relative;
                                top: 2px
                            }

                            .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-stats .stat span {
                                display: block;
                                font-size: .9rem;
                                color: #999
                            }

                            .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-stats .stat svg {
                                height: 18px;
                                width: 18px;
                                min-width: 20px;
                                stroke: #cecece
                            }

                    .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-actions {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        height: 40px;
                        width: 96px
                    }

                        .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-actions .comment-action {
                            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-width: 30px;
                            margin: 0 2px;
                            border: 1px solid #e8e8e8;
                            border-radius: 50%;
                            -webkit-transition: all .3s;
                            transition: all .3s
                        }

                            .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-actions .comment-action:nth-child(2) svg {
                                position: relative;
                                top: 2px
                            }

                            .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-actions .comment-action.is-like:hover {
                                border-color: #1ce589
                            }

                                .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-actions .comment-action.is-like:hover svg {
                                    stroke: #1ce589
                                }

                            .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-actions .comment-action.is-dislike:hover {
                                border-color: #f71416
                            }

                                .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-actions .comment-action.is-dislike:hover svg {
                                    stroke: #f71416
                                }

                            .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-actions .comment-action.is-reply:hover {
                                border-color: #393a4f
                            }

                                .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-actions .comment-action.is-reply:hover svg {
                                    stroke: #393a4f
                                }

                            .story-post-wrapper .story-post .comments-wrap .is-comment .comment-stats-wrap .comment-actions .comment-action svg {
                                height: 14px;
                                width: 14px;
                                stroke: #cecece;
                                -webkit-transition: stroke .3s;
                                transition: stroke .3s
                            }

                .story-post-wrapper .story-post .comments-wrap .is-comment .nested-replies .header {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    padding: 0 4px
                }

                    .story-post-wrapper .story-post .comments-wrap .is-comment .nested-replies .header.is-active svg {
                        -webkit-transform: rotate(180deg);
                        transform: rotate(180deg)
                    }

                    .story-post-wrapper .story-post .comments-wrap .is-comment .nested-replies .header span {
                        display: block;
                        font-size: .9rem;
                        font-weight: 500;
                        color: #393a4f
                    }

                    .story-post-wrapper .story-post .comments-wrap .is-comment .nested-replies .header svg {
                        height: 16px;
                        width: 16px;
                        margin-left: 4px;
                        stroke: #393a4f;
                        -webkit-transition: all .3s;
                        transition: all .3s
                    }

                .story-post-wrapper .story-post .comments-wrap .is-comment .nested-replies .nested-comments {
                    display: none;
                    padding: 10px 0
                }

                    .story-post-wrapper .story-post .comments-wrap .is-comment .nested-replies .nested-comments .is-nested {
                        margin: 0
                    }

@media(min-width: 1301px) {
    .stories-sidebar {
        width: 280px
    }

    .stories-wrapper.is-full .inner-wrapper {
        width: 100% !important;
        margin-left: 0 !important
    }

    .stories-wrapper .inner-wrapper {
        width: calc(100% - 280px);
        margin-left: 280px
    }
}

@media(max-width: 1300px) {
    .stories-sidebar {
        width: 250px
    }

    .stories-wrapper {
        width: calc(100% - 250px);
        margin-left: 250px
    }

        .stories-wrapper.is-full {
            width: 100% !important;
            margin-left: 0 !important
        }

            .stories-wrapper.is-full .inner-wrapper {
                width: 100% !important;
                margin-left: 0 !important
            }
}

@media(max-width: 767px) {
    .stories-sidebar .stories-sidebar-inner .user-block .close-stories-sidebar {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .stories-wrapper {
        width: 100% !important;
        margin: 0 !important
    }

        .stories-wrapper .inner-wrapper {
            width: 100% !important;
            margin: 0 !important
        }

            .stories-wrapper .inner-wrapper .mobile-sidebar-trigger {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

                .stories-wrapper .inner-wrapper .mobile-sidebar-trigger.is-home-v2 {
                    left: 20px
                }

                .stories-wrapper .inner-wrapper .mobile-sidebar-trigger.is-story-post {
                    top: 24px;
                    left: 10px
                }

            .stories-wrapper .inner-wrapper .stories-content {
                padding: 30px 20px
            }

                .stories-wrapper .inner-wrapper .stories-content .main-section-title h2 {
                    padding-left: 38px !important
                }

                .stories-wrapper .inner-wrapper .stories-content .stories-container .container-inner {
                    overflow-x: auto
                }

                    .stories-wrapper .inner-wrapper .stories-content .stories-container .container-inner .story {
                        margin-right: 14px
                    }

                        .stories-wrapper .inner-wrapper .stories-content .stories-container .container-inner .story .story-avatar {
                            border-color: transparent
                        }

    .story-post-sidebar {
        display: none
    }

    .story-post-wrapper {
        width: 100%;
        margin-right: 0
    }

        .story-post-wrapper .story-post {
            padding: 10px 16px 16px 16px
        }

            .story-post-wrapper .story-post .post-title {
                padding-left: 32px;
                font-size: 1.4rem
            }

                .story-post-wrapper .story-post .post-title h2 {
                    padding-left: 0;
                    font-size: 1.4rem
                }

                .story-post-wrapper .story-post .post-title .dropdown {
                    display: none
                }

            .story-post-wrapper .story-post .post-image-wrap .post-image {
                min-height: 230px
            }

            .story-post-wrapper .story-post .post-compose .compose-controls img {
                display: none
            }

            .story-post-wrapper .story-post .post-compose .compose-controls .compose-actions {
                padding-left: 0
            }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .stories-sidebar .stories-sidebar-inner .user-block .close-stories-sidebar {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .stories-wrapper {
        width: 100% !important;
        margin: 0 !important
    }

        .stories-wrapper .inner-wrapper {
            width: 100% !important;
            margin: 0 !important
        }

            .stories-wrapper .inner-wrapper .mobile-sidebar-trigger {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

                .stories-wrapper .inner-wrapper .mobile-sidebar-trigger.is-home-v2 {
                    left: 20px
                }

                .stories-wrapper .inner-wrapper .mobile-sidebar-trigger.is-story-post {
                    top: 25px;
                    left: 90px
                }

            .stories-wrapper .inner-wrapper .stories-content .main-section-title h2 {
                padding-left: 38px !important
            }

            .stories-wrapper .inner-wrapper .stories-content .stories-feed .columns {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

    .story-post-sidebar {
        display: none
    }

    .story-post-wrapper {
        width: 100%;
        margin-right: 0
    }

        .story-post-wrapper .story-post {
            max-width: 610px
        }

            .story-post-wrapper .story-post .post-title {
                padding-left: 32px
            }

                .story-post-wrapper .story-post .post-title h2 {
                    padding-left: 0;
                    font-size: 1.4rem
                }

                .story-post-wrapper .story-post .post-title .dropdown {
                    display: none
                }

            .story-post-wrapper .story-post .post-image-wrap .post-image {
                min-height: 230px
            }

            .story-post-wrapper .story-post .post-compose .compose-controls img {
                display: none
            }

            .story-post-wrapper .story-post .post-compose .compose-controls .compose-actions {
                padding-left: 0
            }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .stories-wrapper.is-full .inner-wrapper .stories-content {
        padding: 30px 0 !important
    }

    .stories-wrapper .inner-wrapper .stories-content {
        padding: 30px
    }

    .story-post-sidebar {
        width: 280px
    }

        .story-post-sidebar .header {
            padding: 0 20px
        }

        .story-post-sidebar .related-posts {
            padding: 0 20px
        }

            .story-post-sidebar .related-posts .related-post img {
                height: 40px;
                width: 40px;
                min-width: 40px
            }

    .story-post-wrapper {
        width: calc(100% - 280px);
        margin-right: 280px
    }

        .story-post-wrapper .story-post {
            padding-left: 20px;
            padding-right: 20px
        }

            .story-post-wrapper .story-post .post-title h2 {
                font-size: 1.4rem
            }
}


/*! _app-commerce.scss | Friendkit | © Css Ninja. 2020-2021 */

.shop-header .header-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 30px;
    padding-bottom: 30px
}

    .shop-header .header-inner .store-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .shop-header .header-inner .store-block .img-container {
            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: 90px;
            width: 90px;
            min-width: 90px
        }

            .shop-header .header-inner .store-block .img-container .follow-badge {
                position: absolute;
                bottom: 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: 27px;
                width: 27px;
                border-radius: 50%;
                border: 2px solid #f6f7f9;
                background: #447abf
            }

                .shop-header .header-inner .store-block .img-container .follow-badge svg {
                    height: 10px;
                    width: 10px;
                    stroke-width: 5px;
                    stroke: #fff
                }

        .shop-header .header-inner .store-block img {
            display: block;
            height: 90px;
            width: 90px;
            min-width: 90px;
            border-radius: 16px
        }

        .shop-header .header-inner .store-block .store-meta {
            margin-left: 16px
        }

            .shop-header .header-inner .store-block .store-meta h3 {
                font-family: "Open Sans", sans-serif;
                font-weight: 700;
                color: #393a4f;
                font-size: 1.3rem
            }

                .shop-header .header-inner .store-block .store-meta h3 a {
                    text-align: center;
                    margin-left: 5px
                }

                    .shop-header .header-inner .store-block .store-meta h3 a:first-child {
                        margin-left: 10px
                    }

            .shop-header .header-inner .store-block .store-meta > span {
                display: block;
                color: #a2a5b9;
                font-size: .9rem;
                line-height: 1
            }

    .shop-header .header-inner .activity-block {
        padding-top: 10px
    }

        .shop-header .header-inner .activity-block h3 {
            font-family: "Open Sans", sans-serif;
            font-weight: 600;
            color: #393a4f;
            font-size: .9rem;
            margin-bottom: 16px;
            margin-left: 16px
        }

        .shop-header .header-inner .activity-block .inner-wrap {
            text-align: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

            .shop-header .header-inner .activity-block .inner-wrap .stat-block {
                padding: 0 20px
            }

                .shop-header .header-inner .activity-block .inner-wrap .stat-block.is-bordered {
                    border-left: 1px solid #dedede;
                    border-right: 1px solid #dedede
                }

                .shop-header .header-inner .activity-block .inner-wrap .stat-block .stat-number {
                    font-weight: bold;
                    font-size: 1.6rem;
                    color: #393a4f;
                    line-height: 24px
                }

                .shop-header .header-inner .activity-block .inner-wrap .stat-block span {
                    display: block;
                    font-family: "Open Sans", sans-serif;
                    color: #a2a5b9;
                    font-weight: 500;
                    font-size: .8rem
                }

    .shop-header .header-inner .about-block {
        padding-top: 10px;
        max-width: 30%
    }

        .shop-header .header-inner .about-block h3 {
            font-family: "Open Sans", sans-serif;
            font-weight: 600;
            color: #393a4f;
            font-size: .9rem;
            margin-bottom: 8px
        }

        .shop-header .header-inner .about-block .ellipse-text {
            color: #999;
            font-size: .8rem
        }

.shop-header .store-tabs {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 260px
}

    .shop-header .store-tabs .tab-control {
        display: block;
        font-size: .8rem;
        font-family: "Open Sans", sans-serif;
        font-weight: 600;
        text-align: center;
        /*width: 33.33%;*/
        margin-left:10px;
        color: #a2a5b9;
        padding-bottom: 10px;
        -webkit-transition: color .3s;
        transition: color .3s
    }

        .shop-header .store-tabs .tab-control.is-active {
            color: #393a4f
        }

            .shop-header .store-tabs .tab-control.is-active:first-child ~ .store-naver {
                margin-left: 0
            }

            .shop-header .store-tabs .tab-control.is-active:nth-child(2) ~ .store-naver {
                margin-left: 33.33%
            }

            .shop-header .store-tabs .tab-control.is-active:nth-child(3) ~ .store-naver {
                margin-left: 66.66%
            }

 /*   .shop-header .store-tabs .store-naver {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1.8px;
        width: 33.33%;
        border-radius: 50px;
        background: #5596e6;
        -webkit-transition: all .3s;
        transition: all .3s
    }*/

.store-sections {
    padding: 20px 0
}

    .store-sections .store-tab-pane {
        display: none;
        -webkit-animation: fadeInLeft .5s;
        animation: fadeInLeft .5s
    }

        .store-sections .store-tab-pane.is-active {
            display: block
        }

    .store-sections .product-card {
        position: relative;
        background: #fff;
        border-radius: 10px;
        border: 1px solid #e0e0e0;
        padding: 14px
    }

        .store-sections .product-card .quickview-trigger {
            position: absolute;
            top: 10px;
            right: 10px;
            height: 32px;
            width: 32px;
            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;
            border-radius: 8px
        }

            .store-sections .product-card .quickview-trigger:hover {
                background: #f5f5f5
            }

                .store-sections .product-card .quickview-trigger:hover svg {
                    stroke: #393a4f
                }

            .store-sections .product-card .quickview-trigger svg {
                height: 16px;
                width: 16px;
                stroke: #cecece;
                -webkit-transition: stroke .3s;
                transition: stroke .3s
            }

        .store-sections .product-card .product-image {
            margin-bottom: 6px
        }

            .store-sections .product-card .product-image img {
                display: block;
                width: 100%;
                max-width: 150px;
                margin: 16px auto 0 auto
            }

        .store-sections .product-card .product-info {
            margin-bottom: 6px
        }

            .store-sections .product-card .product-info h3 {
                font-family: "Montserrat", sans-serif;
                font-size: .85rem;
                font-weight: 600;
                color: #393a4f
            }

            .store-sections .product-card .product-info p {
                font-size: .85rem;
                color: #999;
                max-width: 280px
            }

        .store-sections .product-card .product-actions {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding-top: 12px
        }

            .store-sections .product-card .product-actions .left {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .store-sections .product-card .product-actions .left svg {
                    height: 16px;
                    width: 16px;
                    margin-right: 6px;
                    stroke: #ff533d;
                    fill: #ff533d
                }

                .store-sections .product-card .product-actions .left span {
                    display: block;
                    font-size: .8rem;
                    font-weight: 600;
                    color: #393a4f;
                    line-height: 1.2
                }

            .store-sections .product-card .product-actions .right .button svg {
                height: 14px;
                width: 14px;
                margin-right: 6px
            }

    .store-sections .brand-card {
        position: relative;
        background: #fff;
        border-radius: 10px;
        border: 1px solid #e0e0e0;
        padding: 14px
    }

        .store-sections .brand-card img {
            display: block;
            height: 80px;
            width: 80px;
            margin: 0 auto
        }

        .store-sections .brand-card .meta {
            text-align: center
        }

            .store-sections .brand-card .meta h3 {
                font-family: "Montserrat", sans-serif;
                font-size: .9rem;
                font-weight: 600;
                color: #393a4f
            }

            .store-sections .brand-card .meta p {
                font-size: .85rem;
                color: #535473
            }

        .store-sections .brand-card .brand-stats {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            border: 1px solid #e8e8e8;
            border-radius: 6px;
            margin: 12px;
            background: #fff;
            -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
            box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
        }

            .store-sections .brand-card .brand-stats .brand-stat {
                width: 33.33%;
                text-align: center;
                margin: 10px 0
            }

                .store-sections .brand-card .brand-stats .brand-stat:not(:first-child) {
                    border-left: 1px solid #e8e8e8
                }

                .store-sections .brand-card .brand-stats .brand-stat span {
                    text-align: center;
                    display: block
                }

                    .store-sections .brand-card .brand-stats .brand-stat span:first-child {
                        font-size: .9rem;
                        font-weight: 600;
                        color: #393a4f
                    }

                    .store-sections .brand-card .brand-stats .brand-stat span:nth-child(2) {
                        text-transform: uppercase;
                        font-size: .6rem;
                        font-weight: 500;
                        color: #999
                    }

    .store-sections .followers-wrap {
        padding: 20px 0
    }

    .store-sections .follower-block .avatar-container {
        height: 90px;
        width: 90px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 auto 6px auto;
        border-radius: 50%;
        border: 2px solid #cecece
    }

        .store-sections .follower-block .avatar-container img {
            display: block;
            height: 76px;
            width: 76px;
            border-radius: 50%
        }

    .store-sections .follower-block h3 {
        text-align: center;
        font-family: "Montserrat", sans-serif;
        font-size: .9rem;
        font-weight: 700;
        color: #393a4f
    }

    .store-sections .follower-block p {
        text-align: center;
        color: #999;
        font-size: .8rem
    }

.products-navigation {
    position: fixed;
    top: 58px;
    left: 0;
    height: 58px;
    width: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    -webkit-transition: all .3s;
    transition: all .3s;
    z-index: 18
}

    .products-navigation.is-active {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .products-navigation .navigation-inner {
        position: relative;
        height: 58px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .products-navigation .navigation-inner .shop-info {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .products-navigation .navigation-inner .shop-info img {
                display: block;
                height: 42px;
                width: 42px;
                border-radius: 10px
            }

            .products-navigation .navigation-inner .shop-info h3 {
                font-family: "Montserrat", sans-serif;
                font-size: .9rem;
                font-weight: 700;
                color: #393a4f;
                margin-left: 8px
            }

        .products-navigation .navigation-inner .shop-actions {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .products-navigation .navigation-inner .shop-actions .shop-action {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin: 0 6px;
                padding: 8px 16px;
                border-radius: 100px;
                background: #f5f5f5
            }

                .products-navigation .navigation-inner .shop-actions .shop-action.is-active svg {
                    -webkit-transform: rotate(180deg);
                    transform: rotate(180deg)
                }

                .products-navigation .navigation-inner .shop-actions .shop-action span {
                    font-size: .9rem;
                    color: #393a4f
                }

                .products-navigation .navigation-inner .shop-actions .shop-action svg {
                    height: 16px;
                    width: 16px;
                    stroke: #393a4f;
                    -webkit-transition: all .3s;
                    transition: all .3s
                }

            .products-navigation .navigation-inner .shop-actions .button {
                margin-left: 6px
            }

.navigation-panel {
    position: fixed;
    top: 116px;
    left: 0;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    display: none
}

    .navigation-panel.is-categories {
        z-index: 18
    }

        .navigation-panel.is-categories .navigation-panel-inner {
            min-height: 190px
        }

    .navigation-panel.is-filters {
        z-index: 17
    }

        .navigation-panel.is-filters .navigation-panel-inner .container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

        .navigation-panel.is-filters .navigation-panel-inner .search-filter {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-flex: 2;
            -ms-flex-positive: 2;
            flex-grow: 2
        }

            .navigation-panel.is-filters .navigation-panel-inner .search-filter .control {
                width: 100%;
                margin-right: 30px
            }

        .navigation-panel.is-filters .navigation-panel-inner .filter-group {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 6px 0
        }

            .navigation-panel.is-filters .navigation-panel-inner .filter-group .control {
                min-width: 170px;
                margin: 0 4px
            }

                .navigation-panel.is-filters .navigation-panel-inner .filter-group .control .combo-box {
                    height: 36px;
                    margin-top: 0
                }

                    .navigation-panel.is-filters .navigation-panel-inner .filter-group .control .combo-box .combo-item {
                        height: 36px
                    }

                    .navigation-panel.is-filters .navigation-panel-inner .filter-group .control .combo-box .box-chevron {
                        height: 36px;
                        width: 36px
                    }

    .navigation-panel .navigation-panel-inner {
        position: relative;
        width: 100%
    }

        .navigation-panel .navigation-panel-inner .panel-title {
            padding: 16px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .navigation-panel .navigation-panel-inner .panel-title h3 {
                font-family: "Montserrat", sans-serif;
                font-size: .9rem;
                font-weight: 600;
                color: #393a4f
            }

        .navigation-panel .navigation-panel-inner .shop-categories {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 0 16px
        }

            .navigation-panel .navigation-panel-inner .shop-categories .category-item {
                position: relative;
                width: 16.66%
            }

                .navigation-panel .navigation-panel-inner .shop-categories .category-item input {
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 100%;
                    opacity: 0;
                    z-index: 1;
                    cursor: pointer
                }

                    .navigation-panel .navigation-panel-inner .shop-categories .category-item input:checked + .item-inner {
                        border-color: #e0e0e0;
                        -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
                        box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
                    }

                        .navigation-panel .navigation-panel-inner .shop-categories .category-item input:checked + .item-inner img {
                            -webkit-filter: grayscale(0);
                            filter: grayscale(0);
                            opacity: 1
                        }

                        .navigation-panel .navigation-panel-inner .shop-categories .category-item input:checked + .item-inner h4 {
                            color: #393a4f
                        }

                .navigation-panel .navigation-panel-inner .shop-categories .category-item .item-inner {
                    padding: 16px;
                    border: 1px solid transparent;
                    border-radius: 8px;
                    -webkit-transition: all .3s;
                    transition: all .3s
                }

                    .navigation-panel .navigation-panel-inner .shop-categories .category-item .item-inner img {
                        display: block;
                        width: 40px;
                        height: 40px;
                        margin: 0 auto;
                        -webkit-filter: grayscale(1);
                        filter: grayscale(1);
                        opacity: .4;
                        -webkit-transition: all .3s;
                        transition: all .3s
                    }

                    .navigation-panel .navigation-panel-inner .shop-categories .category-item .item-inner h4 {
                        margin-top: 12px;
                        font-family: "Montserrat", sans-serif;
                        font-size: .7rem;
                        font-weight: 600;
                        text-transform: uppercase;
                        text-align: center;
                        color: #cecece;
                        -webkit-transition: color .3s;
                        transition: color .3s
                    }

.product-quickview .card,
.product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card,
.shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .product-quickview .card .quickview-loader,
    .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .quickview-loader,
    .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .quickview-loader {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        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;
        background: #fff;
        opacity: 0;
        pointer-events: none;
        z-index: 2
    }

        .product-quickview .card .quickview-loader.is-active,
        .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .quickview-loader.is-active,
        .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .quickview-loader.is-active {
            opacity: 1;
            pointer-events: all
        }

        .product-quickview .card .quickview-loader .loader,
        .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .quickview-loader .loader,
        .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .quickview-loader .loader {
            height: 4rem;
            width: 4rem
        }

    .product-quickview .card .left,
    .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .left,
    .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .left {
        width: 55%;
        background: #f5f5f5;
        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
    }

        .product-quickview .card .left .product-image,
        .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .left .product-image,
        .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .left .product-image {
            position: relative;
            display: none;
            width: 100%;
            max-width: 360px
        }

            .product-quickview .card .left .product-image.is-active,
            .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .left .product-image.is-active,
            .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .left .product-image.is-active {
                display: block
            }

            .product-quickview .card .left .product-image img,
            .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .left .product-image img,
            .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .left .product-image img {
                display: block;
                width: 100%
            }

    .product-quickview .card .right,
    .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right,
    .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right {
        width: 45%;
        padding: 20px
    }

        .product-quickview .card .right .header,
        .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .header,
        .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .header {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin-bottom: 16px
        }

            .product-quickview .card .right .header .product-info h3,
            .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .header .product-info h3,
            .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .header .product-info h3 {
                font-family: "Montserrat", sans-serif;
                font-size: 1.1rem;
                font-weight: 700;
                color: #393a4f
            }

            .product-quickview .card .right .header .product-info p,
            .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .header .product-info p,
            .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .header .product-info p {
                font-size: .9rem;
                color: #999
            }

            .product-quickview .card .right .header .price,
            .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .header .price,
            .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .header .price {
                font-family: "Montserrat", sans-serif;
                font-size: 1.2rem;
                font-weight: 700;
                color: #393a4f
            }

                .product-quickview .card .right .header .price:before,
                .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .header .price:before,
                .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .header .price:before {
                    content: "$"
                }

        .product-quickview .card .right .properties .property-group,
        .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group,
        .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group {
            margin-bottom: 12px
        }

            .product-quickview .card .right .properties .property-group h4,
            .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group h4,
            .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group h4 {
                font-family: "Montserrat", sans-serif;
                font-size: .7rem;
                font-weight: 500;
                color: #999;
                text-transform: uppercase;
                margin-bottom: 6px
            }

            .product-quickview .card .right .properties .property-group .property-box,
            .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box,
            .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                width: 100%;
                background: #fff;
                border: 1px solid #e5e5e5;
                border-radius: 10px;
                -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
                box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
            }

                .product-quickview .card .right .properties .property-group .property-box.is-colors .property-item,
                .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-colors .property-item,
                .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-colors .property-item {
                    position: relative;
                    width: 25%;
                    margin: 16px 0
                }

                    .product-quickview .card .right .properties .property-group .property-box.is-colors .property-item:not(:first-child),
                    .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-colors .property-item:not(:first-child),
                    .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-colors .property-item:not(:first-child) {
                        border-left: 1px solid #e8e8e8
                    }

                    .product-quickview .card .right .properties .property-group .property-box.is-colors .property-item input,
                    .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-colors .property-item input,
                    .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-colors .property-item input {
                        position: absolute;
                        top: 0;
                        left: 0;
                        height: 100%;
                        width: 100%;
                        opacity: 0;
                        cursor: pointer
                    }

                        .product-quickview .card .right .properties .property-group .property-box.is-colors .property-item input:checked + .item-inner .color-dot,
                        .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-colors .property-item input:checked + .item-inner .color-dot,
                        .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-colors .property-item input:checked + .item-inner .color-dot {
                            border-color: #d3d3d3
                        }

                    .product-quickview .card .right .properties .property-group .property-box.is-colors .property-item .item-inner,
                    .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner,
                    .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner {
                        padding: 0 16px
                    }

                        .product-quickview .card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot,
                        .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot,
                        .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot {
                            height: 30px;
                            width: 30px;
                            margin: 0 auto;
                            border-radius: 50%;
                            border: 1.4px solid transparent;
                            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
                        }

                            .product-quickview .card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner,
                            .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner,
                            .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner {
                                height: 18px;
                                width: 18px;
                                border-radius: 50%;
                                background: #cecece
                            }

                                .product-quickview .card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner.is-red,
                                .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner.is-red,
                                .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner.is-red {
                                    background: #ff533d
                                }

                                .product-quickview .card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner.is-blue,
                                .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner.is-blue,
                                .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner.is-blue {
                                    background: #039be5
                                }

                                .product-quickview .card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner.is-green,
                                .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner.is-green,
                                .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner.is-green {
                                    background: #1ce589
                                }

                                .product-quickview .card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner.is-yellow,
                                .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner.is-yellow,
                                .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-colors .property-item .item-inner .color-dot .dot-inner.is-yellow {
                                    background: #ff9700
                                }

                .product-quickview .card .right .properties .property-group .property-box.is-sizes .property-item,
                .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-sizes .property-item,
                .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-sizes .property-item {
                    position: relative;
                    width: 25%;
                    margin: 16px 0
                }

                    .product-quickview .card .right .properties .property-group .property-box.is-sizes .property-item:not(:first-child),
                    .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-sizes .property-item:not(:first-child),
                    .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-sizes .property-item:not(:first-child) {
                        border-left: 1px solid #e8e8e8
                    }

                    .product-quickview .card .right .properties .property-group .property-box.is-sizes .property-item input,
                    .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-sizes .property-item input,
                    .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-sizes .property-item input {
                        position: absolute;
                        top: 0;
                        left: 0;
                        height: 100%;
                        width: 100%;
                        opacity: 0;
                        cursor: pointer
                    }

                        .product-quickview .card .right .properties .property-group .property-box.is-sizes .property-item input:checked + .item-inner .size-label,
                        .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-sizes .property-item input:checked + .item-inner .size-label,
                        .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-sizes .property-item input:checked + .item-inner .size-label {
                            color: #393a4f
                        }

                    .product-quickview .card .right .properties .property-group .property-box.is-sizes .property-item .item-inner,
                    .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-sizes .property-item .item-inner,
                    .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-sizes .property-item .item-inner {
                        padding: 0 16px
                    }

                        .product-quickview .card .right .properties .property-group .property-box.is-sizes .property-item .item-inner .size-label,
                        .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-group .property-box.is-sizes .property-item .item-inner .size-label,
                        .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .properties .property-group .property-box.is-sizes .property-item .item-inner .size-label {
                            display: block;
                            text-align: center;
                            font-size: .95rem;
                            font-weight: 500;
                            color: #cecece
                        }

        .product-quickview .card .right .quickview-description,
        .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .quickview-description,
        .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .quickview-description {
            margin: 24px 0;
            max-height: 220px;
            padding-right: 16px;
            overflow-y: auto
        }

            .product-quickview .card .right .quickview-description p,
            .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .quickview-description p,
            .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .quickview-description p {
                font-size: .85rem
            }

        .product-quickview .card .right .quickview-controls,
        .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .quickview-controls,
        .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .quickview-controls {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

            .product-quickview .card .right .quickview-controls .button span,
            .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .quickview-controls .button span,
            .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .quickview-controls .button span {
                margin-right: 8px
            }

            .product-quickview .card .right .quickview-controls .button var,
            .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .quickview-controls .button var,
            .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .quickview-controls .button var {
                font-weight: 500
            }

                .product-quickview .card .right .quickview-controls .button var:before,
                .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .quickview-controls .button var:before,
                .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .quickview-controls .button var:before {
                    content: "$"
                }

.shop-wrapper .cart-container {
    max-width: 1040px;
    margin: 30px auto
}

    .shop-wrapper .cart-container.is-narrow {
        margin-bottom: 16px !important
    }

    .shop-wrapper .cart-container .cart-header .header-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .shop-wrapper .cart-container .cart-header .header-inner.is-smaller h2 {
            font-weight: 600;
            font-size: 1.1rem
        }

        .shop-wrapper .cart-container .cart-header .header-inner h2 {
            font-family: "Montserrat", sans-serif;
            font-size: 1.4rem;
            font-weight: 700;
            color: #393a4f
        }

    .shop-wrapper .cart-container .cart-content {
        padding: 30px 0
    }

        .shop-wrapper .cart-container .cart-content .checkout-section {
            display: none;
            -webkit-animation: fadeInLeft .5s;
            animation: fadeInLeft .5s
        }

            .shop-wrapper .cart-container .cart-content .checkout-section.is-active {
                display: block
            }

            .shop-wrapper .cart-container .cart-content .checkout-section .address-box {
                position: relative
            }

                .shop-wrapper .cart-container .cart-content .checkout-section .address-box input {
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 100%;
                    opacity: 0;
                    cursor: pointer
                }

                    .shop-wrapper .cart-container .cart-content .checkout-section .address-box input:checked + .address-box-inner {
                        border-color: #5596e6;
                        -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
                        box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
                    }

                .shop-wrapper .cart-container .cart-content .checkout-section .address-box .address-box-inner {
                    padding: 20px;
                    border-radius: 6px;
                    border: 1px solid #e0e0e0;
                    background: #fff;
                    -webkit-transition: all .3s;
                    transition: all .3s
                }

                    .shop-wrapper .cart-container .cart-content .checkout-section .address-box .address-box-inner p {
                        font-family: "Roboto", sans-serif
                    }

                        .shop-wrapper .cart-container .cart-content .checkout-section .address-box .address-box-inner p:not(:first-child) {
                            font-size: .9rem;
                            color: #797a9e
                        }

                        .shop-wrapper .cart-container .cart-content .checkout-section .address-box .address-box-inner p:first-child {
                            font-weight: 500;
                            color: #393a4f
                        }

            .shop-wrapper .cart-container .cart-content .checkout-section .add-address-link a {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .shop-wrapper .cart-container .cart-content .checkout-section .add-address-link a svg {
                    width: 18px;
                    height: 18px
                }

                .shop-wrapper .cart-container .cart-content .checkout-section .add-address-link a span {
                    font-family: "Roboto", sans-serif;
                    font-size: .9rem;
                    margin-left: 4px
                }

            .shop-wrapper .cart-container .cart-content .checkout-section .shipping-box {
                position: relative
            }

                .shop-wrapper .cart-container .cart-content .checkout-section .shipping-box input {
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 100%;
                    opacity: 0;
                    cursor: pointer
                }

                    .shop-wrapper .cart-container .cart-content .checkout-section .shipping-box input:checked + .shipping-box-inner {
                        border-color: #5596e6;
                        -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
                        box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
                    }

                        .shop-wrapper .cart-container .cart-content .checkout-section .shipping-box input:checked + .shipping-box-inner img {
                            opacity: 1;
                            -webkit-filter: grayscale(0);
                            filter: grayscale(0)
                        }

                        .shop-wrapper .cart-container .cart-content .checkout-section .shipping-box input:checked + .shipping-box-inner p {
                            color: #5596e6
                        }

                .shop-wrapper .cart-container .cart-content .checkout-section .shipping-box .shipping-box-inner {
                    padding: 20px;
                    border-radius: 6px;
                    border: 1px solid #e0e0e0;
                    background: #fff;
                    text-align: center;
                    -webkit-transition: all .3s;
                    transition: all .3s
                }

                    .shop-wrapper .cart-container .cart-content .checkout-section .shipping-box .shipping-box-inner img {
                        max-width: 60px;
                        margin: 0 auto 10px auto;
                        -webkit-filter: grayscale(1);
                        filter: grayscale(1);
                        opacity: .6;
                        pointer-events: none;
                        -webkit-transition: all .3s;
                        transition: all .3s
                    }

                    .shop-wrapper .cart-container .cart-content .checkout-section .shipping-box .shipping-box-inner p {
                        font-family: "Roboto", sans-serif;
                        font-size: .7rem;
                        font-weight: 500;
                        text-transform: uppercase;
                        color: #797a9e;
                        -webkit-transition: color .3s;
                        transition: color .3s
                    }

        .shop-wrapper .cart-container .cart-content .flex-table .spinner {
            height: 32px;
            min-width: 80px;
            padding: 0 2px
        }

            .shop-wrapper .cart-container .cart-content .flex-table .spinner .add,
            .shop-wrapper .cart-container .cart-content .flex-table .spinner .remove {
                height: 32px;
                width: 32px
            }

                .shop-wrapper .cart-container .cart-content .flex-table .spinner .add svg,
                .shop-wrapper .cart-container .cart-content .flex-table .spinner .remove svg {
                    height: 12px;
                    width: 12px
                }

            .shop-wrapper .cart-container .cart-content .flex-table .spinner .value {
                font-size: .8rem
            }

        .shop-wrapper .cart-container .cart-content .continue-shopping {
            padding: 16px 0
        }

            .shop-wrapper .cart-container .cart-content .continue-shopping a {
                font-size: .9rem;
                color: #999;
                padding: 10px 20px;
                background: #fff;
                border: 1px solid transparent;
                border-radius: 100px;
                -webkit-transition: all .3s;
                transition: all .3s
            }

                .shop-wrapper .cart-container .cart-content .continue-shopping a:hover {
                    -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
                    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
                    border-color: #5596e6;
                    color: #5596e6
                }

        .shop-wrapper .cart-container .cart-content .cart-summary {
            padding-left: 20px
        }

            .shop-wrapper .cart-container .cart-content .cart-summary .summary-header h3 {
                font-family: "Montserrat", sans-serif;
                font-size: .7rem;
                font-weight: 600;
                color: #999;
                text-transform: uppercase;
                padding-bottom: 14px
            }

            .shop-wrapper .cart-container .cart-content .cart-summary .summary-card {
                position: relative;
                padding: 20px;
                border: 1px solid #e0e0e0
            }

                .shop-wrapper .cart-container .cart-content .cart-summary .summary-card > h3 {
                    font-family: "Montserrat", sans-serif;
                    font-size: .7rem;
                    font-weight: 600;
                    color: #999;
                    text-transform: uppercase;
                    padding-bottom: 14px
                }

                .shop-wrapper .cart-container .cart-content .cart-summary .summary-card > p {
                    color: #797a9e !important
                }

                .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .shipping-logo {
                    display: block;
                    position: absolute;
                    top: 12px;
                    right: 16px;
                    width: 28px;
                    opacity: 0;
                    pointer-events: none;
                    -webkit-transition: all .3s;
                    transition: all .3s
                }

                    .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .shipping-logo.is-active {
                        opacity: 1
                    }

                .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between
                }

                    .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line:not(:last-child) {
                        margin-bottom: 12px
                    }

                    .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line span {
                        display: block;
                        font-family: "Montserrat", sans-serif
                    }

                        .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line span:first-child {
                            font-size: .8rem;
                            font-weight: 600;
                            color: #999
                        }

                            .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line span:first-child.is-total {
                                color: #393a4f
                            }

                        .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line span:nth-child(2) {
                            font-size: .8rem;
                            font-weight: 600;
                            color: #393a4f
                        }

                            .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line span:nth-child(2):before {
                                content: "$"
                            }

                            .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line span:nth-child(2).is-total {
                                font-weight: 700;
                                font-size: .9rem
                            }

                            .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line span:nth-child(2).is-text {
                                font-weight: 400 !important;
                                font-size: .7rem;
                                color: #999
                            }

                                .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line span:nth-child(2).is-text:before {
                                    content: ""
                                }

                .shop-wrapper .cart-container .cart-content .cart-summary .summary-card img {
                    display: block;
                    max-width: 60px;
                    margin: 0 auto 20px auto
                }

                .shop-wrapper .cart-container .cart-content .cart-summary .summary-card h4 {
                    font-family: "Montserrat", sans-serif;
                    font-weight: 600;
                    color: #393a4f;
                    font-size: .9rem
                }

                .shop-wrapper .cart-container .cart-content .cart-summary .summary-card p {
                    font-size: .9rem;
                    color: #999
                }

                .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .button.is-loading {
                    color: transparent !important
                }

.checkout-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1040px;
    margin: 0 auto;
    -webkit-animation: fadeInLeft .5s;
    animation: fadeInLeft .5s
}

    .checkout-container .left,
    .checkout-container .right {
        width: 49%
    }

        .checkout-container .left .left-header {
            background: #fff;
            border-radius: 10px;
            padding: 20px;
            border: 1px solid #e8e8e8;
            -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
            box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
            margin-bottom: 20px
        }

            .checkout-container .left .left-header .header-inner {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-bottom: 10px
            }

                .checkout-container .left .left-header .header-inner .avatar {
                    display: block;
                    height: 70px;
                    width: 70px;
                    min-width: 70px;
                    border-radius: 8px
                }

                .checkout-container .left .left-header .header-inner .separator {
                    height: 34px;
                    width: 1px;
                    margin: 0 24px;
                    border-right: 1px solid #d9d9d9;
                    display: none
                }

                .checkout-container .left .left-header .header-inner .logo {
                    display: block;
                    max-width: 110px;
                    max-height: 40px
                }

                .checkout-container .left .left-header .header-inner .title-wrap {
                    margin-left: 12px;
                    line-height: 1.3
                }

                    .checkout-container .left .left-header .header-inner .title-wrap .payment-title {
                        font-family: "Roboto", sans-serif;
                        color: #393a4f;
                        font-size: 1.3rem;
                        font-weight: 500;
                        margin-bottom: 0
                    }

                    .checkout-container .left .left-header .header-inner .title-wrap .payment-subtitle {
                        font-family: "Roboto", sans-serif;
                        color: #999;
                        font-size: .9rem;
                        margin-bottom: 0
                    }

            .checkout-container .left .left-header .header-coupon {
                padding: 20px 0 0 0;
                border-top: 1px solid #e0e0e0;
                margin-bottom: 20px
            }

                .checkout-container .left .left-header .header-coupon .field.is-grouped .control:first-child {
                    -webkit-box-flex: 2;
                    -ms-flex-positive: 2;
                    flex-grow: 2
                }

            .checkout-container .left .left-header .header-foot {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                -webkit-box-align: end;
                -ms-flex-align: end;
                align-items: flex-end;
                margin-top: 10px;
                padding-top: 10px;
                border-top: 1px solid #e0e0e0
            }

                .checkout-container .left .left-header .header-foot span {
                    display: block;
                    font-family: "Roboto", sans-serif
                }

                    .checkout-container .left .left-header .header-foot span.label {
                        font-size: 1rem;
                        font-weight: 500;
                        color: #393a4f;
                        margin-bottom: 0
                    }

                    .checkout-container .left .left-header .header-foot span.amount {
                        font-size: 1.3rem;
                        font-weight: 600;
                        color: #393a4f
                    }

                        .checkout-container .left .left-header .header-foot span.amount:before {
                            content: attr(data-currency);
                            position: relative;
                            left: -5px;
                            font-weight: 500;
                            font-size: .75rem;
                            color: #999
                        }

        .checkout-container .left .left-body {
            padding: 20px 0
        }

        .checkout-container .right .payment-form {
            background: #fff;
            border-radius: 10px;
            padding: 30px;
            border: 1px solid #e8e8e8;
            -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
            box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
        }

            .checkout-container .right .payment-form .provider-form {
                display: none
            }

                .checkout-container .right .payment-form .provider-form.is-active {
                    display: block
                }

            .checkout-container .right .payment-form .form-section.has-margin-bottom {
                margin-bottom: 30px
            }

            .checkout-container .right .payment-form .form-section .form-section-header {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                margin-bottom: 8px
            }

                .checkout-container .right .payment-form .form-section .form-section-header h3 {
                    font-family: "Roboto", sans-serif;
                    color: #393a4f;
                    font-size: 1.1rem;
                    font-weight: 500
                }

                .checkout-container .right .payment-form .form-section .form-section-header span {
                    display: block;
                    color: #a2a5b9
                }

                    .checkout-container .right .payment-form .form-section .form-section-header span a {
                        color: #3d70b2;
                        font-weight: 600;
                        cursor: pointer;
                        padding-left: 5px
                    }

            .checkout-container .right .payment-form label {
                text-transform: uppercase;
                font-family: "Roboto";
                font-size: .7rem;
                color: #999;
                letter-spacing: 1px
            }

            .checkout-container .right .payment-form .select {
                width: 100%
            }

                .checkout-container .right .payment-form .select:after {
                    border-color: #a2a5b9;
                    border-width: 2px
                }

                .checkout-container .right .payment-form .select select {
                    width: 100%
                }

                .checkout-container .right .payment-form .select + .icon .mdi {
                    position: relative;
                    top: 2px;
                    font-size: 1.2rem
                }

            .checkout-container .right .payment-form .StripeElement {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                height: 40px;
                padding: 10px 12px;
                border: 1px solid #e2e5ec;
                border-radius: 4px;
                background-color: #fff
            }

                .checkout-container .right .payment-form .StripeElement.empty {
                    color: #a2a5b9
                }

            .checkout-container .right .payment-form .StripeElement--focus {
                -webkit-box-shadow: 0 1px 3px 0 #cfd7df;
                box-shadow: 0 1px 3px 0 #cfd7df
            }

            .checkout-container .right .payment-form .StripeElement--invalid {
                border-color: #fa755a
            }

            .checkout-container .right .payment-form .StripeElement--webkit-autofill {
                background-color: #fefde5 !important
            }

            .checkout-container .right .payment-form .is-disclaimer {
                padding-top: 10px
            }

                .checkout-container .right .payment-form .is-disclaimer p {
                    color: #a2a5b9;
                    font-size: .8rem;
                    font-family: "Roboto", sans-serif
                }

                    .checkout-container .right .payment-form .is-disclaimer p a {
                        color: #3d70b2;
                        font-weight: 500
                    }

            .checkout-container .right .payment-form .is-button {
                text-align: center;
                margin-top: 20px
            }

                .checkout-container .right .payment-form .is-button .buttons {
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center
                }

                .checkout-container .right .payment-form .is-button .button {
                    min-height: 42px;
                    -webkit-transition: all .3s;
                    transition: all .3s
                }

                    .checkout-container .right .payment-form .is-button .button:nth-child(2) {
                        border-left: 1px solid #6e98cd
                    }

                    .checkout-container .right .payment-form .is-button .button.disabled {
                        -webkit-filter: grayscale(1);
                        filter: grayscale(1);
                        opacity: .4;
                        pointer-events: none
                    }

    .checkout-container .confirmation-box {
        width: 100%;
        max-width: 480px;
        margin: 0 auto;
        background: #fff;
        border-radius: 10px;
        padding: 24px;
        border: 1px solid #e8e8e8;
        -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
        box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
    }

        .checkout-container .confirmation-box > svg {
            display: block;
            margin: 0 auto
        }

        .checkout-container .confirmation-box > h3 {
            font-family: "Roboto", sans-serif;
            color: #393a4f;
            font-size: 1.2rem;
            font-weight: 500;
            text-align: center;
            margin-bottom: 0
        }

        .checkout-container .confirmation-box > p {
            text-align: center;
            font-family: "Roboto", sans-serif;
            color: #999;
            font-size: .9rem;
            padding-bottom: 20px;
            margin-bottom: 20px;
            border-bottom: 1px solid #dedede
        }

        .checkout-container .confirmation-box .order-summary {
            padding-bottom: 10px
        }

            .checkout-container .confirmation-box .order-summary h4 {
                text-align: center;
                text-transform: uppercase;
                font-family: "Roboto";
                font-size: .85rem;
                color: #999;
                letter-spacing: 1px;
                margin-bottom: 20px
            }

            .checkout-container .confirmation-box .order-summary .order-line {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                padding: 8px 20px
            }

                .checkout-container .confirmation-box .order-summary .order-line .item.is-total span {
                    font-size: 1.2rem;
                    font-weight: 500;
                    color: #393a4f !important
                }

                .checkout-container .confirmation-box .order-summary .order-line .item span {
                    font-size: .9rem;
                    font-family: "Roboto", sans-serif;
                    display: block;
                    color: #a2a5b9
                }

                .checkout-container .confirmation-box .order-summary .order-line .amount.is-total span {
                    font-size: 1.2rem;
                    font-weight: 500;
                    color: #393a4f !important
                }

                .checkout-container .confirmation-box .order-summary .order-line .amount span {
                    font-size: .9rem;
                    font-family: "Roboto", sans-serif;
                    display: block;
                    color: #a2a5b9
                }

                    .checkout-container .confirmation-box .order-summary .order-line .amount span:before {
                        content: attr(data-currency);
                        position: relative;
                        left: -5px;
                        font-weight: 500;
                        font-size: .75rem;
                        color: #a2a5b9
                    }

@media(max-width: 767px) {
    .products-navigation .navigation-inner {
        padding-left: 12px
    }

        .products-navigation .navigation-inner .shop-info h3 {
            display: none
        }

    .navigation-panel.is-categories .navigation-panel-inner .shop-categories {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .navigation-panel.is-categories .navigation-panel-inner .shop-categories .category-item {
            width: 33.33%
        }

    .navigation-panel.is-filters .navigation-panel-inner .search-filter {
        width: 100%;
        padding: 6px 12px
    }

        .navigation-panel.is-filters .navigation-panel-inner .search-filter .control {
            margin: 0
        }

    .navigation-panel.is-filters .navigation-panel-inner .filter-group {
        display: none
    }

    .shop-wrapper {
        overflow-x: hidden
    }

        .shop-wrapper .shop-header .header-inner {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

            .shop-wrapper .shop-header .header-inner .activity-block {
                padding-top: 20px
            }

                .shop-wrapper .shop-header .header-inner .activity-block h3 {
                    margin-left: 0
                }

            .shop-wrapper .shop-header .header-inner .about-block {
                max-width: 100%;
                padding-top: 20px
            }

        .shop-wrapper .shop-header .store-tabs {
            max-width: 100%
        }

            .shop-wrapper .shop-header .store-tabs .tab-control {
                font-size: .9rem
            }

        .shop-wrapper .store-sections .store-tab-pane .columns .column {
            width: 100%
        }

        .shop-wrapper .cart-container .cart-content .cart-summary {
            padding-left: 0
        }

            .product-quickview .card,
            .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card,
            .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column
            }

                .product-quickview .card .left,
                .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .left,
                .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .left {
                    width: 100%
                }

                    .product-quickview .card .left .product-image img,
                    .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .left .product-image img,
                    .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .left .product-image img {
                        max-width: 190px
                    }

                .product-quickview .card .right,
                .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right,
                .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right {
                    width: 100%
                }

                    .product-quickview .card .right .quickview-description,
                    .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .quickview-description,
                    .shop-wrapper .cart-container .cart-content .cart-summary .product-quickview .summary-card .right .quickview-description {
                        max-height: 120px
                    }

    .checkout-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .checkout-container .left,
        .checkout-container .right {
            width: 100%
        }

        .checkout-container .left {
            margin-bottom: 20px
        }

            .checkout-container .left .left-header .header-inner {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column
            }

                .checkout-container .left .left-header .header-inner .avatar {
                    margin-bottom: 20px
                }

                .checkout-container .left .left-header .header-inner .separator {
                    display: none
                }

                .checkout-container .left .left-header .header-inner .title-wrap {
                    margin-left: 0;
                    text-align: center
                }

        .checkout-container .right .payment-form {
            padding: 20px
        }

        .checkout-container .confirmation-box {
            padding: 20px
        }

            .checkout-container .confirmation-box .order-summary .order-line {
                padding-left: 0;
                padding-right: 0
            }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .shop-wrapper {
        overflow-x: hidden
    }

        .shop-wrapper .shop-header .header-inner .store-block .img-container {
            height: 50px;
            width: 50px;
            min-width: 50px
        }

            .shop-wrapper .shop-header .header-inner .store-block .img-container img {
                height: 50px;
                width: 50px;
                min-width: 50px;
                border-radius: 12px
            }

        .shop-wrapper .shop-header .header-inner .activity-block .inner-wrap .stat-block {
            padding: 0 12px
        }

            .shop-wrapper .shop-header .header-inner .activity-block .inner-wrap .stat-block .stat-number {
                font-size: 1.2rem
            }

        .shop-wrapper .shop-header .header-inner .about-block .ellipse-text {
            font-size: .7rem
        }

        .shop-wrapper .store-sections .store-tab-pane .columns {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

            .shop-wrapper .store-sections .store-tab-pane .columns .column .product-card {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                min-height: 318px
            }

    .product-quickview .modal-content {
        max-width: 740px
    }

    .cart-container.is-payment {
        max-width: 500px
    }

    .cart-container .cart-content .cart-summary {
        padding-left: 0 !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .cart-container .cart-content .cart-summary h3 {
            display: none
        }

        .cart-container .cart-content .cart-summary .summary-card {
            width: calc(50% - 16px);
            margin: 0 8px
        }

    .checkout-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 500px
    }

        .checkout-container .left,
        .checkout-container .right {
            width: 100%
        }

            .checkout-container .left .left-header .avatar {
                height: 60px;
                width: 60px
            }

            .checkout-container .left .left-header .separator {
                margin: 0 16px
            }

            .checkout-container .left .left-header .logo {
                display: block;
                max-width: 90px;
                max-height: 28px
            }

        .checkout-container .right {
            margin-top: 20px
        }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .shop-wrapper {
        overflow-x: hidden
    }

        .shop-wrapper .store-sections .store-tab-pane .columns .column .product-card {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            min-height: 318px
        }

        .shop-wrapper .cart-container .cart-content .cart-summary {
            padding-left: 0 !important
        }
}


/*! _app-landing.scss | Friendkit | © Css Ninja. 2020-2021 */


/*! _special-mixins.scss | Friendkit | © Css Ninja. 2020-2021 */

.landing-hero-wrapper {
    position: relative;
    background-color: #fff;
    background-image: -webkit-linear-gradient(40deg, #fff 50%, #6ba4e9 50%)
}

    .landing-hero-wrapper #particles-js {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0
    }

    .landing-hero-wrapper .landing-caption h2 {
        font-family: "Montserrat", sans-serif;
        font-size: 5rem;
        font-weight: bold;
        color: #fcfcfc;
        line-height: 1;
        text-shadow: 5px 5px #3180e1, 10px 10px #3180e1
    }

    .landing-hero-wrapper .landing-caption h3 {
        font-family: "Montserrat", sans-serif;
        font-size: 1.8rem;
        font-weight: 300;
        color: #fcfcfc;
        padding: 0 10px;
        text-shadow: 2px 2px #3180e1, 5px 5px #3180e1
    }

    .landing-hero-wrapper .landing-caption .button {
        margin: 20px 10px;
        height: 48px;
        text-transform: uppercase;
        font-size: .95rem;
        min-width: 190px;
        color: #5596e6
    }

        .landing-hero-wrapper .landing-caption .button:hover {
            -webkit-box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important;
            box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important
        }

.header-logo {
    height: 44px;
    width: 44px;
    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;
    border-radius: 50%;
    border: 1px solid #5596e6;
    -webkit-box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important;
    box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important;
    background: #5596e6;
    margin: 10px auto
}

    .header-logo img {
        display: block;
        height: 32px;
        width: 32px
    }

.landing-wrapper.is-grey {
    background: #fafafa
}

.landing-wrapper .made-with {
    max-width: 640px;
    margin: 0 auto 3rem 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
}

    .landing-wrapper .made-with .made-block {
        width: calc(25% - 10px);
        margin: 10px
    }

        .landing-wrapper .made-with .made-block .block-icon {
            height: 90px;
            width: 90px;
            margin: 0 auto;
            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;
            border: 1px solid #e8e8e8;
            border-radius: 50%;
            -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
            box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
        }

            .landing-wrapper .made-with .made-block .block-icon img {
                display: block;
                max-width: 60px
            }

        .landing-wrapper .made-with .made-block .block-title {
            text-align: center;
            margin-top: 12px
        }

            .landing-wrapper .made-with .made-block .block-title h3 {
                font-family: "Montserrat", sans-serif;
                font-weight: 600;
                color: #393a4f
            }

.landing-wrapper .screen-wrapper {
    border-bottom: 1.4px solid #e8e8e8
}

    .landing-wrapper .screen-wrapper.is-spaced {
        margin: 5rem 0
    }

    .landing-wrapper .screen-wrapper.has-plant {
        position: relative
    }

        .landing-wrapper .screen-wrapper.has-plant .plant-1 {
            position: absolute;
            bottom: -1rem;
            right: -5rem;
            max-height: 250px;
            max-width: 170px
        }

        .landing-wrapper .screen-wrapper.has-plant .plant-2 {
            position: absolute;
            bottom: -1rem;
            left: -4rem;
            max-height: 250px;
            max-width: 170px
        }

    .landing-wrapper .screen-wrapper img:not(.plant) {
        display: block;
        border-radius: 8px 8px 0 0;
        border: 1px solid #e8e8e8;
        border-bottom: none;
        -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
        box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
        width: 100%;
        max-width: 940px;
        margin: 0 auto
    }

.landing-wrapper .landing-icon-box {
    text-align: center;
    margin-bottom: 20px
}

    .landing-wrapper .landing-icon-box svg {
        height: 30px;
        width: 30px;
        stroke-width: 1.4px;
        margin: 0 auto
    }

    .landing-wrapper .landing-icon-box img {
        display: block;
        height: 54px;
        width: 54px;
        margin: 0 auto 4px auto
    }

    .landing-wrapper .landing-icon-box h3 {
        font-family: "Montserrat", sans-serif;
        color: #393a4f;
        font-weight: 500;
        font-size: .95rem
    }

    .landing-wrapper .landing-icon-box p {
        font-size: .9rem;
        color: #999
    }

.section.is-grey {
    background: #fafafa
}

.side-feature h3 {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    color: #393a4f;
    font-size: 2rem
}

.side-feature p {
    color: #999;
    font-size: 1rem;
    max-width: 440px
}

.side-feature img {
    display: block;
    max-width: 460px;
    margin: 0 auto
}

.demo-section {
    margin-bottom: 100px
}

    .demo-section .demo-section-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 30px
    }

        .demo-section .demo-section-title img {
            display: block;
            width: 100%;
            max-width: 100px
        }

        .demo-section .demo-section-title .title-meta {
            margin-left: 12px;
            line-height: 1.2
        }

            .demo-section .demo-section-title .title-meta h3 {
                font-family: "Montserrat", sans-serif;
                font-weight: 500;
                font-size: 1.25rem;
                text-transform: capitalize;
                color: #393a4f;
                margin-bottom: .25rem;
                padding: 0
            }

            .demo-section .demo-section-title .title-meta p {
                font-family: "Roboto", sans-serif;
                font-size: .9rem;
                color: #a2a5b9
            }

.demo-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
}

    .demo-wrapper:hover .circle-overlay {
        -webkit-transform: scale(35);
        transform: scale(35)
    }

    .demo-wrapper:hover .demo-title {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: 0 !important;
        transition-delay: 0 !important
    }

    .demo-wrapper:hover .demo-link {
        color: #fff;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: 0 !important;
        transition-delay: 0 !important
    }

    .demo-wrapper .new-tag {
        position: absolute;
        bottom: 10px;
        right: 10px;
        background: red;
        color: #fff;
        font-family: "Roboto", sans-serif;
        padding: 6px 16px;
        border-radius: 8px;
        text-transform: uppercase;
        font-size: .8rem;
        z-index: 8
    }

    .demo-wrapper img {
        border: 1px solid #e0e0e0;
        border-radius: 4px;
        display: block
    }

    .demo-wrapper .circle-overlay {
        position: absolute;
        top: -60px;
        left: -60px;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: #3d70b2;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all .5s;
        transition: all .5s;
        z-index: 1
    }

    .demo-wrapper .demo-info {
        position: absolute;
        margin: 0 auto;
        top: 35%;
        left: 0;
        right: 0;
        z-index: 2;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .demo-wrapper .demo-title {
        color: #fff;
        font-family: "Montserrat", sans-serif;
        font-size: 1.5rem;
        font-weight: 600;
        padding-bottom: 0;
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: all .3s;
        transition: all .3s;
        -webkit-transition-delay: .1s;
        transition-delay: .1s
    }

    .demo-wrapper .demo-link {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: all .3s;
        transition: all .3s;
        -webkit-transition-delay: .2s;
        transition-delay: .2s
    }

        .demo-wrapper .demo-link a {
            color: #fff;
            font-size: 1rem
        }

            .demo-wrapper .demo-link a i {
                position: relative;
                top: 8px;
                opacity: 0;
                -webkit-transform: translateX(0);
                transform: translateX(0);
                -webkit-transition: all .3s ease-out;
                transition: all .3s ease-out
            }

            .demo-wrapper .demo-link a svg {
                position: relative;
                top: 5px;
                height: 20px;
                width: 20px;
                opacity: 0;
                -webkit-transform: translateX(0);
                transform: translateX(0);
                -webkit-transition: all .3s ease-out;
                transition: all .3s ease-out
            }

            .demo-wrapper .demo-link a:hover i,
            .demo-wrapper .demo-link a:hover svg {
                opacity: 1;
                -webkit-transform: translateX(5px);
                transform: translateX(5px)
            }

.demos-wrapper {
    background: #fafafa
}

    .demos-wrapper .demos-title h3 {
        font-family: "Montserrat", sans-serif;
        font-weight: bold;
        font-size: 1.6rem;
        color: #393a4f
    }

    .demos-wrapper .demos-list {
        padding: 80px 0
    }

        .demos-wrapper .demos-list .demo-item {
            position: relative;
            display: block;
            overflow: hidden
        }

            .demos-wrapper .demos-list .demo-item:hover img {
                -webkit-filter: grayscale(0);
                filter: grayscale(0);
                opacity: 1;
                -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
                box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
            }

            .demos-wrapper .demos-list .demo-item:hover .go-arrow {
                -webkit-transform: translate(0, 0);
                transform: translate(0, 0)
            }

            .demos-wrapper .demos-list .demo-item .go-arrow {
                position: absolute;
                bottom: -20px;
                right: -20px;
                height: 80px;
                width: 80px;
                background: #3f88e3;
                border-radius: 50%;
                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-transform: translate(80px, 80px);
                transform: translate(80px, 80px);
                -webkit-box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important;
                box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important;
                -webkit-transition: all .3s;
                transition: all .3s;
                z-index: 2
            }

                .demos-wrapper .demos-list .demo-item .go-arrow:hover {
                    background: #3d70b2;
                    -webkit-box-shadow: 0 14px 26px -12px rgba(61, 112, 178, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(61, 112, 178, .2) !important;
                    box-shadow: 0 14px 26px -12px rgba(61, 112, 178, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(61, 112, 178, .2) !important
                }

                .demos-wrapper .demos-list .demo-item .go-arrow svg {
                    position: relative;
                    top: -6px;
                    left: -6px;
                    height: 22px;
                    width: 22px;
                    stroke: #fff
                }

            .demos-wrapper .demos-list .demo-item img {
                display: block;
                border: 1px solid #e8e8e8;
                -webkit-filter: grayscale(0.8);
                filter: grayscale(0.8);
                opacity: .85;
                -webkit-transition: all .3s;
                transition: all .3s
            }

        .demos-wrapper .demos-list h3 {
            padding: 16px 0;
            color: #393a4f;
            text-transform: uppercase;
            font-weight: 500;
            font-size: .8rem;
            font-family: "Montserrat", sans-serif;
            -webkit-transition: color .3s;
            transition: color .3s
        }

.cta-wrapper .cta-title {
    text-align: center
}

    .cta-wrapper .cta-title h3 {
        font-family: "Montserrat", sans-serif;
        font-weight: bold;
        font-size: 1.6rem;
        color: #393a4f
    }

    .cta-wrapper .cta-title .custom-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 10px auto;
        max-width: 200px;
        border: 2px solid #d3f4ed;
        border-radius: 100px;
        -webkit-transition: all .3s;
        transition: all .3s
    }

        .cta-wrapper .cta-title .custom-button:hover {
            background: #d3f4ed;
            -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
            box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
        }

            .cta-wrapper .cta-title .custom-button:hover span {
                color: #393a4f
            }

        .cta-wrapper .cta-title .custom-button img {
            display: block;
            height: 50px;
            width: 50px
        }

        .cta-wrapper .cta-title .custom-button span {
            display: block;
            font-family: "Montserrat", sans-serif;
            font-weight: 500;
            font-size: 1rem;
            color: #8edfcf;
            margin-left: 12px;
            -webkit-transition: color .3s;
            transition: color .3s
        }

.cta-wrapper .people-img {
    display: block;
    max-width: 480px;
    margin: 0 auto
}

@media(max-width: 767px) {
    .landing-hero-wrapper .landing-caption {
        text-align: center
    }

        .landing-hero-wrapper .landing-caption h2 {
            margin-top: 40px;
            font-size: 2.6rem;
            color: #5596e6;
            text-shadow: 5px 5px #fff, 10px 10px #fff
        }

        .landing-hero-wrapper .landing-caption h3 {
            color: #5596e6;
            text-shadow: 2px 2px #fff, 4px 4px #fff
        }

        .landing-hero-wrapper .landing-caption .buttons .button {
            margin-left: auto !important;
            margin-right: auto !important
        }

    .side-feature img {
        max-width: 340px
    }

    .landing-wrapper .made-with {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .landing-wrapper .made-with .made-block {
            width: calc(45% - 10px)
        }

    .landing-wrapper .screen-wrapper.has-plant .plant-1,
    .landing-wrapper .screen-wrapper.has-plant .plant-2 {
        max-height: 160px;
        max-width: 110px
    }

    .landing-wrapper .screen-wrapper.has-plant .plant-1 {
        right: -2rem
    }

    .landing-wrapper .screen-wrapper.has-plant .plant-2 {
        left: -2rem
    }

    .landing-wrapper .screen-wrapper img {
        max-width: 100%
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .landing-hero-wrapper .landing-caption {
        text-align: center
    }

        .landing-hero-wrapper .landing-caption img {
            max-width: 580px
        }

        .landing-hero-wrapper .landing-caption h2 {
            color: #5596e6;
            text-shadow: 5px 5px #fff, 10px 10px #fff
        }

        .landing-hero-wrapper .landing-caption h3 {
            color: #5596e6;
            text-shadow: 2px 2px #fff, 4px 4px #fff
        }

        .landing-hero-wrapper .landing-caption .buttons .button {
            margin-left: auto !important;
            margin-right: auto !important
        }

    .landing-wrapper.icons-section .columns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .landing-wrapper .screen-wrapper img {
        max-width: 100%
    }

    .side-feature h3,
    .side-feature p {
        text-align: center;
        margin: 0 auto
    }

    .side-feature img {
        max-width: 450px;
        margin: 0 auto;
        display: block
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .cta-wrapper .people-img {
        max-width: 600px
    }

    #tour-start {
        display: none !important
    }
}


/*! _app-signup.scss | Friendkit | © Css Ninja. 2020-2021 */

.fake-nav {
    height: 55px;
    width: 100%;
    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;
    background: #fff
}

    .fake-nav img {
        max-width: 48px
    }

.signup-wrapper {
    min-height: 100vh;
    position: relative
}

    .signup-wrapper .process-bar-wrap {
        padding: 30px 0 0 0
    }

    .signup-wrapper .process-bar {
        height: 18px;
        background: #fff;
        border-radius: 100px;
        max-width: 520px;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .signup-wrapper .process-bar .progress-wrap {
            position: relative;
            margin: 0 12px;
            width: calc(100% - 24px);
            height: 6px;
            border-radius: 100px
        }

            .signup-wrapper .process-bar .progress-wrap .track,
            .signup-wrapper .process-bar .progress-wrap .bar {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                border-radius: 100px
            }

            .signup-wrapper .process-bar .progress-wrap .track {
                background: #eaeaea;
                width: 100%
            }

            .signup-wrapper .process-bar .progress-wrap .bar {
                background: #5596e6;
                width: 0;
                -webkit-transition: width .4s;
                transition: width .4s
            }

            .signup-wrapper .process-bar .progress-wrap .dot {
                position: absolute;
                top: calc(50% - 19px);
                height: 38px;
                width: 38px;
                background: #fff;
                border-radius: 50%;
                border: 1.4px solid #e8e8e8;
                -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
                box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
                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;
                pointer-events: none
            }

                .signup-wrapper .process-bar .progress-wrap .dot.is-first {
                    left: -19px
                }

                .signup-wrapper .process-bar .progress-wrap .dot.is-second {
                    left: calc(33% - 19px)
                }

                .signup-wrapper .process-bar .progress-wrap .dot.is-third {
                    left: calc(66% - 19px)
                }

                .signup-wrapper .process-bar .progress-wrap .dot.is-fourth {
                    right: -19px
                }

             
                .signup-wrapper .process-bar .progress-wrap .dot.is-active {
                    border-color: #5596e6;
                    -webkit-box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important;
                    box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important
                }

                    .signup-wrapper .process-bar .progress-wrap .dot.is-active svg {
                        stroke: #5596e6
                    }

                .signup-wrapper .process-bar .progress-wrap .dot.is-current {
                    border-color: #3d70b2;
                    -webkit-box-shadow: 0 14px 26px -12px rgba(61, 112, 178, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(61, 112, 178, .2) !important;
                    box-shadow: 0 14px 26px -12px rgba(61, 112, 178, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(61, 112, 178, .2) !important
                }

                    .signup-wrapper .process-bar .progress-wrap .dot.is-current svg {
                        stroke: #3d70b2
                    }

                .signup-wrapper .process-bar .progress-wrap .dot svg {
                    height: 16px;
                    width: 16px;
                    stroke: #cecece;
                    -webkit-transition: stroke .3s;
                    transition: stroke .3s
                }

    .signup-wrapper .outer-panel {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: calc(100vh - 133px)
    }

        .signup-wrapper .outer-panel .outer-panel-inner {
            width: 100%
        }

    .signup-wrapper .process-title {
        max-width: 840px;
        margin: 0 auto;
        text-align: center
    }

        .signup-wrapper .process-title h2 {
            font-family: "Montserrat", sans-serif;
            font-weight: 400 !important;
            font-size: 1.2rem
        }

        .signup-wrapper .process-title .step-title {
            -webkit-animation: fadeInUp .5s;
            animation: fadeInUp .5s;
            display: none
        }

            .signup-wrapper .process-title .step-title.is-active {
                display: block
            }

    .signup-wrapper .process-panel-wrap {
        display: none;
        -webkit-animation: fadeInLeft .5s;
        animation: fadeInLeft .5s;
        max-width: 1040px;
        margin: 0 auto;
        padding: 20px 0
    }

        .signup-wrapper .process-panel-wrap.is-active {
            display: block
        }

        .signup-wrapper .process-panel-wrap.is-narrow {
            max-width: 540px
        }

        .signup-wrapper .process-panel-wrap .account-type {
            width: 100%;
            background: #fff;
            border: 1px solid #e8e8e8;
            border-radius: 8px;
            padding: 30px;
            text-align: center
        }

            .signup-wrapper .process-panel-wrap .account-type .type-image {
                position: relative
            }

                .signup-wrapper .process-panel-wrap .account-type .type-image .type-bg {
                    margin-top: -5%
                }

                .signup-wrapper .process-panel-wrap .account-type .type-image .type-illustration {
                    position: absolute;
                    top: -15%;
                    left: 0;
                    -webkit-transform: scale(1.25);
                    transform: scale(1.25)
                }

            .signup-wrapper .process-panel-wrap .account-type > img {
                margin: 0 auto 20px auto;
                max-height: 140px
            }

            .signup-wrapper .process-panel-wrap .account-type h3 {
                font-family: "Montserrat", sans-serif;
                font-weight: 600 !important;
                font-size: 1rem;
                padding: .5rem 0
            }

            .signup-wrapper .process-panel-wrap .account-type p {
                color: #a2a5b9;
                font-size: .9rem
            }

            .signup-wrapper .process-panel-wrap .account-type .button {
                margin-top: 20px;
                border-width: 1.4px;
                min-height: 42px;
                color: #999
            }

                .signup-wrapper .process-panel-wrap .account-type .button:hover,
                .signup-wrapper .process-panel-wrap .account-type .button.is-loading {
                    border-color: #5596e6;
                    background: #5596e6;
                    color: #fff;
                    -webkit-box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important;
                    box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important
                }

        .signup-wrapper .process-panel-wrap .form-panel {
            width: 100%;
            background: #fff;
            border: 1px solid #e8e8e8;
            border-radius: 8px;
            padding: 30px
        }

            .signup-wrapper .process-panel-wrap .form-panel .field {
                border: 1px solid #e8e8e8;
                padding: 4px 8px 8px 8px;
                border-radius: 6px;
                background: #fcfcfc;
                margin-bottom: 20px
            }

                .signup-wrapper .process-panel-wrap .form-panel .field:last-child {
                    margin-bottom: 0
                }

                .signup-wrapper .process-panel-wrap .form-panel .field label {
                    text-transform: uppercase;
                    font-size: .7rem;
                    font-weight: 500;
                    color: #757a91;
                    padding-left: 8px
                }

                .signup-wrapper .process-panel-wrap .form-panel .field .control input {
                    border: none;
                    height: 30px;
                    background: #fcfcfc
                }

            .signup-wrapper .process-panel-wrap .form-panel .success-image {
                display: block;
                max-width: 120px;
                margin: 0 auto
            }

            .signup-wrapper .process-panel-wrap .form-panel .success-text {
                text-align: center;
                margin: 12px auto;
                max-width: 370px
            }

                .signup-wrapper .process-panel-wrap .form-panel .success-text h3 {
                    font-weight: 500;
                    color: #393a4f
                }

                .signup-wrapper .process-panel-wrap .form-panel .success-text p {
                    font-size: .9rem;
                    color: #999
                }

                .signup-wrapper .process-panel-wrap .form-panel .success-text .button {
                    margin: 20px auto 0 auto;
                    max-width: 280px;
                    border: 1.4px solid #5596e6;
                    color: #5596e6
                }

                    .signup-wrapper .process-panel-wrap .form-panel .success-text .button:hover,
                    .signup-wrapper .process-panel-wrap .form-panel .success-text .button.is-loading {
                        border-color: #5596e6;
                        background: #5596e6;
                        color: #fff;
                        -webkit-box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important;
                        box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important
                    }

        .signup-wrapper .process-panel-wrap .photo-upload .preview {
            position: relative;
            height: 120px;
            width: 120px;
            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;
            border-radius: 50%;
            border: 1.4px solid #cecece;
            margin: 0 auto
        }

            .signup-wrapper .process-panel-wrap .photo-upload .preview img {
                display: block;
                height: 100px;
                width: 100px;
                border-radius: 50%
            }

            .signup-wrapper .process-panel-wrap .photo-upload .preview .upload-button {
                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: 36px;
                width: 36px;
                border-radius: 50%;
                border: 3px solid #fff;
                background: #cecece;
                -webkit-transition: all .3s;
                transition: all .3s
            }

                .signup-wrapper .process-panel-wrap .photo-upload .preview .upload-button:hover {
                    background: #3d70b2
                }

                .signup-wrapper .process-panel-wrap .photo-upload .preview .upload-button svg {
                    height: 14px;
                    width: 14px;
                    stroke: #fff;
                    stroke-width: 3px
                }

        .signup-wrapper .process-panel-wrap .photo-upload .limitation {
            margin-top: 20px;
            text-align: center
        }

            .signup-wrapper .process-panel-wrap .photo-upload .limitation small {
                color: #999
            }

        .signup-wrapper .process-panel-wrap .buttons {
            padding: 20px 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end
        }

            .signup-wrapper .process-panel-wrap .buttons .button {
                min-width: 90px
            }

                .signup-wrapper .process-panel-wrap .buttons .button.is-next:hover {
                    border-color: #5596e6;
                    background: #5596e6;
                    color: #fcfcfc;
                    -webkit-box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important;
                    box-shadow: 0 14px 26px -12px rgba(85, 150, 230, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(85, 150, 230, .2) !important
                }

.crop-modal .modal-card {
    max-width: 100%
}

.crop-modal .modal-card-head h3 {
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    font-weight: 600
}

.crop-modal .modal-card-head .close-wrap {
    height: 30px;
    width: 30px;
    margin-left: auto
}

    .crop-modal .modal-card-head .close-wrap .close-modal {
        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;
        border-radius: 50%;
        border: none;
        background: transparent;
        cursor: pointer;
        -webkit-transition: background .3s;
        transition: background .3s
    }

        .crop-modal .modal-card-head .close-wrap .close-modal:hover {
            background: #e8e8e8
        }

        .crop-modal .modal-card-head .close-wrap .close-modal svg {
            height: 18px;
            width: 18px;
            stroke: #757a91
        }

.crop-modal .modal-card-body {
    position: relative;
    min-height: 330px;
    overflow: hidden
}

    .crop-modal .modal-card-body .cropper-wrapper {
        margin: 0 auto
    }

        .crop-modal .modal-card-body .cropper-wrapper .button {
            min-width: 70px;
            height: 34px;
            border-radius: 100px;
            outline: none !important;
            background: #3d70b2;
            border-color: #3d70b2;
            color: #fff
        }

@media(max-width: 767px) {
    .signup-wrapper .outer-panel .outer-panel-inner {
        max-width: 330px;
        margin: 0 auto
    }

        .signup-wrapper .outer-panel .outer-panel-inner .account-type {
            position: relative;
            text-align: left
        }

            .signup-wrapper .outer-panel .outer-panel-inner .account-type img {
                display: none
            }

            .signup-wrapper .outer-panel .outer-panel-inner .account-type .button {
                position: absolute;
                top: 0;
                left: 0;
                margin: 0;
                height: 100%;
                width: 100%;
                opacity: 0
            }

    .signup-wrapper .process-bar-wrap {
        max-width: 320px;
        margin: 0 auto
    }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) {
    .signup-wrapper .outer-panel .outer-panel-inner {
        max-width: 740px;
        margin: 0 auto
    }

        .signup-wrapper .outer-panel .outer-panel-inner .columns {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

            .signup-wrapper .outer-panel .outer-panel-inner .columns .account-type {
                padding: 20px
            }

                .signup-wrapper .outer-panel .outer-panel-inner .columns .account-type img {
                    height: 110px
                }
}


/*! _app-login.scss | Crowdkit | © Css Ninja. 2020-2021 */

.login-wrapper .hero.is-login {
    position: relative;
    background: #5596e6;
    background: -webkit-gradient(linear, left top, left bottom, from(#9cc2f0), to(#5596e6));
    background: linear-gradient(180deg, #9cc2f0, #5596e6);
    background-size: 400% 400%;
    -webkit-animation: gradientShift 12s ease infinite;
    animation: gradientShift 12s ease infinite
}

    .login-wrapper .hero.is-login .left-caption {
        max-width: 400px;
        margin: 0 auto
    }

        .login-wrapper .hero.is-login .left-caption h2 {
            font-family: "Montserrat", sans-serif;
            font-weight: bold;
            font-size: 3.2rem;
            color: #fcfcfc;
            line-height: 1.3;
            text-shadow: 4px 4px #3180e1, 8px 8px #3180e1
        }

.login-wrapper .hero.form-hero {
    position: relative
}

    .login-wrapper .hero.form-hero .logo-wrap {
        position: absolute;
        top: calc(50% - 50px);
        left: -50px;
        height: 100px;
        width: 100px;
        border-radius: 50%;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transform: rotate(32deg);
        transform: rotate(32deg)
    }

        .login-wrapper .hero.form-hero .logo-wrap .wrap-inner {
            height: 86px;
            width: 86px;
            border-radius: 50%;
            background: #5596e6;
            background: -webkit-gradient(linear, left top, left bottom, from(#9cc2f0), to(#5596e6));
            background: linear-gradient(180deg, #9cc2f0, #5596e6);
            background-size: 400% 400%;
            -webkit-animation: gradientShift 45s ease infinite;
            animation: gradientShift 45s ease infinite;
            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
        }

            .login-wrapper .hero.form-hero .logo-wrap .wrap-inner img {
                display: block;
                max-width: 54px
            }

.login-wrapper .form-wrapper {
    max-width: 540px;
    min-width: 380px;
    margin: 0 auto
}

    .login-wrapper .form-wrapper .avatar {
        position: relative;
        height: 110px;
        width: 110px;
        border-radius: 50%;
        margin: 0 auto 20px auto;
        border: 1.4px solid #cecece;
        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
    }

        .login-wrapper .form-wrapper .avatar .badge {
            position: absolute;
            top: 0;
            right: 0;
            height: 32px;
            width: 32px;
            border-radius: 50%;
            border: 3px solid #fff;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            background: #1ce589
        }

            .login-wrapper .form-wrapper .avatar .badge svg {
                height: 14px;
                width: 14px;
                stroke: #fff;
                stroke-width: 4px
            }

        .login-wrapper .form-wrapper .avatar img {
            display: block;
            height: 94px;
            width: 94px;
            border-radius: 50%
        }

    .login-wrapper .form-wrapper .login-form .field .control {
        position: relative
    }

        .login-wrapper .form-wrapper .login-form .field .control .input {
            height: 40px;
            padding-left: 40px
        }

            .login-wrapper .form-wrapper .login-form .field .control .input:focus {
                border-color: #5596e6
            }

                .login-wrapper .form-wrapper .login-form .field .control .input:focus + .input-icon svg {
                    stroke: #5596e6
                }

        .login-wrapper .form-wrapper .login-form .field .control .input-icon {
            position: absolute;
            top: 0;
            left: 0;
            height: 40px;
            width: 40px;
            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
        }

            .login-wrapper .form-wrapper .login-form .field .control .input-icon svg {
                height: 18px;
                width: 18px;
                stroke: #cecece;
                -webkit-transition: stroke .3s;
                transition: stroke .3s
            }

        .login-wrapper .form-wrapper .login-form .field .control button,
        .login-wrapper .form-wrapper .login-form .field .control .button {
            height: 46px;
            font-size: .95rem
        }

    .login-wrapper .form-wrapper .forgot-password {
        padding: 1.5rem !important
    }

        .login-wrapper .form-wrapper .forgot-password a {
            color: #999;
            font-size: .9rem
        }

            .login-wrapper .form-wrapper .forgot-password a:hover {
                color: #5596e6
            }

.login-container {
    height: calc(100vh - 100px);
    padding: 20px
}

    .login-container.is-centered {
        padding-top: 5rem
    }

        .login-container.is-centered .login-form {
            margin: 0 auto
        }

    .login-container .login-image {
        max-width: 620px;
        margin: 0 auto
    }

    .login-container .form-title {
        font-family: "Roboto", sans-serif;
        font-size: 1.5rem;
        color: #393a4f;
        font-weight: 300
    }

    .login-container .form-subtitle {
        font-family: "Roboto", sans-serif;
        font-size: .9rem;
        color: #a2a5b9;
        margin-bottom: 1rem
    }

    .login-container .login-form {
        max-width: 380px
    }

        .login-container .login-form .columns {
            padding-top: 1rem
        }

            .login-container .login-form .columns .column {
                padding-top: .35rem;
                padding-bottom: .35rem
            }

        .login-container .login-form .field.is-flex {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 10px 0 16px 0
        }

            .login-container .login-form .field.is-flex .switch-block {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .login-container .login-form .field.is-flex .switch-block .f-switch {
                    -webkit-transform: scale(0.9);
                    transform: scale(0.9)
                }

                .login-container .login-form .field.is-flex .switch-block .meta {
                    margin-left: 6px
                }

                    .login-container .login-form .field.is-flex .switch-block .meta p {
                        font-size: .9rem;
                        color: #999
                    }

            .login-container .login-form .field.is-flex a {
                font-family: "Roboto", sans-serif;
                font-size: .9rem;
                color: #a2a5b9;
                -webkit-transition: color .3s;
                transition: color .3s
            }

                .login-container .login-form .field.is-flex a:hover {
                    color: #3d70b2
                }

        .login-container .login-form .account-link a {
            font-family: "Roboto", sans-serif;
            font-size: .8rem;
            color: #a2a5b9;
            -webkit-transition: color .3s;
            transition: color .3s
        }

            .login-container .login-form .account-link a:hover {
                color: #3d70b2
            }

@media(max-width: 767px) {
    .login-wrapper .logo-wrap {
        display: none !important
    }

    .login-wrapper .form-wrapper {
        min-width: 320px !important
    }

    .login-container .image-column {
        display: none
    }

    .login-container .form-title,
    .login-container .form-subtitle {
        text-align: center
    }

    .login-container .form-title {
        padding-top: 60px
    }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: landscape) {
    .login-wrapper .hero.is-login .left-caption h2 {
        font-size: 2.5rem
    }

    .login-container .columns {
        padding-top: 60px
    }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) {
    .login-wrapper .logo-wrap {
        display: none !important
    }

    .login-container .image-column {
        display: none
    }

    .login-container .column {
        min-width: 50%
    }

    .login-container .form-title,
    .login-container .form-subtitle {
        text-align: center
    }

    .login-container .form-title {
        padding-top: 60px
    }

    .login-container .login-form {
        max-width: 360px;
        margin: 0 auto
    }
}


/*! _app-settings.scss | Friendkit | © Css Ninja. 2020-2021 */

.settings-sidebar {
    position: fixed;
    top: 57px;
    left: 0;
    height: calc(100% - 56px);
    background: #fafafa;
    border-right: 1px solid #e8e8e8;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 10;
    -webkit-transition: all .3s;
    transition: all .3s
}

    .settings-sidebar.is-active {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .settings-sidebar .settings-sidebar-inner {
        position: relative;
        height: 100%;
        width: 100%
    }

        .settings-sidebar .settings-sidebar-inner .user-block {
            position: relative;
            margin: 20px 20px 0 20px;
            border-bottom: 1px solid #dedede;
            text-align: center;
            height: 140px
        }

            .settings-sidebar .settings-sidebar-inner .user-block .close-settings-sidebar {
                position: absolute;
                top: -12px;
                right: -10px;
                width: 32px;
                height: 32px;
                border-radius: 50%;
                display: none;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-transition: all .3s;
                transition: all .3s
            }

                .settings-sidebar .settings-sidebar-inner .user-block .close-settings-sidebar:hover {
                    background: #fff
                }

                    .settings-sidebar .settings-sidebar-inner .user-block .close-settings-sidebar:hover svg {
                        stroke: #393a4f
                    }

                .settings-sidebar .settings-sidebar-inner .user-block .close-settings-sidebar svg {
                    height: 20px;
                    width: 20px;
                    color: #999;
                    -webkit-transition: stroke .3s;
                    transition: stroke .3s
                }

            .settings-sidebar .settings-sidebar-inner .user-block .avatar-wrap {
                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;
                width: 74px;
                height: 74px;
                min-width: 74px;
                border: 1.4px solid #d8d8d8;
                border-radius: 50%;
                margin: 0 auto 6px auto
            }

                .settings-sidebar .settings-sidebar-inner .user-block .avatar-wrap img {
                    display: block;
                    width: 58px;
                    height: 58px;
                    min-width: 58px;
                    border-radius: 50%
                }

                .settings-sidebar .settings-sidebar-inner .user-block .avatar-wrap .badge {
                    position: absolute;
                    bottom: 2px;
                    right: -3px;
                    height: 24px;
                    width: 24px;
                    border-radius: 50%;
                    border: 2px solid #fcfcfc;
                    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;
                    background: #1ce589
                }

                    .settings-sidebar .settings-sidebar-inner .user-block .avatar-wrap .badge svg {
                        height: 10px;
                        width: 10px;
                        stroke: #fcfcfc;
                        stroke-width: 4px
                    }

            .settings-sidebar .settings-sidebar-inner .user-block h4 {
                font-family: "Montserrat", sans-serif;
                font-weight: 700;
                font-size: .9rem;
                color: #393a4f
            }

            .settings-sidebar .settings-sidebar-inner .user-block p {
                font-size: .8rem;
                color: #999
            }

            .settings-sidebar .settings-sidebar-inner .user-block .user-stats {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -ms-flex-pack: distribute;
                justify-content: space-around;
                padding: 20px 0
            }

                .settings-sidebar .settings-sidebar-inner .user-block .user-stats .stat-block {
                    text-align: center
                }

                    .settings-sidebar .settings-sidebar-inner .user-block .user-stats .stat-block span {
                        display: block
                    }

                        .settings-sidebar .settings-sidebar-inner .user-block .user-stats .stat-block span:first-child {
                            text-transform: uppercase;
                            font-weight: 600;
                            font-size: .65rem;
                            color: #393a4f
                        }

                        .settings-sidebar .settings-sidebar-inner .user-block .user-stats .stat-block span:last-child {
                            font-size: .8rem;
                            color: #999
                        }

        .settings-sidebar .settings-sidebar-inner .user-menu {
            position: absolute;
            top: 140px;
            left: 0;
            width: 100%;
            height: calc(100% - 140px)
        }

            .settings-sidebar .settings-sidebar-inner .user-menu .user-menu-inner {
                position: relative;
                height: 100%;
                max-height: 100%;
                width: 100%;
                overflow-y: auto
            }

                .settings-sidebar .settings-sidebar-inner .user-menu .user-menu-inner .separator {
                    margin: 0 30px;
                    border-bottom: 1px solid #dedede
                }

                .settings-sidebar .settings-sidebar-inner .user-menu .user-menu-inner .menu-block {
                    padding: 20px 0
                }

                    .settings-sidebar .settings-sidebar-inner .user-menu .user-menu-inner .menu-block ul li {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        padding: 14px 40px;
                        border-left: 4px solid transparent
                    }

                        .settings-sidebar .settings-sidebar-inner .user-menu .user-menu-inner .menu-block ul li.is-active {
                            border-color: #5596e6
                        }

                            .settings-sidebar .settings-sidebar-inner .user-menu .user-menu-inner .menu-block ul li.is-active a span {
                                color: #393a4f
                            }

                        .settings-sidebar .settings-sidebar-inner .user-menu .user-menu-inner .menu-block ul li a {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center
                        }

                            .settings-sidebar .settings-sidebar-inner .user-menu .user-menu-inner .menu-block ul li a span {
                                display: block;
                                color: #cecece;
                                font-family: "Montserrat", sans-serif;
                                font-size: .8rem;
                                font-weight: 600;
                                -webkit-transition: color .3s;
                                transition: color .3s
                            }

                            .settings-sidebar .settings-sidebar-inner .user-menu .user-menu-inner .menu-block ul li a svg {
                                height: 18px;
                                width: 18px;
                                stroke: #cecece;
                                margin-right: 20px
                            }

.settings-wrapper {
    padding: 30px;
    width: calc(100% - 280px);
    margin-left: 280px
}

    .settings-wrapper.is-full {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0
    }

    .settings-wrapper .settings-section {
        display: none;
        -webkit-animation: fadeInLeft .5s;
        animation: fadeInLeft .5s
    }

        .settings-wrapper .settings-section.is-active {
            display: block
        }

        .settings-wrapper .settings-section .settings-panel {
            background: #fff;
            padding: 30px;
            border: 1px solid #e0e0e0;
            border-radius: 6px
        }

            .settings-wrapper .settings-section .settings-panel .title-wrap {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .settings-wrapper .settings-section .settings-panel .title-wrap .mobile-sidebar-trigger {
                    z-index: 9;
                    width: 32px;
                    height: 32px;
                    border-radius: 50%;
                    margin-right: 12px;
                    display: none;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -webkit-transition: all .3s;
                    transition: all .3s
                }

                    .settings-wrapper .settings-section .settings-panel .title-wrap .mobile-sidebar-trigger svg {
                        height: 20px;
                        width: 20px;
                        color: #999;
                        -webkit-transition: stroke .3s;
                        transition: stroke .3s
                    }

            .settings-wrapper .settings-section .settings-panel h2 {
                font-family: "Montserrat", sans-serif;
                font-size: 1.2rem;
                font-weight: 500;
                color: #999
            }

            .settings-wrapper .settings-section .settings-panel .settings-form-wrapper {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

                .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .illustration {
                    padding: 40px;
                    -webkit-box-flex: 2;
                    -ms-flex-positive: 2;
                    flex-grow: 2
                }

                    .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .illustration img {
                        display: block;
                        max-width: 200px;
                        margin: 0 auto
                    }

                    .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .illustration p {
                        max-width: 280px;
                        color: #7f80a2;
                        font-size: .8rem;
                        margin: 20px auto
                    }

                        .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .illustration p a {
                            text-decoration: underline
                        }

            .settings-wrapper .settings-section .settings-panel .settings-form {
                padding-top: 20px;
                width: 100%;
                max-width: 680px
            }

                .settings-wrapper .settings-section .settings-panel .settings-form .field-group {
                    border-radius: 6px;
                    border: 1px solid #e0e0e0
                }

                    .settings-wrapper .settings-section .settings-panel .settings-form .field-group label {
                        text-transform: uppercase;
                        font-size: .65rem;
                        color: #999;
                        padding-left: 6px
                    }

                    .settings-wrapper .settings-section .settings-panel .settings-form .field-group .input,
                    .settings-wrapper .settings-section .settings-panel .settings-form .field-group .textarea {
                        border: none !important;
                        font-family: "Roboto", sans-serif;
                        padding-top: 0;
                        color: #5b5d7e;
                        border-radius: 8px
                    }

                    .settings-wrapper .settings-section .settings-panel .settings-form .field-group .form-icon {
                        left: 10px;
                        height: 26px;
                        width: 26px
                    }

                        .settings-wrapper .settings-section .settings-panel .settings-form .field-group .form-icon svg {
                            height: 17px;
                            width: 17px
                        }

                .settings-wrapper .settings-section .settings-panel .settings-form .sub-heading {
                    text-transform: uppercase;
                    font-size: .75rem;
                    color: #999;
                    padding: 16px 0
                }

                .settings-wrapper .settings-section .settings-panel .settings-form .spaced-field {
                    padding-bottom: 10px
                }

                .settings-wrapper .settings-section .settings-panel .settings-form .switch-block {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                    .settings-wrapper .settings-section .settings-panel .settings-form .switch-block .f-switch {
                        -webkit-transform: scale(0.9);
                        transform: scale(0.9)
                    }

                    .settings-wrapper .settings-section .settings-panel .settings-form .switch-block .meta {
                        margin-left: 10px
                    }

                        .settings-wrapper .settings-section .settings-panel .settings-form .switch-block .meta h4 {
                            font-family: "Montserrat", sans-serif;
                            font-weight: 600;
                            font-size: .8rem;
                            color: #393a4f
                        }

                        .settings-wrapper .settings-section .settings-panel .settings-form .switch-block .meta p {
                            font-size: .8rem;
                            color: #999
                        }

                .settings-wrapper .settings-section .settings-panel .settings-form .setting-sublink {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    padding: 16px;
                    border: 1px solid #e0e0e0;
                    border-radius: 6px;
                    -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
                    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
                }

                    .settings-wrapper .settings-section .settings-panel .settings-form .setting-sublink:hover .link-content .link-icon {
                        background: #fff;
                        border-color: #e0e0e0;
                        -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
                        box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06)
                    }

                        .settings-wrapper .settings-section .settings-panel .settings-form .setting-sublink:hover .link-content .link-icon svg {
                            stroke: #5596e6
                        }

                    .settings-wrapper .settings-section .settings-panel .settings-form .setting-sublink:hover .link-content h4 {
                        color: #5596e6
                    }

                    .settings-wrapper .settings-section .settings-panel .settings-form .setting-sublink .link-content .link-icon {
                        height: 36px;
                        width: 36px;
                        border-radius: 50%;
                        border: 1px solid transparent;
                        background: #f5f5f5;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        margin-bottom: .75rem;
                        -webkit-transition: all .3s;
                        transition: all .3s
                    }

                        .settings-wrapper .settings-section .settings-panel .settings-form .setting-sublink .link-content .link-icon svg {
                            height: 18px;
                            width: 18px;
                            stroke: #6f7592;
                            stroke-width: 1.2px;
                            -webkit-transition: stroke .3s;
                            transition: stroke .3s
                        }

                    .settings-wrapper .settings-section .settings-panel .settings-form .setting-sublink .link-content h4 {
                        margin-top: 4px;
                        font-size: .8rem;
                        font-family: "Roboto", sans-serif;
                        font-weight: 500;
                        color: #393a4f;
                        line-height: 1;
                        -webkit-transition: color .3s;
                        transition: color .3s
                    }

                    .settings-wrapper .settings-section .settings-panel .settings-form .setting-sublink .link-content p {
                        color: #999;
                        font-size: .75rem
                    }

                .settings-wrapper .settings-section .settings-panel .settings-form .form-text p {
                    color: #64668a;
                    font-size: .9rem;
                    max-width: 450px
                }

                .settings-wrapper .settings-section .settings-panel .settings-form .form-button {
                    height: 44px;
                    min-width: 160px
                }

@media(min-width: 1301px) {
    .settings-sidebar {
        width: 280px
    }

    .settings-wrapper .inner-wrapper {
        width: calc(100% - 280px);
        margin-left: 280px
    }
}

@media(max-width: 1300px) {
    .settings-sidebar {
        width: 250px
    }

    .settings-wrapper {
        width: calc(100% - 250px);
        margin-left: 250px
    }
}

@media(max-width: 767px) {
    .settings-sidebar .settings-sidebar-inner .user-block .close-settings-sidebar {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .settings-wrapper {
        width: 100%;
        margin-left: 0;
        padding: 10px
    }

        .settings-wrapper .settings-section .settings-panel .title-wrap .mobile-sidebar-trigger {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .settings-wrapper .settings-section .settings-panel .settings-form-wrapper {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

            .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .buttons .button {
                min-width: 140px
            }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: portrait) {
    .settings-sidebar .settings-sidebar-inner .user-block .close-settings-sidebar {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .settings-wrapper {
        width: 100%;
        margin-left: 0;
        padding: 10px
    }

        .settings-wrapper .settings-section .settings-panel .title-wrap .mobile-sidebar-trigger {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .settings-wrapper .settings-section .settings-panel .settings-form-wrapper {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

            .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .columns.flex-portrait {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

                .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .columns.flex-portrait .column.is-4 {
                    min-width: 33.33%
                }
}

@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
    .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .illustration {
        display: none
    }
}


/*! _app-demo.scss | Friendkit | © Css Ninja. 2020-2021 */

.elements-sidebar {
    position: fixed;
    top: 58px;
    left: 0;
    width: 300px;
    height: calc(100% - 58px);
    background: #fff;
    border-right: 1px solid #e8e8e8
}

    .elements-sidebar .header {
        height: 60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 20px
    }

        .elements-sidebar .header h3 {
            text-transform: uppercase
        }

    .elements-sidebar .elements-list {
        position: relative;
        height: calc(100% - 60px);
        overflow-y: auto
    }

        .elements-sidebar .elements-list .element-menu {
            border-top: 1px solid #e8e8e8
        }

            .elements-sidebar .elements-list .element-menu .menu-trigger {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                padding: 20px
            }

                .elements-sidebar .elements-list .element-menu .menu-trigger:hover,
                .elements-sidebar .elements-list .element-menu .menu-trigger.is-active {
                    background: #f5f5f5
                }

                    .elements-sidebar .elements-list .element-menu .menu-trigger:hover span,
                    .elements-sidebar .elements-list .element-menu .menu-trigger.is-active span {
                        color: #393a4f
                    }

                    .elements-sidebar .elements-list .element-menu .menu-trigger:hover svg,
                    .elements-sidebar .elements-list .element-menu .menu-trigger.is-active svg {
                        stroke: #393a4f
                    }

                    .elements-sidebar .elements-list .element-menu .menu-trigger.is-active svg {
                        -webkit-transform: rotate(90deg);
                        transform: rotate(90deg)
                    }

                .elements-sidebar .elements-list .element-menu .menu-trigger span {
                    display: block;
                    color: #999;
                    -webkit-transition: color .3s;
                    transition: color .3s
                }

                .elements-sidebar .elements-list .element-menu .menu-trigger svg {
                    height: 16px;
                    width: 16px;
                    stroke: #999;
                    -webkit-transition: all .3s;
                    transition: all .3s
                }

            .elements-sidebar .elements-list .element-menu .submenu-wrap {
                display: none;
                padding: 10px 20px
            }

                .elements-sidebar .elements-list .element-menu .submenu-wrap ul {
                    padding-left: 30px
                }

                    .elements-sidebar .elements-list .element-menu .submenu-wrap ul li a {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        padding: 6px 0;
                        color: #999;
                        font-size: .9rem
                    }

                        .elements-sidebar .elements-list .element-menu .submenu-wrap ul li a.is-active {
                            color: #5596e6
                        }

.elements-wrap {
    width: calc(100% - 300px);
    min-height: 100vh;
    margin-left: 300px;
    padding: 56px 30px 30px 30px
}

    .elements-wrap .element-block {
        margin-top: 30px;
        width: 100%;
        padding: 30px;
        background: #fff;
        border: 1px solid #e8e8e8;
        border-radius: 8px
    }

        .elements-wrap .element-block h3 {
            font-family: "Montserrat", sans-serif;
            font-weight: bold;
            font-size: 1.1rem;
            color: #393a4f
        }

        .elements-wrap .element-block p {
            margin: 10px 0;
            font-size: .9rem;
            color: #999
        }

        .elements-wrap .element-block .ui-elements {
            margin-top: 20px
        }

    .elements-wrap .code-block {
        margin-top: 30px;
        width: 100%;
        background: #344258;
        border: 1px solid #344258;
        border-radius: 8px
    }

@media(max-width: 767px) {
    .elements-sidebar {
        display: none
    }

    .elements-wrap {
        width: 100%;
        margin-left: 0
    }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) {
    .elements-sidebar {
        display: none
    }

    .elements-wrap {
        width: 100%;
        margin-left: 0
    }
}


/*! all.scss | Friendkit | © Css Ninja. 2020-2021 */


/*! _layout-dark.scss | Friendkit | © Css Ninja. 2020-2021 */

body.is-dark {
    background: #2f3b50
}

    body.is-dark .light-image {
        display: none !important
    }

    body.is-dark .dark-image {
        display: block !important
    }

    body.is-dark .light-image-inline {
        display: none !important
    }

    body.is-dark .dark-image-inline {
        display: inline-block !important
    }

body .light-image {
    display: block
}

body .dark-image {
    display: none !important
}

body .light-image-inline {
    display: inline-block
}

body .dark-image-inline {
    display: none !important
}


/*! _layout-sidebar-dark.scss | Friendkit | © Css Ninja. 2020-2021 */

body.is-dark .filters-panel {
    background: #151a23;
    border-color: #151a23
}

    body.is-dark .filters-panel .panel-inner .panel-title {
        color: #fafafa;
        border-color: #2f3b50
    }

    body.is-dark .filters-panel .panel-inner .filter-block {
        border-color: #2f3b50
    }

        body.is-dark .filters-panel .panel-inner .filter-block label {
            color: #a2a5b9
        }

        body.is-dark .filters-panel .panel-inner .filter-block .is-combo .combo-label {
            color: #a2a5b9
        }


/*! all.scss | Friendkit | © Css Ninja. 2020-2021 */


/*! _navbar-dark.scss | Friendkit | © Css Ninja. 2020-2021 */

body.is-dark .navbar {
    background: #151a23;
    border-color: #151a23
}

    body.is-dark .navbar .navbar-item .control .input {
        background: #283143;
        border-color: #283143;
        color: #fafafa
    }

        body.is-dark .navbar .navbar-item .control .input::-webkit-input-placeholder {
            color: #4e6183
        }

        body.is-dark .navbar .navbar-item .control .input::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .navbar .navbar-item .control .input:-ms-input-placeholder {
            color: #4e6183
        }

        body.is-dark .navbar .navbar-item .control .input::-ms-input-placeholder {
            color: #4e6183
        }

        body.is-dark .navbar .navbar-item .control .input::placeholder {
            color: #4e6183
        }

        body.is-dark .navbar .navbar-item .control .input:focus ~ .search-icon svg {
            stroke: #3d70b2 !important
        }

    body.is-dark .navbar .navbar-item .control .search-icon svg {
        stroke: #4e6183
    }

body.is-dark .tipue-drop-content .tipue_drop_box {
    background: #171c26 !important;
    border-color: #2f3b50 !important
}

    body.is-dark .tipue-drop-content .tipue_drop_box:before {
        border-bottom-color: #2f3b50 !important
    }

    body.is-dark .tipue-drop-content .tipue_drop_box:after {
        border-bottom-color: #171c26 !important
    }

    body.is-dark .tipue-drop-content .tipue_drop_box .tipue_drop_item {
        background: #171c26 !important;
        border-color: #2f3b50 !important;
        -webkit-transition: all .3s !important;
        transition: all .3s !important
    }

        body.is-dark .tipue-drop-content .tipue_drop_box .tipue_drop_item:hover {
            background: #2b3649 !important
        }

        body.is-dark .tipue-drop-content .tipue_drop_box .tipue_drop_item .tipue_drop_right {
            color: #e1e1e1
        }

body.is-dark .explorer-menu {
    background: #181f29;
    border-color: #181f29
}

    body.is-dark .explorer-menu .explorer-inner .explorer-container .explorer-header h3 {
        color: #e1e1e1
    }

    body.is-dark .explorer-menu .explorer-inner .explorer-container .explorer-header .control .input {
        background: #283143;
        border-color: #283143;
        color: #fafafa
    }

        body.is-dark .explorer-menu .explorer-inner .explorer-container .explorer-header .control .input::-webkit-input-placeholder {
            color: #4e6183
        }

        body.is-dark .explorer-menu .explorer-inner .explorer-container .explorer-header .control .input::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .explorer-menu .explorer-inner .explorer-container .explorer-header .control .input:-ms-input-placeholder {
            color: #4e6183
        }

        body.is-dark .explorer-menu .explorer-inner .explorer-container .explorer-header .control .input::-ms-input-placeholder {
            color: #4e6183
        }

        body.is-dark .explorer-menu .explorer-inner .explorer-container .explorer-header .control .input::placeholder {
            color: #4e6183
        }

        body.is-dark .explorer-menu .explorer-inner .explorer-container .explorer-header .control .input:focus ~ .form-icon svg {
            stroke: #3d70b2 !important
        }

    body.is-dark .explorer-menu .explorer-inner .explorer-container .explorer-header .control .form-icon svg {
        stroke: #4e6183
    }

    body.is-dark .explorer-menu .explorer-inner .explorer-container .explore-list .explore-item:hover {
        background: #283143;
        border-color: #283143
    }

    body.is-dark .explorer-menu .explorer-inner .explorer-container .explore-list .explore-item h4 {
        color: #a2a5b9
    }

    body.is-dark .explorer-menu .explorer-inner .explorer-container .explore-list .explore-item .coming-soon {
        background: #5596e6;
        color: #f5f5f5
    }


/*! _navbar-mobile-dark.scss | Friendkit | © Css Ninja. 2020-2021 */

body.is-dark .mobile-navbar .navbar-menu {
    background: #181f29;
    border-color: #181f29
}

    body.is-dark .mobile-navbar .navbar-menu .navbar-item .navbar-link {
        border-color: #2b3649
    }

        body.is-dark .mobile-navbar .navbar-menu .navbar-item .navbar-link:hover {
            background: #1e2633
        }

        body.is-dark .mobile-navbar .navbar-menu .navbar-item .navbar-link span.is-heading {
            color: #fafafa
        }

    body.is-dark .mobile-navbar .navbar-menu .navbar-item .navbar-dropdown .navbar-item .menu-badge {
        background: #5596e6;
        color: #fafafa
    }


/*! _navbar-options-dark.scss | Friendkit | © Css Ninja. 2020-2021 */

body.is-dark .options-nav {
    background: #1c2330;
    border-color: #1c2330
}

    body.is-dark .options-nav .nav-inner.is-friends .nav-item.is-icon svg {
        stroke: #a2a5b9
    }

    body.is-dark .options-nav .nav-inner.is-friends .option-tabs.is-friends .option-tab:not(.is-active) span {
        color: #4e6183
    }

    body.is-dark .options-nav .nav-inner.is-friends .option-tabs.is-friends .option-tab.is-active span {
        color: #fafafa
    }

    body.is-dark .options-nav .nav-inner.is-friends .option-tabs.is-friends .option-naver {
        background: #5596e6
    }

    body.is-dark .options-nav .nav-inner.is-friends .end-group .is-friend-count {
        color: #a2a5b9
    }

    body.is-dark .options-nav .nav-inner.is-friends .end-group .is-icon,
    body.is-dark .options-nav .nav-inner.is-friends .end-group .is-search {
        border-color: #37445c
    }


/*! _navbar-v2-dark.scss | Friendkit | © Css Ninja. 2020-2021 */

body.is-dark .navbar-v2 .top-nav {
    background: #151a23;
    border-color: #151a23
}

    body.is-dark .navbar-v2 .top-nav .left .brand .navbar-logo {
        border-color: #313d53 !important
    }

    body.is-dark .navbar-v2 .top-nav .left .control .input {
        background: #283143;
        border-color: #283143;
        color: #fafafa
    }

        body.is-dark .navbar-v2 .top-nav .left .control .input::-webkit-input-placeholder {
            color: #4e6183
        }

        body.is-dark .navbar-v2 .top-nav .left .control .input::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .navbar-v2 .top-nav .left .control .input:-ms-input-placeholder {
            color: #4e6183
        }

        body.is-dark .navbar-v2 .top-nav .left .control .input::-ms-input-placeholder {
            color: #4e6183
        }

        body.is-dark .navbar-v2 .top-nav .left .control .input::placeholder {
            color: #4e6183
        }

        body.is-dark .navbar-v2 .top-nav .left .control .input:focus ~ .search-icon svg {
            stroke: #3d70b2 !important
        }

    body.is-dark .navbar-v2 .top-nav .left .control .search-icon svg {
        stroke: #4e6183
    }

body.is-dark .navbar-v2 .sub-nav {
    background: #1a212c;
    border-bottom-color: #262f40 !important
}

    body.is-dark .navbar-v2 .sub-nav .sub-nav-tabs ul li:not(.is-active) a {
        opacity: .6
    }


/*! sidebar-v1-dark.scss | Friendkit | © Css Ninja. 2020-2021 */

body.is-dark .sidebar-v1 {
    background: #151a23;
    border-color: #151a23
}

    body.is-dark .sidebar-v1 .top-section .close-button {
        color: #3d70b2
    }

    body.is-dark .sidebar-v1 .top-section .field .control .input {
        background: #1c2330;
        border-color: #1c2330
    }

        body.is-dark .sidebar-v1 .top-section .field .control .input:focus {
            background: #262f40;
            border-color: #262f40
        }

    body.is-dark .sidebar-v1 .top-section .user-block .meta span:first-child {
        color: #fafafa
    }

    body.is-dark .sidebar-v1 .bottom-section ul li:hover {
        background: #1c2330
    }

    body.is-dark .sidebar-v1 .bottom-section ul li a:not(.is-active) span {
        color: #8b8ea7
    }


/*! _toolbar-dark.scss | Friendkit | © Css Ninja. 2020-2021 */

body.is-dark .toolbar-v1 h1 {
    color: #fff
}

body.is-dark .toolbar-v1-fixed-wrap .toolbar-v1 {
    background: #151a23;
    border-color: #151a23
}


/*! _dropdowns-dark.scss | Friendkit | © Css Ninja. 2020-2021 */

body.is-dark .navbar-item.is-icon:not(:hover):not(.is-active) .icon-link svg {
    stroke: #a2a5b9
}

body.is-dark .navbar-item.is-icon:not(:hover):not(.is-active) .icon-link .mdi {
    color: #a2a5b9
}

body.is-dark .navbar-item.is-icon .icon-link.is-active svg {
    stroke: #fff !important
}

body.is-dark .navbar-item.is-icon .icon-link.is-active .mdi {
    color: #fff !important
}

body.is-dark .navbar-item.is-icon .icon-link.is-active .indicator {
    border-color: #151a23 !important
}

body.is-dark .navbar-item.is-account .user-image .indicator {
    border-color: #151a23
}

body.is-dark .navbar-item.is-cart .cart-button .cart-count {
    border-color: #151a23
}

body.is-dark .navbar-item.is-cart .shopping-cart {
    background: #171c26 !important;
    border-color: #2f3b50 !important
}

    body.is-dark .navbar-item.is-cart .shopping-cart:after {
        border-bottom-color: #171c26
    }

    body.is-dark .navbar-item.is-cart .shopping-cart:before {
        border-bottom-color: #2f3b50
    }

    body.is-dark .navbar-item.is-cart .shopping-cart .cart-inner .navbar-cart-loader {
        background: #171c26 !important
    }

    body.is-dark .navbar-item.is-cart .shopping-cart .cart-inner .shopping-cart-header {
        border-color: #2f3b50 !important
    }

        body.is-dark .navbar-item.is-cart .shopping-cart .cart-inner .shopping-cart-header .cart-link {
            border-color: #5596e6;
            color: #5596e6
        }

            body.is-dark .navbar-item.is-cart .shopping-cart .cart-inner .shopping-cart-header .cart-link:hover {
                background: #5596e6;
                color: #fff
            }

        body.is-dark .navbar-item.is-cart .shopping-cart .cart-inner .shopping-cart-header .shopping-cart-total .main-color-text {
            color: #e1e1e1
        }

    body.is-dark .navbar-item.is-cart .shopping-cart .cart-inner .shopping-cart-items .cart-row {
        border-color: #2f3b50 !important
    }

        body.is-dark .navbar-item.is-cart .shopping-cart .cart-inner .shopping-cart-items .cart-row .item-meta .item-name {
            color: #e1e1e1
        }

body.is-dark .navbar-item .nav-drop {
    background: #171c26 !important;
    border-color: #2f3b50 !important
}

    body.is-dark .navbar-item .nav-drop:after {
        border-bottom-color: #171c26 !important
    }

    body.is-dark .navbar-item .nav-drop:before {
        border-bottom-color: #171c26 !important
    }

    body.is-dark .navbar-item .nav-drop .nav-drop-header,
    body.is-dark .navbar-item .nav-drop .nav-drop-footer {
        background: #171c26 !important;
        border-bottom-color: #242d3c
    }

    body.is-dark .navbar-item .nav-drop .nav-drop-header {
        border-color: #2b3649 !important
    }

        body.is-dark .navbar-item .nav-drop .nav-drop-header .theme-toggle .toggler {
            background: #202836 !important
        }

    body.is-dark .navbar-item .nav-drop .nav-drop-body.account-items .account-item:hover {
        background: #2b3649
    }

    body.is-dark .navbar-item .nav-drop .nav-drop-body.account-items .account-item .media .media-content h3 {
        color: #e1e1e1
    }

    body.is-dark .navbar-item .nav-drop .nav-drop-body.is-friend-requests .media .media-content a,
    body.is-dark .navbar-item .nav-drop .nav-drop-body.is-notifications .media .media-content a,
    body.is-dark .navbar-item .nav-drop .nav-drop-body.is-messages .media .media-content a {
        color: #5596e6
    }

    body.is-dark .navbar-item .nav-drop .nav-drop-body.is-friend-requests .media .media-content .time,
    body.is-dark .navbar-item .nav-drop .nav-drop-body.is-notifications .media .media-content .time,
    body.is-dark .navbar-item .nav-drop .nav-drop-body.is-messages .media .media-content .time {
        color: #e1e1e1
    }

    body.is-dark .navbar-item .nav-drop .nav-drop-body.is-friend-requests .media .media-right .button,
    body.is-dark .navbar-item .nav-drop .nav-drop-body.is-notifications .media .media-right .button,
    body.is-dark .navbar-item .nav-drop .nav-drop-body.is-messages .media .media-right .button {
        background: #2b3649 !important;
        border-color: #2b3649 !important
    }

    body.is-dark .navbar-item .nav-drop .nav-drop-body .media {
        border-color: #2b3649 !important
    }

        body.is-dark .navbar-item .nav-drop .nav-drop-body .media .media-content a {
            color: #d6d6d6
        }

            body.is-dark .navbar-item .nav-drop .nav-drop-body .media .media-content a:hover {
                color: #5596e6
            }

    body.is-dark .navbar-item .nav-drop .nav-drop-body .account-divider {
        background: #2b3649 !important
    }


/*! all.scss | Friendkit | © Css Ninja. 2020-2021 */


/*! _pageloader-dark.scss | Friendkit | © Css Ninja. 2020-2021 */

body.is-dark .pageloader,
body.is-dark .infraloader {
    background: #2f3b50
}


/*! _buttons-dark.scss | Friendkit | © Css Ninja. 2020-2021 */

body.is-dark .button:not(.primary-button):not(.accent-button):not(.secondary-button):not(.blue-button):not(.green-button):not(.red-button) {
    background: #151a23;
    border-color: #283143;
    color: #fff
}

body.is-dark .dropdown > div .button {
    background: transparent !important
}

body.is-dark .load-more-button {
    background-color: #181f29;
    border-color: #283143;
    color: #757a91 !important
}

    body.is-dark .load-more-button:focus {
        border-color: #283143
    }

    body.is-dark .load-more-button:hover {
        background-color: #181f29
    }

    body.is-dark .load-more-button.loading {
        border-color: #242d3c #242d3c #242d3c #a2a5b9;
        background: #181f29
    }


/*! _forms-dark.scss | Friendkit | © Css Ninja. 2020-2021 */

body.is-dark .field > label {
    color: #a2a5b9
}

body.is-dark .input,
body.is-dark .textarea {
    background: #283143;
    border-color: #2b3649;
    color: #fafafa
}

    body.is-dark .input::-webkit-input-placeholder,
    body.is-dark .textarea::-webkit-input-placeholder {
        color: #4e6183
    }

    body.is-dark .input::-moz-placeholder,
    body.is-dark .textarea::-moz-placeholder {
        color: #4e6183
    }

    body.is-dark .input:-ms-input-placeholder,
    body.is-dark .textarea:-ms-input-placeholder {
        color: #4e6183
    }

    body.is-dark .input::-ms-input-placeholder,
    body.is-dark .textarea::-ms-input-placeholder {
        color: #4e6183
    }

    body.is-dark .input::placeholder,
    body.is-dark .textarea::placeholder {
        color: #4e6183
    }

    body.is-dark .input:focus,
    body.is-dark .textarea:focus {
        border-color: #3b4963
    }

body.is-dark .select select {
    background: #242d3c;
    border-color: #242d3c;
    color: #fafafa
}

    body.is-dark .select select::-webkit-input-placeholder {
        color: #4e6183
    }

    body.is-dark .select select::-moz-placeholder {
        color: #4e6183
    }

    body.is-dark .select select:-ms-input-placeholder {
        color: #4e6183
    }

    body.is-dark .select select::-ms-input-placeholder {
        color: #4e6183
    }

    body.is-dark .select select::placeholder {
        color: #4e6183
    }

body.is-dark .datepicker-container {
    background: #181f29;
    border-color: #283143
}

    body.is-dark .datepicker-container:before {
        border-bottom-color: #283143
    }

    body.is-dark .datepicker-container:after {
        border-bottom-color: #181f29
    }

    body.is-dark .datepicker-container .datepicker-panel {
        background: #181f29
    }

        body.is-dark .datepicker-container .datepicker-panel ul.days li:not(.picked):not(.highlighted):hover {
            color: #fff !important;
            background: #283143 !important
        }

        body.is-dark .datepicker-container .datepicker-panel ul.days li:hover {
            color: #fff !important;
            background: #283143 !important
        }

        body.is-dark .datepicker-container .datepicker-panel ul li {
            color: #fafafa !important
        }

            body.is-dark .datepicker-container .datepicker-panel ul li:not(.picked):not(.highlighted) {
                background: #181f29
            }

            body.is-dark .datepicker-container .datepicker-panel ul li:hover {
                color: #fff !important;
                background: #283143 !important
            }

            body.is-dark .datepicker-container .datepicker-panel ul li.muted {
                color: #37445c !important
            }

            body.is-dark .datepicker-container .datepicker-panel ul li.highlighted {
                background: #283143 !important
            }

body.is-dark .combo-box,
body.is-dark .image-combo-box,
body.is-dark .stacked-combo-box {
    background: #242d3c;
    border-color: #2f3b50
}

    body.is-dark .combo-box.is-active,
    body.is-dark .image-combo-box.is-active,
    body.is-dark .stacked-combo-box.is-active {
        border-color: #334056
    }

    body.is-dark .combo-box .box-inner,
    body.is-dark .image-combo-box .box-inner,
    body.is-dark .stacked-combo-box .box-inner {
        color: #fafafa
    }

        body.is-dark .combo-box .box-inner .combo-item .selected-item,
        body.is-dark .image-combo-box .box-inner .combo-item .selected-item,
        body.is-dark .stacked-combo-box .box-inner .combo-item .selected-item {
            color: #fafafa
        }

    body.is-dark .combo-box .box-chevron svg,
    body.is-dark .image-combo-box .box-chevron svg,
    body.is-dark .stacked-combo-box .box-chevron svg {
        stroke: #a2a5b9
    }

    body.is-dark .combo-box .box-dropdown .dropdown-inner,
    body.is-dark .image-combo-box .box-dropdown .dropdown-inner,
    body.is-dark .stacked-combo-box .box-dropdown .dropdown-inner {
        background: #181f29;
        border-color: #283143
    }

        body.is-dark .combo-box .box-dropdown .dropdown-inner ul li:hover,
        body.is-dark .image-combo-box .box-dropdown .dropdown-inner ul li:hover,
        body.is-dark .stacked-combo-box .box-dropdown .dropdown-inner ul li:hover {
            background: #283143
        }

        body.is-dark .combo-box .box-dropdown .dropdown-inner ul li span,
        body.is-dark .image-combo-box .box-dropdown .dropdown-inner ul li span,
        body.is-dark .stacked-combo-box .box-dropdown .dropdown-inner ul li span {
            color: #a2a5b9;
            font-weight: 400
        }

body.is-dark .f-switch.is-primary input:checked + i {
    background-color: #3d70b2 !important
}

    body.is-dark .f-switch.is-primary input:checked + i:after {
        background: #fff !important
    }

body.is-dark .f-switch.is-accent input:checked + i {
    background-color: #5596e6 !important
}

    body.is-dark .f-switch.is-accent input:checked + i:after {
        background: #fff !important
    }

body.is-dark .f-switch.is-blue input:checked + i {
    background-color: #039be5 !important
}

    body.is-dark .f-switch.is-blue input:checked + i:after {
        background: #fff !important
    }

body.is-dark .f-switch.is-red input:checked + i {
    background-color: #f71416 !important
}

    body.is-dark .f-switch.is-red input:checked + i:after {
        background: #fff !important
    }

body.is-dark .f-switch i {
    background: #334056
}

    body.is-dark .f-switch i:before {
        background: #202836 !important
    }

    body.is-dark .f-switch i:after {
        background: #3b4963 !important
    }

body.is-dark .f-switch input:checked + i {
    background-color: #1ce589
}

    body.is-dark .f-switch input:checked + i:after {
        background: #fff !important
    }

body.is-dark .material-radio .radio-label {
    color: #a2a5b9
}

body.is-dark .material-radio input:not(:checked) {
    border-color: #3e4e69
}

body.is-dark .round-checkbox input:not(:checked) + label {
    background: #2b3649;
    border-color: #3e4e69
}

body.is-dark .basic-checkbox .styled-checkbox:not(:checked) + label:before {
    background: #2b3649;
    border-color: #3e4e69
}


/*! _modals.scss | Friendkit | © Css Ninja. 2020-2021 */

body.is-dark .modal .card .card-heading,
body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .card-heading {
    border-color: #2f3b50
}

    body.is-dark .modal .card .card-heading h3,
    body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .card-heading h3 {
        color: #fafafa
    }

    body.is-dark .modal .card .card-heading .close-wrap .close-modal:hover,
    body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .close-wrap .close-modal:hover,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .card-heading .close-wrap .close-modal:hover {
        background: #283143
    }

body.is-dark .modal .card .subheading,
body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .subheading,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .subheading {
    border-color: #2f3b50 !important
}

    body.is-dark .modal .card .subheading .group-avatar .add-photo,
    body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .subheading .group-avatar .add-photo,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .subheading .group-avatar .add-photo {
        background: #2d394c
    }

    body.is-dark .modal .card .subheading .control input,
    body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .subheading .control input,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .subheading .control input {
        background: #202836;
        border-color: #202836;
        color: #fafafa
    }

        body.is-dark .modal .card .subheading .control input::-webkit-input-placeholder,
        body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .subheading .control input::-webkit-input-placeholder,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .subheading .control input::-webkit-input-placeholder {
            color: #4e6183
        }

        body.is-dark .modal .card .subheading .control input::-moz-placeholder,
        body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .subheading .control input::-moz-placeholder,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .subheading .control input::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .modal .card .subheading .control input:-ms-input-placeholder,
        body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .subheading .control input:-ms-input-placeholder,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .subheading .control input:-ms-input-placeholder {
            color: #4e6183
        }

        body.is-dark .modal .card .subheading .control input::-ms-input-placeholder,
        body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .subheading .control input::-ms-input-placeholder,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .subheading .control input::-ms-input-placeholder {
            color: #4e6183
        }

        body.is-dark .modal .card .subheading .control input::placeholder,
        body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .subheading .control input::placeholder,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .subheading .control input::placeholder {
            color: #4e6183
        }

body.is-dark .modal .card .card-body .content-block .help-text h3,
body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .content-block .help-text h3,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .card-body .content-block .help-text h3 {
    color: #fafafa
}

body.is-dark .modal .card .card-body .content-block .help-text p,
body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .content-block .help-text p,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .card-body .content-block .help-text p {
    color: #a2a5b9
}

body.is-dark .modal .card .card-body .slide-dots .dot:not(.is-active),
body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .slide-dots .dot:not(.is-active),
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .card-body .slide-dots .dot:not(.is-active) {
    background: #11151c
}

body.is-dark .modal .card .card-footer,
body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .card-footer {
    border-color: #2f3b50
}

    body.is-dark .modal .card .card-footer .grey-button,
    body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer .grey-button,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .card-footer .grey-button {
        background: #181f29;
        border-color: #181f29;
        color: #fafafa
    }

    body.is-dark .modal .card .card-footer .dropdown > div .button,
    body.is-dark .modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer .dropdown > div .button,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .modal .summary-card .card-footer .dropdown > div .button {
        background: #171c26;
        border-color: #283143;
        color: #a2a5b9
    }

body.is-dark .create-group-modal .card-body .inner .left-section .search-subheader {
    border-color: #2f3b50 !important
}

    body.is-dark .create-group-modal .card-body .inner .left-section .search-subheader .control input {
        background: #202836;
        border-color: #202836;
        color: #fafafa
    }

        body.is-dark .create-group-modal .card-body .inner .left-section .search-subheader .control input::-webkit-input-placeholder {
            color: #4e6183
        }

        body.is-dark .create-group-modal .card-body .inner .left-section .search-subheader .control input::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .create-group-modal .card-body .inner .left-section .search-subheader .control input:-ms-input-placeholder {
            color: #4e6183
        }

        body.is-dark .create-group-modal .card-body .inner .left-section .search-subheader .control input::-ms-input-placeholder {
            color: #4e6183
        }

        body.is-dark .create-group-modal .card-body .inner .left-section .search-subheader .control input::placeholder {
            color: #4e6183
        }

body.is-dark .create-group-modal .card-body .inner .left-section .user-list .friend-block:hover {
    background: #2b3649
}

body.is-dark .create-group-modal .card-body .inner .left-section .user-list .friend-block .round-checkbox input:not(:checked) + label {
    background: #171c26;
    border-color: #283143
}

body.is-dark .create-group-modal .card-body .inner .left-section .user-list .friend-block .friend-name {
    color: #a2a5b9
}

body.is-dark .create-group-modal .card-body .inner .right-section {
    background: #202836;
    border-color: #2f3b50
}

    body.is-dark .create-group-modal .card-body .inner .right-section .selected-count span:first-child {
        color: #a2a5b9
    }

    body.is-dark .create-group-modal .card-body .inner .right-section .selected-list .selected-friend-block .image-wrapper .checked-badge {
        border-color: #202836
    }

    body.is-dark .create-group-modal .card-body .inner .right-section .selected-list .selected-friend-block .friend-name {
        color: #fafafa
    }

body.is-dark .albums-modal .card-body .left-section {
    background: #202836;
    border-color: #2f3b50
}

    body.is-dark .albums-modal .card-body .left-section .album-form .control .input,
    body.is-dark .albums-modal .card-body .left-section .album-form .control .textarea {
        background: #283143;
        border-color: #334056;
        color: #fafafa
    }

        body.is-dark .albums-modal .card-body .left-section .album-form .control .input::-webkit-input-placeholder,
        body.is-dark .albums-modal .card-body .left-section .album-form .control .textarea::-webkit-input-placeholder {
            color: #4e6183
        }

        body.is-dark .albums-modal .card-body .left-section .album-form .control .input::-moz-placeholder,
        body.is-dark .albums-modal .card-body .left-section .album-form .control .textarea::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .albums-modal .card-body .left-section .album-form .control .input:-ms-input-placeholder,
        body.is-dark .albums-modal .card-body .left-section .album-form .control .textarea:-ms-input-placeholder {
            color: #4e6183
        }

        body.is-dark .albums-modal .card-body .left-section .album-form .control .input::-ms-input-placeholder,
        body.is-dark .albums-modal .card-body .left-section .album-form .control .textarea::-ms-input-placeholder {
            color: #4e6183
        }

        body.is-dark .albums-modal .card-body .left-section .album-form .control .input::placeholder,
        body.is-dark .albums-modal .card-body .left-section .album-form .control .textarea::placeholder {
            color: #4e6183
        }

    body.is-dark .albums-modal .card-body .left-section .album-date .head h4,
    body.is-dark .albums-modal .card-body .left-section .tagged-in-album .head h4,
    body.is-dark .albums-modal .card-body .left-section .shared-album .head h4 {
        color: #fafafa
    }

    body.is-dark .albums-modal .card-body .left-section .album-date .head .button,
    body.is-dark .albums-modal .card-body .left-section .tagged-in-album .head .button,
    body.is-dark .albums-modal .card-body .left-section .shared-album .head .button {
        background: #181f29;
        border-color: #283143
    }

    body.is-dark .albums-modal .card-body .left-section .album-date .head .basic-checkbox .styled-checkbox:not(:checked) + label:before,
    body.is-dark .albums-modal .card-body .left-section .tagged-in-album .head .basic-checkbox .styled-checkbox:not(:checked) + label:before,
    body.is-dark .albums-modal .card-body .left-section .shared-album .head .basic-checkbox .styled-checkbox:not(:checked) + label:before {
        background: #181f29;
        border-color: #283143
    }

    body.is-dark .albums-modal .card-body .left-section .album-date > p,
    body.is-dark .albums-modal .card-body .left-section .tagged-in-album > p,
    body.is-dark .albums-modal .card-body .left-section .shared-album > p {
        color: #a2a5b9
    }

    body.is-dark .albums-modal .card-body .left-section .album-date .control .input,
    body.is-dark .albums-modal .card-body .left-section .tagged-in-album .control .input,
    body.is-dark .albums-modal .card-body .left-section .shared-album .control .input {
        background: #283143;
        border-color: #334056;
        color: #fafafa
    }

        body.is-dark .albums-modal .card-body .left-section .album-date .control .input::-webkit-input-placeholder,
        body.is-dark .albums-modal .card-body .left-section .tagged-in-album .control .input::-webkit-input-placeholder,
        body.is-dark .albums-modal .card-body .left-section .shared-album .control .input::-webkit-input-placeholder {
            color: #4e6183
        }

        body.is-dark .albums-modal .card-body .left-section .album-date .control .input::-moz-placeholder,
        body.is-dark .albums-modal .card-body .left-section .tagged-in-album .control .input::-moz-placeholder,
        body.is-dark .albums-modal .card-body .left-section .shared-album .control .input::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .albums-modal .card-body .left-section .album-date .control .input:-ms-input-placeholder,
        body.is-dark .albums-modal .card-body .left-section .tagged-in-album .control .input:-ms-input-placeholder,
        body.is-dark .albums-modal .card-body .left-section .shared-album .control .input:-ms-input-placeholder {
            color: #4e6183
        }

        body.is-dark .albums-modal .card-body .left-section .album-date .control .input::-ms-input-placeholder,
        body.is-dark .albums-modal .card-body .left-section .tagged-in-album .control .input::-ms-input-placeholder,
        body.is-dark .albums-modal .card-body .left-section .shared-album .control .input::-ms-input-placeholder {
            color: #4e6183
        }

        body.is-dark .albums-modal .card-body .left-section .album-date .control .input::placeholder,
        body.is-dark .albums-modal .card-body .left-section .tagged-in-album .control .input::placeholder,
        body.is-dark .albums-modal .card-body .left-section .shared-album .control .input::placeholder {
            color: #4e6183
        }

body.is-dark .albums-modal .card-body .right-section .modal-uploader #actions .button {
    background: #151a23;
    border-color: #283143;
    color: #fff
}

body.is-dark .albums-modal .card-body .right-section .modal-uploader #actions .file-count {
    color: #a2a5b9
}

body.is-dark .albums-modal .card-body .right-section .modal-uploader #previews .is-template .preview-box {
    background: #151a23
}

    body.is-dark .albums-modal .card-body .right-section .modal-uploader #previews .is-template .preview-box .remove-button {
        border-color: #202836;
        background: #151a23
    }

    body.is-dark .albums-modal .card-body .right-section .modal-uploader #previews .is-template .preview-box .preview-body {
        border-color: #283143
    }

        body.is-dark .albums-modal .card-body .right-section .modal-uploader #previews .is-template .preview-box .preview-body .item-meta * {
            color: #a2a5b9
        }

        body.is-dark .albums-modal .card-body .right-section .modal-uploader #previews .is-template .preview-box .preview-body .upload-item-description .control .textarea {
            background: #151a23;
            border-color: #151a23;
            color: #fafafa
        }

            body.is-dark .albums-modal .card-body .right-section .modal-uploader #previews .is-template .preview-box .preview-body .upload-item-description .control .textarea::-webkit-input-placeholder {
                color: #4e6183
            }

            body.is-dark .albums-modal .card-body .right-section .modal-uploader #previews .is-template .preview-box .preview-body .upload-item-description .control .textarea::-moz-placeholder {
                color: #4e6183
            }

            body.is-dark .albums-modal .card-body .right-section .modal-uploader #previews .is-template .preview-box .preview-body .upload-item-description .control .textarea:-ms-input-placeholder {
                color: #4e6183
            }

            body.is-dark .albums-modal .card-body .right-section .modal-uploader #previews .is-template .preview-box .preview-body .upload-item-description .control .textarea::-ms-input-placeholder {
                color: #4e6183
            }

            body.is-dark .albums-modal .card-body .right-section .modal-uploader #previews .is-template .preview-box .preview-body .upload-item-description .control .textarea::placeholder {
                color: #4e6183
            }

body.is-dark .videos-modal .card .card-body .inner .right-section,
body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section {
    border-color: #334056
}

    body.is-dark .videos-modal .card .card-body .inner .right-section .header .user-meta span:first-child,
    body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .header .user-meta span:first-child,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .header .user-meta span:first-child {
        color: #fafafa
    }

        body.is-dark .videos-modal .card .card-body .inner .right-section .header .user-meta span:first-child small,
        body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .header .user-meta span:first-child small,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .header .user-meta span:first-child small {
            color: #a2a5b9
        }

    body.is-dark .videos-modal .card .card-body .inner .right-section .header .user-meta span:nth-child(2),
    body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .header .user-meta span:nth-child(2),
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .header .user-meta span:nth-child(2) {
        color: #a2a5b9
    }

    body.is-dark .videos-modal .card .card-body .inner .right-section .header > .button,
    body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .header > .button,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .header > .button {
        background: #151a23;
        border-color: #283143;
        color: #fff
    }

    body.is-dark .videos-modal .card .card-body .inner .right-section .header .dropdown > div .button svg,
    body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .header .dropdown > div .button svg,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .header .dropdown > div .button svg {
        stroke: #a2a5b9
    }

    body.is-dark .videos-modal .card .card-body .inner .right-section .inner-content .control .input,
    body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .inner-content .control .input,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .inner-content .control .input {
        background: #151a23;
        border-color: #151a23;
        color: #fafafa
    }

        body.is-dark .videos-modal .card .card-body .inner .right-section .inner-content .control .input::-webkit-input-placeholder,
        body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .inner-content .control .input::-webkit-input-placeholder,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .inner-content .control .input::-webkit-input-placeholder {
            color: #4e6183
        }

        body.is-dark .videos-modal .card .card-body .inner .right-section .inner-content .control .input::-moz-placeholder,
        body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .inner-content .control .input::-moz-placeholder,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .inner-content .control .input::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .videos-modal .card .card-body .inner .right-section .inner-content .control .input:-ms-input-placeholder,
        body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .inner-content .control .input:-ms-input-placeholder,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .inner-content .control .input:-ms-input-placeholder {
            color: #4e6183
        }

        body.is-dark .videos-modal .card .card-body .inner .right-section .inner-content .control .input::-ms-input-placeholder,
        body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .inner-content .control .input::-ms-input-placeholder,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .inner-content .control .input::-ms-input-placeholder {
            color: #4e6183
        }

        body.is-dark .videos-modal .card .card-body .inner .right-section .inner-content .control .input::placeholder,
        body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .inner-content .control .input::placeholder,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .inner-content .control .input::placeholder {
            color: #4e6183
        }

    body.is-dark .videos-modal .card .card-body .inner .right-section .inner-content .live-stats,
    body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .inner-content .live-stats,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .inner-content .live-stats {
        border-color: #334056
    }

    body.is-dark .videos-modal .card .card-body .inner .right-section .inner-content .actions .action:not(:hover) span,
    body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .inner-content .actions .action:not(:hover) span,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .inner-content .actions .action:not(:hover) span {
        color: #a2a5b9
    }

    body.is-dark .videos-modal .card .card-body .inner .right-section .inner-content .actions .dropdown > div .avatar-button svg,
    body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .inner-content .actions .dropdown > div .avatar-button svg,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .inner-content .actions .dropdown > div .avatar-button svg {
        fill: #fafafa
    }

    body.is-dark .videos-modal .card .card-body .inner .right-section .tabs-wrapper .tabs ul,
    body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .tabs-wrapper .tabs ul,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .tabs-wrapper .tabs ul {
        border-color: #334056
    }

        body.is-dark .videos-modal .card .card-body .inner .right-section .tabs-wrapper .tabs ul li:not(.is-active) a,
        body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .tabs-wrapper .tabs ul li:not(.is-active) a,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .tabs-wrapper .tabs ul li:not(.is-active) a {
            border-color: #334056
        }

    body.is-dark .videos-modal .card .card-body .inner .right-section .tabs-wrapper .tab-content,
    body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .tabs-wrapper .tab-content,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .tabs-wrapper .tab-content {
        background: #151a23
    }

        body.is-dark .videos-modal .card .card-body .inner .right-section .tabs-wrapper .tab-content .media.is-comment .media-content,
        body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .tabs-wrapper .tab-content .media.is-comment .media-content,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .tabs-wrapper .tab-content .media.is-comment .media-content {
            background: #262f40
        }

            body.is-dark .videos-modal .card .card-body .inner .right-section .tabs-wrapper .tab-content .media.is-comment .media-content .username,
            body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .tabs-wrapper .tab-content .media.is-comment .media-content .username,
            .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .tabs-wrapper .tab-content .media.is-comment .media-content .username {
                color: #fafafa
            }

            body.is-dark .videos-modal .card .card-body .inner .right-section .tabs-wrapper .tab-content .media.is-comment .media-content p,
            body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .tabs-wrapper .tab-content .media.is-comment .media-content p,
            .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .tabs-wrapper .tab-content .media.is-comment .media-content p {
                color: #a2a5b9
            }

            body.is-dark .videos-modal .card .card-body .inner .right-section .tabs-wrapper .tab-content .media.is-comment .media-content .comment-actions span,
            body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .tabs-wrapper .tab-content .media.is-comment .media-content .comment-actions span,
            .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .tabs-wrapper .tab-content .media.is-comment .media-content .comment-actions span {
                color: #a2a5b9
            }

    body.is-dark .videos-modal .card .card-body .inner .right-section .comment-controls,
    body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .comment-controls,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .comment-controls {
        background: #202836;
        border-color: #334056
    }

        body.is-dark .videos-modal .card .card-body .inner .right-section .comment-controls .controls-inner .control .textarea,
        body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .comment-controls .controls-inner .control .textarea,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .comment-controls .controls-inner .control .textarea {
            background: #151a23;
            border-color: #151a23;
            color: #fafafa
        }

            body.is-dark .videos-modal .card .card-body .inner .right-section .comment-controls .controls-inner .control .textarea::-webkit-input-placeholder,
            body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .comment-controls .controls-inner .control .textarea::-webkit-input-placeholder,
            .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .comment-controls .controls-inner .control .textarea::-webkit-input-placeholder {
                color: #4e6183
            }

            body.is-dark .videos-modal .card .card-body .inner .right-section .comment-controls .controls-inner .control .textarea::-moz-placeholder,
            body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .comment-controls .controls-inner .control .textarea::-moz-placeholder,
            .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .comment-controls .controls-inner .control .textarea::-moz-placeholder {
                color: #4e6183
            }

            body.is-dark .videos-modal .card .card-body .inner .right-section .comment-controls .controls-inner .control .textarea:-ms-input-placeholder,
            body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .comment-controls .controls-inner .control .textarea:-ms-input-placeholder,
            .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .comment-controls .controls-inner .control .textarea:-ms-input-placeholder {
                color: #4e6183
            }

            body.is-dark .videos-modal .card .card-body .inner .right-section .comment-controls .controls-inner .control .textarea::-ms-input-placeholder,
            body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .comment-controls .controls-inner .control .textarea::-ms-input-placeholder,
            .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .comment-controls .controls-inner .control .textarea::-ms-input-placeholder {
                color: #4e6183
            }

            body.is-dark .videos-modal .card .card-body .inner .right-section .comment-controls .controls-inner .control .textarea::placeholder,
            body.is-dark .videos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .inner .right-section .comment-controls .controls-inner .control .textarea::placeholder,
            .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .videos-modal .summary-card .card-body .inner .right-section .comment-controls .controls-inner .control .textarea::placeholder {
                color: #4e6183
            }

body.is-dark .share-modal .card .card-heading .share-dropdown:not(.is-active) > div .button,
body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .share-dropdown:not(.is-active) > div .button,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-heading .share-dropdown:not(.is-active) > div .button {
    background: #151a23;
    border-color: #283143;
    color: #a2a5b9
}

body.is-dark .share-modal .card .card-heading .share-dropdown .dropdown-menu .dropdown-content,
body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .share-dropdown .dropdown-menu .dropdown-content,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-heading .share-dropdown .dropdown-menu .dropdown-content {
    background: #151a23;
    border-color: #283143
}

    body.is-dark .share-modal .card .card-heading .share-dropdown .dropdown-menu .dropdown-content .dropdown-item:hover,
    body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .share-dropdown .dropdown-menu .dropdown-content .dropdown-item:hover,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-heading .share-dropdown .dropdown-menu .dropdown-content .dropdown-item:hover {
        background: #242d3c
    }

    body.is-dark .share-modal .card .card-heading .share-dropdown .dropdown-menu .dropdown-content .dropdown-item .media .media-content small,
    body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .share-dropdown .dropdown-menu .dropdown-content .dropdown-item .media .media-content small,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-heading .share-dropdown .dropdown-menu .dropdown-content .dropdown-item .media .media-content small {
        color: #a2a5b9
    }

body.is-dark .share-modal .card .card-body > .control .textarea,
body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body > .control .textarea,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-body > .control .textarea {
    background: #202836;
    border-color: #202836;
    color: #fafafa
}

    body.is-dark .share-modal .card .card-body > .control .textarea::-webkit-input-placeholder,
    body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body > .control .textarea::-webkit-input-placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-body > .control .textarea::-webkit-input-placeholder {
        color: #4e6183
    }

    body.is-dark .share-modal .card .card-body > .control .textarea::-moz-placeholder,
    body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body > .control .textarea::-moz-placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-body > .control .textarea::-moz-placeholder {
        color: #4e6183
    }

    body.is-dark .share-modal .card .card-body > .control .textarea:-ms-input-placeholder,
    body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body > .control .textarea:-ms-input-placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-body > .control .textarea:-ms-input-placeholder {
        color: #4e6183
    }

    body.is-dark .share-modal .card .card-body > .control .textarea::-ms-input-placeholder,
    body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body > .control .textarea::-ms-input-placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-body > .control .textarea::-ms-input-placeholder {
        color: #4e6183
    }

    body.is-dark .share-modal .card .card-body > .control .textarea::placeholder,
    body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body > .control .textarea::placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-body > .control .textarea::placeholder {
        color: #4e6183
    }

body.is-dark .share-modal .card .card-body .shared-publication .publication-meta,
body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .shared-publication .publication-meta,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-body .shared-publication .publication-meta {
    background: #151a23;
    border-color: #151a23
}

    body.is-dark .share-modal .card .card-body .shared-publication .publication-meta .inner-flex p,
    body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .shared-publication .publication-meta .inner-flex p,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-body .shared-publication .publication-meta .inner-flex p {
        color: #a2a5b9
    }

        body.is-dark .share-modal .card .card-body .shared-publication .publication-meta .inner-flex p:before,
        body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .shared-publication .publication-meta .inner-flex p:before,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-body .shared-publication .publication-meta .inner-flex p:before,
        body.is-dark .share-modal .card .card-body .shared-publication .publication-meta .inner-flex p:after,
        body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .shared-publication .publication-meta .inner-flex p:after,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-body .shared-publication .publication-meta .inner-flex p:after {
            display: none !important
        }

body.is-dark .share-modal .card .card-body .shared-publication .publication-footer .stats .stat-block i,
body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .shared-publication .publication-footer .stats .stat-block i,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-body .shared-publication .publication-footer .stats .stat-block i,
body.is-dark .share-modal .card .card-body .shared-publication .publication-footer .stats .stat-block small,
body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .shared-publication .publication-footer .stats .stat-block small,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-body .shared-publication .publication-footer .stats .stat-block small {
    color: #a2a5b9
}

body.is-dark .share-modal .card .card-body .shared-publication .publication-footer .publication-origin i,
body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .shared-publication .publication-footer .publication-origin i,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-body .shared-publication .publication-footer .publication-origin i,
body.is-dark .share-modal .card .card-body .shared-publication .publication-footer .publication-origin small,
body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .shared-publication .publication-footer .publication-origin small,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-body .shared-publication .publication-footer .publication-origin small {
    color: #a2a5b9
}

body.is-dark .share-modal .card .bottom-share-inputs .control,
body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .bottom-share-inputs .control,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .bottom-share-inputs .control {
    border-color: #334056
}

    body.is-dark .share-modal .card .bottom-share-inputs .control .input-heading,
    body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .bottom-share-inputs .control .input-heading,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .bottom-share-inputs .control .input-heading {
        background: #171c26
    }

body.is-dark .share-modal .card .card-footer,
body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-footer {
    background: #202836
}

    body.is-dark .share-modal .card .card-footer .action-wrap .footer-action:hover,
    body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer .action-wrap .footer-action:hover,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-footer .action-wrap .footer-action:hover,
    body.is-dark .share-modal .card .card-footer .action-wrap .footer-action.is-active,
    body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer .action-wrap .footer-action.is-active,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-footer .action-wrap .footer-action.is-active {
        background: #293446
    }

        body.is-dark .share-modal .card .card-footer .action-wrap .footer-action:hover i,
        body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer .action-wrap .footer-action:hover i,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-footer .action-wrap .footer-action:hover i,
        body.is-dark .share-modal .card .card-footer .action-wrap .footer-action.is-active i,
        body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer .action-wrap .footer-action.is-active i,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-footer .action-wrap .footer-action.is-active i {
            color: #fafafa
        }

    body.is-dark .share-modal .card .card-footer .button-wrap .button:not(.primary-button),
    body.is-dark .share-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-footer .button-wrap .button:not(.primary-button),
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .share-modal .summary-card .card-footer .button-wrap .button:not(.primary-button) {
        background: #171c26;
        border-color: #171c26;
        color: #a2a5b9
    }

body.is-dark .change-cover-modal .card-body .selection-placeholder .selection-box,
body.is-dark .change-profile-pic-modal .card-body .selection-placeholder .selection-box,
body.is-dark .new-story-modal .card-body .selection-placeholder .selection-box {
    background: #2f3b50;
    border-color: #37445c
}

    body.is-dark .change-cover-modal .card-body .selection-placeholder .selection-box:hover .box-content .box-text span:first-child,
    body.is-dark .change-profile-pic-modal .card-body .selection-placeholder .selection-box:hover .box-content .box-text span:first-child,
    body.is-dark .new-story-modal .card-body .selection-placeholder .selection-box:hover .box-content .box-text span:first-child {
        color: #5596e6
    }

    body.is-dark .change-cover-modal .card-body .selection-placeholder .selection-box .box-content .box-text span:first-child,
    body.is-dark .change-profile-pic-modal .card-body .selection-placeholder .selection-box .box-content .box-text span:first-child,
    body.is-dark .new-story-modal .card-body .selection-placeholder .selection-box .box-content .box-text span:first-child {
        color: #fafafa
    }

    body.is-dark .change-cover-modal .card-body .selection-placeholder .selection-box .box-content .box-text span:nth-child(2),
    body.is-dark .change-profile-pic-modal .card-body .selection-placeholder .selection-box .box-content .box-text span:nth-child(2),
    body.is-dark .new-story-modal .card-body .selection-placeholder .selection-box .box-content .box-text span:nth-child(2) {
        color: #a2a5b9
    }

body.is-dark .user-photos-modal .card .card-body .nav-tabs-wrapper .tabs ul li.is-active,
body.is-dark .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .nav-tabs-wrapper .tabs ul li.is-active,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .user-photos-modal .summary-card .card-body .nav-tabs-wrapper .tabs ul li.is-active {
    background: #5596e6;
    border-color: #5596e6
}

    body.is-dark .user-photos-modal .card .card-body .nav-tabs-wrapper .tabs ul li.is-active a,
    body.is-dark .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .nav-tabs-wrapper .tabs ul li.is-active a,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .user-photos-modal .summary-card .card-body .nav-tabs-wrapper .tabs ul li.is-active a {
        color: #fff
    }

body.is-dark .user-photos-modal .card .card-body .album-wrapper,
body.is-dark .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .user-photos-modal .summary-card .card-body .album-wrapper {
    background: #334056;
    border-color: #3e4e69
}

    body.is-dark .user-photos-modal .card .card-body .album-wrapper .album-meta .album-title span:first-child,
    body.is-dark .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper .album-meta .album-title span:first-child,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .user-photos-modal .summary-card .card-body .album-wrapper .album-meta .album-title span:first-child {
        color: #fafafa;
        font-weight: 500
    }

    body.is-dark .user-photos-modal .card .card-body .album-wrapper .album-meta .album-title span:nth-child(2),
    body.is-dark .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper .album-meta .album-title span:nth-child(2),
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .user-photos-modal .summary-card .card-body .album-wrapper .album-meta .album-title span:nth-child(2) {
        color: #a2a5b9
    }

    body.is-dark .user-photos-modal .card .card-body .album-wrapper .album-meta .image-count span,
    body.is-dark .user-photos-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .album-wrapper .album-meta .image-count span,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .user-photos-modal .summary-card .card-body .album-wrapper .album-meta .image-count span {
        color: #a2a5b9
    }

body.is-dark .upload-crop-profile-modal .card .card-body .profile-uploader-box,
body.is-dark .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .upload-crop-profile-modal .summary-card .card-body .profile-uploader-box,
body.is-dark .upload-crop-profile-modal .card .card-body .cover-uploader-box,
body.is-dark .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .upload-crop-profile-modal .summary-card .card-body .cover-uploader-box,
body.is-dark .upload-crop-cover-modal .card .card-body .profile-uploader-box,
body.is-dark .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .profile-uploader-box,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .upload-crop-cover-modal .summary-card .card-body .profile-uploader-box,
body.is-dark .upload-crop-cover-modal .card .card-body .cover-uploader-box,
body.is-dark .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .cover-uploader-box,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .upload-crop-cover-modal .summary-card .card-body .cover-uploader-box {
    border-color: #425370
}

body.is-dark .upload-crop-profile-modal .card .card-body .upload-demo-wrap .upload-help .cover-reset,
body.is-dark .upload-crop-profile-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .upload-demo-wrap .upload-help .cover-reset,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .upload-crop-profile-modal .summary-card .card-body .upload-demo-wrap .upload-help .cover-reset,
body.is-dark .upload-crop-cover-modal .card .card-body .upload-demo-wrap .upload-help .cover-reset,
body.is-dark .upload-crop-cover-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .upload-demo-wrap .upload-help .cover-reset,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .upload-crop-cover-modal .summary-card .card-body .upload-demo-wrap .upload-help .cover-reset {
    background: #171c26;
    border-color: #171c26;
    color: #a2a5b9
}

body.is-dark .video-story-modal .card .card-body .story-meta > p,
body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta > p,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta > p,
body.is-dark .image-story-modal .card .card-body .story-meta > p,
body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta > p,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta > p {
    color: #a2a5b9
}

body.is-dark .video-story-modal .card .card-body .story-meta .field .control.buttons .button:not(.accent-button),
body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control.buttons .button:not(.accent-button),
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control.buttons .button:not(.accent-button),
body.is-dark .image-story-modal .card .card-body .story-meta .field .control.buttons .button:not(.accent-button),
body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control.buttons .button:not(.accent-button),
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control.buttons .button:not(.accent-button) {
    background: #181f29;
    border-color: #283143;
    color: #fafafa
}

body.is-dark .video-story-modal .card .card-body .story-meta .field .control .input,
body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .input,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .input,
body.is-dark .video-story-modal .card .card-body .story-meta .field .control .textarea,
body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .textarea,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .textarea,
body.is-dark .image-story-modal .card .card-body .story-meta .field .control .input,
body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .input,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .input,
body.is-dark .image-story-modal .card .card-body .story-meta .field .control .textarea,
body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .textarea,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .textarea {
    background: #283143;
    border-color: #334056;
    color: #fafafa
}

    body.is-dark .video-story-modal .card .card-body .story-meta .field .control .input::-webkit-input-placeholder,
    body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .input::-webkit-input-placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .input::-webkit-input-placeholder,
    body.is-dark .video-story-modal .card .card-body .story-meta .field .control .textarea::-webkit-input-placeholder,
    body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .textarea::-webkit-input-placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .textarea::-webkit-input-placeholder,
    body.is-dark .image-story-modal .card .card-body .story-meta .field .control .input::-webkit-input-placeholder,
    body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .input::-webkit-input-placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .input::-webkit-input-placeholder,
    body.is-dark .image-story-modal .card .card-body .story-meta .field .control .textarea::-webkit-input-placeholder,
    body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .textarea::-webkit-input-placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .textarea::-webkit-input-placeholder {
        color: #4e6183
    }

    body.is-dark .video-story-modal .card .card-body .story-meta .field .control .input::-moz-placeholder,
    body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .input::-moz-placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .input::-moz-placeholder,
    body.is-dark .video-story-modal .card .card-body .story-meta .field .control .textarea::-moz-placeholder,
    body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .textarea::-moz-placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .textarea::-moz-placeholder,
    body.is-dark .image-story-modal .card .card-body .story-meta .field .control .input::-moz-placeholder,
    body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .input::-moz-placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .input::-moz-placeholder,
    body.is-dark .image-story-modal .card .card-body .story-meta .field .control .textarea::-moz-placeholder,
    body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .textarea::-moz-placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .textarea::-moz-placeholder {
        color: #4e6183
    }

    body.is-dark .video-story-modal .card .card-body .story-meta .field .control .input:-ms-input-placeholder,
    body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .input:-ms-input-placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .input:-ms-input-placeholder,
    body.is-dark .video-story-modal .card .card-body .story-meta .field .control .textarea:-ms-input-placeholder,
    body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .textarea:-ms-input-placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .textarea:-ms-input-placeholder,
    body.is-dark .image-story-modal .card .card-body .story-meta .field .control .input:-ms-input-placeholder,
    body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .input:-ms-input-placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .input:-ms-input-placeholder,
    body.is-dark .image-story-modal .card .card-body .story-meta .field .control .textarea:-ms-input-placeholder,
    body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .textarea:-ms-input-placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .textarea:-ms-input-placeholder {
        color: #4e6183
    }

    body.is-dark .video-story-modal .card .card-body .story-meta .field .control .input::-ms-input-placeholder,
    body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .input::-ms-input-placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .input::-ms-input-placeholder,
    body.is-dark .video-story-modal .card .card-body .story-meta .field .control .textarea::-ms-input-placeholder,
    body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .textarea::-ms-input-placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .textarea::-ms-input-placeholder,
    body.is-dark .image-story-modal .card .card-body .story-meta .field .control .input::-ms-input-placeholder,
    body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .input::-ms-input-placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .input::-ms-input-placeholder,
    body.is-dark .image-story-modal .card .card-body .story-meta .field .control .textarea::-ms-input-placeholder,
    body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .textarea::-ms-input-placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .textarea::-ms-input-placeholder {
        color: #4e6183
    }

    body.is-dark .video-story-modal .card .card-body .story-meta .field .control .input::placeholder,
    body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .input::placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .input::placeholder,
    body.is-dark .video-story-modal .card .card-body .story-meta .field .control .textarea::placeholder,
    body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .textarea::placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .textarea::placeholder,
    body.is-dark .image-story-modal .card .card-body .story-meta .field .control .input::placeholder,
    body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .input::placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .input::placeholder,
    body.is-dark .image-story-modal .card .card-body .story-meta .field .control .textarea::placeholder,
    body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .textarea::placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .textarea::placeholder {
        color: #4e6183
    }

body.is-dark .video-story-modal .card .card-body .story-meta .field .control .tokenize,
body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .tokenize,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .tokenize,
body.is-dark .image-story-modal .card .card-body .story-meta .field .control .tokenize,
body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .tokenize,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .tokenize {
    background: #283143;
    border-color: #334056
}

    body.is-dark .video-story-modal .card .card-body .story-meta .field .control .tokenize .token,
    body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .tokenize .token,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .tokenize .token,
    body.is-dark .image-story-modal .card .card-body .story-meta .field .control .tokenize .token,
    body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .tokenize .token,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .tokenize .token {
        background: #202836;
        border-color: #202836;
        color: #fafafa
    }

    body.is-dark .video-story-modal .card .card-body .story-meta .field .control .tokenize .token-search,
    body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .tokenize .token-search,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .tokenize .token-search,
    body.is-dark .video-story-modal .card .card-body .story-meta .field .control .tokenize .placeholder,
    body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .tokenize .placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .tokenize .placeholder,
    body.is-dark .image-story-modal .card .card-body .story-meta .field .control .tokenize .token-search,
    body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .tokenize .token-search,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .tokenize .token-search,
    body.is-dark .image-story-modal .card .card-body .story-meta .field .control .tokenize .placeholder,
    body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .tokenize .placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .tokenize .placeholder {
        border: none
    }

        body.is-dark .video-story-modal .card .card-body .story-meta .field .control .tokenize .token-search input,
        body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .tokenize .token-search input,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .tokenize .token-search input,
        body.is-dark .video-story-modal .card .card-body .story-meta .field .control .tokenize .placeholder input,
        body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .tokenize .placeholder input,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-meta .field .control .tokenize .placeholder input,
        body.is-dark .image-story-modal .card .card-body .story-meta .field .control .tokenize .token-search input,
        body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .tokenize .token-search input,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .tokenize .token-search input,
        body.is-dark .image-story-modal .card .card-body .story-meta .field .control .tokenize .placeholder input,
        body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-meta .field .control .tokenize .placeholder input,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-meta .field .control .tokenize .placeholder input {
            border: none;
            color: #fafafa
        }

body.is-dark .video-story-modal .card .card-body .story-upload .input-block input,
body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .input-block input,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-upload .input-block input,
body.is-dark .image-story-modal .card .card-body .story-upload .input-block input,
body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .input-block input,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-upload .input-block input {
    background: #283143;
    border-color: #334056;
    color: #a2a5b9
}

    body.is-dark .video-story-modal .card .card-body .story-upload .input-block input::-webkit-file-upload-button,
    body.is-dark .video-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .input-block input::-webkit-file-upload-button,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .video-story-modal .summary-card .card-body .story-upload .input-block input::-webkit-file-upload-button,
    body.is-dark .image-story-modal .card .card-body .story-upload .input-block input::-webkit-file-upload-button,
    body.is-dark .image-story-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .story-upload .input-block input::-webkit-file-upload-button,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .image-story-modal .summary-card .card-body .story-upload .input-block input::-webkit-file-upload-button {
        background: #181f29;
        border-color: #283143;
        color: #fafafa
    }

body.is-dark .end-tour-modal .card .card-body .image-wrap,
body.is-dark .end-tour-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body .image-wrap,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .end-tour-modal .summary-card .card-body .image-wrap {
    background: #334056
}

body.is-dark .end-tour-modal .card .card-body h3,
body.is-dark .end-tour-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body h3,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .end-tour-modal .summary-card .card-body h3 {
    color: #fafafa
}

body.is-dark .end-tour-modal .card .card-body p,
body.is-dark .end-tour-modal .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-body p,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .end-tour-modal .summary-card .card-body p {
    color: #a2a5b9
}

body.is-dark .fancybox-bg {
    background: #181f29
}

body.is-dark .fancybox-confirm {
    padding: 2.5rem !important;
    background: #11151c
}

    body.is-dark .fancybox-confirm .title {
        color: #fff
    }

    body.is-dark .fancybox-confirm p {
        color: #a2a5b9
    }


/*! _popovers-dark.scss | Friendkit | © Css Ninja. 2020-2021 */

body.is-dark .webui-popover {
    background: #151a23 !important;
    color: #a2a5b9 !important
}

    body.is-dark .webui-popover.top .webui-arrow {
        border-top-color: #151a23 !important
    }

    body.is-dark .webui-popover.right .webui-arrow {
        border-top-color: transparent !important;
        border-right-color: #151a23 !important
    }

        body.is-dark .webui-popover.right .webui-arrow:after {
            border-right-color: #151a23 !important
        }

    body.is-dark .webui-popover.left .webui-arrow:after {
        border-left-color: #151a23 !important
    }

    body.is-dark .webui-popover.bottom .webui-arrow:after {
        border-bottom-color: #151a23 !important
    }

    body.is-dark .webui-popover.bottom-right .webui-arrow:after,
    body.is-dark .webui-popover.bottom-left .webui-arrow:after {
        border-bottom-color: #151a23 !important
    }

    body.is-dark .webui-popover.top-right .webui-arrow:after {
        border-top-color: #151a23 !important
    }

    body.is-dark .webui-popover.top-left .webui-arrow {
        border-top-color: #151a23 !important
    }

    body.is-dark .webui-popover .webui-popover-content .popover-flex-block .icon-block svg {
        stroke: #a2a5b9
    }

    body.is-dark .webui-popover .webui-popover-content .popover-flex-block .content-block span:first-child {
        color: #fafafa
    }

    body.is-dark .webui-popover .webui-popover-content .popover-flex-block .content-block span:nth-child(2) {
        color: #a2a5b9
    }

body.is-dark .profile-popover-block .profile-popover-wrapper .popover-cover .popover-avatar .avatar {
    border-color: #151a23 !important
}

body.is-dark .profile-popover-block .profile-popover-wrapper .popover-meta span.user-meta .username,
body.is-dark .profile-popover-block .profile-popover-wrapper .popover-meta span.user-meta .pagename,
body.is-dark .profile-popover-block .profile-popover-wrapper .popover-meta span.page-meta .username,
body.is-dark .profile-popover-block .profile-popover-wrapper .popover-meta span.page-meta .pagename {
    color: #fafafa
}

body.is-dark .profile-popover-block .loader-overlay {
    background: #151a23 !important
}

body.is-dark .ql-tooltip {
    background: #151a23 !important
}

    body.is-dark .ql-tooltip .ql-tooltip-arrow {
        border-bottom-color: #151a23 !important
    }

    body.is-dark .ql-tooltip .ql-picker-options {
        background: #151a23 !important
    }


/*! _tables-dark.scss | Friendkit | © Css Ninja. 2020-2021 */

body.is-dark .flex-table .flex-table-header span {
    color: #a2a5b9
}

body.is-dark .flex-table .flex-table-item {
    background: #202836;
    border-color: #3b4963
}

    body.is-dark .flex-table .flex-table-item > div {
        border-color: #3b4963
    }

    body.is-dark .flex-table .flex-table-item .product span {
        color: #fafafa
    }

    body.is-dark .flex-table .flex-table-item .quantity.has-spinner .spinner {
        background: #181f29;
        border-color: #283143
    }

        body.is-dark .flex-table .flex-table-item .quantity.has-spinner .spinner .remove:hover svg,
        body.is-dark .flex-table .flex-table-item .quantity.has-spinner .spinner .add:hover svg {
            stroke: #5596e6
        }

        body.is-dark .flex-table .flex-table-item .quantity.has-spinner .spinner .value {
            color: #fafafa
        }

    body.is-dark .flex-table .flex-table-item .price .has-price,
    body.is-dark .flex-table .flex-table-item .discount .has-price,
    body.is-dark .flex-table .flex-table-item .total .has-price {
        color: #fafafa
    }


/*! _widgets-dark.scss | Friendkit | © Css Ninja. 2020-2021 */

body.is-dark .schedule {
    background: #202836;
    border-color: #334056
}

    body.is-dark .schedule .schedule-day-container .day-content {
        background: #202836;
        border-color: #334056
    }

        body.is-dark .schedule .schedule-day-container .day-content .event-details-wrap .meta-block > i {
            color: #a2a5b9
        }

        body.is-dark .schedule .schedule-day-container .day-content .event-details-wrap .meta-block .meta span:first-child {
            color: #fafafa;
            font-weight: 500
        }

        body.is-dark .schedule .schedule-day-container .day-content .event-details-wrap .meta-block .meta span:nth-child(2) {
            color: #a2a5b9
        }

        body.is-dark .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap label {
            color: #fafafa
        }

        body.is-dark .schedule .schedule-day-container .day-content .event-details-wrap .participants-wrap .participants img {
            border-color: #202836
        }

        body.is-dark .schedule .schedule-day-container .day-content .event-details-wrap .event-description label {
            color: #fafafa
        }

        body.is-dark .schedule .schedule-day-container .day-content .event-details-wrap .event-description p {
            color: #a2a5b9
        }

        body.is-dark .schedule .schedule-day-container .day-content .event-details-wrap hr {
            height: 1px;
            background: #2f3b50
        }

        body.is-dark .schedule .schedule-day-container .day-content .event-details-wrap .button-wrap .button {
            background: #171c26;
            border-color: #171c26;
            color: #a2a5b9
        }

            body.is-dark .schedule .schedule-day-container .day-content .event-details-wrap .button-wrap .button:hover {
                background: #5596e6;
                border-color: #5596e6;
                color: #fff
            }

    body.is-dark .schedule .schedule-header .nav-icon:hover,
    body.is-dark .schedule .schedule-header .month:hover {
        background: #2f3b50
    }

    body.is-dark .schedule .schedule-header .month {
        color: #fafafa
    }

    body.is-dark .schedule .schedule-divider {
        background: #334056
    }

    body.is-dark .schedule .schedule-calendar .calendar-row .day.day-name {
        color: #a2a5b9
    }

    body.is-dark .schedule .schedule-calendar .calendar-row .day {
        color: #a2a5b9
    }

        body.is-dark .schedule .schedule-calendar .calendar-row .day:not(.event):hover {
            background: #293446
        }

    body.is-dark .schedule .schedule-calendar .next-fab {
        background: #293446;
        border-color: #334056
    }

        body.is-dark .schedule .schedule-calendar .next-fab:hover {
            background: #242d3c
        }

        body.is-dark .schedule .schedule-calendar .next-fab svg {
            stroke: #a2a5b9
        }

    body.is-dark .schedule .schedule-events {
        background: #202836;
        border-color: #334056
    }

        body.is-dark .schedule .schedule-events .schedule-events-title {
            color: #fafafa
        }

        body.is-dark .schedule .schedule-events .schedule-event .event-title span:first-child {
            color: #fafafa;
            font-weight: 500
        }

        body.is-dark .schedule .schedule-events .schedule-event .event-title span:nth-child(2) {
            color: #a2a5b9
        }

        body.is-dark .schedule .schedule-events .button-wrap .button {
            background: #171c26;
            border-color: #171c26;
            color: #a2a5b9
        }

            body.is-dark .schedule .schedule-events .button-wrap .button:hover {
                background: #5596e6;
                border-color: #5596e6;
                color: #fff
            }


/*! _layout-placeholders-dark.scss | Friendkit | © Css Ninja. 2020-2021 */

body.is-dark .loads {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeload;
    animation-name: placeload;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #191c26;
    background: #31374a;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #31374a), color-stop(18%, #191c26), color-stop(33%, #31374a));
    background: linear-gradient(to right, #31374a 8%, #191c26 18%, #31374a 33%);
    background-size: 1200px 104px;
    position: relative
}

body.is-dark .compose-placeload {
    border-color: #283143;
    background: #202836
}

body.is-dark .post-placeload {
    border-color: #283143 !important;
    background: #202836 !important
}

body.is-dark .stories-placeload,
body.is-dark .list-placeload {
    border-color: #283143 !important;
    background: #202836 !important
}

body.is-dark .mini-widget-placeload {
    border-color: #283143 !important;
    background: #202836 !important
}

body.is-dark .weather-widget-placeload {
    border-color: #283143 !important;
    background: #202836 !important
}

body.is-dark .questions-single-placeload.is-card {
    border-color: #2f3b50 !important;
    background: #2f3b50 !important
}

body.is-dark .questions-categories-placeload .is-tile-placeload {
    border-color: #3b4963 !important;
    background: #202836 !important
}

body.is-dark .questions-stats-placeload.is-header {
    border-color: #3b4963 !important;
    background: #202836 !important
}

body.is-dark .questions-stats-placeload.is-carousel .placeload-grid .grid-item {
    border-color: #3b4963 !important;
    background: #202836 !important
}

body.is-dark .questions-side-placeload {
    border-color: #3b4963 !important;
    background: #202836 !important
}

body.is-dark .questions-settings-placeload.is-card {
    border-color: #3b4963 !important;
    background: #202836 !important
}


/*! _utils-dark.scss | Friendkit | © Css Ninja. 2020-2021 */

body.is-dark .fancybox-custom-layout .fancybox-caption {
    background: #202836
}

    body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body {
        background: #202836
    }

        body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .header .user-meta span:first-child {
            color: #fafafa
        }

            body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .header .user-meta span:first-child small {
                color: #a2a5b9
            }

        body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .header .user-meta span:nth-child(2) {
            color: #a2a5b9
        }

        body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .header > .button {
            background: #151a23;
            border-color: #283143;
            color: #fff
        }

        body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .header .dropdown > div .button svg {
            stroke: #a2a5b9
        }

        body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .inner-content .live-stats {
            border-color: #334056
        }

        body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .inner-content .actions .action:not(:hover) span {
            color: #a2a5b9
        }

        body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .inner-content .actions .dropdown > div .avatar-button svg {
            fill: #fafafa
        }

        body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .comments-list {
            background: #151a23
        }

            body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .comments-list .media.is-comment .media-content {
                background: #262f40
            }

                body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .comments-list .media.is-comment .media-content .username {
                    color: #fafafa
                }

                body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .comments-list .media.is-comment .media-content p {
                    color: #a2a5b9
                }

                body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .comments-list .media.is-comment .media-content .comment-actions span {
                    color: #a2a5b9
                }

        body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .comment-controls {
            background: #202836;
            border-color: #334056
        }

            body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .comment-controls .controls-inner .control .textarea {
                background: #151a23;
                border-color: #151a23;
                color: #fafafa
            }

                body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .comment-controls .controls-inner .control .textarea::-webkit-input-placeholder {
                    color: #4e6183
                }

                body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .comment-controls .controls-inner .control .textarea::-moz-placeholder {
                    color: #4e6183
                }

                body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .comment-controls .controls-inner .control .textarea:-ms-input-placeholder {
                    color: #4e6183
                }

                body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .comment-controls .controls-inner .control .textarea::-ms-input-placeholder {
                    color: #4e6183
                }

                body.is-dark .fancybox-custom-layout .fancybox-caption .fancybox-caption__body .comment-controls .controls-inner .control .textarea::placeholder {
                    color: #4e6183
                }

body.is-dark .hopscotch-bubble {
    border-color: #283143 !important;
    background: #151a23 !important
}

    body.is-dark .hopscotch-bubble .hopscotch-bubble-container {
        background: #151a23 !important
    }

        body.is-dark .hopscotch-bubble .hopscotch-bubble-container .hopscotch-bubble-number {
            background: #151a23 !important
        }

        body.is-dark .hopscotch-bubble .hopscotch-bubble-container .hopscotch-bubble-content .hopscotch-title {
            color: #fafafa
        }

        body.is-dark .hopscotch-bubble .hopscotch-bubble-container .hopscotch-bubble-content .hopscotch-content {
            color: #a2a5b9
        }

        body.is-dark .hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button {
            background: #5596e6 !important;
            border-color: #5596e6 !important;
            color: #fff !important;
            outline: none !important
        }

        body.is-dark .hopscotch-bubble .hopscotch-bubble-container .hopscotch-bubble-close {
            background: #151a23 !important
        }

    body.is-dark .hopscotch-bubble .hopscotch-arrow.up .hopscotch-bubble-arrow-border {
        border-bottom-color: #283143 !important
    }

    body.is-dark .hopscotch-bubble .hopscotch-arrow.up .hopscotch-bubble-arrow {
        border-bottom-color: #151a23 !important
    }

    body.is-dark .hopscotch-bubble .hopscotch-arrow.down .hopscotch-bubble-arrow-border {
        border-top-color: #283143 !important
    }

    body.is-dark .hopscotch-bubble .hopscotch-arrow.down .hopscotch-bubble-arrow {
        border-top-color: #151a23 !important
    }

    body.is-dark .hopscotch-bubble .hopscotch-arrow.right .hopscotch-bubble-arrow-border {
        border-left-color: #283143 !important
    }

    body.is-dark .hopscotch-bubble .hopscotch-arrow.right .hopscotch-bubble-arrow {
        border-left-color: #151a23 !important
    }

    body.is-dark .hopscotch-bubble .hopscotch-arrow.left .hopscotch-bubble-arrow-border {
        border-right-color: #283143 !important
    }

    body.is-dark .hopscotch-bubble .hopscotch-arrow.left .hopscotch-bubble-arrow {
        border-right-color: #151a23 !important
    }

body.is-dark .subloader {
    background: #2f3b50 !important
}

body.is-dark .is-dark-heading {
    color: #ebebeb !important
}


/*! all.scss | Friendkit | © Css Ninja. 2020-2021 */


/*! _chat-dark.scss | Friendkit | © Css Ninja. 2020-2021 */

body.is-dark .chat-wrapper .chat-inner .chat-nav,
body.is-dark .chat-wrapper .chat-inner .users-sidebar {
    background: #151a23;
    border-color: #151a23
}

    body.is-dark .chat-wrapper .chat-inner .chat-nav .nav-start .recipient-block .username span:first-child {
        color: #fafafa
    }

    body.is-dark .chat-wrapper .chat-inner .chat-nav .nav-end .chat-search .control .input {
        background: #283143;
        border-color: #283143;
        color: #fafafa
    }

        body.is-dark .chat-wrapper .chat-inner .chat-nav .nav-end .chat-search .control .input::-webkit-input-placeholder {
            color: #4e6183
        }

        body.is-dark .chat-wrapper .chat-inner .chat-nav .nav-end .chat-search .control .input::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .chat-wrapper .chat-inner .chat-nav .nav-end .chat-search .control .input:-ms-input-placeholder {
            color: #4e6183
        }

        body.is-dark .chat-wrapper .chat-inner .chat-nav .nav-end .chat-search .control .input::-ms-input-placeholder {
            color: #4e6183
        }

        body.is-dark .chat-wrapper .chat-inner .chat-nav .nav-end .chat-search .control .input::placeholder {
            color: #4e6183
        }

        body.is-dark .chat-wrapper .chat-inner .chat-nav .nav-end .chat-search .control .input:focus ~ .form-icon svg {
            stroke: #3d70b2 !important
        }

    body.is-dark .chat-wrapper .chat-inner .chat-nav .nav-end .chat-search .control .form-icon svg {
        stroke: #4e6183
    }

    body.is-dark .chat-wrapper .chat-inner .chat-nav .nav-end .close-chat:hover {
        background: #283143
    }

    body.is-dark .chat-wrapper .chat-inner .users-sidebar .conversations-list .user-item.is-active {
        background: #242d3c
    }

        body.is-dark .chat-wrapper .chat-inner .users-sidebar .conversations-list .user-item.is-active .avatar-container .user-status {
            border-color: #242d3c
        }

    body.is-dark .chat-wrapper .chat-inner .users-sidebar .conversations-list .user-item:hover {
        background: #283143
    }

        body.is-dark .chat-wrapper .chat-inner .users-sidebar .conversations-list .user-item:hover .avatar-container .user-status {
            border-color: #283143
        }

    body.is-dark .chat-wrapper .chat-inner .users-sidebar .conversations-list .user-item .avatar-container .user-status {
        border-color: #151a23
    }

body.is-dark .chat-wrapper .chat-inner .chat-body,
body.is-dark .chat-wrapper .chat-inner .chat-action {
    background: #2f3b50
}

    body.is-dark .chat-wrapper .chat-inner .chat-body .chat-body-inner .date-divider hr {
        background: #425370
    }

    body.is-dark .chat-wrapper .chat-inner .chat-body .chat-body-inner .date-divider span {
        background: #2f3b50;
        color: #c7c7c7
    }

    body.is-dark .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-sent .message-text {
        background: #222a39
    }

        body.is-dark .chat-wrapper .chat-inner .chat-body .chat-body-inner .chat-message.is-sent .message-text:before {
            border-top-color: #222a39
        }

    body.is-dark .chat-wrapper .chat-inner .chat-action .chat-action-inner .control .textarea {
        background: #222a39;
        border-color: #293446;
        color: #fafafa
    }

        body.is-dark .chat-wrapper .chat-inner .chat-action .chat-action-inner .control .textarea:focus {
            border-color: #334056 !important
        }

body.is-dark .chat-wrapper .chat-inner .chat-panel {
    background: #283143;
    border-color: #283143
}

    body.is-dark .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-header {
        background: #283143;
        border-color: #283143
    }

        body.is-dark .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-header h3 {
            color: #fafafa
        }

        body.is-dark .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-header .panel-close:hover {
            background: #37445c
        }

    body.is-dark .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body .panel-body-inner .subheader .action-icon:hover {
        background: #37445c
    }

    body.is-dark .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body .panel-body-inner .details-avatar .call-me {
        border-color: #283143
    }

    body.is-dark .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body .panel-body-inner .user-meta h3 {
        color: #fafafa
    }

    body.is-dark .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body .panel-body-inner .user-about .about-block {
        background: #222a39;
        border-color: #2f3b50
    }

        body.is-dark .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body .panel-body-inner .user-about .about-block .about-text span:first-child {
            color: #fafafa
        }

        body.is-dark .chat-wrapper .chat-inner .chat-panel .panel-inner .panel-body .panel-body-inner .user-about .about-block .about-text span:nth-child(2) {
            color: #a2a5b9 !important
        }

body.is-dark .add-conversation-modal .modal-content .card .card-heading h3,
body.is-dark .add-conversation-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading h3,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .add-conversation-modal .modal-content .summary-card .card-heading h3 {
    color: #fafafa
}

body.is-dark .add-conversation-modal .modal-content .card .card-heading .close-wrap .close-modal:hover,
body.is-dark .add-conversation-modal .modal-content .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .close-wrap .close-modal:hover,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .add-conversation-modal .modal-content .summary-card .card-heading .close-wrap .close-modal:hover {
    background: #2b3649
}


/*! _feed-dark.scss | Friendkit | © Css Ninja. 2020-2021 */

body.is-dark .card.is-new-content .tabs,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .tabs {
    background: #283143
}

    body.is-dark .card.is-new-content .tabs ul,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs ul,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .tabs ul {
        background: #283143;
        border-color: #283143
    }

    body.is-dark .card.is-new-content .tabs li,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs li,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .tabs li {
        background: #283143
    }

        body.is-dark .card.is-new-content .tabs li.close-wrap .close-publish:hover,
        body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs li.close-wrap .close-publish:hover,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .tabs li.close-wrap .close-publish:hover {
            background: #202836
        }

        body.is-dark .card.is-new-content .tabs li.is-active a,
        body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs li.is-active a,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .tabs li.is-active a {
            border-color: transparent !important;
            background: #202836
        }

        body.is-dark .card.is-new-content .tabs li a,
        body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs li a,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .tabs li a {
            background: #283143;
            border-color: #283143 !important
        }

body.is-dark .card.is-new-content .compose,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .compose {
    border-color: #283143
}

    body.is-dark .card.is-new-content .compose .compose-form .control .textarea,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .compose-form .control .textarea,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .compose .compose-form .control .textarea {
        border-color: #202836;
        background: #202836;
        color: #fafafa
    }

        body.is-dark .card.is-new-content .compose .compose-form .control .textarea::-webkit-input-placeholder,
        body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .compose-form .control .textarea::-webkit-input-placeholder,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .compose .compose-form .control .textarea::-webkit-input-placeholder {
            color: #4e6183
        }

        body.is-dark .card.is-new-content .compose .compose-form .control .textarea::-moz-placeholder,
        body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .compose-form .control .textarea::-moz-placeholder,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .compose .compose-form .control .textarea::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .card.is-new-content .compose .compose-form .control .textarea:-ms-input-placeholder,
        body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .compose-form .control .textarea:-ms-input-placeholder,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .compose .compose-form .control .textarea:-ms-input-placeholder {
            color: #4e6183
        }

        body.is-dark .card.is-new-content .compose .compose-form .control .textarea::-ms-input-placeholder,
        body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .compose-form .control .textarea::-ms-input-placeholder,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .compose .compose-form .control .textarea::-ms-input-placeholder {
            color: #4e6183
        }

        body.is-dark .card.is-new-content .compose .compose-form .control .textarea::placeholder,
        body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .compose-form .control .textarea::placeholder,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .compose .compose-form .control .textarea::placeholder {
            color: #4e6183
        }

    body.is-dark .card.is-new-content .compose .feed-upload .upload-wrap .remove-file,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .feed-upload .upload-wrap .remove-file,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .compose .feed-upload .upload-wrap .remove-file {
        background: #181f29
    }

    body.is-dark .card.is-new-content .compose .options-summary,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .options-summary,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .compose .options-summary {
        background: #283143
    }

body.is-dark .card.is-new-content .compose-options,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .compose-options {
    background: #202836
}

    body.is-dark .card.is-new-content .compose-options .compose-option,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options .compose-option,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .compose-options .compose-option {
        background: #2b3649
    }

        body.is-dark .card.is-new-content .compose-options .compose-option:hover svg,
        body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose-options .compose-option:hover svg,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .compose-options .compose-option:hover svg {
            stroke: #fafafa
        }

body.is-dark .card.is-new-content .hidden-options,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options {
    background: #202836;
    border-color: #283143
}

    body.is-dark .card.is-new-content .hidden-options .target-channels .channel:hover,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel:hover,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .target-channels .channel:hover {
        background: #2b3649
    }

    body.is-dark .card.is-new-content .hidden-options .target-channels .channel .round-checkbox input:not(:checked) + label,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .round-checkbox input:not(:checked) + label,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .target-channels .channel .round-checkbox input:not(:checked) + label {
        background: #171c26;
        border-color: #283143
    }

    body.is-dark .card.is-new-content .hidden-options .target-channels .channel .channel-icon,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .channel-icon,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .target-channels .channel .channel-icon,
    body.is-dark .card.is-new-content .hidden-options .target-channels .channel .story-icon,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .story-icon,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .target-channels .channel .story-icon {
        background: #171c26;
        border-color: #283143
    }

        body.is-dark .card.is-new-content .hidden-options .target-channels .channel .channel-icon .plus-icon,
        body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .channel-icon .plus-icon,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .target-channels .channel .channel-icon .plus-icon,
        body.is-dark .card.is-new-content .hidden-options .target-channels .channel .story-icon .plus-icon,
        body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .story-icon .plus-icon,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .target-channels .channel .story-icon .plus-icon {
            border-color: #171c26
        }

    body.is-dark .card.is-new-content .hidden-options .target-channels .channel .channel-name,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .channel-name,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .target-channels .channel .channel-name {
        color: #a2a5b9
    }

    body.is-dark .card.is-new-content .hidden-options .target-channels .channel .dropdown > div .button,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .target-channels .channel .dropdown > div .button,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .target-channels .channel .dropdown > div .button {
        background: #171c26;
        border-color: #283143;
        color: #a2a5b9
    }

    body.is-dark .card.is-new-content .hidden-options .friends-list,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .friends-list {
        background: #202836;
        border-color: #283143
    }

        body.is-dark .card.is-new-content .hidden-options .friends-list .list-header .control .input,
        body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .control .input,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .friends-list .list-header .control .input {
            background: #283143;
            border-color: #283143;
            color: #fafafa
        }

            body.is-dark .card.is-new-content .hidden-options .friends-list .list-header .control .input::-webkit-input-placeholder,
            body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .control .input::-webkit-input-placeholder,
            .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .friends-list .list-header .control .input::-webkit-input-placeholder {
                color: #4e6183
            }

            body.is-dark .card.is-new-content .hidden-options .friends-list .list-header .control .input::-moz-placeholder,
            body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .control .input::-moz-placeholder,
            .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .friends-list .list-header .control .input::-moz-placeholder {
                color: #4e6183
            }

            body.is-dark .card.is-new-content .hidden-options .friends-list .list-header .control .input:-ms-input-placeholder,
            body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .control .input:-ms-input-placeholder,
            .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .friends-list .list-header .control .input:-ms-input-placeholder {
                color: #4e6183
            }

            body.is-dark .card.is-new-content .hidden-options .friends-list .list-header .control .input::-ms-input-placeholder,
            body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .control .input::-ms-input-placeholder,
            .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .friends-list .list-header .control .input::-ms-input-placeholder {
                color: #4e6183
            }

            body.is-dark .card.is-new-content .hidden-options .friends-list .list-header .control .input::placeholder,
            body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .control .input::placeholder,
            .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .friends-list .list-header .control .input::placeholder {
                color: #4e6183
            }

            body.is-dark .card.is-new-content .hidden-options .friends-list .list-header .control .input:focus ~ .form-icon svg,
            body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-header .control .input:focus ~ .form-icon svg,
            .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .friends-list .list-header .control .input:focus ~ .form-icon svg {
                stroke: #3d70b2 !important
            }

        body.is-dark .card.is-new-content .hidden-options .friends-list .list-body .friend-block .round-checkbox input:not(:checked) + label,
        body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-body .friend-block .round-checkbox input:not(:checked) + label,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .friends-list .list-body .friend-block .round-checkbox input:not(:checked) + label {
            background: #171c26;
            border-color: #283143
        }

        body.is-dark .card.is-new-content .hidden-options .friends-list .list-body .friend-block .friend-name,
        body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .hidden-options .friends-list .list-body .friend-block .friend-name,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .hidden-options .friends-list .list-body .friend-block .friend-name {
            color: #a2a5b9
        }

body.is-dark .card.is-new-content .more-wrap,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .more-wrap,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .more-wrap {
    background: #202836;
    border-color: #283143
}

    body.is-dark .card.is-new-content .more-wrap .button.is-more,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .more-wrap .button.is-more,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-new-content.summary-card .more-wrap .button.is-more {
        background: #171c26;
        border-color: #283143;
        color: #a2a5b9
    }

body.is-dark .card.is-post .card-heading .user-block .user-info a,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-heading .user-block .user-info a,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-heading .user-block .user-info a {
    color: #fafafa
}

    body.is-dark .card.is-post .card-heading .user-block .user-info a:hover,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-heading .user-block .user-info a:hover,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-heading .user-block .user-info a:hover {
        color: #5596e6
    }

body.is-dark .card.is-post .card-heading .user-block .user-info span,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-heading .user-block .user-info span,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-heading .user-block .user-info span {
    color: #a2a5b9
}

body.is-dark .card.is-post .card-body .post-text p,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-body .post-text p,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-body .post-text p {
    color: #a2a5b9
}

    body.is-dark .card.is-post .card-body .post-text p a,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-body .post-text p a,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-body .post-text p a {
        color: #5596e6
    }

body.is-dark .card.is-post .card-body .post-link,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-body .post-link,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-body .post-link {
    background: #293446;
    border-color: #37445c
}

    body.is-dark .card.is-post .card-body .post-link .link-content h4 a,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-body .post-link .link-content h4 a,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-body .post-link .link-content h4 a {
        color: #6e84a9
    }

    body.is-dark .card.is-post .card-body .post-link .link-content p,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-body .post-link .link-content p,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-body .post-link .link-content p {
        color: #a2a5b9
    }

body.is-dark .card.is-post .card-body .like-wrapper .like-button,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-body .like-wrapper .like-button,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-body .like-wrapper .like-button {
    background: #425370
}

    body.is-dark .card.is-post .card-body .like-wrapper .like-button i,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-body .like-wrapper .like-button i,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-body .like-wrapper .like-button i {
        color: #fafafa
    }

body.is-dark .card.is-post .card-footer .likers-group img,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-footer .likers-group img,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-footer .likers-group img {
    border-color: #202836
}

body.is-dark .card.is-post .card-footer .likers-text p:first-child a:not(:hover),
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-footer .likers-text p:first-child a:not(:hover),
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-footer .likers-text p:first-child a:not(:hover) {
    color: #fafafa
}

body.is-dark .card.is-post .card-footer .post-comment .media-content .field .control .textarea,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-footer .post-comment .media-content .field .control .textarea,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-footer .post-comment .media-content .field .control .textarea {
    background: #283143;
    border-color: #334056;
    color: #fafafa
}

    body.is-dark .card.is-post .card-footer .post-comment .media-content .field .control .textarea::-webkit-input-placeholder,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-footer .post-comment .media-content .field .control .textarea::-webkit-input-placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-footer .post-comment .media-content .field .control .textarea::-webkit-input-placeholder {
        color: #4e6183
    }

    body.is-dark .card.is-post .card-footer .post-comment .media-content .field .control .textarea::-moz-placeholder,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-footer .post-comment .media-content .field .control .textarea::-moz-placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-footer .post-comment .media-content .field .control .textarea::-moz-placeholder {
        color: #4e6183
    }

    body.is-dark .card.is-post .card-footer .post-comment .media-content .field .control .textarea:-ms-input-placeholder,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-footer .post-comment .media-content .field .control .textarea:-ms-input-placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-footer .post-comment .media-content .field .control .textarea:-ms-input-placeholder {
        color: #4e6183
    }

    body.is-dark .card.is-post .card-footer .post-comment .media-content .field .control .textarea::-ms-input-placeholder,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-footer .post-comment .media-content .field .control .textarea::-ms-input-placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-footer .post-comment .media-content .field .control .textarea::-ms-input-placeholder {
        color: #4e6183
    }

    body.is-dark .card.is-post .card-footer .post-comment .media-content .field .control .textarea::placeholder,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-footer .post-comment .media-content .field .control .textarea::placeholder,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-footer .post-comment .media-content .field .control .textarea::placeholder {
        color: #4e6183
    }

body.is-dark .card.is-post .card-footer .post-comment .media-content .actions,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .card-footer .post-comment .media-content .actions,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .card-footer .post-comment .media-content .actions {
    border-color: #334056
}

body.is-dark .card.is-post .comments-wrap .comments-heading .close-comments:hover,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-heading .close-comments:hover,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .comments-wrap .comments-heading .close-comments:hover {
    background: #283143
}

body.is-dark .card.is-post .comments-wrap .comments-body .media.is-comment,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .media.is-comment,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .comments-wrap .comments-body .media.is-comment {
    border-color: #334056
}

    body.is-dark .card.is-post .comments-wrap .comments-body .media.is-comment .media-content a:not(:hover),
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .media.is-comment .media-content a:not(:hover),
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .comments-wrap .comments-body .media.is-comment .media-content a:not(:hover) {
        color: #fafafa
    }

    body.is-dark .card.is-post .comments-wrap .comments-body .media.is-comment .media-content p,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .media.is-comment .media-content p,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .comments-wrap .comments-body .media.is-comment .media-content p {
        color: #a2a5b9
    }

    body.is-dark .card.is-post .comments-wrap .comments-body .media.is-comment .media-content .media.is-comment .media-left:before,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .media.is-comment .media-content .media.is-comment .media-left:before,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .comments-wrap .comments-body .media.is-comment .media-content .media.is-comment .media-left:before {
        background: #2f3b50;
        border-color: #37445c
    }

    body.is-dark .card.is-post .comments-wrap .comments-body .media.is-comment .media-content .media.is-comment .media-left:after,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .media.is-comment .media-content .media.is-comment .media-left:after,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .comments-wrap .comments-body .media.is-comment .media-content .media.is-comment .media-left:after {
        background: #2f3b50;
        border-color: #37445c
    }

    body.is-dark .card.is-post .comments-wrap .comments-body .media.is-comment .media-right .dropdown > div .button,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .comments-wrap .comments-body .media.is-comment .media-right .dropdown > div .button,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-post.summary-card .comments-wrap .comments-body .media.is-comment .media-right .dropdown > div .button {
        background: #202836;
        border-color: #283143;
        color: #a2a5b9
    }

body.is-dark .is-autocomplete.is-suboption .tag-list .tag-control .tags .tag:first-child {
    background: #1a212c !important
}

body.is-dark .is-autocomplete.is-suboption .tag-list .tag-control .tags .tag:nth-child(2) {
    background: #2b3649 !important
}

body.is-dark .is-autocomplete .control .input {
    background: #2b3649;
    border-color: #37445c
}

body.is-dark .is-autocomplete .control .easy-autocomplete-container ul {
    background: #2b3649 !important;
    border-color: #37445c !important
}

    body.is-dark .is-autocomplete .control .easy-autocomplete-container ul li {
        border-color: #37445c !important
    }

        body.is-dark .is-autocomplete .control .easy-autocomplete-container ul li.selected {
            background: #283143
        }

        body.is-dark .is-autocomplete .control .easy-autocomplete-container ul li .eac-item .template-wrapper .avatar-wrapper .avatar-badge {
            border-color: #2b3649
        }

        body.is-dark .is-autocomplete .control .easy-autocomplete-container ul li .eac-item .template-wrapper .entry-text {
            color: #fafafa
        }

            body.is-dark .is-autocomplete .control .easy-autocomplete-container ul li .eac-item .template-wrapper .entry-text span {
                color: #a2a5b9
            }

body.is-dark .is-suboption .is-gif-wrapper .gif-dropdown {
    background: #2b3649 !important;
    border-color: #37445c !important
}

body.is-dark .feed-menu-v1 .main-menu li.is-active a > svg {
    stroke: #5596e6
}

body.is-dark .feed-menu-v1 .main-menu li.is-active a span {
    color: #fff
}

body.is-dark .feed-menu-v1 .main-menu li.is-active a .close-icon {
    background: #242d3c;
    border-color: #334056
}

    body.is-dark .feed-menu-v1 .main-menu li.is-active a .close-icon svg {
        stroke: #a2a5b9
    }

body.is-dark .feed-menu-v1 .main-menu li:hover a .close-icon {
    background: #242d3c
}

    body.is-dark .feed-menu-v1 .main-menu li:hover a .close-icon svg {
        stroke: #a2a5b9
    }

body.is-dark .feed-menu-v1 .main-menu li a span {
    color: #a2a5b9
}

body.is-dark .feed-menu-v1 .main-menu li a .close-icon span {
    color: #a2a5b9
}

body.is-dark .feed-menu-v1 .main-menu li .submenu li.is-subactive a {
    color: #fafafa
}


/*! _posts-feed-dark.scss | Friendkit | © Css Ninja. 2020-2021 */

body.is-dark .stories-list .container-inner .story .story-avatar {
    background: #3e4e69;
    border-color: #3e4e69
}

    body.is-dark .stories-list .container-inner .story .story-avatar:hover {
        border-color: #5596e6
    }

body.is-dark .posts-feed-wrapper .post-feed-item {
    background: transparent !important
}

    body.is-dark .posts-feed-wrapper .post-feed-item .card-content .media .media-left .post-avatar {
        background: #3e4e69 !important;
        border-color: #3e4e69 !important
    }

    body.is-dark .posts-feed-wrapper .post-feed-item .card-content .media .media-content span:first-child {
        color: #fafafa
    }

    body.is-dark .posts-feed-wrapper .post-feed-item .card-content .media .media-right > span {
        color: #a2a5b9
    }

    body.is-dark .posts-feed-wrapper .post-feed-item .card-content .media .media-right .button {
        background: #2f3b50
    }

        body.is-dark .posts-feed-wrapper .post-feed-item .card-content .media .media-right .button:not(.is-liked) svg {
            stroke: #a2a5b9
        }

        body.is-dark .posts-feed-wrapper .post-feed-item .card-content .media .media-right .button:hover {
            background: #37445c;
            border-color: #3e4e69
        }

body.is-dark .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper > .button {
    background: #171c26;
    border-color: #171c26;
    color: #a2a5b9
}

    body.is-dark .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper > .button:hover {
        background: #5596e6;
        border-color: #5596e6
    }

        body.is-dark .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper > .button:hover svg {
            stroke: #fff
        }

body.is-dark .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper .avatar-wrap {
    border-color: #425370
}

    body.is-dark .feed-profile-wrapper .profile-wrapper .profile-avatar-wrapper .avatar-wrap .badge {
        border-color: #2f3b50
    }

body.is-dark .feed-profile-wrapper .profile-wrapper .user-stats .stat-block span:first-child {
    color: #fafafa;
    font-weight: 500
}

body.is-dark .feed-profile-wrapper .profile-wrapper .user-stats .stat-block span:nth-child(2) {
    color: #a2a5b9
}

body.is-dark .feed-profile-wrapper .profile-wrapper .connections .connection .connection-avatar {
    background: #3e4e69;
    border-color: #4e6183
}

body.is-dark .feed-slider-wrapper .feed-slider-inner .slick-custom:hover i {
    color: #fafafa
}

body.is-dark .feed-slider-wrapper .feed-slider-inner .feed-slider-item {
    background: transparent !important
}

    body.is-dark .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-left .post-avatar {
        background: #3e4e69;
        border-color: #3e4e69
    }

    body.is-dark .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-content span:first-child {
        color: #fafafa
    }

    body.is-dark .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-right > span {
        color: #a2a5b9
    }

    body.is-dark .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-right .button {
        background: #2f3b50
    }

        body.is-dark .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-right .button:not(.is-liked) svg {
            stroke: #a2a5b9
        }

        body.is-dark .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-header .media .media-right .button:hover {
            background: #37445c;
            border-color: #3e4e69
        }

    body.is-dark .feed-slider-wrapper .feed-slider-inner .feed-slider-item .card-content .liked-by span span {
        color: #5596e6
    }


/*! _app-profile.scss | Friendkit | © Css Ninja. 2020-2021 */

body.is-dark .cover-bg .avatar .pop-button:not(#chat-pop) {
    background: #171c26;
    border-color: #171c26;
    color: #a2a5b9
}

body.is-dark .profile-menu .button:not(.is-active) {
    background: #171c26;
    border-color: #171c26;
    color: #a2a5b9
}

body.is-dark .profile-menu .button.is-active {
    background: #5596e6 !important;
    border-color: #5596e6 !important;
    color: #fff !important
}

body.is-dark .profile-subheader .subheader-start h2,
body.is-dark .profile-subheader .subheader-middle h2 {
    color: #fafafa;
    font-weight: 500
}

body.is-dark .profile-subheader .subheader-start span:first-child,
body.is-dark .profile-subheader .subheader-middle span:first-child {
    color: #fafafa;
    font-weight: 500
}

body.is-dark .profile-subheader .subheader-start span:nth-child(2),
body.is-dark .profile-subheader .subheader-middle span:nth-child(2) {
    color: #a2a5b9
}

body.is-dark .profile-subheader .subheader-end .button {
    background: #171c26;
    border-color: #171c26;
    color: #a2a5b9
}

body.is-dark .box-heading {
    background: #202836;
    border-color: #334056
}

    body.is-dark .box-heading h4 {
        color: #fafafa
    }

    body.is-dark .box-heading .button-wrap .button:first-child {
        background: #202836;
        border-color: #5596e6 !important;
        color: #5596e6 !important
    }

        body.is-dark .box-heading .button-wrap .button:first-child:hover {
            background: #5596e6 !important;
            color: #fff !important
        }

    body.is-dark .box-heading .button-wrap .button:nth-child(2) {
        background: #171c26;
        border-color: #293446;
        color: #a2a5b9
    }

    body.is-dark .box-heading .dropdown > div .button {
        border: none;
        background: #202836;
        border-color: #202836;
        color: #fafafa
    }

    body.is-dark .box-heading .heading-search .input {
        background: #283143;
        border-color: #334056;
        color: #fafafa
    }

        body.is-dark .box-heading .heading-search .input::-webkit-input-placeholder {
            color: #4e6183
        }

        body.is-dark .box-heading .heading-search .input::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .box-heading .heading-search .input:-ms-input-placeholder {
            color: #4e6183
        }

        body.is-dark .box-heading .heading-search .input::-ms-input-placeholder {
            color: #4e6183
        }

        body.is-dark .box-heading .heading-search .input::placeholder {
            color: #4e6183
        }

body.is-dark .profile-timeline .profile-post .time .img-container {
    background: #293446
}

    body.is-dark .profile-timeline .profile-post .time .img-container:after {
        background: #425370
    }

body.is-dark .basic-infos-wrapper .card.is-profile-info .info-row,
body.is-dark .basic-infos-wrapper .shop-wrapper .cart-container .cart-content .cart-summary .is-profile-info.summary-card .info-row,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .basic-infos-wrapper .is-profile-info.summary-card .info-row {
    border-color: #334056
}

    body.is-dark .basic-infos-wrapper .card.is-profile-info .info-row > div span,
    body.is-dark .basic-infos-wrapper .shop-wrapper .cart-container .cart-content .cart-summary .is-profile-info.summary-card .info-row > div span,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .basic-infos-wrapper .is-profile-info.summary-card .info-row > div span {
        color: #fafafa
    }

    body.is-dark .basic-infos-wrapper .card.is-profile-info .info-row > div a,
    body.is-dark .basic-infos-wrapper .shop-wrapper .cart-container .cart-content .cart-summary .is-profile-info.summary-card .info-row > div a,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .basic-infos-wrapper .is-profile-info.summary-card .info-row > div a {
        color: #a2a5b9
    }

        body.is-dark .basic-infos-wrapper .card.is-profile-info .info-row > div a:hover,
        body.is-dark .basic-infos-wrapper .shop-wrapper .cart-container .cart-content .cart-summary .is-profile-info.summary-card .info-row > div a:hover,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .basic-infos-wrapper .is-profile-info.summary-card .info-row > div a:hover {
            color: #5596e6
        }

    body.is-dark .basic-infos-wrapper .card.is-profile-info .info-row > i,
    body.is-dark .basic-infos-wrapper .shop-wrapper .cart-container .cart-content .cart-summary .is-profile-info.summary-card .info-row > i,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .basic-infos-wrapper .is-profile-info.summary-card .info-row > i {
        color: #a2a5b9
    }

body.is-dark .friend-cards-list .card.is-friend-card .friend-item,
body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .friend-item,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-friend-card.summary-card .friend-item,
body.is-dark .friend-cards-list .card.is-friend-card .trip-item,
body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .trip-item,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-friend-card.summary-card .trip-item,
body.is-dark .friend-cards-list .card.is-trip-card .friend-item,
body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .friend-item,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-trip-card.summary-card .friend-item,
body.is-dark .friend-cards-list .card.is-trip-card .trip-item,
body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .trip-item,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-trip-card.summary-card .trip-item,
body.is-dark .trip-cards-list .card.is-friend-card .friend-item,
body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .friend-item,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-friend-card.summary-card .friend-item,
body.is-dark .trip-cards-list .card.is-friend-card .trip-item,
body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .trip-item,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-friend-card.summary-card .trip-item,
body.is-dark .trip-cards-list .card.is-trip-card .friend-item,
body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .friend-item,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-trip-card.summary-card .friend-item,
body.is-dark .trip-cards-list .card.is-trip-card .trip-item,
body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .trip-item,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-trip-card.summary-card .trip-item {
    border-color: #334056
}

    body.is-dark .friend-cards-list .card.is-friend-card .friend-item .text-content span,
    body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .friend-item .text-content span,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-friend-card.summary-card .friend-item .text-content span,
    body.is-dark .friend-cards-list .card.is-friend-card .trip-item .text-content span,
    body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .trip-item .text-content span,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-friend-card.summary-card .trip-item .text-content span,
    body.is-dark .friend-cards-list .card.is-trip-card .friend-item .text-content span,
    body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .friend-item .text-content span,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-trip-card.summary-card .friend-item .text-content span,
    body.is-dark .friend-cards-list .card.is-trip-card .trip-item .text-content span,
    body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .trip-item .text-content span,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-trip-card.summary-card .trip-item .text-content span,
    body.is-dark .trip-cards-list .card.is-friend-card .friend-item .text-content span,
    body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .friend-item .text-content span,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-friend-card.summary-card .friend-item .text-content span,
    body.is-dark .trip-cards-list .card.is-friend-card .trip-item .text-content span,
    body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .trip-item .text-content span,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-friend-card.summary-card .trip-item .text-content span,
    body.is-dark .trip-cards-list .card.is-trip-card .friend-item .text-content span,
    body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .friend-item .text-content span,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-trip-card.summary-card .friend-item .text-content span,
    body.is-dark .trip-cards-list .card.is-trip-card .trip-item .text-content span,
    body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .trip-item .text-content span,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-trip-card.summary-card .trip-item .text-content span {
        color: #fafafa
    }

    body.is-dark .friend-cards-list .card.is-friend-card .friend-item .text-content a,
    body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .friend-item .text-content a,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-friend-card.summary-card .friend-item .text-content a,
    body.is-dark .friend-cards-list .card.is-friend-card .trip-item .text-content a,
    body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .trip-item .text-content a,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-friend-card.summary-card .trip-item .text-content a,
    body.is-dark .friend-cards-list .card.is-trip-card .friend-item .text-content a,
    body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .friend-item .text-content a,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-trip-card.summary-card .friend-item .text-content a,
    body.is-dark .friend-cards-list .card.is-trip-card .trip-item .text-content a,
    body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .trip-item .text-content a,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-trip-card.summary-card .trip-item .text-content a,
    body.is-dark .trip-cards-list .card.is-friend-card .friend-item .text-content a,
    body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .friend-item .text-content a,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-friend-card.summary-card .friend-item .text-content a,
    body.is-dark .trip-cards-list .card.is-friend-card .trip-item .text-content a,
    body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .trip-item .text-content a,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-friend-card.summary-card .trip-item .text-content a,
    body.is-dark .trip-cards-list .card.is-trip-card .friend-item .text-content a,
    body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .friend-item .text-content a,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-trip-card.summary-card .friend-item .text-content a,
    body.is-dark .trip-cards-list .card.is-trip-card .trip-item .text-content a,
    body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .trip-item .text-content a,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-trip-card.summary-card .trip-item .text-content a {
        color: #a2a5b9
    }

        body.is-dark .friend-cards-list .card.is-friend-card .friend-item .text-content a:hover,
        body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .friend-item .text-content a:hover,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-friend-card.summary-card .friend-item .text-content a:hover,
        body.is-dark .friend-cards-list .card.is-friend-card .trip-item .text-content a:hover,
        body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .trip-item .text-content a:hover,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-friend-card.summary-card .trip-item .text-content a:hover,
        body.is-dark .friend-cards-list .card.is-trip-card .friend-item .text-content a:hover,
        body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .friend-item .text-content a:hover,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-trip-card.summary-card .friend-item .text-content a:hover,
        body.is-dark .friend-cards-list .card.is-trip-card .trip-item .text-content a:hover,
        body.is-dark .friend-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .trip-item .text-content a:hover,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .friend-cards-list .is-trip-card.summary-card .trip-item .text-content a:hover,
        body.is-dark .trip-cards-list .card.is-friend-card .friend-item .text-content a:hover,
        body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .friend-item .text-content a:hover,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-friend-card.summary-card .friend-item .text-content a:hover,
        body.is-dark .trip-cards-list .card.is-friend-card .trip-item .text-content a:hover,
        body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-friend-card.summary-card .trip-item .text-content a:hover,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-friend-card.summary-card .trip-item .text-content a:hover,
        body.is-dark .trip-cards-list .card.is-trip-card .friend-item .text-content a:hover,
        body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .friend-item .text-content a:hover,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-trip-card.summary-card .friend-item .text-content a:hover,
        body.is-dark .trip-cards-list .card.is-trip-card .trip-item .text-content a:hover,
        body.is-dark .trip-cards-list .shop-wrapper .cart-container .cart-content .cart-summary .is-trip-card.summary-card .trip-item .text-content a:hover,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .trip-cards-list .is-trip-card.summary-card .trip-item .text-content a:hover {
            color: #5596e6
        }

body.is-dark .card.is-community h4,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-community.summary-card h4,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-community.summary-card h4,
body.is-dark .card.is-about h4,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-about.summary-card h4,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-about.summary-card h4,
body.is-dark .card.is-friendkit h4,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-friendkit.summary-card h4,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-friendkit.summary-card h4 {
    color: #fafafa
}

body.is-dark .card.is-community > p,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-community.summary-card > p,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-community.summary-card > p,
body.is-dark .card.is-about > p,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-about.summary-card > p,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-about.summary-card > p,
body.is-dark .card.is-friendkit > p,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-friendkit.summary-card > p,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-friendkit.summary-card > p {
    color: #a2a5b9
}

body.is-dark .card.is-community .flex-block svg,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-community.summary-card .flex-block svg,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-community.summary-card .flex-block svg,
body.is-dark .card.is-community .created svg,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-community.summary-card .created svg,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-community.summary-card .created svg,
body.is-dark .card.is-about .flex-block svg,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-about.summary-card .flex-block svg,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-about.summary-card .flex-block svg,
body.is-dark .card.is-about .created svg,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-about.summary-card .created svg,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-about.summary-card .created svg,
body.is-dark .card.is-friendkit .flex-block svg,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-friendkit.summary-card .flex-block svg,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-friendkit.summary-card .flex-block svg,
body.is-dark .card.is-friendkit .created svg,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-friendkit.summary-card .created svg,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-friendkit.summary-card .created svg {
    stroke: #a2a5b9
}

body.is-dark .card.is-community .flex-block p,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-community.summary-card .flex-block p,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-community.summary-card .flex-block p,
body.is-dark .card.is-community .flex-block span,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-community.summary-card .flex-block span,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-community.summary-card .flex-block span,
body.is-dark .card.is-community .created p,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-community.summary-card .created p,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-community.summary-card .created p,
body.is-dark .card.is-community .created span,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-community.summary-card .created span,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-community.summary-card .created span,
body.is-dark .card.is-about .flex-block p,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-about.summary-card .flex-block p,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-about.summary-card .flex-block p,
body.is-dark .card.is-about .flex-block span,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-about.summary-card .flex-block span,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-about.summary-card .flex-block span,
body.is-dark .card.is-about .created p,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-about.summary-card .created p,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-about.summary-card .created p,
body.is-dark .card.is-about .created span,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-about.summary-card .created span,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-about.summary-card .created span,
body.is-dark .card.is-friendkit .flex-block p,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-friendkit.summary-card .flex-block p,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-friendkit.summary-card .flex-block p,
body.is-dark .card.is-friendkit .flex-block span,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-friendkit.summary-card .flex-block span,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-friendkit.summary-card .flex-block span,
body.is-dark .card.is-friendkit .created p,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-friendkit.summary-card .created p,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-friendkit.summary-card .created p,
body.is-dark .card.is-friendkit .created span,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-friendkit.summary-card .created span,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-friendkit.summary-card .created span {
    color: #a2a5b9
}

    body.is-dark .card.is-community .flex-block p a,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-community.summary-card .flex-block p a,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-community.summary-card .flex-block p a,
    body.is-dark .card.is-community .flex-block span a,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-community.summary-card .flex-block span a,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-community.summary-card .flex-block span a,
    body.is-dark .card.is-community .created p a,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-community.summary-card .created p a,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-community.summary-card .created p a,
    body.is-dark .card.is-community .created span a,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-community.summary-card .created span a,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-community.summary-card .created span a,
    body.is-dark .card.is-about .flex-block p a,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-about.summary-card .flex-block p a,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-about.summary-card .flex-block p a,
    body.is-dark .card.is-about .flex-block span a,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-about.summary-card .flex-block span a,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-about.summary-card .flex-block span a,
    body.is-dark .card.is-about .created p a,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-about.summary-card .created p a,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-about.summary-card .created p a,
    body.is-dark .card.is-about .created span a,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-about.summary-card .created span a,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-about.summary-card .created span a,
    body.is-dark .card.is-friendkit .flex-block p a,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-friendkit.summary-card .flex-block p a,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-friendkit.summary-card .flex-block p a,
    body.is-dark .card.is-friendkit .flex-block span a,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-friendkit.summary-card .flex-block span a,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-friendkit.summary-card .flex-block span a,
    body.is-dark .card.is-friendkit .created p a,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-friendkit.summary-card .created p a,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-friendkit.summary-card .created p a,
    body.is-dark .card.is-friendkit .created span a,
    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .is-friendkit.summary-card .created span a,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .is-friendkit.summary-card .created span a {
        color: #5596e6
    }

body.is-dark .profile-about .left-menu .left-menu-inner .menu-item:not(.is-active) .menu-icon i,
body.is-dark .profile-about .left-menu .left-menu-inner .menu-item:not(.is-active) .menu-icon span {
    color: #a2a5b9
}

body.is-dark .profile-about .right-content .content-section .flex-block {
    background: #202836;
    border-color: #334056
}

    body.is-dark .profile-about .right-content .content-section .flex-block .flex-block-meta span:first-child {
        color: #fafafa;
        font-weight: 500
    }

        body.is-dark .profile-about .right-content .content-section .flex-block .flex-block-meta span:first-child a {
            color: #5596e6
        }

    body.is-dark .profile-about .right-content .content-section .flex-block .flex-block-meta span:nth-child(2) {
        color: #a2a5b9
    }

body.is-dark .profile-about .right-content .content-section .about-summary {
    background: #202836;
    border-color: #334056
}

    body.is-dark .profile-about .right-content .content-section .about-summary .content h3 {
        color: #fafafa
    }

    body.is-dark .profile-about .right-content .content-section .about-summary .content p {
        color: #a2a5b9
    }

body.is-dark .profile-about .about-card {
    background: #202836;
    border-color: #334056
}

    body.is-dark .profile-about .about-card .header .icon-title h3 {
        color: #fafafa
    }

    body.is-dark .profile-about .about-card .header .actions .button-wrapper .button,
    body.is-dark .profile-about .about-card .header .actions .dropdown > div .button {
        background: #171c26;
        border-color: #171c26;
        color: #a2a5b9
    }

    body.is-dark .profile-about .about-card .header .actions .button-wrapper .indicator,
    body.is-dark .profile-about .about-card .header .actions .dropdown > div .indicator {
        border-color: #202836
    }

    body.is-dark .profile-about .about-card .body .friend-small-card {
        background: #2b3649;
        border-color: #37445c
    }

        body.is-dark .profile-about .about-card .body .friend-small-card .meta span:first-child {
            color: #fafafa;
            font-weight: 500
        }

            body.is-dark .profile-about .about-card .body .friend-small-card .meta span:first-child a {
                color: #5596e6
            }

        body.is-dark .profile-about .about-card .body .friend-small-card .meta span:nth-child(2) {
            color: #a2a5b9
        }

        body.is-dark .profile-about .about-card .body .friend-small-card .dropdown > div .button {
            background: #171c26;
            border-color: #171c26;
            color: #a2a5b9
        }

    body.is-dark .profile-about .about-card .body .photo-list .photo-wrapper .small-like:not(.is-active) .inner svg {
        stroke: #556a90
    }

    body.is-dark .profile-about .about-card .body .photo-list .photo-wrapper .small-like .inner {
        background: #2f3b50
    }

    body.is-dark .profile-about .about-card .body .place-list .place-wrapper {
        background: #2b3649;
        border-color: #37445c
    }

        body.is-dark .profile-about .about-card .body .place-list .place-wrapper .foot a {
            color: #fafafa
        }

            body.is-dark .profile-about .about-card .body .place-list .place-wrapper .foot a:hover {
                color: #5596e6
            }

        body.is-dark .profile-about .about-card .body .place-list .place-wrapper .foot .rating svg:not(.is-checked) {
            fill: #151a23;
            stroke: #151a23
        }

body.is-dark .profile-about .slider-timeline .timeline-item {
    background: #202836;
    border-color: #2f3b50
}

    body.is-dark .profile-about .slider-timeline .timeline-item .image-container .logo-container {
        background: #202836
    }

    body.is-dark .profile-about .slider-timeline .timeline-item h3 {
        color: #fafafa
    }

    body.is-dark .profile-about .slider-timeline .timeline-item > p,
    body.is-dark .profile-about .slider-timeline .timeline-item .date {
        color: #a2a5b9
    }

body.is-dark .profile-about .glider-dots .glider-dot:not(.active) {
    background: #151a23
}

body.is-dark .page-about-card .card-title h4 {
    color: #fafafa
}

body.is-dark .page-about-card .card-title .button {
    background: #5596e6 !important;
    border-color: #5596e6 !important;
    color: #fff !important
}

body.is-dark .page-about-card .about-body .about-block .block-header {
    border-color: #2f3b50
}

    body.is-dark .page-about-card .about-body .about-block .block-header h4 {
        color: #fafafa
    }

body.is-dark .page-about-card .about-body .about-block .block-content .flex-inner.has-meta i {
    color: #a2a5b9
}

body.is-dark .page-about-card .about-body .about-block .block-content .flex-inner.has-meta .meta span:first-child {
    color: #fafafa
}

body.is-dark .page-about-card .about-body .about-block .block-content .flex-inner.has-meta .meta span:nth-child(2) {
    color: #a2a5b9
}

body.is-dark .page-about-card .about-body .about-block .block-content .flex-inner svg {
    stroke: #a2a5b9
}

body.is-dark .page-about-card .about-body .about-block .block-content .flex-inner span {
    color: #a2a5b9
}

    body.is-dark .page-about-card .about-body .about-block .block-content .flex-inner span a {
        color: #5596e6
    }

body.is-dark .page-about-card .about-body .about-block .block-content .history-block .date {
    color: #5596e6
}

body.is-dark .page-about-card .about-body .about-block .block-content .history-block .timeline ul li {
    color: #a2a5b9
}

body.is-dark .community-content .community-info .page-followers {
    background: #202836;
    border-color: #37445c
}

    body.is-dark .community-content .community-info .page-followers .header h3 {
        color: #fafafa
    }

    body.is-dark .community-content .community-info .page-followers .more-followers a {
        background: #151a23;
        border-color: #283143;
        color: #fff
    }

body.is-dark .community-content .community-widgets .page-counts {
    background: #202836;
    border-color: #37445c
}

    body.is-dark .community-content .community-widgets .page-counts > div {
        border-color: #37445c !important
    }

        body.is-dark .community-content .community-widgets .page-counts > div span:first-child {
            color: #fafafa
        }

        body.is-dark .community-content .community-widgets .page-counts > div span:nth-child(2) {
            color: #a2a5b9
        }

body.is-dark .community-content .community-widgets .page-invites {
    background: #202836;
    border-color: #37445c
}

    body.is-dark .community-content .community-widgets .page-invites .header h3 {
        color: #fafafa
    }

    body.is-dark .community-content .community-widgets .page-invites .header .control .input:focus {
        border-color: #3e4e69 !important
    }

    body.is-dark .community-content .community-widgets .page-invites .suggestions .suggestion {
        border-color: #37445c !important
    }

        body.is-dark .community-content .community-widgets .page-invites .suggestions .suggestion .meta span {
            color: #a2a5b9
        }

        body.is-dark .community-content .community-widgets .page-invites .suggestions .suggestion .button {
            background: #334056;
            border-color: #3e4e69;
            color: #fff
        }

            body.is-dark .community-content .community-widgets .page-invites .suggestions .suggestion .button:hover {
                background: #5596e6;
                border-color: #5596e6;
                color: #fff
            }

body.is-dark .friends-grid .friend-item {
    background: #202836;
    border-color: #2f3b50
}

    body.is-dark .friends-grid .friend-item .avatar-wrap .chat-button {
        border-color: #202836
    }

    body.is-dark .friends-grid .friend-item .avatar-wrap .circle {
        border-color: #3b4963
    }

    body.is-dark .friends-grid .friend-item > h3 {
        color: #fafafa
    }

    body.is-dark .friends-grid .friend-item > p {
        color: #a2a5b9
    }

body.is-dark .image-grid-wrap .image-grid .image-row .has-background-image .photo-like:not(.is-liked) .inner svg {
    stroke: #556a90
}

body.is-dark .image-grid-wrap .image-grid .image-row .has-background-image .photo-like .inner {
    background: #2f3b50
}

body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side {
    background: #2b3649
}

    body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-loader {
        background: #2b3649
    }

    body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .header .user-meta span:first-child {
        color: #fafafa
    }

        body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .header .user-meta span:first-child small {
            color: #a2a5b9
        }

    body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .header .user-meta span:nth-child(2) {
        color: #a2a5b9
    }

    body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .header > .button {
        background: #151a23;
        border-color: #283143;
        color: #fff
    }

    body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .header .dropdown > div .button svg {
        stroke: #a2a5b9
    }

    body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .inner-content .live-stats {
        border-color: #334056
    }

    body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .inner-content .actions .action:not(:hover) span {
        color: #a2a5b9
    }

    body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list {
        background: #242d3c
    }

        body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .media.is-comment .media-content {
            background: #2b3649
        }

            body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .media.is-comment .media-content .username {
                color: #fafafa
            }

            body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .media.is-comment .media-content p {
                color: #a2a5b9
            }

            body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .media.is-comment .media-content .comment-actions a {
                color: #5596e6
            }

            body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .comments-list .media.is-comment .media-content .comment-actions span {
                color: #a2a5b9
            }

    body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls {
        background: #2b3649;
        border-color: #334056
    }

        body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .control .textarea {
            background: #222a39;
            border-color: #222a39;
            color: #fafafa
        }

            body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .control .textarea::-webkit-input-placeholder {
                color: #4e6183
            }

            body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .control .textarea::-moz-placeholder {
                color: #4e6183
            }

            body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .control .textarea:-ms-input-placeholder {
                color: #4e6183
            }

            body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .control .textarea::-ms-input-placeholder {
                color: #4e6183
            }

            body.is-dark .custom-profile-lightbox .lightbox-inner .sidebar-side .comment-controls .controls-inner .control .textarea::placeholder {
                color: #4e6183
            }

body.is-dark .minimal-profile-wrapper .profile-info .left .profile-avatar img {
    border-color: #334056
}

body.is-dark .minimal-profile-wrapper .profile-info .left .button {
    background: #171c26;
    border-color: #171c26;
    color: #a2a5b9
}

    body.is-dark .minimal-profile-wrapper .profile-info .left .button:hover {
        background: #5596e6;
        border-color: #5596e6;
        color: #fff
    }

body.is-dark .minimal-profile-wrapper .profile-info .right .head h2 {
    color: #fafafa
}

body.is-dark .minimal-profile-wrapper .profile-info .right .bio p {
    color: #a2a5b9
}


/*! _app-stories-dark.scss | Friendkit | © Css Ninja. 2020-2021 */

body.is-dark .stories-wrapper .stories-sidebar {
    background: #1c2330;
    border-color: #283143
}

    body.is-dark .stories-wrapper .stories-sidebar .stories-sidebar-inner {
        border-color: #283143
    }

        body.is-dark .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block {
            border-color: #2f3b50
        }

            body.is-dark .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .avatar-wrap {
                border-color: #425370
            }

                body.is-dark .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block .avatar-wrap .badge {
                    border-color: #1c2330
                }

            body.is-dark .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block > h4 {
                color: #fafafa
            }

            body.is-dark .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-block > p {
                color: #a2a5b9
            }

        body.is-dark .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-stats .stat-block span:first-child {
            color: #fafafa;
            font-weight: 500
        }

        body.is-dark .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-stats .stat-block span:nth-child(2) {
            color: #a2a5b9
        }

        body.is-dark .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-menu .user-menu-inner .menu-block ul li a span {
            color: #a2a5b9
        }

        body.is-dark .stories-wrapper .stories-sidebar .stories-sidebar-inner .user-menu .user-menu-inner .separator {
            border-color: #2f3b50
        }

body.is-dark .stories-wrapper .stories-content .section-title h2 {
    color: #fafafa
}

body.is-dark .stories-wrapper .stories-content .section-title .view-all {
    background: #171c26;
    border-color: #171c26;
    color: #a2a5b9
}

    body.is-dark .stories-wrapper .stories-content .section-title .view-all:hover {
        background: #5596e6;
        border-color: #5596e6;
        color: #fff
    }

body.is-dark .stories-wrapper .stories-content .section-title .dropdown:hover > div .button {
    border-color: #293446
}

body.is-dark .stories-wrapper .stories-content .section-title .dropdown > div .button {
    background: #202836;
    border-color: #202836;
    color: #fafafa
}

body.is-dark .stories-wrapper .stories-content .stories-container .container-inner .story .story-avatar {
    background: #3e4e69;
    border-color: #3e4e69
}

    body.is-dark .stories-wrapper .stories-content .stories-container .container-inner .story .story-avatar:hover {
        border-color: #5596e6
    }

body.is-dark .stories-wrapper .stories-content .stories-feed .story-feed-item .item-meta .user-info span {
    color: #fafafa
}

body.is-dark .stories-wrapper .stories-content .stories-feed .story-feed-item .item-meta .item-stats .stat-item span {
    color: #a2a5b9
}

body.is-dark .stories-wrapper .stories-content .stories-feed .story-feed-item .item-meta .item-stats .stat-item svg {
    stroke: #a2a5b9
}

body.is-dark .story-post-wrapper .story-post .post-title h2 {
    color: #fafafa
}

body.is-dark .story-post-wrapper .story-post .post-title .dropdown:hover > div .button {
    border-color: #293446
}

body.is-dark .story-post-wrapper .story-post .post-title .dropdown > div .button {
    background: #202836;
    border-color: #202836;
    color: #fafafa
}

body.is-dark .story-post-wrapper .story-post .post-meta .post-author .story-avatar {
    background: #3e4e69;
    border-color: #3e4e69
}

body.is-dark .story-post-wrapper .story-post .post-meta .post-author .meta span:first-child {
    color: #fafafa;
    font-weight: 500
}

body.is-dark .story-post-wrapper .story-post .post-meta .post-author .meta span:nth-child(2) {
    color: #a2a5b9
}

body.is-dark .story-post-wrapper .story-post .post-meta .post-stats .stat-item span {
    color: #a2a5b9
}

body.is-dark .story-post-wrapper .story-post .post-meta .post-stats .stat-item svg {
    stroke: #a2a5b9
}

body.is-dark .story-post-wrapper .story-post .post-text p {
    color: #a2a5b9 !important
}

    body.is-dark .story-post-wrapper .story-post .post-text p b {
        font-weight: 500;
        color: #5596e6
    }

body.is-dark .story-post-wrapper .story-post .post-tags .tags .tag {
    background: #202836;
    border-color: #202836;
    color: #fafafa
}

body.is-dark .story-post-wrapper .story-post .post-compose {
    background: #1c2330;
    border-color: #283143
}

    body.is-dark .story-post-wrapper .story-post .post-compose .control .textarea {
        background: #1c2330;
        border-color: #1c2330;
        color: #fafafa
    }

        body.is-dark .story-post-wrapper .story-post .post-compose .control .textarea::-webkit-input-placeholder {
            color: #4e6183
        }

        body.is-dark .story-post-wrapper .story-post .post-compose .control .textarea::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .story-post-wrapper .story-post .post-compose .control .textarea:-ms-input-placeholder {
            color: #4e6183
        }

        body.is-dark .story-post-wrapper .story-post .post-compose .control .textarea::-ms-input-placeholder {
            color: #4e6183
        }

        body.is-dark .story-post-wrapper .story-post .post-compose .control .textarea::placeholder {
            color: #4e6183
        }

    body.is-dark .story-post-wrapper .story-post .post-compose .compose-controls {
        border-color: #334056
    }

        body.is-dark .story-post-wrapper .story-post .post-compose .compose-controls .compose-actions .action {
            background: #242d3c
        }

            body.is-dark .story-post-wrapper .story-post .post-compose .compose-controls .compose-actions .action:hover {
                background: #2b3649
            }

                body.is-dark .story-post-wrapper .story-post .post-compose .compose-controls .compose-actions .action:hover svg {
                    stroke: #5596e6
                }

body.is-dark .story-post-wrapper .story-post .comments-wrap .comments-count h3 {
    color: #fafafa
}

body.is-dark .story-post-wrapper .story-post .comments-wrap .media.is-comment {
    border-color: #465776
}

    body.is-dark .story-post-wrapper .story-post .comments-wrap .media.is-comment .media-left .avatar-wrap {
        border-color: #465776
    }

        body.is-dark .story-post-wrapper .story-post .comments-wrap .media.is-comment .media-left .avatar-wrap .badge {
            border-color: #2f3b50
        }

    body.is-dark .story-post-wrapper .story-post .comments-wrap .media.is-comment .media-content .comment-meta h4 a {
        color: #fafafa;
        font-weight: 500
    }

        body.is-dark .story-post-wrapper .story-post .comments-wrap .media.is-comment .media-content .comment-meta h4 a:hover {
            color: #5596e6
        }

    body.is-dark .story-post-wrapper .story-post .comments-wrap .media.is-comment .media-content .comment-meta h4 small {
        color: #a2a5b9
    }

    body.is-dark .story-post-wrapper .story-post .comments-wrap .media.is-comment .media-content .comment-meta p {
        color: #a2a5b9
    }

    body.is-dark .story-post-wrapper .story-post .comments-wrap .media.is-comment .media-content .comment-stats-wrap .comment-stats .stat span {
        color: #a2a5b9
    }

    body.is-dark .story-post-wrapper .story-post .comments-wrap .media.is-comment .media-content .comment-stats-wrap .comment-stats .stat svg {
        stroke: #a2a5b9
    }

    body.is-dark .story-post-wrapper .story-post .comments-wrap .media.is-comment .media-content .comment-stats-wrap .comment-actions .comment-action {
        border-color: #3c4c66;
        background: #3c4c66
    }

        body.is-dark .story-post-wrapper .story-post .comments-wrap .media.is-comment .media-content .comment-stats-wrap .comment-actions .comment-action.is-reply:hover svg {
            stroke: #5596e6
        }

body.is-dark .story-post-sidebar {
    background: #1c2330;
    border-color: #283143
}

    body.is-dark .story-post-sidebar.is-full {
        background: none !important;
        border-color: transparent !important
    }

    body.is-dark .story-post-sidebar .header h2 {
        color: #fafafa
    }

    body.is-dark .story-post-sidebar .related-posts .related-post .meta h3 {
        color: #fafafa
    }

    body.is-dark .story-post-sidebar .related-posts .related-post .meta .user-line span {
        color: #a2a5b9
    }


/*! _app-friends-dark.scss | Friendkit | © Css Ninja. 2020-2021 */

body.is-dark .card-row-wrap .friend-card {
    border-color: #283143;
    background: #202836
}

    body.is-dark .card-row-wrap .friend-card .star-friend:not(.is-active) svg {
        fill: #2f3b50;
        stroke: #2f3b50
    }

    body.is-dark .card-row-wrap .friend-card .img-container .country {
        border-color: #202836
    }

    body.is-dark .card-row-wrap .friend-card .friend-info h3 {
        color: #fafafa
    }

    body.is-dark .card-row-wrap .friend-card .friend-info p {
        color: #a2a5b9
    }

    body.is-dark .card-row-wrap .friend-card .friend-stats .stat-block {
        border-color: #313d53
    }

        body.is-dark .card-row-wrap .friend-card .friend-stats .stat-block label {
            color: #a2a5b9
        }

        body.is-dark .card-row-wrap .friend-card .friend-stats .stat-block .stat-number {
            color: #fafafa
        }


/*! _app-inbox-dark.scss | Friendkit | © Css Ninja. 2020-2021 */

body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar {
    background: #2f3b50 !important;
    border-color: #293446
}

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .compose .button {
        background: #171c26;
        border-color: #293446;
        color: #fafafa
    }

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-left-sidebar .left-menu .item:not(.is-active) {
        color: #a2a5b9
    }

body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-center-container {
    background: #242d3c !important;
    border-color: #293446
}

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .action-buttons {
        background: #242d3c !important;
        border-color: #2f3b50
    }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .action-buttons .control.is-grouped .button {
            background: #334056 !important;
            border-color: #3e4e69
        }

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .is-msg.is-active {
        background: #334056 !important;
        border-color: #3e4e69
    }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .is-msg.is-active .card-content .msg-subject span {
            opacity: 1
        }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .is-msg.is-active .card-content .msg-snippet {
            opacity: 1
        }

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .is-msg .card-content .msg-header .msg-from,
    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .is-msg .card-content .msg-header .msg-timestamp {
        color: #a2a5b9
    }

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .is-msg .card-content .msg-subject span {
        color: #fafafa;
        opacity: .6
    }

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .is-msg .card-content .msg-subject svg {
        stroke: #a2a5b9
    }

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-center-container .inbox-center-container-inner .inbox-messages .inbox-messages-inner .is-msg .card-content .msg-snippet {
        color: #a2a5b9;
        opacity: .6
    }

body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container {
    background: #1c2330 !important;
    border-color: #262f40
}

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .action-buttons {
        border-color: #2f3b50
    }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .action-buttons .control.is-grouped .button {
            background: #334056 !important;
            border-color: #3e4e69
        }

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview {
        background: #334056 !important;
        border-color: #3e4e69
    }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .header .meta .name {
            color: #fafafa
        }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .header .meta .date {
            color: #a2a5b9
        }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .header .meta-right .tag {
            background: #5596e6;
            color: #fff
        }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .header .meta-right small {
            color: #a2a5b9
        }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner hr {
            height: 1px;
            background: #425370
        }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .content p {
            color: #a2a5b9
        }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .message-preview .box-inner .has-text-right .button {
            background: #2b3649;
            border-color: #37445c;
            color: #fafafa
        }

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-header .paperclip {
        background: #334056;
        border-color: #3e4e69
    }

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .has-file {
        background: #334056;
        border-color: #3e4e69
    }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .has-file .box-inner svg {
            stroke: #a2a5b9
        }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .has-file .box-inner h5 {
            color: #fafafa
        }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .has-file .actions-group {
            border-color: #3e4e69;
            overflow: hidden
        }

            body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .has-file .actions-group .action {
                border-color: #3e4e69 !important;
                overflow: hidden
            }

                body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .has-file .actions-group .action:hover {
                    background: #2d394c
                }

                    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .attachments .attachments-inner .has-file .actions-group .action:hover svg {
                        stroke: #fafafa
                    }

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-title {
        color: #fafafa
    }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-title svg {
            stroke: #a2a5b9
        }

    body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-wrapper-inner {
        background: #334056;
        border-color: #3e4e69
    }

        body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-wrapper-inner .flex-form .control .reply-textarea .ql-editor {
            color: #fafafa
        }

            body.is-dark .inbox-wrapper .inbox-wrapper-inner .inbox-message-container .inbox-message-container-inner .message-body .message-body-inner .reply-wrapper .reply-wrapper-inner .flex-form .control .reply-textarea .ql-editor:before {
                color: #6279a2
            }


/*! _app-commerce-dark.scss | Friendkit | © Css Ninja. 2020-2021 */

body.is-dark .shop-wrapper .shop-header .header-inner .store-block .store-meta h3 {
    color: #fafafa
}

body.is-dark .shop-wrapper .shop-header .header-inner .store-block .store-meta span {
    color: #a2a5b9
}

body.is-dark .shop-wrapper .shop-header .header-inner .activity-block h3 {
    color: #fafafa
}

body.is-dark .shop-wrapper .shop-header .header-inner .activity-block .inner-wrap .stat-block {
    border-color: #425370
}

    body.is-dark .shop-wrapper .shop-header .header-inner .activity-block .inner-wrap .stat-block .stat-number {
        color: #fafafa
    }

body.is-dark .shop-wrapper .shop-header .header-inner .about-block h3 {
    color: #fafafa
}

body.is-dark .shop-wrapper .shop-header .header-inner .about-block .ellipse-text {
    color: #a2a5b9
}

body.is-dark .shop-wrapper .shop-header .store-tabs .tab-control.is-active {
    color: #fafafa
}

body.is-dark .products-navigation {
    background: #1c2330;
    border-color: #1c2330
}

    body.is-dark .products-navigation .navigation-inner .shop-info h3 {
        color: #fafafa
    }

    body.is-dark .products-navigation .navigation-inner .shop-actions .shop-action {
        background: #293446;
        border-color: #293446
    }

        body.is-dark .products-navigation .navigation-inner .shop-actions .shop-action span {
            color: #a2a5b9
        }

        body.is-dark .products-navigation .navigation-inner .shop-actions .shop-action svg {
            stroke: #a2a5b9
        }

body.is-dark .navigation-panel {
    background: #242d3c;
    border-color: #242d3c
}

    body.is-dark .navigation-panel .navigation-panel-inner .panel-title h3 {
        color: #fafafa
    }

    body.is-dark .navigation-panel .navigation-panel-inner .shop-categories .category-item input:checked + .item-inner {
        background: #2f3b50;
        border-color: #425370
    }

        body.is-dark .navigation-panel .navigation-panel-inner .shop-categories .category-item input:checked + .item-inner h4 {
            color: #fafafa
        }

    body.is-dark .navigation-panel .navigation-panel-inner .shop-categories .category-item .item-inner h4 {
        color: #4e6183
    }

    body.is-dark .navigation-panel .navigation-panel-inner .search-filter .input {
        background: #242d3c;
        border-color: #242d3c;
        color: #fafafa
    }

        body.is-dark .navigation-panel .navigation-panel-inner .search-filter .input::-webkit-input-placeholder {
            color: #4e6183
        }

        body.is-dark .navigation-panel .navigation-panel-inner .search-filter .input::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .navigation-panel .navigation-panel-inner .search-filter .input:-ms-input-placeholder {
            color: #4e6183
        }

        body.is-dark .navigation-panel .navigation-panel-inner .search-filter .input::-ms-input-placeholder {
            color: #4e6183
        }

        body.is-dark .navigation-panel .navigation-panel-inner .search-filter .input::placeholder {
            color: #4e6183
        }

    body.is-dark .navigation-panel .navigation-panel-inner .filter-group .control .combo-box {
        background: #242d3c;
        border-color: #242d3c
    }

        body.is-dark .navigation-panel .navigation-panel-inner .filter-group .control .combo-box .box-inner {
            color: #fafafa
        }

            body.is-dark .navigation-panel .navigation-panel-inner .filter-group .control .combo-box .box-inner .combo-item .selected-item {
                color: #fafafa
            }

        body.is-dark .navigation-panel .navigation-panel-inner .filter-group .control .combo-box .box-chevron svg {
            stroke: #a2a5b9
        }

        body.is-dark .navigation-panel .navigation-panel-inner .filter-group .control .combo-box .box-dropdown .dropdown-inner {
            background: #181f29;
            border-color: #283143
        }

            body.is-dark .navigation-panel .navigation-panel-inner .filter-group .control .combo-box .box-dropdown .dropdown-inner ul li:hover {
                background: #283143
            }

            body.is-dark .navigation-panel .navigation-panel-inner .filter-group .control .combo-box .box-dropdown .dropdown-inner ul li span {
                color: #a2a5b9;
                font-weight: 400
            }

body.is-dark .store-sections .store-tab-pane .product-card {
    background: #202836;
    border-color: #3b4963
}

    body.is-dark .store-sections .store-tab-pane .product-card .quickview-trigger:hover {
        background: #283143
    }

        body.is-dark .store-sections .store-tab-pane .product-card .quickview-trigger:hover svg {
            stroke: #a2a5b9
        }

    body.is-dark .store-sections .store-tab-pane .product-card .product-info h3 {
        color: #fafafa
    }

    body.is-dark .store-sections .store-tab-pane .product-card .product-info p {
        color: #a2a5b9
    }

    body.is-dark .store-sections .store-tab-pane .product-card .product-actions .left span {
        color: #a2a5b9
    }

body.is-dark .store-sections .store-tab-pane .brand-card {
    background: #202836;
    border-color: #3b4963
}

    body.is-dark .store-sections .store-tab-pane .brand-card .meta h3 {
        color: #fafafa
    }

    body.is-dark .store-sections .store-tab-pane .brand-card .meta p {
        color: #a2a5b9
    }

    body.is-dark .store-sections .store-tab-pane .brand-card .brand-stats {
        background: #2f3b50;
        border-color: #3b4963
    }

        body.is-dark .store-sections .store-tab-pane .brand-card .brand-stats .brand-stat {
            border-color: #3b4963
        }

            body.is-dark .store-sections .store-tab-pane .brand-card .brand-stats .brand-stat span:first-child {
                color: #fafafa
            }

            body.is-dark .store-sections .store-tab-pane .brand-card .brand-stats .brand-stat span:nth-child(2) {
                color: #a2a5b9
            }

body.is-dark .store-sections .store-tab-pane .follower-block .avatar-container {
    border-color: #425370
}

body.is-dark .store-sections .store-tab-pane .follower-block h3 {
    color: #fafafa
}

body.is-dark .store-sections .store-tab-pane .follower-block p {
    color: #a2a5b9
}

body.is-dark .product-quickview .card,
body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card,
.shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card {
    overflow: hidden
}

    body.is-dark .product-quickview .card .quickview-loader,
    body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .quickview-loader,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .quickview-loader {
        background: #202836
    }

    body.is-dark .product-quickview .card .left,
    body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .left,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .left {
        background: #283143
    }

    body.is-dark .product-quickview .card .right .header .product-info h3,
    body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .header .product-info h3,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .header .product-info h3 {
        color: #fafafa
    }

    body.is-dark .product-quickview .card .right .header .product-info p,
    body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .header .product-info p,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .header .product-info p {
        color: #a2a5b9
    }

    body.is-dark .product-quickview .card .right .header #quickview-price,
    body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .header #quickview-price,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .header #quickview-price {
        color: #5596e6
    }

    body.is-dark .product-quickview .card .right .properties h4,
    body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties h4,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .properties h4 {
        color: #fafafa
    }

    body.is-dark .product-quickview .card .right .properties .property-box,
    body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-box,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .properties .property-box {
        background: #2f3b50;
        border-color: #3b4963
    }

        body.is-dark .product-quickview .card .right .properties .property-box.is-sizes .property-item,
        body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-box.is-sizes .property-item,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .properties .property-box.is-sizes .property-item,
        body.is-dark .product-quickview .card .right .properties .property-box.is-colors .property-item,
        body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-box.is-colors .property-item,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .properties .property-box.is-colors .property-item {
            border-color: #3b4963 !important
        }

            body.is-dark .product-quickview .card .right .properties .property-box.is-sizes .property-item input:checked + .item-inner span.size-label,
            body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-box.is-sizes .property-item input:checked + .item-inner span.size-label,
            .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .properties .property-box.is-sizes .property-item input:checked + .item-inner span.size-label,
            body.is-dark .product-quickview .card .right .properties .property-box.is-colors .property-item input:checked + .item-inner span.size-label,
            body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .properties .property-box.is-colors .property-item input:checked + .item-inner span.size-label,
            .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .properties .property-box.is-colors .property-item input:checked + .item-inner span.size-label {
                color: #5596e6
            }

    body.is-dark .product-quickview .card .right .content p,
    body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .content p,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .content p {
        color: #a2a5b9
    }

    body.is-dark .product-quickview .card .right .quickview-controls .spinner,
    body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .quickview-controls .spinner,
    .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .quickview-controls .spinner {
        background: #181f29;
        border-color: #283143
    }

        body.is-dark .product-quickview .card .right .quickview-controls .spinner .remove:hover svg,
        body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .quickview-controls .spinner .remove:hover svg,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .quickview-controls .spinner .remove:hover svg,
        body.is-dark .product-quickview .card .right .quickview-controls .spinner .add:hover svg,
        body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .quickview-controls .spinner .add:hover svg,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .quickview-controls .spinner .add:hover svg {
            stroke: #5596e6
        }

        body.is-dark .product-quickview .card .right .quickview-controls .spinner .value,
        body.is-dark .product-quickview .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .right .quickview-controls .spinner .value,
        .shop-wrapper .cart-container .cart-content .cart-summary body.is-dark .product-quickview .summary-card .right .quickview-controls .spinner .value {
            color: #fafafa
        }

body.is-dark .shop-wrapper .cart-container .cart-header .header-inner h2 {
    color: #fafafa
}

body.is-dark .shop-wrapper .cart-container .cart-header .header-inner .header-actions .buttons .button:not(.accent-button) {
    background: #151a23;
    border-color: #283143;
    color: #fff
}

body.is-dark .shop-wrapper .cart-container .cart-content .continue-shopping a {
    background: #181f29
}

    body.is-dark .shop-wrapper .cart-container .cart-content .continue-shopping a:not(:hover) {
        color: #a2a5b9
    }

body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-header h3 {
    color: #fafafa
}

body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line span:first-child {
    color: #a2a5b9
}

body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line span:nth-child(2) {
    color: #fafafa
}

    body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card .order-line span:nth-child(2).is-total {
        color: #5596e6
    }

body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card > h4,
body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card > h3 {
    color: #fafafa
}

body.is-dark .shop-wrapper .cart-container .cart-content .cart-summary .summary-card > p {
    color: #a2a5b9 !important
}

body.is-dark .ElementsApp .InputElement,
body.is-dark .ElementsApp input {
    color: #fafafa !important
}

body.is-dark #card-errors {
    font-size: .85rem;
    color: #eb1c26
}

body.is-dark .shop-wrapper .cart-container .cart-content .checkout-section .address-box input:checked + .address-box-inner {
    border-color: #5596e6
}

body.is-dark .shop-wrapper .cart-container .cart-content .checkout-section .address-box .address-box-inner {
    background: #202836;
    border-color: #2f3b50
}

    body.is-dark .shop-wrapper .cart-container .cart-content .checkout-section .address-box .address-box-inner p {
        color: #a2a5b9
    }

        body.is-dark .shop-wrapper .cart-container .cart-content .checkout-section .address-box .address-box-inner p:first-child {
            color: #fafafa
        }

body.is-dark .shop-wrapper .cart-container .cart-content .checkout-section .shipping-box input:checked + .shipping-box-inner {
    border-color: #5596e6
}

body.is-dark .shop-wrapper .cart-container .cart-content .checkout-section .shipping-box .shipping-box-inner {
    background: #202836;
    border-color: #2f3b50
}

body.is-dark .shop-wrapper .checkout-container .left .left-header {
    background: #202836;
    border-color: #2f3b50
}

    body.is-dark .shop-wrapper .checkout-container .left .left-header .header-inner .title-wrap h3 {
        color: #fafafa
    }

    body.is-dark .shop-wrapper .checkout-container .left .left-header .header-inner .title-wrap p {
        color: #a2a5b9
    }

    body.is-dark .shop-wrapper .checkout-container .left .left-header .header-coupon {
        border-color: #2f3b50
    }

        body.is-dark .shop-wrapper .checkout-container .left .left-header .header-coupon .field .control .input {
            background: #283143;
            border-color: #283143;
            color: #fafafa
        }

            body.is-dark .shop-wrapper .checkout-container .left .left-header .header-coupon .field .control .input::-webkit-input-placeholder {
                color: #4e6183
            }

            body.is-dark .shop-wrapper .checkout-container .left .left-header .header-coupon .field .control .input::-moz-placeholder {
                color: #4e6183
            }

            body.is-dark .shop-wrapper .checkout-container .left .left-header .header-coupon .field .control .input:-ms-input-placeholder {
                color: #4e6183
            }

            body.is-dark .shop-wrapper .checkout-container .left .left-header .header-coupon .field .control .input::-ms-input-placeholder {
                color: #4e6183
            }

            body.is-dark .shop-wrapper .checkout-container .left .left-header .header-coupon .field .control .input::placeholder {
                color: #4e6183
            }

    body.is-dark .shop-wrapper .checkout-container .left .left-header .header-foot {
        border-color: #2f3b50
    }

        body.is-dark .shop-wrapper .checkout-container .left .left-header .header-foot .label {
            color: #a2a5b9
        }

        body.is-dark .shop-wrapper .checkout-container .left .left-header .header-foot .amount {
            color: #5596e6
        }

            body.is-dark .shop-wrapper .checkout-container .left .left-header .header-foot .amount:before {
                color: #a2a5b9
            }

body.is-dark .shop-wrapper .checkout-container .right .payment-form {
    background: #202836;
    border-color: #2f3b50
}

    body.is-dark .shop-wrapper .checkout-container .right .payment-form .provider-form .form-section .form-section-header h3 {
        color: #fafafa
    }

    body.is-dark .shop-wrapper .checkout-container .right .payment-form .provider-form .form-section .field label {
        color: #a2a5b9
    }

    body.is-dark .shop-wrapper .checkout-container .right .payment-form .provider-form .form-section .field .control #card-element {
        background: #283143;
        border-color: #283143;
        color: #fafafa
    }

        body.is-dark .shop-wrapper .checkout-container .right .payment-form .provider-form .form-section .field .control #card-element::-webkit-input-placeholder {
            color: #4e6183
        }

        body.is-dark .shop-wrapper .checkout-container .right .payment-form .provider-form .form-section .field .control #card-element::-moz-placeholder {
            color: #4e6183
        }

        body.is-dark .shop-wrapper .checkout-container .right .payment-form .provider-form .form-section .field .control #card-element:-ms-input-placeholder {
            color: #4e6183
        }

        body.is-dark .shop-wrapper .checkout-container .right .payment-form .provider-form .form-section .field .control #card-element::-ms-input-placeholder {
            color: #4e6183
        }

        body.is-dark .shop-wrapper .checkout-container .right .payment-form .provider-form .form-section .field .control #card-element::placeholder {
            color: #4e6183
        }

body.is-dark .shop-wrapper .checkout-container .confirmation-box {
    background: #202836;
    border-color: #37445c
}

    body.is-dark .shop-wrapper .checkout-container .confirmation-box h3 {
        color: #fafafa
    }

    body.is-dark .shop-wrapper .checkout-container .confirmation-box p {
        color: #a2a5b9;
        border-color: #37445c
    }

    body.is-dark .shop-wrapper .checkout-container .confirmation-box .order-summary h4 {
        color: #fafafa
    }

    body.is-dark .shop-wrapper .checkout-container .confirmation-box .order-summary .order-line .item.is-total span,
    body.is-dark .shop-wrapper .checkout-container .confirmation-box .order-summary .order-line .amount.is-total span {
        color: #5596e6 !important
    }


/*! _app-videos-dark.scss | Friendkit | © Css Ninja. 2020-2021 */

body.is-dark .videos-wrapper .videos-sidebar {
    background: #1c2330;
    border-color: #283143
}

    body.is-dark .videos-wrapper .videos-sidebar .videos-sidebar-inner {
        border-color: #283143
    }

        body.is-dark .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block {
            border-color: #2f3b50
        }

            body.is-dark .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .avatar-wrap {
                border-color: #425370
            }

                body.is-dark .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block .avatar-wrap .badge {
                    border-color: #1c2330
                }

            body.is-dark .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block > h4 {
                color: #fafafa
            }

            body.is-dark .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-block > p {
                color: #a2a5b9
            }

        body.is-dark .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-stats .stat-block span:first-child {
            color: #fafafa;
            font-weight: 500
        }

        body.is-dark .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-stats .stat-block span:nth-child(2) {
            color: #a2a5b9
        }

        body.is-dark .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-menu .user-menu-inner .menu-block ul li a span {
            color: #a2a5b9
        }

        body.is-dark .videos-wrapper .videos-sidebar .videos-sidebar-inner .user-menu .user-menu-inner .separator {
            border-color: #2f3b50
        }

body.is-dark .videos-wrapper .home-content .collections-header > a.is-active {
    color: #fafafa
}

body.is-dark .videos-wrapper .home-content .collections-wrap .collection .header h4 {
    color: #fafafa
}

body.is-dark .videos-wrapper .home-content .collections-wrap .collection .header a {
    color: #5596e6
}

body.is-dark .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-meta .info span:first-child {
    color: #fafafa
}

body.is-dark .videos-wrapper .home-content .collections-wrap .collection .video-collection .episode .episode-meta .info span:nth-child(2) {
    color: #a2a5b9
}

body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box {
    background: #2f3b50
}

    body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box.video-meta .video-title {
        color: #fafafa
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box.video-meta .video-subtitle .views-count {
        color: #a2a5b9
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box.video-meta .video-subtitle .quick-actions .quick-action:hover {
        background: #262f40
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box.video-meta .video-subtitle .quick-actions .quick-action svg {
        stroke: #a2a5b9
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box.video-meta .video-owner .meta span:first-child {
        color: #fafafa
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box.video-meta .video-owner .meta span:nth-child(2) {
        color: #a2a5b9
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box.video-description h4 {
        color: #fafafa
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box.video-description p {
        color: #a2a5b9
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box.video-description .additional-description p,
    body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box.video-description .additional-description ul li {
        color: #a2a5b9
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box.video-description hr {
        height: 1px;
        background: #425370
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .meta-box.video-description .video-description-more:not(:hover) {
        color: #a2a5b9
    }

body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .comment-box .media-content .control .button:not(:hover) {
    background: #2f3b50;
    border-color: #3e4e69;
    color: #fafafa
}

body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .comment-box .media-content .control .button:hover {
    background: #5596e6 !important;
    border-color: #5596e6 !important
}

body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .comments-count h3 {
    color: #fafafa
}

body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .media.is-comment {
    border-color: #465776
}

    body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .media.is-comment .media-left .avatar-wrap {
        border-color: #465776
    }

        body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .media.is-comment .media-left .avatar-wrap .badge {
            border-color: #2f3b50
        }

    body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .media.is-comment .media-content .comment-meta h4 a {
        color: #fafafa;
        font-weight: 500
    }

        body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .media.is-comment .media-content .comment-meta h4 a:hover {
            color: #5596e6
        }

    body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .media.is-comment .media-content .comment-meta h4 small {
        color: #a2a5b9
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .media.is-comment .media-content .comment-meta p {
        color: #a2a5b9
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .media.is-comment .media-content .comment-stats-wrap .comment-stats .stat span {
        color: #a2a5b9
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .media.is-comment .media-content .comment-stats-wrap .comment-stats .stat svg {
        stroke: #a2a5b9
    }

    body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .media.is-comment .media-content .comment-stats-wrap .comment-actions .comment-action {
        border-color: #3c4c66;
        background: #3c4c66
    }

        body.is-dark .videos-wrapper .player-wrapper .video-side .comments-wrap .media.is-comment .media-content .comment-stats-wrap .comment-actions .comment-action.is-reply:hover svg {
            stroke: #5596e6
        }

body.is-dark .videos-wrapper .player-wrapper .related-side .related-list {
    background: #2f3b50
}

    body.is-dark .videos-wrapper .player-wrapper .related-side .related-list .autoplay .autoplay-title {
        color: #fafafa
    }

    body.is-dark .videos-wrapper .player-wrapper .related-side .related-list .autoplay .autoplay-toggle > span {
        color: #a2a5b9
    }

    body.is-dark .videos-wrapper .player-wrapper .related-side .related-list .related-label {
        border-color: #3c4c66
    }

        body.is-dark .videos-wrapper .player-wrapper .related-side .related-list .related-label h4 {
            color: #fafafa
        }

    body.is-dark .videos-wrapper .player-wrapper .related-side .related-list .related-card .media-content .video-meta > a {
        color: #fafafa
    }

        body.is-dark .videos-wrapper .player-wrapper .related-side .related-list .related-card .media-content .video-meta > a:hover {
            color: #5596e6
        }

    body.is-dark .videos-wrapper .player-wrapper .related-side .related-list .related-card .media-content .video-meta .submeta .info span {
        color: #a2a5b9
    }


/*! _app-questions-dark.scss | Friendkit | © Css Ninja. 2020-2021 */

body.is-dark .question-tabs {
    background: #283143;
    border-color: #37445c
}

    body.is-dark .question-tabs ul li:not(.is-active) a {
        color: #a2a5b9
    }

    body.is-dark .question-tabs ul li:not(.is-active):hover a {
        color: #fafafa !important
    }

body.is-dark .questions-wrap .questions-menu li:not(.is-active) a svg,
body.is-dark .questions-demo .questions-menu li:not(.is-active) a svg {
    stroke: #a2a5b9
}

body.is-dark .questions-wrap .questions-menu li:not(.is-active) a span,
body.is-dark .questions-demo .questions-menu li:not(.is-active) a span {
    color: #a2a5b9
}

body.is-dark .questions-wrap .questions-menu li.is-active a,
body.is-dark .questions-demo .questions-menu li.is-active a {
    background: #283143;
    border-color: #37445c
}

body.is-dark .question-content .question-block,
body.is-dark .question-content .answer-block {
    border-color: #3c4c66
}

    body.is-dark .question-content .question-block:not(.is-best) .answer-footer .upvote .upvote-icon,
    body.is-dark .question-content .answer-block:not(.is-best) .answer-footer .upvote .upvote-icon {
        background: #283143;
        border-color: #37445c
    }

    body.is-dark .question-content .question-block .question-title,
    body.is-dark .question-content .answer-block .question-title {
        color: #fafafa
    }

        body.is-dark .question-content .question-block .question-title.is-link:not(:hover),
        body.is-dark .question-content .answer-block .question-title.is-link:not(:hover) {
            color: #fafafa
        }

    body.is-dark .question-content .question-block .question-author .meta span:first-child,
    body.is-dark .question-content .question-block .answer-author .meta span:first-child,
    body.is-dark .question-content .answer-block .question-author .meta span:first-child,
    body.is-dark .question-content .answer-block .answer-author .meta span:first-child {
        color: #fafafa
    }

    body.is-dark .question-content .question-block .question-author .meta span:nth-child(2),
    body.is-dark .question-content .question-block .answer-author .meta span:nth-child(2),
    body.is-dark .question-content .answer-block .question-author .meta span:nth-child(2),
    body.is-dark .question-content .answer-block .answer-author .meta span:nth-child(2) {
        color: #a2a5b9
    }

    body.is-dark .question-content .question-block .question-text > p,
    body.is-dark .question-content .question-block .answer-text > p,
    body.is-dark .question-content .answer-block .question-text > p,
    body.is-dark .question-content .answer-block .answer-text > p {
        color: #a2a5b9
    }

        body.is-dark .question-content .question-block .question-text > p.code,
        body.is-dark .question-content .question-block .answer-text > p.code,
        body.is-dark .question-content .answer-block .question-text > p.code,
        body.is-dark .question-content .answer-block .answer-text > p.code {
            background: #283143
        }

    body.is-dark .question-content .question-block .question-text .tags .tag,
    body.is-dark .question-content .question-block .answer-text .tags .tag,
    body.is-dark .question-content .answer-block .question-text .tags .tag,
    body.is-dark .question-content .answer-block .answer-text .tags .tag {
        background: #283143;
        border-color: #37445c;
        color: #fafafa
    }

    body.is-dark .question-content .question-block .question-footer .likes .report-icon,
    body.is-dark .question-content .question-block .question-footer .report .report-icon,
    body.is-dark .question-content .question-block .question-footer .upvote .report-icon,
    body.is-dark .question-content .question-block .answer-footer .likes .report-icon,
    body.is-dark .question-content .question-block .answer-footer .report .report-icon,
    body.is-dark .question-content .question-block .answer-footer .upvote .report-icon,
    body.is-dark .question-content .answer-block .question-footer .likes .report-icon,
    body.is-dark .question-content .answer-block .question-footer .report .report-icon,
    body.is-dark .question-content .answer-block .question-footer .upvote .report-icon,
    body.is-dark .question-content .answer-block .answer-footer .likes .report-icon,
    body.is-dark .question-content .answer-block .answer-footer .report .report-icon,
    body.is-dark .question-content .answer-block .answer-footer .upvote .report-icon {
        background: #283143;
        border-color: #37445c;
        color: #fafafa
    }

    body.is-dark .question-content .question-block .question-footer .likes span,
    body.is-dark .question-content .question-block .question-footer .report span,
    body.is-dark .question-content .question-block .question-footer .upvote span,
    body.is-dark .question-content .question-block .answer-footer .likes span,
    body.is-dark .question-content .question-block .answer-footer .report span,
    body.is-dark .question-content .question-block .answer-footer .upvote span,
    body.is-dark .question-content .answer-block .question-footer .likes span,
    body.is-dark .question-content .answer-block .question-footer .report span,
    body.is-dark .question-content .answer-block .question-footer .upvote span,
    body.is-dark .question-content .answer-block .answer-footer .likes span,
    body.is-dark .question-content .answer-block .answer-footer .report span,
    body.is-dark .question-content .answer-block .answer-footer .upvote span {
        color: #a2a5b9
    }

    body.is-dark .question-content .question-block .answers-count span,
    body.is-dark .question-content .answer-block .answers-count span {
        color: #a2a5b9
    }

body.is-dark .question-content .top-single-header .button {
    background: #283143;
    border-color: #37445c;
    color: #fafafa
}

body.is-dark .other-questions .other-title {
    color: #fafafa
}

body.is-dark .other-questions .other-question {
    border-color: #3c4c66
}

    body.is-dark .other-questions .other-question .meta a:not(:hover) {
        color: #fafafa
    }

    body.is-dark .other-questions .other-question .meta span {
        color: #a2a5b9
    }

body.is-dark .questions-nav {
    background: #1c2330;
    border-color: #1c2330
}

    body.is-dark .questions-nav .inner .questions-nav-menu .menu-item.is-active {
        background: #283143
    }

    body.is-dark .questions-nav .inner .questions-nav-menu .menu-item:not(.is-active):not(:hover) span {
        color: #a2a5b9
    }

    body.is-dark .questions-nav .inner .questions-nav-menu .menu-item:not(.is-active):not(:hover) svg {
        stroke: #a2a5b9
    }

    body.is-dark .questions-nav .inner .question-summary .meta h4 {
        color: #fafafa
    }

    body.is-dark .questions-nav .inner .question-summary .meta span {
        color: #a2a5b9
    }

    body.is-dark .questions-nav .inner .question-summary .dropdown:hover > div .button svg {
        stroke: #a2a5b9
    }

    body.is-dark .questions-nav .inner .question-summary .dropdown > div .button {
        background: #1c2330;
        border-color: #2f3b50
    }

body.is-dark .categories-header {
    border-color: #3c4c66
}

    body.is-dark .categories-header h2 {
        color: #fafafa
    }

    body.is-dark .categories-header .control .input:focus {
        border-color: #3b4963
    }

body.is-dark .category-box {
    background: #202836;
    border-color: #3b4963
}

    body.is-dark .category-box:hover .box-content h3 {
        color: #5596e6
    }

    body.is-dark .category-box .box-content h3 {
        color: #fafafa
    }

    body.is-dark .category-box .box-content p {
        color: #a2a5b9
    }

body.is-dark .stats-wrapper .stats-header {
    background: #202836;
    border-color: #3b4963
}

    body.is-dark .stats-wrapper .stats-header .avatar-wrapper {
        border-color: #3b4963
    }

        body.is-dark .stats-wrapper .stats-header .avatar-wrapper .badge {
            border-color: #202836
        }

    body.is-dark .stats-wrapper .stats-header .user-info h4 {
        color: #fafafa
    }

    body.is-dark .stats-wrapper .stats-header .user-info p {
        color: #a2a5b9
    }

    body.is-dark .stats-wrapper .stats-header .user-info .button {
        background: #202836
    }

    body.is-dark .stats-wrapper .stats-header .main-stats .stat-block {
        border-color: #425370
    }

        body.is-dark .stats-wrapper .stats-header .main-stats .stat-block h4 {
            color: #a2a5b9
        }

        body.is-dark .stats-wrapper .stats-header .main-stats .stat-block p {
            color: #fafafa
        }

body.is-dark .stats-wrapper .achievements .header h3 {
    color: #fafafa
}

body.is-dark .stats-wrapper .achievements .achievements-carousel-wrap .achievements-loader {
    background: #2f3b50
}

body.is-dark .stats-wrapper .achievements .achievements-carousel-wrap .achievement {
    background: #202836;
    border-color: #3b4963
}

    body.is-dark .stats-wrapper .achievements .achievements-carousel-wrap .achievement h3 {
        color: #fafafa
    }

    body.is-dark .stats-wrapper .achievements .achievements-carousel-wrap .achievement p {
        color: #a2a5b9
    }

body.is-dark .stats-wrapper .quick-activity .header {
    border-color: #3b4963
}

    body.is-dark .stats-wrapper .quick-activity .header h3 {
        color: #fafafa
    }

body.is-dark .stats-wrapper .quick-activity .activity-list .activity-item {
    border-color: #3b4963
}

    body.is-dark .stats-wrapper .quick-activity .activity-list .activity-item.is-best .avatar-wrap {
        border-color: #1ce589
    }

        body.is-dark .stats-wrapper .quick-activity .activity-list .activity-item.is-best .avatar-wrap .badge {
            border-color: #2f3b50
        }

    body.is-dark .stats-wrapper .quick-activity .activity-list .activity-item .avatar-wrap {
        border-color: #3b4963
    }

    body.is-dark .stats-wrapper .quick-activity .activity-list .activity-item .meta span:first-child {
        color: #fafafa;
        font-weight: 500
    }

    body.is-dark .stats-wrapper .quick-activity .activity-list .activity-item .meta span:nth-child(2) {
        color: #a2a5b9
    }

        body.is-dark .stats-wrapper .quick-activity .activity-list .activity-item .meta span:nth-child(2) a {
            color: #5596e6
        }

    body.is-dark .stats-wrapper .quick-activity .activity-list .activity-item .meta small {
        color: #a2a5b9
    }

body.is-dark .questions-side-card {
    background: #202836;
    border-color: #3b4963
}

    body.is-dark .questions-side-card h4 {
        color: #fafafa
    }

    body.is-dark .questions-side-card p {
        color: #a2a5b9
    }

body.is-dark .questions-wrap .questions-settings .settings-header {
    border-color: #3c4c66
}

    body.is-dark .questions-wrap .questions-settings .settings-header h2 {
        color: #fafafa
    }

body.is-dark .questions-wrap .questions-settings .settings-body .switch-block span:first-child {
    color: #fafafa
}

body.is-dark .questions-wrap .questions-settings .settings-body .switch-block span:nth-child(2) {
    color: #a2a5b9
}


/*! _app-events-dark.scss | Friendkit | © Css Ninja. 2020-2021 */

body.is-dark .events-wrapper .left-panel {
    background: #151a23;
    border-color: #151a23
}

    body.is-dark .events-wrapper .left-panel .left-panel-inner .scroll-link {
        border-color: #2f3b50
    }

        body.is-dark .events-wrapper .left-panel .left-panel-inner .scroll-link.is-active {
            background: #262f40
        }

            body.is-dark .events-wrapper .left-panel .left-panel-inner .scroll-link.is-active .date-block .month {
                color: #fafafa
            }

        body.is-dark .events-wrapper .left-panel .left-panel-inner .scroll-link:not(.is-active) .date-block svg {
            stroke: #a2a5b9
        }

        body.is-dark .events-wrapper .left-panel .left-panel-inner .scroll-link:not(.is-active) .date-block .month {
            color: #a2a5b9
        }

        body.is-dark .events-wrapper .left-panel .left-panel-inner .scroll-link .meta-block span {
            color: #a2a5b9
        }

    body.is-dark .events-wrapper .left-panel .left-panel-inner .add-event {
        background: #151a23
    }

        body.is-dark .events-wrapper .left-panel .left-panel-inner .add-event .button:not(:hover) {
            background: #151a23;
            color: #a2a5b9
        }

        body.is-dark .events-wrapper .left-panel .left-panel-inner .add-event .button:hover {
            background: #3d70b2 !important;
            border-color: #3d70b2 !important;
            color: #fff !important
        }

body.is-dark .events-wrapper .right-panel {
    background: #242d3c;
    border-color: #242d3c
}

    body.is-dark .events-wrapper .right-panel .panel-header h3 {
        color: #fafafa
    }

    body.is-dark .events-wrapper .right-panel .panel-body .activity-block .activity-meta p,
    body.is-dark .events-wrapper .right-panel .panel-body .activity-block .activity-meta span {
        color: #a2a5b9
    }

    body.is-dark .events-wrapper .right-panel .panel-body .activity-block .activity-meta a {
        color: #fafafa
    }

        body.is-dark .events-wrapper .right-panel .panel-body .activity-block .activity-meta a:hover {
            color: #5596e6
        }

body.is-dark .events-wrapper .wrapper-inner .event-list .event-item {
    background: #2f3b50;
    border-color: #3b4963 !important
}

    body.is-dark .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-title {
        color: #fafafa
    }

    body.is-dark .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-subtitle svg {
        stroke: #a2a5b9
    }

    body.is-dark .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-subtitle h3 {
        color: #a2a5b9
    }

    body.is-dark .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-options > div .button {
        background: #2f3b50 !important
    }

    body.is-dark .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-content .event-description p {
        color: #a2a5b9
    }

    body.is-dark .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-participants .participants-group img {
        border-color: #2f3b50
    }

    body.is-dark .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-participants .participants-text p {
        color: #a2a5b9
    }

        body.is-dark .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-participants .participants-text p a {
            color: #fafafa
        }

            body.is-dark .events-wrapper .wrapper-inner .event-list .event-item .event-inner-wrap .event-participants .participants-text p a:hover {
                color: #5596e6
            }

body.is-dark .event-page-wrapper .event-content .event-head {
    overflow: hidden;
    border-color: #283143;
    background: #202836
}

    body.is-dark .event-page-wrapper .event-content .event-head h2 {
        color: #fafafa
    }

    body.is-dark .event-page-wrapper .event-content .event-head .left .button-separator {
        background: #334056;
        border-color: #425370
    }

    body.is-dark .event-page-wrapper .event-content .event-head .left .info-block .info-body p,
    body.is-dark .event-page-wrapper .event-content .event-head .left .info-block .info-body a {
        color: #fafafa
    }

        body.is-dark .event-page-wrapper .event-content .event-head .left .info-block .info-body a:hover {
            color: #5596e6
        }

    body.is-dark .event-page-wrapper .event-content .event-head .right {
        background: #2b3649;
        border-color: #425370
    }

        body.is-dark .event-page-wrapper .event-content .event-head .right .subscribe-block p {
            color: #a2a5b9
        }

body.is-dark .event-page-wrapper .event-content .event-participants .container-inner .participant .participant-avatar {
    background: #3e4e69;
    border-color: #3e4e69
}

    body.is-dark .event-page-wrapper .event-content .event-participants .container-inner .participant .participant-avatar:hover {
        border-color: #5596e6
    }

body.is-dark .event-page-wrapper .event-content .event-details .left {
    border-color: #425370
}

    body.is-dark .event-page-wrapper .event-content .event-details .left .details-block h3 {
        color: #fafafa
    }

    body.is-dark .event-page-wrapper .event-content .event-details .left .details-block p {
        color: #a2a5b9
    }

body.is-dark .event-page-wrapper .event-content .event-details .right .event-owner .meta span:nth-child(2) {
    color: #fafafa
}

body.is-dark .event-page-wrapper .event-content .event-details .right .side-block .side-body a {
    color: #fafafa
}

    body.is-dark .event-page-wrapper .event-content .event-details .right .side-block .side-body a:hover {
        color: #5596e6
    }


/*! _app-news.scss | Friendkit | © Css Ninja. 2020-2021 */

body.is-dark .news-header .news-hero-menu {
    background: #242d3c;
    border-color: #242d3c
}

    body.is-dark .news-header .news-hero-menu .stories .story {
        border-color: #2f3b50
    }

        body.is-dark .news-header .news-hero-menu .stories .story:before {
            background: #242d3c
        }

        body.is-dark .news-header .news-hero-menu .stories .story:not(.is-active) .avatar-wrap {
            border-color: #3b4963
        }

        body.is-dark .news-header .news-hero-menu .stories .story .meta span:first-child {
            color: #a2a5b9
        }

        body.is-dark .news-header .news-hero-menu .stories .story .meta span:nth-child(2) {
            color: #fafafa
        }

        body.is-dark .news-header .news-hero-menu .stories .story .meta span:nth-child(3) {
            color: #a2a5b9
        }

body.is-dark .news-grid .news-card {
    border-color: #3b4963 !important;
    background: #202836 !important
}

    body.is-dark .news-grid .news-card .tag {
        background: #5596e6 !important;
        color: #fafafa !important
    }

    body.is-dark .news-grid .news-card .news-content h3 {
        color: #fafafa !important
    }

    body.is-dark .news-grid .news-card .news-content p {
        color: #a2a5b9 !important
    }

    body.is-dark .news-grid .news-card .news-content .button-wrap .button {
        background: #161c25 !important;
        border-color: #161c25 !important;
        color: #fff !important
    }

        body.is-dark .news-grid .news-card .news-content .button-wrap .button:hover {
            background: #3d70b2 !important;
            border-color: #3d70b2 !important
        }

    body.is-dark .news-grid .news-card .news-content .button-wrap .actions .action:hover {
        background: #2c384b !important
    }

        body.is-dark .news-grid .news-card .news-content .button-wrap .actions .action:hover svg {
            stroke: #fcfcfc !important
        }


/*! _groups.scss | Friendkit | © Css Ninja. 2020-2021 */

body.is-dark .groups-grid .grid-header .header-inner h2 {
    color: #fafafa
}

body.is-dark .groups-grid .grid-header .header-inner .header-actions .buttons .button:not(.accent-button) {
    background: #151a23;
    border-color: #283143;
    color: #fff
}

body.is-dark .groups-grid .group-box {
    background-color: #202836;
    border-color: #334056
}

    body.is-dark .groups-grid .group-box:hover .box-info {
        background-color: transparent
    }

    body.is-dark .groups-grid .group-box .box-info {
        background-color: #202836
    }

    body.is-dark .groups-grid .group-box .box-info-hover > svg {
        stroke: #fff
    }

        body.is-dark .groups-grid .group-box .box-info-hover > svg:hover {
            fill: #f71416;
            stroke: #f71416
        }

    body.is-dark .groups-grid .group-box .box-clock {
        stroke: #fff
    }

    body.is-dark .groups-grid .group-box .box-time {
        color: #fff
    }

    body.is-dark .groups-grid .group-box .box-category {
        color: #a2a5b9
    }

    body.is-dark .groups-grid .group-box .box-title {
        color: #fff
    }


/*! _app-settings-dark.scss | Friendkit | © Css Ninja. 2020-2021 */

body.is-dark .settings-sidebar {
    background: #1c2330;
    border-color: #283143
}

    body.is-dark .settings-sidebar .settings-sidebar-inner {
        border-color: #283143
    }

        body.is-dark .settings-sidebar .settings-sidebar-inner .user-block {
            border-color: #2f3b50
        }

            body.is-dark .settings-sidebar .settings-sidebar-inner .user-block .avatar-wrap {
                border-color: #425370
            }

                body.is-dark .settings-sidebar .settings-sidebar-inner .user-block .avatar-wrap .badge {
                    border-color: #1c2330
                }

            body.is-dark .settings-sidebar .settings-sidebar-inner .user-block > h4 {
                color: #fafafa
            }

            body.is-dark .settings-sidebar .settings-sidebar-inner .user-block > p {
                color: #a2a5b9
            }

        body.is-dark .settings-sidebar .settings-sidebar-inner .user-stats .stat-block span:first-child {
            color: #fafafa;
            font-weight: 500
        }

        body.is-dark .settings-sidebar .settings-sidebar-inner .user-stats .stat-block span:nth-child(2) {
            color: #a2a5b9
        }

        body.is-dark .settings-sidebar .settings-sidebar-inner .user-menu .user-menu-inner .menu-block ul li a span {
            color: #a2a5b9
        }

        body.is-dark .settings-sidebar .settings-sidebar-inner .user-menu .user-menu-inner .separator {
            border-color: #2f3b50
        }

body.is-dark .settings-wrapper .settings-section .settings-panel {
    border-color: #283143;
    background: #202836
}

    body.is-dark .settings-wrapper .settings-section .settings-panel .title-wrap h2 {
        color: #fafafa
    }

    body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .field-group {
        background: #242d3c !important;
        border-color: #334056
    }

        body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .field-group > label {
            color: #a2a5b9
        }

        body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .field-group .control .input,
        body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .field-group .control .textarea {
            background: #242d3c !important;
            color: #fafafa
        }

        body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .field-group .control .easy-autocomplete .input {
            background: #242d3c !important
        }

    body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .setting-sublink {
        background: #293446;
        border-color: #394760
    }

        body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .setting-sublink .link-content .link-icon {
            background: #334056;
            border-color: #425370
        }

        body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .setting-sublink .link-content h4 {
            color: #fafafa
        }

        body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .setting-sublink .link-content p {
            color: #a2a5b9
        }

    body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .switch-block .meta h4 {
        color: #fafafa
    }

    body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .switch-block .meta p {
        color: #a2a5b9
    }

    body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .form-text p {
        color: #a2a5b9
    }

    body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .settings-form .buttons .button:not(.accent-button) {
        background: #1c2330;
        border-color: #334056;
        color: #fafafa
    }

    body.is-dark .settings-wrapper .settings-section .settings-panel .settings-form-wrapper .illustration p {
        color: #a2a5b9
    }


/*! _app-login-dark.scss | Crowdkit | © Css Ninja. 2020-2021 */

body.is-dark .login-wrapper .form-hero .logo-wrap {
    background: #2f3b50
}

body.is-dark .login-wrapper .form-wrapper .avatar {
    border-color: #425370
}

    body.is-dark .login-wrapper .form-wrapper .avatar .badge {
        border-color: #2f3b50
    }

body.is-dark .login-wrapper .form-wrapper .login-form .field .control .input {
    background: #283143;
    border-color: #334056;
    color: #fafafa
}

    body.is-dark .login-wrapper .form-wrapper .login-form .field .control .input::-webkit-input-placeholder {
        color: #4e6183
    }

    body.is-dark .login-wrapper .form-wrapper .login-form .field .control .input::-moz-placeholder {
        color: #4e6183
    }

    body.is-dark .login-wrapper .form-wrapper .login-form .field .control .input:-ms-input-placeholder {
        color: #4e6183
    }

    body.is-dark .login-wrapper .form-wrapper .login-form .field .control .input::-ms-input-placeholder {
        color: #4e6183
    }

    body.is-dark .login-wrapper .form-wrapper .login-form .field .control .input::placeholder {
        color: #4e6183
    }

body.is-dark .login-wrapper .form-wrapper .forgot-password a {
    color: #a2a5b9
}

    body.is-dark .login-wrapper .form-wrapper .forgot-password a:hover {
        color: #5596e6
    }

body.is-dark .signup-wrapper .fake-nav {
    background: #1c2330;
    border-color: #1c2330
}

body.is-dark .signup-wrapper .login-container .form-title {
    color: #fafafa
}

body.is-dark .signup-wrapper .login-container .login-form .field.is-flex .switch-block .meta p {
    color: #a2a5b9
}


/*! _app-signup-dark.scss | Friendkit | © Css Ninja. 2020-2021 */

body.is-dark .signup-wrapper .process-bar {
    background: #3e4e69
}

    body.is-dark .signup-wrapper .process-bar .progress-wrap .track {
        background: #2b3649
    }

    body.is-dark .signup-wrapper .process-bar .progress-wrap .dot {
        background: #242d3c
    }

        body.is-dark .signup-wrapper .process-bar .progress-wrap .dot:not(.is-active) {
            border-color: #334056
        }

body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-title {
    color: #fafafa
}

body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .account-type {
    border-color: #283143;
    background: #202836
}

    body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .account-type h3 {
        color: #fafafa
    }

    body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .account-type p {
        color: #a2a5b9
    }

    body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .account-type .button:hover,
    body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .account-type .button.is-loading {
        background: #5596e6;
        color: #fff
    }

body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .form-panel {
    border-color: #283143;
    background: #202836
}

    body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .form-panel .field {
        background: #242d3c;
        border-color: #334056
    }

        body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .form-panel .field > label {
            color: #a2a5b9
        }

        body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .form-panel .field .control .input {
            background: #242d3c;
            border-color: #242d3c;
            color: #fafafa
        }

        body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .form-panel .field .control .easy-autocomplete .input {
            background: #242d3c !important
        }

    body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .form-panel .photo-upload .preview {
        border-color: #334056
    }

        body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .form-panel .photo-upload .preview .upload-button {
            border-color: #202836
        }

    body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .form-panel .photo-upload .limitation small {
        color: #a2a5b9
    }

    body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .form-panel .success-text h3 {
        color: #fafafa
    }

    body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .form-panel .success-text p {
        color: #a2a5b9
    }

    body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .form-panel .success-text .button:hover,
    body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .form-panel .success-text .button.is-loading {
        background: #5596e6;
        border-color: #5596e6
    }

body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .buttons .is-next:hover,
body.is-dark .signup-wrapper .outer-panel .outer-panel-inner .process-panel-wrap .buttons .is-next.is-loading {
    background: #5596e6;
    border-color: #5596e6;
    color: #fff
}

body.is-dark .crop-modal .modal-card-head {
    background: #202836;
    border-color: #334056
}

    body.is-dark .crop-modal .modal-card-head h3 {
        color: #fafafa
    }

    body.is-dark .crop-modal .modal-card-head .close-wrap .close-modal:hover {
        background: #283143
    }


/*! _app-demo-dark.scss | Friendkit | © Css Ninja. 2020-2021 */

body.is-dark .elements-sidebar {
    background: #151a23;
    border-color: #151a23
}

    body.is-dark .elements-sidebar .header {
        border-color: #283143
    }

        body.is-dark .elements-sidebar .header h3 {
            color: #fafafa
        }

    body.is-dark .elements-sidebar .elements-list .element-menu {
        border-color: #283143
    }

        body.is-dark .elements-sidebar .elements-list .element-menu .menu-trigger:hover,
        body.is-dark .elements-sidebar .elements-list .element-menu .menu-trigger.is-active {
            background: #1a212c
        }

            body.is-dark .elements-sidebar .elements-list .element-menu .menu-trigger:hover span,
            body.is-dark .elements-sidebar .elements-list .element-menu .menu-trigger.is-active span {
                color: #fafafa
            }

            body.is-dark .elements-sidebar .elements-list .element-menu .menu-trigger:hover > svg,
            body.is-dark .elements-sidebar .elements-list .element-menu .menu-trigger.is-active > svg {
                stroke: #fff
            }

        body.is-dark .elements-sidebar .elements-list .element-menu .menu-trigger span {
            color: #a2a5b9
        }

        body.is-dark .elements-sidebar .elements-list .element-menu .submenu-wrap ul li a {
            color: #a2a5b9
        }

            body.is-dark .elements-sidebar .elements-list .element-menu .submenu-wrap ul li a.is-active {
                color: #5596e6
            }

            body.is-dark .elements-sidebar .elements-list .element-menu .submenu-wrap ul li a:not(.is-active):hover {
                color: #fafafa
            }

body.is-dark .elements-wrap .element-block {
    border-color: #283143;
    background: #202836
}

    body.is-dark .elements-wrap .element-block h3 {
        color: #fafafa
    }

    body.is-dark .elements-wrap .element-block p {
        color: #a2a5b9
    }

    body.is-dark .elements-wrap .element-block code {
        background: #202836
    }

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: none
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

    .slick-track:before,
    .slick-track:after {
        content: "";
        display: table
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url("/assets/fonts/ajax-loader.gif") center center no-repeat
}

@font-face {
    font-family: "slick";
    src: url("/assets/fonts/slick.eot");
    src: url("/assets/fonts/slick.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/slick.woff") format("woff"), url("/assets/fonts/slick.ttf") format("truetype"), url("/assets/fonts/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal
}

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none
}

    .slick-prev:hover,
    .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus {
        outline: none;
        background: transparent;
        color: transparent
    }

        .slick-prev:hover:before,
        .slick-prev:focus:before,
        .slick-next:hover:before,
        .slick-next:focus:before {
            opacity: 1
        }

    .slick-prev.slick-disabled:before,
    .slick-next.slick-disabled:before {
        opacity: .25
    }

    .slick-prev:before,
    .slick-next:before {
        font-family: "slick";
        font-size: 20px;
        line-height: 1;
        color: #fff;
        opacity: .75;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer
    }

        .slick-dots li button {
            border: 0;
            background: transparent;
            display: block;
            height: 20px;
            width: 20px;
            outline: none;
            line-height: 0px;
            font-size: 0px;
            color: transparent;
            padding: 5px;
            cursor: pointer
        }

            .slick-dots li button:hover,
            .slick-dots li button:focus {
                outline: none
            }

                .slick-dots li button:hover:before,
                .slick-dots li button:focus:before {
                    opacity: 1
                }

            .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                content: "•";
                width: 20px;
                height: 20px;
                font-family: "slick";
                font-size: 6px;
                line-height: 20px;
                text-align: center;
                color: #000;
                opacity: .25;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }

        .slick-dots li.slick-active button:before {
            color: #000;
            opacity: .75
        }


/*# sourceMappingURL=scss */


/* start Custom*/

.feed-upload {
    width: 90%;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 20px;
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    margin-top: 44px;
    margin-left: 50px;
}

    .lds-ring div {
        box-sizing: border-box;
        position: absolute;
        width: 44px;
        height: 44px;
        margin: 8px;
        border: 8px solid #6a6464;
        border-radius: 50%;
        animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        border-color: #6a6464 transparent transparent transparent;
    }

        .lds-ring div:nth-child(1) {
            animation-delay: -0.45s;
        }

        .lds-ring div:nth-child(2) {
            animation-delay: -0.3s;
        }

        .lds-ring div:nth-child(3) {
            animation-delay: -0.15s;
        }

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


@media screen and (max-width: 768px) {
    .upload-wrap{
        margin:auto;
    }
}




.p-a{
    position:absolute !important;
}
.p-f {
    position: fixed !important;
}
.p-r {
    position: relative !important;
}


.t-0 {
    top: 0 !important;
}

.t-2 {
    top: 2px !important;
}

.t-4 {
    top: 4px !important;
}

.t-6 {
    top: 6px !important;
}

.t-8 {
    top: 8px !important;
}

.t-10 {
    top: 10px !important;
}



.b-0 {
    bottom: 0 !important;
}

.b-2 {
    bottom: 2px !important;
}

.b-4 {
    bottom: 4px !important;
}

.b-6 {
    bottom: 6px !important;
}

.b-8 {
    bottom: 8px !important;
}

.b-10 {
    bottom: 10px !important;
}



.l-0 {
    left: 0 !important;
}

.l-2 {
    left: 2px !important;
}

.l-4 {
    left: 4px !important;
}

.l-6 {
    left: 6px !important;
}

.l-8 {
    left: 8px !important;
}

.l-10 {
    left: 10px !important;
}




.r-0 {
    right: 0 !important;
}

.r-2 {
    right: 2px !important;
}

.r-4 {
    right: 4px !important;
}

.r-6 {
    right: 6px !important;
}

.r-8 {
    right: 8px !important;
}

.r-10 {
    right: 10px !important;
}

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

.ml-2 {
    margin-left: 2 !important;
}
.ml-4 {
    margin-left: 4px !important;
}
.ml-6 {
    margin-left: 6px !important;
}
.ml-8 {
    margin-left: 8px !important;
}
.ml-10 {
    margin-left: 10px !important;
}

.notification-header {
    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;
    padding: 16px;
    border-bottom: 1px solid #e8e8e8;
    border-radius: 4px 4px 0 0;
    background: #fff;
    padding-top: 9px;
    padding-bottom: 6px;
    font-size: 14px;
}

.notifyButton {
    width: 100px;
    float: left;
    margin-top: 9px !important;
    padding: 5px !important;
    line-height: normal;
    font-weight: unset;
    font-size: 13px !important;
    height: 22px;
    display:flex !important;
}
.notifySpan {
    font-size: small;
    font-weight: initial;
}
.notifyImg {
border-radius:50%;
}





/* end custom*/