.DropMenu {
    background-color: #fff;
    padding: 20px 0;
    overflow: auto
}

.DropMenu_group-title {
    padding: 12px 20px 5px
}

    .DropMenu_group-title:first-child {
        padding-top: 0
    }

.DropMenu_item {
    padding: 0 20px;
    min-height: 50px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    cursor: pointer
}

    .DropMenu_item.active,
    .DropMenu_item:hover {
        background-color: rgba(0, 0, 0, .1)
    }

.DropMenu_noresults {
    padding-left: 20px
}

.DropMenu_item_attachment {
    width: 40px;
    height: 40px;
    margin-right: 10px
}

.DayPicker {
    display: inline-block
}

.DayPicker-wrapper {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-bottom: 1rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.DayPicker-Months {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.DayPicker-Month {
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0 1rem;
    margin-top: 1rem
}

.DayPicker-NavButton {
    position: absolute;
    cursor: pointer;
    top: 1rem;
    right: 1.5rem;
    margin-top: 2px;
    color: #8b9898;
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: 50%
}

    .DayPicker-NavButton:hover {
        opacity: .8
    }

.DayPicker-NavButton--prev {
    margin-right: 1.5rem;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAVVJREFUWAnN2G0KgjAYwPHpGfRkaZeqvgQaK+hY3SUHrk1YzNLay/OiEFp92I+/Mp2F2Mh2lLISWnflFjzH263RQjzMZ19wgs73ez0o1WmtW+dgA01VxrE3p6l2GLsnBy1VYQOtVSEH/atCCgqpQgKKqYIOiq2CBkqtggLKqQIKgqgCBjpJ2Y5CdJ+zrT9A7HHSTA1dxUdHgzCqJIEwq0SDsKsEg6iqBIEoq/wEcVRZBXFV+QJxV5mBtlDFB5VjYTaGZ2sf4R9PM7U9ZU+lLuaetPP/5Die3ToO1+u+MKtHs06qODB2zBnI/jBd4MPQm1VkY79Tb18gB+C62FdBFsZR6yeIo1YQiLJWMIiqVjQIu1YSCLNWFgijVjYIuhYYCKoWKAiiFgoopxYaKLUWOii2FgkophYp6F3r42W5A9s9OcgNvva8xQaysKXlFytoqdYmQH6tF3toSUo0INq9AAAAAElFTkSuQmCC")
}

.DayPicker-NavButton--next {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAXRJREFUWAnN119ugjAcwPHWzJ1gnmxzB/BBE0n24m4xfNkTaOL7wOtsl3AXMMb+Vjaa1BG00N8fSEibPpAP3xAKKs2yjzTPH9RAjhEo9WzPr/Vm8zgE0+gXATAxxuxtqeJ9t5tIwv5AtQAApsfT6TPdbp+kUBcgVwvO51KqVhMkXKsVJFXrOkigVhCIs1Y4iKlWZxB1rX4gwlpRIIpa8SDkWmggrFq4IIRaJKCYWnSgnrXIQV1r8YD+1Vrn+bReagysIFfLABRt31v8oBu1xEBttfRbltmfjgEcWh9snUS2kNdBK6WN1vrOWxObWsz+fjxevsxmB1GQDfINWiev83nhaoiB/CoOU438oPrhXS0WpQ9xc1ZQWxWHqUYe0I0qrKCQKjygDlXIQV2r0IF6ViEBxVTBBSFUQQNhVYkHIVeJAtkNsbQ7c1LtzP6FsObhb2rCKv7NBIGoq4SDmKoEgTirXAcJVGkFSVVpgoSrXICGUMUH/QBZNSUy5XWUhwAAAABJRU5ErkJggg==")
}

.DayPicker-NavButton--interactionDisabled {
    display: none
}

.DayPicker-Caption {
    padding: 0 .5rem;
    display: table-caption;
    text-align: left;
    margin-bottom: .5rem
}

    .DayPicker-Caption > div {
        font-size: 1.15rem;
        font-weight: 500
    }

.DayPicker-Weekdays {
    margin-top: 1rem;
    display: table-header-group
}

.DayPicker-WeekdaysRow {
    display: table-row
}

.DayPicker-Weekday {
    display: table-cell;
    padding: .5rem;
    font-size: .875em;
    text-align: center;
    color: #8b9898
}

    .DayPicker-Weekday abbr[title] {
        border-bottom: none;
        text-decoration: none
    }

.DayPicker-Body {
    display: table-row-group
}

.DayPicker-Week {
    display: table-row
}

.DayPicker-Day {
    text-align: center
}

.DayPicker-Day,
.DayPicker-WeekNumber {
    display: table-cell;
    padding: .5rem;
    cursor: pointer;
    vertical-align: middle
}

.DayPicker-WeekNumber {
    text-align: right;
    min-width: 1rem;
    font-size: .75em;
    color: #8b9898;
    border-right: 1px solid #eaecec
}

.DayPicker--interactionDisabled .DayPicker-Day {
    cursor: default
}

.DayPicker-Footer {
    padding-top: .5rem
}

.DayPicker-TodayButton {
    border: none;
    background-image: none;
    background-color: transparent;
    box-shadow: none;
    cursor: pointer;
    color: #4a90e2;
    font-size: .875em
}

.DayPicker-Day--today {
    color: #d0021b;
    font-weight: 700
}

.DayPicker-Day--outside {
    cursor: default;
    color: #8b9898
}

.DayPicker-Day--disabled {
    color: #dce0e0;
    cursor: default
}

.DayPicker-Day--sunday {
    background-color: #f7f8f8
}

    .DayPicker-Day--sunday:not(.DayPicker-Day--today) {
        color: #dce0e0
    }

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
    position: relative;
    color: #f0f8ff;
    background-color: #4a90e2;
    border-radius: 100%
}

    .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
        background-color: #51a0fa
    }

.DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
    background-color: #f0f8ff;
    border-radius: 50%
}

.DayPickerInput {
    display: inline-block
}

.DayPickerInput-OverlayWrapper {
    position: relative
}

.DayPickerInput-Overlay {
    left: 0;
    z-index: 1;
    position: absolute;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .15)
}

.Calendar {
    background-color: #fff
}

    .Calendar :focus {
        outline: none
    }

.DayPicker {
    width: 282px
}

.Selectable .DayPicker-Day {
    border-radius: 0 !important
}

.Selectable .DayPicker-Day--start {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important
}

.Selectable .DayPicker-Day--end {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important
}

.DayPicker-Day--outside {
    color: hsla(180, 6%, 57%, .3) !important
}

.DayPicker-Caption__content__item {
    position: relative;
    border-bottom: 1px solid #000;
    display: inline-block
}

    .DayPicker-Caption__content__item:last-child {
        margin-left: 20px
    }

.DayPicker-Caption__month,
.DayPicker-Caption__year {
    padding: 0 0 4px;
    border: 0;
    outline: none;
    background: none;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

span.hu-emoji {
    display: inline-block;
    border-radius: 4px;
    float: left;
    text-align: center;
    width: 32px;
    height: 29px;
    font-size: 22px;
    line-height: 22px;
    padding: 5px 0;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.hu-emoji-container {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    width: 325px;
    height: 200px;
    overflow: hidden;
    position: absolute;
    border: 1px solid #c6c6c6;
    border-radius: 8px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2)
}

    .hu-emoji-container article,
    .hu-emoji-container aside,
    .hu-emoji-container footer,
    .hu-emoji-container header,
    .hu-emoji-container nav,
    .hu-emoji-container section {
        display: block
    }

    .hu-emoji-container h1 {
        font-size: 2em;
        margin: .67em 0
    }

    .hu-emoji-container figcaption,
    .hu-emoji-container figure,
    .hu-emoji-container main {
        display: block
    }

    .hu-emoji-container figure {
        margin: 1em 40px
    }

    .hu-emoji-container hr {
        box-sizing: content-box;
        height: 0;
        overflow: visible
    }

    .hu-emoji-container pre {
        font-family: monospace, monospace;
        font-size: 1em
    }

    .hu-emoji-container a {
        background-color: transparent;
        -webkit-text-decoration-skip: objects
    }

        .hu-emoji-container a:active,
        .hu-emoji-container a:hover {
            outline-width: 0
        }

    .hu-emoji-container abbr[title] {
        border-bottom: none;
        text-decoration: underline;
        text-decoration: underline dotted
    }

    .hu-emoji-container b,
    .hu-emoji-container strong {
        font-weight: inherit;
        font-weight: bolder
    }

    .hu-emoji-container code,
    .hu-emoji-container kbd,
    .hu-emoji-container samp {
        font-family: monospace, monospace;
        font-size: 1em
    }

    .hu-emoji-container dfn {
        font-style: italic
    }

    .hu-emoji-container mark {
        background-color: #ff0;
        color: #000
    }

    .hu-emoji-container small {
        font-size: 80%
    }

    .hu-emoji-container sub,
    .hu-emoji-container sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }

    .hu-emoji-container sub {
        bottom: -.25em
    }

    .hu-emoji-container sup {
        top: -.5em
    }

    .hu-emoji-container audio,
    .hu-emoji-container video {
        display: inline-block
    }

        .hu-emoji-container audio:not([controls]) {
            display: none;
            height: 0
        }

    .hu-emoji-container img {
        vertical-align: baseline;
        border-style: none
    }

    .hu-emoji-container svg:not(:root) {
        overflow: hidden
    }

    .hu-emoji-container [contenteditable=true],
    .hu-emoji-container button,
    .hu-emoji-container input,
    .hu-emoji-container optgroup,
    .hu-emoji-container select,
    .hu-emoji-container textarea {
        font-family: sans-serif;
        font-size: 16px;
        line-height: 1.15;
        margin: 0
    }

    .hu-emoji-container button,
    .hu-emoji-container input {
        overflow: visible
    }

    .hu-emoji-container button,
    .hu-emoji-container select {
        text-transform: none
    }

    .hu-emoji-container [type=reset],
    .hu-emoji-container [type=submit],
    .hu-emoji-container button,
    .hu-emoji-container html [type=button] {
        -webkit-appearance: button
    }

        .hu-emoji-container [type=button]::-moz-focus-inner,
        .hu-emoji-container [type=reset]::-moz-focus-inner,
        .hu-emoji-container [type=submit]::-moz-focus-inner,
        .hu-emoji-container button::-moz-focus-inner {
            border-style: none;
            padding: 0
        }

        .hu-emoji-container [type=button]:-moz-focusring,
        .hu-emoji-container [type=reset]:-moz-focusring,
        .hu-emoji-container [type=submit]:-moz-focusring,
        .hu-emoji-container button:-moz-focusring {
            outline: 1px dotted ButtonText
        }

    .hu-emoji-container fieldset {
        border: 1px solid silver;
        margin: 0 2px;
        padding: .35em .625em .75em
    }

    .hu-emoji-container legend {
        box-sizing: border-box;
        color: inherit;
        display: table;
        max-width: 100%;
        padding: 0;
        white-space: normal
    }

    .hu-emoji-container progress {
        display: inline-block;
        vertical-align: baseline
    }

    .hu-emoji-container textarea {
        overflow: auto
    }

    .hu-emoji-container [type=checkbox],
    .hu-emoji-container [type=radio] {
        box-sizing: border-box;
        padding: 0
    }

    .hu-emoji-container [type=number]::-webkit-inner-spin-button,
    .hu-emoji-container [type=number]::-webkit-outer-spin-button {
        height: auto
    }

    .hu-emoji-container [type=search] {
        -webkit-appearance: textfield;
        outline-offset: -2px
    }

        .hu-emoji-container [type=search]::-webkit-search-cancel-button,
        .hu-emoji-container [type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

    .hu-emoji-container ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit
    }

    .hu-emoji-container details,
    .hu-emoji-container menu {
        display: block
    }

    .hu-emoji-container summary {
        display: list-item
    }

    .hu-emoji-container canvas {
        display: inline-block
    }

    .hu-emoji-container [hidden],
    .hu-emoji-container template {
        display: none
    }

    .hu-emoji-container * {
        box-sizing: border-box;
        text-align: left
    }

    .hu-emoji-container .hu-hidden {
        display: none
    }

    .hu-emoji-container .hu-emoji-wrapper {
        background-color: #fff;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        width: 100%;
        height: 100%;
        overflow: hidden;
        font-family: Gotham Rounded, sans-serif !important;
        color: #555
    }

        .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types {
            background-color: #f7f7f7;
            border-bottom: 1px solid #c6c6c6;
            width: 100%;
            height: 38px
        }

            .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul {
                display: -ms-flex;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                height: 100%;
                margin: 0;
                padding: 0;
                list-style: none
            }

                .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li {
                    display: -ms-flex;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex: 1;
                    -webkit-box-flex: 1;
                    flex: 1;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    max-width: 45px;
                    height: 100%;
                    border-bottom: 4px solid transparent;
                    cursor: pointer
                }

                    .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li .icon {
                        background-size: 200px 45px;
                        width: 22.22222px;
                        height: 22.5px;
                        margin: 4px auto 0
                    }

                        .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li .icon.hu-tab-People {
                            background-position: -22.22222px 0
                        }

                        .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li .icon.hu-tab-Nature {
                            background-position: 0 0
                        }

                        .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li .icon.hu-tab-Food {
                            background-position: -44.44444px 0
                        }

                        .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li .icon.hu-tab-Activity {
                            background-position: -66.66667px 0
                        }

                        .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li .icon.hu-tab-Travel {
                            background-position: -88.88889px 0
                        }

                        .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li .icon.hu-tab-Objects {
                            background-position: -155.55556px 0
                        }

                        .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li .icon.hu-tab-Symbols {
                            background-position: -177.77778px 0
                        }

                        .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li .icon.hu-tab-Flags {
                            background-position: -111.11111px 0
                        }

                        .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li .icon.hu-tab-Tmp {
                            background-position: -133.33333px 0
                        }

                    .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li.hu-active {
                        border-bottom: 4px solid #ce4b81
                    }

                        .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li.hu-active .icon.hu-tab-People {
                            background-position: -22.22222px 22.5px
                        }

                        .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li.hu-active .icon.hu-tab-Nature {
                            background-position: 0 22.5px
                        }

                        .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li.hu-active .icon.hu-tab-Food {
                            background-position: -44.44444px 22.5px
                        }

                        .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li.hu-active .icon.hu-tab-Activity {
                            background-position: -66.66667px 22.5px
                        }

                        .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li.hu-active .icon.hu-tab-Travel {
                            background-position: -88.88889px 22.5px
                        }

                        .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li.hu-active .icon.hu-tab-Objects {
                            background-position: -155.55556px 22.5px
                        }

                        .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li.hu-active .icon.hu-tab-Symbols {
                            background-position: -177.77778px 22.5px
                        }

                        .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li.hu-active .icon.hu-tab-Flags {
                            background-position: -111.11111px 22.5px
                        }

                        .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li.hu-active .icon.hu-tab-Tmp {
                            background-position: -133.33333px 22.5px
                        }

                    .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li:active .icon.hu-tab-People,
                    .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li:focus .icon.hu-tab-People,
                    .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li:hover .icon.hu-tab-People {
                        background-position: -22.22222px 22.5px
                    }

                    .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li:active .icon.hu-tab-Nature,
                    .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li:focus .icon.hu-tab-Nature,
                    .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li:hover .icon.hu-tab-Nature {
                        background-position: 0 22.5px
                    }

                    .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li:active .icon.hu-tab-Food,
                    .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li:focus .icon.hu-tab-Food,
                    .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li:hover .icon.hu-tab-Food {
                        background-position: -44.44444px 22.5px
                    }

                    .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li:active .icon.hu-tab-Activity,
                    .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li:focus .icon.hu-tab-Activity,
                    .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li:hover .icon.hu-tab-Activity {
                        background-position: -66.66667px 22.5px
                    }

                    .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li:active .icon.hu-tab-Travel,
                    .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li:focus .icon.hu-tab-Travel,
                    .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li:hover .icon.hu-tab-Travel {
                        background-position: -88.88889px 22.5px
                    }

                    .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li:active .icon.hu-tab-Objects,
                    .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li:focus .icon.hu-tab-Objects,
                    .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li:hover .icon.hu-tab-Objects {
                        background-position: -155.55556px 22.5px
                    }

                    .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li:active .icon.hu-tab-Symbols,
                    .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li:focus .icon.hu-tab-Symbols,
                    .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li:hover .icon.hu-tab-Symbols {
                        background-position: -177.77778px 22.5px
                    }

                    .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li:active .icon.hu-tab-Flags,
                    .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li:focus .icon.hu-tab-Flags,
                    .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li:hover .icon.hu-tab-Flags {
                        background-position: -111.11111px 22.5px
                    }

                    .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li:active .icon.hu-tab-Tmp,
                    .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li:focus .icon.hu-tab-Tmp,
                    .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-types ul li:hover .icon.hu-tab-Tmp {
                        background-position: -133.33333px 22.5px
                    }

        .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-search {
            padding: 10px 15px
        }

            .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-search input {
                padding: 0 10px;
                font-size: 14px;
                font-family: Gotham Rounded, sans-serif !important;
                width: 100%;
                border-radius: 4px;
                height: 24px;
                border: 1px solid #d3d3d3;
                outline: 0
            }

                .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-search input::-webkit-input-placeholder {
                    color: #d3d3d3 !important
                }

                .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-search input:-moz-placeholder,
                .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-search input::-moz-placeholder {
                    color: #d3d3d3 !important
                }

                .hu-emoji-container .hu-emoji-wrapper header .hu-emoji-search input:-ms-input-placeholder {
                    color: #d3d3d3 !important
                }

        .hu-emoji-container .hu-emoji-wrapper section {
            -ms-flex: 1;
            -webkit-box-flex: 1;
            flex: 1;
            overflow-y: auto
        }

            .hu-emoji-container .hu-emoji-wrapper section .hu-emoji-list {
                margin-top: 10px;
                padding: 0 15px;
                overflow: hidden
            }

                .hu-emoji-container .hu-emoji-wrapper section .hu-emoji-list .hu-emoji-list-page {
                    margin-bottom: 10px
                }

                    .hu-emoji-container .hu-emoji-wrapper section .hu-emoji-list .hu-emoji-list-page h3 {
                        font-size: 14px;
                        margin: 0 0 4px 4px
                    }

                    .hu-emoji-container .hu-emoji-wrapper section .hu-emoji-list .hu-emoji-list-page .hu-emoji-list-items {
                        display: -ms-flex;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-wrap: wrap;
                        flex-wrap: wrap
                    }

                        .hu-emoji-container .hu-emoji-wrapper section .hu-emoji-list .hu-emoji-list-page .hu-emoji-list-items .hu-emoji-item {
                            -webkit-box-flex: 1;
                            -ms-flex: 1 0 32px;
                            flex: 1 0 32px;
                            height: 31px
                        }

                            .hu-emoji-container .hu-emoji-wrapper section .hu-emoji-list .hu-emoji-list-page .hu-emoji-list-items .hu-emoji-item:empty {
                                height: 0
                            }

                    .hu-emoji-container .hu-emoji-wrapper section .hu-emoji-list .hu-emoji-list-page span.hu-emoji:hover {
                        background-color: #646bbc
                    }

        .hu-emoji-container .hu-emoji-wrapper footer {
            background-color: #f7f7f7;
            border-top: 1px solid #c6c6c6
        }

            .hu-emoji-container .hu-emoji-wrapper footer .hu-emoji-preview {
                height: 50px;
                display: -ms-flex;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

                .hu-emoji-container .hu-emoji-wrapper footer .hu-emoji-preview .hu-emoji-preview-image {
                    display: inline-block;
                    width: 50px;
                    height: 50px;
                    margin: 0 5px
                }

                    .hu-emoji-container .hu-emoji-wrapper footer .hu-emoji-preview .hu-emoji-preview-image .hu-emoji {
                        width: 50px;
                        height: 50px;
                        font-size: 30px;
                        line-height: 35px;
                        padding: 8px
                    }

                .hu-emoji-container .hu-emoji-wrapper footer .hu-emoji-preview .hu-emoji-preview-info {
                    -ms-flex: 1;
                    -webkit-box-flex: 1;
                    flex: 1;
                    margin: 8px 0
                }

                    .hu-emoji-container .hu-emoji-wrapper footer .hu-emoji-preview .hu-emoji-preview-info .hu-emoji-preview-title {
                        color: #555;
                        margin: 0;
                        font-size: 14px;
                        white-space: nowrap;
                        text-transform: none
                    }

                    .hu-emoji-container .hu-emoji-wrapper footer .hu-emoji-preview .hu-emoji-preview-info .hu-emoji-preview-name {
                        color: #555;
                        margin: 0;
                        font-size: 13px;
                        white-space: nowrap
                    }

.Carousel_items {
    height: 300px
}

.Carousel_item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .25s;
    background-color: #fff
}

.Carousel_item_prev {
    -webkit-transform: translateX(-120%) scale(.9);
    transform: translateX(-120%) scale(.9)
}

.Carousel_item_active {
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1)
}

.Carousel_item_next {
    -webkit-transform: translateX(120%) scale(.9);
    transform: translateX(120%) scale(.9)
}

.Carousel_nav {
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    pointer-events: none
}

    .Carousel_nav button {
        pointer-events: auto
    }

.Carousel_nav_prev {
    color: #fff;
    width: 35px;
    height: 35px;
    background-color: #394152;
    border: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
}

    .Carousel_nav_prev svg {
        -webkit-transform: scale(.5) rotate(180deg);
        transform: scale(.5) rotate(180deg);
        min-width: 24px
    }

.Carousel_nav_next {
    border-radius: 35px;
    width: 35px;
    height: 35px;
    color: #fff;
    background-color: #394152;
    border: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}

    .Carousel_nav_next span {
        display: none;
        margin-left: 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .Carousel_nav_next svg {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        min-width: 24px
    }

.Carousel_item_overlay {
    background-color: #000;
    opacity: 0;
    transition: opacity .2s
}

    .Carousel_item_overlay.active {
        opacity: .2
    }

@media screen and (min-width:425px) {
    .Carousel_item {
        position: absolute;
        top: 50%;
        left: 0;
        width: 50%;
        height: 100%
    }

    .Carousel_item_prev {
        -webkit-transform: translateY(-50%) scale(.9);
        transform: translateY(-50%) scale(.9)
    }

    .Carousel_item_active {
        -webkit-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1)
    }

    .Carousel_item_next {
        -webkit-transform: translateY(-50%) translateX(85%) scale(.5);
        transform: translateY(-50%) translateX(85%) scale(.5)
    }

        .Carousel_item_next + .Carousel_item_next {
            -webkit-transform: translateY(-50%) translateX(85%) scale(.45);
            transform: translateY(-50%) translateX(85%) scale(.45)
        }

    .Carousel_nav {
        width: 50%
    }

    .Carousel_nav_prev {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    .Carousel_nav_next {
        width: 90px;
        -webkit-transform: translateX(60px);
        transform: translateX(60px)
    }

        .Carousel_nav_next span {
            display: block
        }
}


/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

    [type=button]::-moz-focus-inner,
    [type=reset]::-moz-focus-inner,
    [type=submit]::-moz-focus-inner,
    button::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    [type=button]:-moz-focusring,
    [type=reset]:-moz-focusring,
    [type=submit]:-moz-focusring,
    button:-moz-focusring {
        outline: 1px dotted ButtonText
    }

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

@charset "UTF-8";

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    /*font-size: 100%;*/
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    overflow: hidden;
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

    blockquote:after,
    blockquote:before,
    q:after,
    q:before {
        content: "";
        content: none
    }

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

* {
    box-sizing: border-box
}

a {
    color: inherit
}

a,
button {
    outline: none
}

[contenteditable=true],
h1,
html,
p {
    line-height: 1.35em
}

.hu-background-cover {
    background-size: cover
}

.hu-background-contain,
.hu-background-cover {
    background-position: 50%;
    background-repeat: no-repeat
}

.hu-background-contain {
    background-size: contain
}

.hu-background-transparent {
    background-color: transparent
}

.hu-border-0 {
    border: 0
}

.hu-border-1 {
    border-width: 1px;
    border-style: solid
}

.hu-border-2 {
    border-width: 2px;
    border-style: solid
}

.hu-border-3 {
    border-width: 3px;
    border-style: solid
}

.hu-border-4 {
    border-width: 4px
}

.hu-border-4,
.hu-border-solid {
    border-style: solid
}

.hu-border-radius-3 {
    border-radius: 3px
}

.hu-border-radius-4 {
    border-radius: 4px
}

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

.hu-outline-none {
    outline: none
}

.hu-shadow,
.hu-shadow-hover:hover {
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08)
}

.hu-shadow-large {
    box-shadow: 0 7px 14px rgba(50, 50, 93, .5), 0 3px 6px rgba(0, 0, 0, .2)
}

.hu-btn {
    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;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
    transition: all .25s
}

    .hu-btn:active,
    .hu-btn:focus,
    .hu-btn:hover {
        box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08)
    }

.hu-display-block {
    display: block
}

.hu-display-none {
    display: none
}

.hu-display-inline {
    display: inline
}

.hu-display-inline-block {
    display: inline-block
}

.hu-display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hu-display-inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.hu-flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.hu-align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hu-align-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

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

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

.hu-justify-initial {
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: initial
}

.hu-justify-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

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

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

.hu-flex-dir-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.hu-width-0 {
    width: 0
}

.hu-width-full {
    width: 100%
}

.hu-width-auto {
    width: auto
}

.hu-height-0 {
    height: 0
}

.hu-height-full {
    height: 100%
}

.hu-height-auto {
    height: auto
}

.hu-position-static {
    position: static
}

.hu-position-absolute {
    position: absolute
}

.hu-position-relative {
    position: relative
}

.hu-position-fixed {
    position: fixed
}

.hu-position-cover {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.hu-position-top-left {
    top: 0;
    left: 0
}

.hu-position-bottom-left {
    bottom: 0;
    left: 0
}

.hu-zindex-0 {
    z-index: 0
}

.hu-zindex-1 {
    z-index: 1
}

.hu-zindex-2 {
    z-index: 2
}

.hu-zindex-3 {
    z-index: 3
}

.hu-zindex-4 {
    z-index: 4
}

.hu-margin-0 {
    margin: 0
}

.hu-margin-0-auto {
    margin: 0 auto
}

.hu-padding-0 {
    padding: 0
}

.hu-s-9 {
    font-size: 9px
}

.hu-s-10 {
    font-size: 10px
}

.hu-s-11 {
    font-size: 11px
}

.hu-s-12 {
    font-size: 12px
}

.hu-s-13 {
    font-size: 13px
}

.hu-s-14 {
    font-size: 14px
}

.hu-s-15 {
    font-size: 15px
}

.hu-s-16 {
    font-size: 16px
}

.hu-s-17 {
    font-size: 17px
}

.hu-s-18 {
    font-size: 18px
}

.hu-s-19 {
    font-size: 19px
}

.hu-s-20 {
    font-size: 20px
}

.hu-s-23 {
    font-size: 23px
}

.hu-s-24 {
    font-size: 24px
}

.hu-s-25 {
    font-size: 25px
}

.hu-s-30 {
    font-size: 30px
}

.hu-s-35 {
    font-size: 35px
}

.hu-s-40 {
    font-size: 40px
}

.hu-s-50 {
    font-size: 50px
}

.hu-w-reg {
    font-weight: 400
}

.hu-w-bold {
    font-weight: 700
}

.hu-st-normal {
    font-style: normal
}

.hu-st-italic {
    font-style: italic
}

.hu-st-oblique {
    font-style: oblique
}

.hu-d-none {
    text-decoration: none
}

.hu-d-underline {
    text-decoration: underline
}

.hu-d-overline {
    text-decoration: overline
}

.hu-d-line-through {
    text-decoration: line-through
}

.hu-a-center {
    text-align: center
}

.hu-a-left {
    text-align: left
}

.hu-a-right {
    text-align: right
}

.hu-a-justify {
    text-align: justify
}

.hu-v-middle {
    vertical-align: middle
}

.hu-t-none {
    text-transform: none
}

.hu-t-uppercase {
    text-transform: uppercase
}

.hu-t-lowercase {
    text-transform: lowercase
}

.hu-t-capitalize {
    text-transform: capitalize
}

.hu-text-pre {
    white-space: pre-wrap;
    word-wrap: break-word
}

.hu-text-nowrap,
.hu-x-ellipsis {
    white-space: nowrap
}

.hu-x-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis
}

.hu-link {
    color: inherit
}

.hu-not-selectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.hu-pointer-none {
    pointer-events: none
}

.hu-c-pointer {
    cursor: pointer
}

.hu-c-text {
    cursor: text
}

.hu-touch-scroll {
    -webkit-overflow-scrolling: touch
}

.hu-opacity-0 {
    opacity: 0
}

.hu-opacity-0_5 {
    opacity: .5
}

.hu-opacity-1 {
    opacity: 1
}

.hu-visibility-hidden {
    visibility: hidden
}

.hu-overflow-hidden {
    overflow: hidden
}

.hu-overflow-auto {
    overflow: auto
}

.hu-overflow-visible {
    overflow: visible
}

.hu-overflow-x-auto {
    overflow-x: auto
}

.hu-overflow-x-hidden {
    overflow-x: hidden
}

.hu-overflow-y-auto {
    overflow-y: auto
}

@media screen and (min-width:425px) {
    .hu-m-display-block {
        display: block
    }

    .hu-m-display-none {
        display: none
    }

    .hu-m-display-inline {
        display: inline
    }

    .hu-m-display-inline-block {
        display: inline-block
    }

    .hu-m-display-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .hu-m-display-inline-flex {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
}

@media screen and (min-width:768px) {
    .hu-l-display-block {
        display: block
    }

    .hu-l-display-none {
        display: none
    }

    .hu-l-display-inline {
        display: inline
    }

    .hu-l-display-inline-block {
        display: inline-block
    }

    .hu-l-display-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .hu-l-display-inline-flex {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
}

#app-landbot,
#app-modules {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}

#app-modules {
    opacity: 0
}

    #app-modules.rendered {
        opacity: 1;
        -webkit-animation: a 1s;
        animation: a 1s
    }

#hu-header[data-menu="0"] {
    display: none
}

#hu-footer {
    height: 120px
}

@media screen and (min-width:425px) {
    #hu-header[data-menu="0"] {
        display: initial
    }
}

@media screen and (max-width:424px) {
    #hu-body {
        transition: padding-bottom .4s
    }

        #hu-body.gdpr-active {
            padding-bottom: 145px
        }
}

@-webkit-keyframes a {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes a {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes b {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes b {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes c {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes c {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes d {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes d {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes e {
    0% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0
    }

    50% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes e {
    0% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0
    }

    50% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes f {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }

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

    75% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes f {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }

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

    75% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes g {
    0% {
        opacity: 0;
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }

    to {
        opacity: .8;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes g {
    0% {
        opacity: 0;
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }

    to {
        opacity: .8;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

#hu-header {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    box-shadow: 0 0 12px rgba(0, 0, 0, .03);
    height: 65px;
    min-height: 65px;
    transition: border-color .75s, background-color .75s
}

    #hu-header .hu-header-content {
        margin: 0 50px
    }

    #hu-header .hu-header-brand_name {
        letter-spacing: -.85px;
        margin-right: 13px;
        white-space: nowrap
    }

    #hu-header .hu-header-logo {
        max-width: 200px;
        max-height: 36px;
        margin-right: 13px
    }

    #hu-header .hu-header-tagline {
        margin-right: 13px
    }

@media screen and (min-width:768px) {
    #hu-header .hu-header-content {
        margin: 0 110px;
        padding-right: 13px;
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial
    }
}

.hu-header-brand_name,
.hu-header-tagline {
    transition: border-color .75s, color .75s
}

#hu-header-mobile .hu-header-logo {
    max-height: 75px;
    margin: 41px auto 0
}

#hu-header-mobile .hu-header-brand_name {
    margin-top: 17px;
    margin-bottom: 10px;
    letter-spacing: -.7px
}

#hu-header-mobile .hu-header-tagline {
    padding: 10px 0;
    max-width: 245px;
    line-height: 1.6
}

#hu-messages-container {
    -webkit-overflow-scrolling: touch;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    user-drag: none
}

.hu-messages-wrapper {
    width: 100%;
    margin: 40px auto 0
}

@media screen and (min-width:425px) {
    #hu-footer-input-fixed,
    .hu-messages-wrapper {
        width: 80%;
        max-width: 700px
    }
}

@media screen and (min-width:768px) {
    #hu-footer-input-fixed,
    .hu-messages-wrapper {
        width: 80%
    }
}

@media screen and (min-width:1024px) {
    #hu-footer-input-fixed,
    .hu-messages-wrapper {
        width: 60%
    }
}

.hu-message {
    width: 100%;
    position: relative
}

    .hu-message.user.animate {
        height: 0
    }

    .hu-message.user .hu-message-margin {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .hu-message.brand.animate .hu-message-content {
        -webkit-animation: e .5s ease-in-out;
        animation: e .5s ease-in-out;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    .hu-message.brand.animate .hu-message-document,
    .hu-message.brand.animate .hu-message-iframe,
    .hu-message.brand.animate .hu-message-image,
    .hu-message.brand.animate .hu-message-location,
    .hu-message.brand.animate .hu-message-text {
        display: none
    }

.hu-message-container {
    width: 100%
}

.hu-message-margin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hu-message-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

@supports ((-webkit-mask-image:url()) or (mask-image:url())) {
    .hu-message.brand .hu-message-content:before {
        opacity: 0;
        transition: all .35s;
        content: "";
        width: 11px;
        height: 10px;
        display: inline-block;
        position: absolute;
        left: -9px;
        bottom: 12px;
        background-size: 40px;
        background-repeat: no-repeat;
        background-position: 50%;
        -webkit-mask-image: url(https://storage.googleapis.com/landbot.io/misc/corner.svg);
        mask-image: url(https://storage.googleapis.com/landbot.io/misc/corner.svg);
        z-index: 1
    }
}

.hu-message.brand .hu-message-info.visible + .hu-message-content:before {
    opacity: 1
}

@media screen and (min-width:425px) {
    .hu-message.brand.animate {
        -webkit-animation: none;
        animation: none
    }

        .hu-message.brand.animate.left-in .hu-message-content,
        .hu-message.brand.animate.left-in .hu-message-info {
            -webkit-animation: b .25s ease-in-out;
            animation: b .25s ease-in-out
        }

        .hu-message.brand.animate .hu-message-info {
            transition: -webkit-transform .3s;
            transition: transform .3s;
            transition: transform .3s, -webkit-transform .3s
        }

        .hu-message.brand.animate .hu-message-bubble:not(.typing) .hu-message-text {
            -webkit-animation: c .5s ease-in-out;
            animation: c .5s ease-in-out
        }

    .hu-message.user.animate .hu-message-margin {
        -webkit-animation: d .25s ease-in-out;
        animation: d .25s ease-in-out
    }

    .hu-message .hu-message-margin {
        margin-left: 0;
        margin-right: 0
    }
}

.brand:not(:first-child) .hu-message-margin,
.user:not(:first-child) .hu-message-margin {
    margin-top: 15px
}

.brand + .brand .hu-message-margin,
.user + .user .hu-message-margin {
    margin-top: 2px
}

.brand.splitter + .brand .hu-message-margin {
    margin-top: 15px
}

.hu-message-margin {
    margin-left: 16px;
    margin-right: 16px;
    position: relative
}

.hu-message-bubble {
    box-sizing: content-box;
    min-height: 1.35em;
    display: inline-block;
    max-width: 82%;
    overflow: hidden;
    padding: 16px 24px;
    border-radius: 3px;
    box-shadow: none;
    transition: opacity .5s, background-color .75s, color .75s
}

.hu-message.brand .hu-message-bubble {
    min-width: 42px;
    box-shadow: 0 1px 28px 0 rgba(90, 60, 122, .22)
}

.hu-message.user .hu-message-bubble {
    float: right
}

.hu-message.user .hu-message-image .image-anchor,
.hu-message.user .hu-message-location .image-anchor {
    text-align: right
}

.hu-message-image .image-anchor:not(:last-child),
.hu-message-location .image-anchor:not(:last-child) {
    margin-bottom: 2px;
    display: block
}

.hu-message-image img,
.hu-message-location img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    max-height: 275px
}

.hu-message-text {
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-word;
    letter-spacing: -.1px
}

.hu-message-document,
.hu-message-iframe,
.hu-message-image,
.hu-message-location,
.hu-message-text {
    display: inline-block;
    max-width: 100%;
    transition: background-color .75s, color .75s
}

.typing-spinner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: bottom;
    opacity: 0;
    height: 1.35em;
    transition: opacity .1s;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.hu-message-bubble .ball {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 5px;
    border-radius: 50%
}

    .hu-message-bubble .ball:first-child {
        opacity: .9;
        -webkit-animation: f .9s linear infinite;
        animation: f .9s linear infinite
    }

    .hu-message-bubble .ball:nth-child(2) {
        opacity: .3;
        -webkit-animation: f .9s .225s linear infinite;
        animation: f .9s .225s linear infinite
    }

    .hu-message-bubble .ball:nth-child(3) {
        opacity: .6;
        -webkit-animation: f .9s .45s linear infinite;
        animation: f .9s .45s linear infinite
    }

.hu-message-bubble.typing .typing-spinner {
    opacity: 1
}

.hu-message-avatar {
    position: absolute;
    bottom: 0;
    min-width: 40px;
    width: 40px;
    min-height: 40px;
    height: 40px;
    z-index: 0
}

    .hu-message-avatar .hu-message-avatar_img {
        background-repeat: no-repeat
    }

    .hu-message-avatar.agent .hu-message-avatar_img {
        border-radius: 50%;
        background-size: cover;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .hu-message-avatar.circle {
        overflow: hidden;
        border-radius: 50%
    }

    .hu-message-avatar.rect {
        overflow: hidden;
        border-radius: 3px
    }

    .hu-message-avatar.none {
        background-color: transparent
    }

.hu-message-avatar {
    transition: background-color .75s
}

.hu-message-info {
    min-width: 40px;
    width: 40px;
    margin-left: 0;
    margin-right: 20px;
    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
}

.hu-message.brand .hu-message-info {
    visibility: hidden
}

    .hu-message.brand .hu-message-info.visible {
        visibility: visible
    }

.hu-message.brand .hu-message-info {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.hu-message-date {
    display: none;
    position: absolute;
    width: 100%
}

.hu-message.brand .hu-message-date {
    bottom: -16px;
    width: 100%;
    height: 1em;
    position: relative
}

    .hu-message.brand .hu-message-date span {
        position: absolute;
        left: 0;
        right: 0;
        top: 0
    }

.hu-message.user .hu-message-info {
    width: 0;
    min-width: 0
}

.hu-message.user .hu-message-date {
    top: 15px;
    left: 12px
}

@media screen and (min-width:425px) {
    .hu-message-date {
        display: block
    }
}

.hu-message-date {
    transition: color .75s
}

#scroll-bottom-fixer,
#scroll-top-fixer {
    position: relative;
    width: 100%;
    height: 0
}

.hu-old-chat {
    width: calc(100% - 16px - 16px);
    margin: 0 auto
}

    .hu-old-chat .more-messages {
        width: 100%;
        height: 42px;
        border: 0;
        border-radius: 3px;
        padding: 0 10px;
        background-color: rgba(0, 0, 0, .15);
        -webkit-animation: g .5s;
        animation: g .5s;
        cursor: pointer
    }

        .hu-old-chat .more-messages:hover {
            background-color: rgba(0, 0, 0, .3)
        }

    .hu-old-chat .more-messages-text {
        line-height: 23px
    }

#hu-msn-sandbox {
    opacity: 0;
    position: absolute;
    top: 150%
}

    #hu-msn-sandbox * {
        transition: none;
        -webkit-animation: none;
        animation: none
    }

.has-upper-image .hu-message-bubble,
.has-upper-image .hu-message-text {
    display: block
}

.hu-message_upper-image {
    width: calc(100% + 48px);
    height: 200px;
    background-color: rgba(0, 0, 0, .8);
    margin: -16px -24px 16px
}

@media screen and (min-width:425px) {
    .has-upper-image .hu-message-bubble {
        display: block;
        width: 50%;
        max-width: 50%
    }
}

.hu-message-iframe iframe {
    width: 100%;
    height: 200px
}

@media screen and (min-width:425px) {
    .hu-message-iframe iframe {
        width: 640px;
        height: 360px
    }
}

.js-referral-social .typing-spinner {
    width: 0 !important
}

.js-referral-social .referral-buttons {
    margin-top: 15px;
    color: #fff
}

    .js-referral-social .referral-buttons:only-child {
        margin-top: 6px
    }

.js-referral-social .menu-button {
    text-decoration: none;
    padding: 5px;
    position: relative;
    overflow: hidden;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

    .js-referral-social .menu-button span {
        padding-right: 10px
    }

    .js-referral-social .menu-button svg {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        margin-right: 3px
    }

.js-referral-social .referral-facebook {
    background-color: #3b5998;
    border-color: #2d4373
}

    .js-referral-social .referral-facebook:hover {
        background-color: #4c70ba
    }

.js-referral-social .referral-twitter {
    background-color: #1da1f2;
    border-color: #0c85d0
}

    .js-referral-social .referral-twitter:hover {
        background-color: #4db5f5
    }

.js-referral-social .referral-linkedin {
    background-color: #2e77b0;
    border-color: #235c88
}

    .js-referral-social .referral-linkedin:hover {
        background-color: #4391ce
    }

.js-referral-social .referral-whatsapp {
    background-color: #0dc143;
    border-color: #0a9132
}

    .js-referral-social .referral-whatsapp:hover {
        background-color: #12ef54
    }

@media screen and (max-width:768px) {
    .js-referral-social .menu-button {
        padding: 8px
    }

        .js-referral-social .menu-button svg {
            margin: 0;
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        .js-referral-social .menu-button span {
            display: none
        }
}

.hu-message-bubble iframe,
.hu-message-bubble img {
    max-width: 100%
}

.hu-button {
    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: normal;
    -ms-flex-align: normal;
    align-items: normal;
    border-radius: 3px;
    border-width: 2px;
    border-style: solid;
    padding: 15px;
    letter-spacing: -.5px;
    margin-right: 6px;
    margin-bottom: 6px;
    cursor: pointer;
    transition: background-color .25s, border-color .25s, color .75s
}

    .hu-button:hover {
        box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08)
    }

        .hu-button:hover .include-icon-container {
            -webkit-transform: translateY(-4px);
            transform: translateY(-4px)
        }

        .hu-button:hover .include-image {
            -webkit-transform: scale(1.1);
            transform: scale(1.1)
        }

.menu-button {
    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: normal;
    -ms-flex-align: normal;
    align-items: normal;
    border-radius: 3px;
    border-width: 2px;
    border-style: solid;
    padding: 15px;
    letter-spacing: -.5px;
    margin-right: 6px;
    margin-bottom: 6px;
    cursor: pointer;
    transition: background-color .25s, border-color .25s, color .75s;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.not-visible {
    display: none
}

.hu-message.brand + .not-visible {
    display: block
}

    .hu-message.brand + .not-visible .hu-message-margin {
        margin: 0 !important
    }

    .hu-message.brand + .not-visible .hu-message-bubble {
        min-height: 0 !important;
        height: 0 !important;
        overflow: hidden;
        padding: 0
    }

    .hu-message.brand + .not-visible .hu-message-content {
        -webkit-animation: none !important;
        animation: none !important;
        left: 16px;
        height: 0
    }

    .hu-message.brand + .not-visible .hu-message-info {
        position: absolute;
        bottom: 0
    }

@media screen and (min-width:425px) {
    .hu-message.brand + .not-visible .hu-message-content {
        left: 60px
    }
}

.js-redirect-message .hu-message-content:before {
    display: none !important
}

.js-redirect-message .hu-message-bubble {
    background-color: rgba(0, 0, 0, .2);
    box-shadow: none !important
}

    .js-redirect-message .hu-message-bubble .hu-message-text {
        text-transform: uppercase;
        font-size: 15px;
        color: #fff
    }

#hu-footer-input-fixed:not(.enabled),
#hu-message-input:not(.enabled) {
    pointer-events: none
}

#hu-footer-input-fixed .hu-input-box,
#hu-message-input .hu-input-box {
    padding-bottom: 30px
}

#hu-footer-input-fixed .hu-input-container,
#hu-message-input .hu-input-container {
    margin: 0 15px
}

#hu-footer-input-fixed .attach svg,
#hu-footer-input-fixed .emoji svg,
#hu-message-input .attach svg,
#hu-message-input .emoji svg {
    transition: fill .75s, -webkit-transform .25s;
    transition: transform .25s, fill .75s;
    transition: transform .25s, fill .75s, -webkit-transform .25s;
    -webkit-transform: scale(1);
    transform: scale(1)
}

#hu-footer-input-fixed .attach:hover svg,
#hu-footer-input-fixed .emoji:hover svg,
#hu-message-input .attach:hover svg,
#hu-message-input .emoji:hover svg {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

@media screen and (min-width:425px) {
    #hu-footer-input-fixed .hu-input-container,
    #hu-message-input .hu-input-container {
        margin: 0 20px 0 60px
    }

        #hu-footer-input-fixed .hu-input-container.zero-margin,
        #hu-message-input .hu-input-container.zero-margin {
            margin: 0
        }
}

#hu-footer-input-mobile .hu-input-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 0
}

#hu-footer-input-mobile .hu-input-body {
    display: none
}

#hu-footer-input-mobile .hu-input-back {
    display: inline-block;
    margin: 0 2px 0 0;
    height: 35px;
    position: relative;
    top: -38px;
    left: 16px
}

    #hu-footer-input-mobile .hu-input-back .back-button {
        padding: 0 3px 4px 10px;
        border: 0;
        line-height: 28px;
        height: 100%;
        border-radius: 3px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer
    }

    #hu-footer-input-mobile .hu-input-back .back-text {
        display: none
    }

    #hu-footer-input-mobile .hu-input-back svg {
        width: 25px;
        height: 25px;
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }

    #hu-footer-input-mobile .hu-input-back .left-arrow {
        width: 20px;
        height: 24px;
        margin-right: 8px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

#hu-message-input.enabled .hu-input-back {
    opacity: 1
}

#hu-message-input .back-button:focus .left-arrow,
#hu-message-input:hover .left-arrow {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    opacity: 1
}

#hu-message-input .back-button:focus .back-text,
#hu-message-input:hover .back-text {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

#hu-message-input .hu-input-back {
    display: none;
    height: 54px;
    position: absolute;
    left: -55px;
    top: 30px;
    opacity: 0;
    transition: opacity .25s
}

#hu-message-input .hu-input-container.number .hu-input-back,
#hu-message-input .hu-input-container.rating .hu-input-back {
    top: 38px
}

#hu-message-input .hu-input-container.date .hu-input-back {
    top: 5px
}

#hu-message-input .back-button {
    background-color: transparent;
    border: 0;
    cursor: pointer
}

#hu-message-input .left-arrow {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-bottom: 8px;
    opacity: 0;
    -webkit-transform: rotate(-275deg) scale(.8);
    transform: rotate(-275deg) scale(.8);
    transition: background-color .25s, opacity .3s, -webkit-transform .5s;
    transition: transform .5s, background-color .25s, opacity .3s;
    transition: transform .5s, background-color .25s, opacity .3s, -webkit-transform .5s
}

    #hu-message-input .left-arrow svg {
        position: absolute;
        top: 2px;
        left: 2px;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(.7);
        transform: scale(.7);
        fill: #fff
    }

    #hu-message-input .left-arrow:before {
        line-height: 30px
    }

#hu-message-input .back-text {
    display: block;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    transition: opacity .3s, -webkit-transform .5s;
    transition: transform .5s, opacity .3s;
    transition: transform .5s, opacity .3s, -webkit-transform .5s;
    opacity: 0
}

@media screen and (min-width:425px) {
    #hu-message-input .hu-input-back {
        display: block
    }
}

#hu-message-input.enabled .hu-input-menu {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#hu-message-input .hu-input-menu {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s;
    transition: opacity .5s, transform .5s, -webkit-transform .5s
}

.hu-input-menu .hu-input-menu_button.emoji,
.hu-input-menu .hu-input-menu_button.icon,
.hu-input-menu .hu-input-menu_button.image {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .hu-input-menu .hu-input-menu_button.emoji .hu-input-menu_button_text,
    .hu-input-menu .hu-input-menu_button.icon .hu-input-menu_button_text {
        -webkit-box-flex: 0;
        -ms-flex: 0;
        flex: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

.hu-input-menu .include-icon-container {
    margin-bottom: 10px;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

.hu-input-menu .hu-input-menu_button.image {
    padding: 0
}

    .hu-input-menu .hu-input-menu_button.image .hu-input-menu_button_text {
        -webkit-box-flex: 0;
        -ms-flex: 0;
        flex: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        padding: 15px
    }

.hu-input-menu .include-image-container {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin: -2px -2px 0;
    width: calc(100% + 4px);
    overflow: hidden;
    height: 100px
}

    .hu-input-menu .include-image-container .include-image {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: 50%;
        transition: -webkit-transform .2s ease-in-out;
        transition: transform .2s ease-in-out;
        transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
    }

.hu-input-menu_button_text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.hu-input-menu-buttons.vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 500px
}

    .hu-input-menu-buttons.vertical .hu-input-menu_button {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0
    }

        .hu-input-menu-buttons.vertical .hu-input-menu_button:not(:first-child) {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

        .hu-input-menu-buttons.vertical .hu-input-menu_button:not(:last-child) {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            border-bottom: 0
        }

        .hu-input-menu-buttons.vertical .hu-input-menu_button.emoji,
        .hu-input-menu-buttons.vertical .hu-input-menu_button.icon,
        .hu-input-menu-buttons.vertical .hu-input-menu_button.image {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row
        }

            .hu-input-menu-buttons.vertical .hu-input-menu_button.emoji .hu-input-menu_button_text,
            .hu-input-menu-buttons.vertical .hu-input-menu_button.icon .hu-input-menu_button_text,
            .hu-input-menu-buttons.vertical .hu-input-menu_button.image .hu-input-menu_button_text {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                text-align: left
            }

    .hu-input-menu-buttons.vertical .include-icon-container {
        margin: 0 20px 0 0
    }

    .hu-input-menu-buttons.vertical .hu-input-menu_button.image {
        padding: 0
    }

        .hu-input-menu-buttons.vertical .hu-input-menu_button.image .hu-input-menu_button_text {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            padding: 20px 20px 20px 25px
        }

    .hu-input-menu-buttons.vertical .include-image-container {
        border-radius: 0;
        margin: 0;
        width: 75px;
        height: 75px;
        overflow: hidden;
        height: auto
    }

        .hu-input-menu-buttons.vertical .include-image-container .include-image {
            width: 75px;
            height: 75px;
            background-size: cover;
            background-position: 50%;
            transition: -webkit-transform .2s ease-in-out;
            transition: transform .2s ease-in-out;
            transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
        }

.hu-input-menu_help {
    padding: 11px 0;
    line-height: 1.35em;
    transition: color .75s
}

.hu-input-menu_button {
    letter-spacing: -.5px;
    margin-right: 6px;
    margin-bottom: 6px;
    cursor: pointer;
    transition: background-color .25s, border-color .25s, color .75s;
    padding: 20px 25px;
    width: calc(50% - 6px)
}

    .hu-input-menu_button .link-icon {
        display: none
    }

    .hu-input-menu_button[data-link] {
        text-decoration: underline;
        padding: 20px 20px 20px 25px
    }

        .hu-input-menu_button[data-link] .link-icon {
            display: block;
            margin-left: 10px
        }

    .hu-input-menu_button .button-text {
        line-height: 1.2em
    }

    .hu-input-menu_button:hover {
        box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08)
    }

        .hu-input-menu_button:hover .include-icon-container {
            -webkit-transform: translateY(-4px);
            transform: translateY(-4px)
        }

        .hu-input-menu_button:hover .include-image {
            -webkit-transform: scale(1.1);
            transform: scale(1.1)
        }

    .hu-input-menu_button.clicked {
        opacity: 0
    }

@media screen and (min-width:768px) {
    .hu-input-menu_button {
        width: calc(33% - 6px)
    }
}

.hu-drop-search {
    max-width: 425px
}

    .hu-drop-search .drop-search-input-container {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-width: 2px;
        border-style: solid;
        border-radius: 3px
    }

        .hu-drop-search .drop-search-input-container .magnification-lens {
            opacity: .5;
            width: 24px;
            margin-right: 15px;
            font-size: 24px
        }

    .hu-drop-search .drop-search-input {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 17px;
        background-color: transparent;
        border: 0;
        outline: none
    }

    .hu-drop-search .hu-input-menu-buttons,
    .hu-drop-search .hu-input-multi-buttons {
        background-color: transparent;
        width: 100%;
        padding: 6px 0;
        max-height: 187px;
        overflow: auto;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        overscroll-behavior-y: none
    }

    .hu-drop-search .hu-input-multi-footer {
        max-width: 425px
    }

    .hu-drop-search .hu-input-menu_button {
        width: 100%
    }

    .hu-drop-search .hu-input-menu-buttons.vertical {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

@media screen and (min-width:425px) {
    .hu-drop-search .hu-input-menu_button {
        width: calc(50% - 6px)
    }
}

#hu-message-input.enabled .hu-input-multi {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s;
    transition: opacity .5s, transform .5s, -webkit-transform .5s
}

#hu-message-input .hu-input-multi {
    position: relative;
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    transition: opacity .6s, -webkit-transform .6s;
    transition: opacity .6s, transform .6s;
    transition: opacity .6s, transform .6s, -webkit-transform .6s
}

.hu-input-multi-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.hu-input-multi_button {
    padding: 18px 30px 18px 55px;
    margin-right: 6px;
    margin-bottom: 6px;
    width: calc(50% - 6px)
}

    .hu-input-multi_button:hover {
        box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08)
    }

        .hu-input-multi_button:hover:not(.active) .check-label:after {
            opacity: .3
        }

.check-block {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 15px;
    border-radius: 2px;
    border-width: 2px;
    border-style: solid;
    -webkit-transform: translateY(-50%) scale(.7);
    transform: translateY(-50%) scale(.7)
}

.check-label {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 3px;
    left: 3px;
    cursor: pointer
}

    .check-label:after {
        content: "";
        width: 13px;
        height: 6px;
        position: absolute;
        top: 5px;
        left: 3px;
        border-width: 1px;
        border-style: solid;
        border-top: none;
        border-right: none;
        background: transparent;
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

input[type=checkbox] {
    visibility: hidden
}

    input[type=checkbox]:checked + label:after {
        opacity: 1
    }

.hu-input-multi-footer {
    margin-top: 7px
}

.hu-input-multi_submit {
    padding: 12px 45px;
    border: 0
}

    .hu-input-multi_submit:hover {
        box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08)
    }

    .hu-input-multi_submit:disabled {
        opacity: .5
    }

.hu-input-multi_help {
    padding: 11px 0;
    line-height: 1.35em;
    transition: color .75s
}

@media screen and (min-width:425px) {
    .hu-input-multi-buttons {
        width: 100%;
        max-width: 500px
    }
}

.hu-input-multi-buttons.vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 500px
}

    .hu-input-multi-buttons.vertical .hu-input-multi_button {
        width: 100%;
        margin-right: 0
    }

#hu-message-input.enabled .hu-textarea-light {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#hu-message-input .hu-textarea-light {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: transparent;
    max-width: 350px;
    width: auto;
    padding-top: 25px;
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s;
    transition: opacity .5s, transform .5s, -webkit-transform .5s
}

    #hu-message-input .hu-textarea-light .hu-textarea-input-container {
        border-radius: 4px;
        padding: 15px 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-width: 2px;
        border-style: solid;
        transition: box-shadow .25s, border-color .25s
    }

        #hu-message-input .hu-textarea-light .hu-textarea-input-container.text {
            cursor: text
        }

    #hu-message-input .hu-textarea-light .send svg {
        transition: fill .75s, -webkit-transform .6s;
        transition: transform .6s, fill .75s;
        transition: transform .6s, fill .75s, -webkit-transform .6s;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    #hu-message-input .hu-textarea-light .hu-textarea {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        background-color: transparent;
        border: 0;
        outline: none;
        margin-right: 10px;
        max-height: 60px;
        overflow-y: auto;
        overflow-x: hidden;
        white-space: pre-wrap;
        word-break: break-word
    }

        #hu-message-input .hu-textarea-light .hu-textarea:empty:before {
            content: attr(placeholder);
            opacity: .8;
            cursor: text;
            width: 0;
            display: inline-block;
            white-space: nowrap
        }

    #hu-message-input .hu-textarea-light .send {
        transition: opacity .25s;
        opacity: .5
    }

    #hu-message-input .hu-textarea-light:not(.empty) .send {
        opacity: 1
    }

        #hu-message-input .hu-textarea-light:not(.empty) .send:hover svg {
            -webkit-transform: scale(1.1);
            transform: scale(1.1)
        }

    #hu-message-input .hu-textarea-light .hu-textarea-footer-info {
        margin-top: 12px;
        text-align: right;
        transition: color .75s
    }

    #hu-message-input .hu-textarea-light .attach,
    #hu-message-input .hu-textarea-light .emoji {
        display: none
    }

#hu-footer-input-fixed.enabled .hu-textarea-heavy,
#hu-message-input.enabled .hu-textarea-heavy {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#hu-footer-input-fixed .hu-textarea-heavy,
#hu-message-input .hu-textarea-heavy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: transparent;
    max-width: 550px;
    width: auto;
    padding-top: 25px;
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s;
    transition: opacity .5s, transform .5s, -webkit-transform .5s
}

    #hu-footer-input-fixed .hu-textarea-heavy .hu-textarea-input-container,
    #hu-message-input .hu-textarea-heavy .hu-textarea-input-container {
        position: relative;
        border-radius: 4px;
        padding: 15px 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-width: 2px;
        border-style: solid;
        transition: box-shadow .25s, border-color .25s
    }

        #hu-footer-input-fixed .hu-textarea-heavy .hu-textarea-input-container.text,
        #hu-message-input .hu-textarea-heavy .hu-textarea-input-container.text {
            cursor: text
        }

    #hu-footer-input-fixed .hu-textarea-heavy .hu-textarea,
    #hu-message-input .hu-textarea-heavy .hu-textarea {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        background-color: transparent;
        border: 0;
        outline: none;
        margin-right: 10px;
        max-height: 80px;
        min-height: 1.35em;
        overflow-y: auto;
        overflow-x: hidden;
        white-space: pre-wrap;
        word-break: break-word
    }

        #hu-footer-input-fixed .hu-textarea-heavy .hu-textarea:empty:before,
        #hu-message-input .hu-textarea-heavy .hu-textarea:empty:before {
            content: attr(placeholder);
            opacity: 1;
            cursor: text;
            width: 0;
            display: inline-block;
            white-space: nowrap
        }

    #hu-footer-input-fixed .hu-textarea-heavy .send,
    #hu-message-input .hu-textarea-heavy .send {
        transition: opacity .25s;
        opacity: .5
    }

    #hu-footer-input-fixed .hu-textarea-heavy:not(.empty) .send,
    #hu-message-input .hu-textarea-heavy:not(.empty) .send {
        opacity: 1
    }

        #hu-footer-input-fixed .hu-textarea-heavy:not(.empty) .send:hover svg,
        #hu-message-input .hu-textarea-heavy:not(.empty) .send:hover svg {
            -webkit-transform: scale(1.1);
            transform: scale(1.1)
        }

    #hu-footer-input-fixed .hu-textarea-heavy .hu-textarea-footer-info,
    #hu-message-input .hu-textarea-heavy .hu-textarea-footer-info {
        margin-top: 12px;
        text-align: right;
        transition: color .75s
    }

    #hu-footer-input-fixed .hu-textarea-heavy .hu-textarea-buttons,
    #hu-message-input .hu-textarea-heavy .hu-textarea-buttons {
        cursor: pointer
    }

    #hu-footer-input-fixed .hu-textarea-heavy .attachments,
    #hu-message-input .hu-textarea-heavy .attachments {
        position: absolute;
        left: 3px;
        bottom: -29px
    }

    #hu-footer-input-fixed .hu-textarea-heavy input[type=file],
    #hu-message-input .hu-textarea-heavy input[type=file] {
        display: none
    }

    #hu-footer-input-fixed .hu-textarea-heavy .attach,
    #hu-footer-input-fixed .hu-textarea-heavy .emoji,
    #hu-message-input .hu-textarea-heavy .attach,
    #hu-message-input .hu-textarea-heavy .emoji {
        display: inline-block
    }

        #hu-footer-input-fixed .hu-textarea-heavy .attach:last-child,
        #hu-footer-input-fixed .hu-textarea-heavy .emoji:last-child,
        #hu-message-input .hu-textarea-heavy .attach:last-child,
        #hu-message-input .hu-textarea-heavy .emoji:last-child {
            margin-left: 10px
        }

        #hu-footer-input-fixed .hu-textarea-heavy .attach:only-child,
        #hu-footer-input-fixed .hu-textarea-heavy .emoji:only-child,
        #hu-message-input .hu-textarea-heavy .attach:only-child,
        #hu-message-input .hu-textarea-heavy .emoji:only-child {
            margin-left: 0
        }

#hu-footer-input-fixed .hu-images-preview,
#hu-footer-input-mobile .hu-images-preview,
#hu-message-input .hu-images-preview {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 10px
}

#hu-footer-input-fixed .thumbnail,
#hu-footer-input-mobile .thumbnail,
#hu-message-input .thumbnail {
    display: inline-block;
    height: 50px;
    width: 50px;
    background-size: cover;
    position: relative;
    margin-right: 2px;
    margin-bottom: 2px
}

#hu-footer-input-fixed .thumbnail-button,
#hu-footer-input-mobile .thumbnail-button,
#hu-message-input .thumbnail-button {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #fff
}

#hu-footer-input-mobile .thumbnail-button {
    top: 16px;
    right: 16px;
    -webkit-transform: scale(2);
    transform: scale(2)
}

#hu-footer-input-mobile .hu-textarea-input-container {
    position: relative;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#hu-footer-input-mobile .hu-textarea {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: transparent;
    border: 0;
    outline: none;
    resize: none;
    margin-right: 10px;
    max-height: 80px;
    overflow-y: auto;
    overflow-x: hidden;
    white-space: pre-wrap;
    word-break: break-word;
    font-size: 16px
}

    #hu-footer-input-mobile .hu-textarea:empty:before {
        content: attr(placeholder);
        opacity: .8;
        cursor: text;
        width: 0;
        display: inline-block;
        white-space: nowrap
    }

#hu-footer-input-mobile .hu-textarea-heavy.empty .send,
#hu-footer-input-mobile .hu-textarea-light.empty .send {
    display: none
}

#hu-footer-input-mobile .hu-textarea-heavy:not(.empty) .send,
#hu-footer-input-mobile .hu-textarea-light:not(.empty) .send {
    display: block;
    opacity: 1
}

#hu-footer-input-mobile .hu-textarea-heavy:not(.empty) .attach,
#hu-footer-input-mobile .hu-textarea-light:not(.empty) .attach {
    display: none
}

#hu-footer-input-mobile .send {
    transition: opacity .25s;
    opacity: .5;
    height: 24px
}

#hu-footer-input-mobile .attach {
    height: 24px;
    width: 24px;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#hu-footer-input-mobile .emoji,
#hu-footer-input-mobile .hu-textarea-footer-info,
#hu-footer-input-mobile input[type=file] {
    display: none
}

#hu-footer-input-fixed .hu-input-container {
    position: relative
}

#hu-footer-input-fixed .hu-textarea-heavy {
    max-width: none
}

#hu-messenger.hu-input-fixed #hu-message-input .hu-input-box {
    height: 0;
    padding: 0
}

#hu-messenger.hu-input-fixed #hu-footer-input-mobile .hu-input-header {
    display: none
}

#hu-messenger.hu-input-fixed #hu-footer-input-mobile .hu-input-body {
    display: block
}

#hu-message-input.enabled .hu-input-number {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#hu-message-input .hu-input-number {
    padding-top: 35px;
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s;
    transition: opacity .5s, transform .5s, -webkit-transform .5s
}

.hu-input-number.valid:not(.empty) .hu-input-btn svg {
    opacity: 1
}

.hu-input-number.valid:not(.empty) .hu-input-btn:hover svg {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.hu-input-number_info {
    position: absolute;
    top: 7px;
    padding: 4px 6px;
    line-height: 1.35em;
    transition: color .75s, background-color .25s
}

.hu-input-number-container {
    border-width: 2px;
    border-style: solid;
    border-radius: 4px;
    height: 55px
}

.hu-input-number_prefix {
    padding: 0 20px;
    background-color: #e9ebec;
    color: #000
}

.hu-input-number_input {
    padding: 0 60px 0 20px
}

.hu-input-btn,
.hu-input-number_input {
    background-color: transparent;
    border: 0;
    outline: none
}

.hu-input-btn {
    position: absolute;
    right: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 35px;
    padding: 0
}

    .hu-input-btn svg {
        /*opacity: .5;*/
        -webkit-transform: scale(.9);
        transform: scale(.9);
        transition: opacity .25s, -webkit-transform .4s;
        transition: opacity .25s, transform .4s;
        transition: opacity .25s, transform .4s, -webkit-transform .4s
    }

.hu-input-number_help {
    margin-top: 12px
}

@media screen and (min-width:425px) {
    .hu-input-number {
        max-width: 350px
    }
}

#hu-message-input.enabled .hu-input-location {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#hu-message-input .hu-input-location {
    padding-top: 25px;
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s;
    transition: opacity .5s, transform .5s, -webkit-transform .5s
}

.hu-input-location:not(.empty) .hu-input-btn svg {
    opacity: 1
}

.hu-input-btn:hover svg {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.hu-input-location-container {
    border-width: 2px;
    border-style: solid;
    border-radius: 4px;
    height: 55px
}

.hu-input-location_input {
    padding: 0 60px 0 20px
}

.hu-input-location_btn,
.hu-input-location_input {
    background-color: transparent;
    border: 0;
    outline: none
}

.hu-input-location_btn {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 35px;
    padding: 0
}

    .hu-input-location_btn svg {
        opacity: .5;
        -webkit-transform: scale(.9);
        transform: scale(.9);
        transition: opacity .25s, -webkit-transform .4s;
        transition: opacity .25s, transform .4s;
        transition: opacity .25s, transform .4s, -webkit-transform .4s
    }

.hu-input-location_help {
    margin-top: 12px
}

@media screen and (min-width:425px) {
    .hu-input-location {
        max-width: 350px
    }
}

#hu-message-input.enabled .hu-input-date {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#hu-message-input .hu-input-date {
    margin-top: 25px;
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s;
    transition: opacity .5s, transform .5s, -webkit-transform .5s
}

.hu-input-date.valid .hu-input-date_btn svg {
    opacity: 1
}

.hu-input-date.valid .hu-input-date_btn:hover svg {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.hu-input-date-container {
    border-width: 2px;
    border-style: solid;
    border-radius: 4px;
    height: 55px;
    transition: box-shadow .25s, border-color .25s
}

.hu-input-date_input {
    background-color: transparent;
    padding: 0 60px 0 20px;
    border: 0;
    outline: none
}

.hu-input-date.empty .hu-input-date_input:before {
    content: attr(placeholder);
    opacity: 1;
    width: 0;
    display: inline-block;
    white-space: nowrap
}

.hu-input-date_btn {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 35px;
    padding: 0;
    border: 0;
    background-color: transparent;
    outline: none
}

    .hu-input-date_btn svg {
        opacity: .5;
        -webkit-transform: scale(.9);
        transform: scale(.9);
        transition: opacity .25s, -webkit-transform .4s;
        transition: opacity .25s, transform .4s;
        transition: opacity .25s, transform .4s, -webkit-transform .4s
    }

.hu-input-date_help {
    margin-top: 12px
}

@media screen and (min-width:425px) {
    .hu-input-date {
        max-width: 350px
    }
}

#hu-message-input .Calendar {
    display: none;
    position: absolute;
    left: 4px;
    bottom: calc(100% - 28px);
    margin: 0 15px
}

    #hu-message-input .Calendar.active {
        display: block
    }

@media screen and (min-width:425px) {
    #hu-message-input .Calendar {
        margin: 0 0 0 60px
    }
}

.hu-input-referral .hu-input-menu-info {
    padding: 11px 0;
    line-height: 1.35em
}

.hu-input-referral .hu-input-menu-buttons .menu-button {
    -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;
    text-decoration: none;
    padding: 20px 25px;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .hu-input-referral .hu-input-menu-buttons .menu-button svg {
        margin-right: 15px
    }

@media screen and (min-width:425px) {
    .hu-input-container.referral .hu-input-menu-buttons .menu-button {
        width: 350px
    }
}

#hu-message-input.enabled .hu-input-file {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#hu-message-input .hu-input-file {
    padding-top: 20px;
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s;
    transition: opacity .5s, transform .5s, -webkit-transform .5s;
    width: 100%
}

#hu-message-input .input-drop-area {
    height: 92px;
    padding: 10px;
    background-color: #eaecf2;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #b9bbca;
    overflow-x: auto
}

#hu-message-input .input-drop-icon {
    color: rgba(185, 187, 202, .4);
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}

#hu-message-input .input-drop-border {
    border: 1px dashed #b9bbca;
    border-radius: 5px;
    padding: 15px 0
}

#hu-message-input .input-area {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background-color: #fff;
    padding: 10px 15px
}

#hu-message-input .input-file-name {
    color: #c9cad4;
    line-height: 1.35em
}

    #hu-message-input .input-file-name[data-state=info] {
        color: #000;
        font-weight: 700
    }

    #hu-message-input .input-file-name[data-state=danger] {
        color: red;
        font-weight: 700
    }

#hu-message-input .input-file-button {
    padding: 12px 25px;
    border-radius: 3px;
    border: none;
    cursor: pointer;
    transition: color .2s, background-color .2s
}

    #hu-message-input .input-file-button[data-file="1"] {
        background-color: #30ca94;
        color: #fff;
        padding: 8px 25px;
        min-width: 111px
    }

    #hu-message-input .input-file-button:hover {
        box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08)
    }

        #hu-message-input .input-file-button:hover[data-file="1"] {
            background-color: #39d09b
        }

#hu-message-input .right-arrow {
    width: 30px;
    height: 24px;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s
}

    #hu-message-input .right-arrow svg {
        width: 100%;
        height: 100%;
        -webkit-transform: scale(.7) rotate(180deg);
        transform: scale(.7) rotate(180deg);
        fill: #fff
    }

#hu-message-input .hu-input-file.input-drag-over .input-drop-border {
    border-color: #30ca94
}

#hu-message-input .hu-input-file.input-drag-over .input-drop-area {
    color: #30ca94
}

#hu-message-input .hu-input-file.input-drag-over .input-drop-icon {
    color: rgba(48, 202, 148, .4)
}

#hu-message-input .files-container {
    white-space: nowrap;
    height: 100%
}

#hu-message-input .file-thumbnail {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 100%;
    width: 100px;
    margin-right: 8px;
    background-position: 50%;
    background-size: cover;
    position: relative;
    border-radius: 3px;
    border: 1px dashed #b9bbca
}

#hu-message-input .file-thumbnail-button {
    width: 24px;
    height: 24px;
    position: absolute;
    right: -10px;
    top: -3px;
    cursor: pointer;
    border-radius: 50%;
    background-color: #fff;
    z-index: 1
}

    #hu-message-input .file-thumbnail-button svg {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    #hu-message-input .file-thumbnail-button:hover {
        box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08)
    }

@media screen and (min-width:425px) {
    #hu-message-input .hu-input-file {
        width: 425px;
        max-width: 100%
    }
}

#hu-message-input.enabled .hu-input-yes_no {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#hu-message-input .hu-input-yes_no {
    padding: 20px 0 0;
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s;
    transition: opacity .5s, transform .5s, -webkit-transform .5s
}

.yes_no-button {
    width: 60px;
    height: 60px;
    margin-right: 25px
}

    .yes_no-button:last-child {
        margin-right: 0
    }

    .yes_no-button .button-image {
        border-radius: 50%
    }

    .yes_no-button .button-text {
        position: absolute;
        bottom: -20px
    }

@media screen and (min-width:425px) {
    .hu-input-yes_no {
        width: 50%
    }
}

#hu-message-input.enabled .hu-input-carousel {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#hu-message-input .hu-input-carousel {
    position: relative;
    padding-top: 25px;
    margin-right: 25px;
    margin-left: 25px;
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s;
    transition: opacity .5s, transform .5s, -webkit-transform .5s
}

.Carousel_item_active .Card-catalogue_content,
.Carousel_item_active .Card-picture_content {
    transition-delay: .25s
}

.Carousel_item_active .Card-picture_content {
    opacity: 1
}

.Carousel_item_active .Card-catalogue_content {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.Carousel_item_active:hover .Card-picture_content {
    background: linear-gradient(0deg, rgba(0, 0, 0, .4), transparent)
}

.Card-picture_content {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 50px 30px 32px;
    background: linear-gradient(0deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .1) 60%, transparent);
    opacity: 0;
    transition: opacity .5s;
    transition-delay: 0s
}

.Card-picture_content_title {
    color: #fff
}

@media screen and (min-width:425px) {
    .Carousel.input-catalogue .Carousel_items {
        height: 350px
    }
}

.Card-catalogue_content {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 15px 30px;
    background: #fff;
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s;
    transition: opacity .5s, transform .5s, -webkit-transform .5s;
    transition-delay: 0s
}

.Card-catalogue_content_title {
    color: #000
}

.Card-catalogue_content_description {
    color: gray
}

.Card-catalogue_content_attribute:before {
    content: "";
    position: absolute;
    bottom: -3px;
    width: 100%;
    height: 10px;
    opacity: .3
}

.Card-catalogue_content_cta {
    padding: 0 20px;
    border-radius: 35px;
    height: 35px
}

@media screen and (min-width:425px) {
    #hu-message-input .hu-input-carousel {
        margin-right: 0;
        margin-left: 0
    }
}

.DropMenu-Autocomplete {
    display: none;
    position: absolute;
    left: 4px;
    bottom: calc(100% - 25px);
    margin-left: 15px;
    margin-right: 15px;
    width: calc(100% - 30px);
    max-height: 350px
}

    .DropMenu-Autocomplete.active {
        display: block
    }

@media screen and (min-width:425px) {
    .DropMenu-Autocomplete {
        margin-left: 60px;
        max-width: 400px;
        max-height: 250px
    }
}

#hu-message-input .hu-input-container.autocomplete .hu-textarea:before,
#hu-message-input .hu-input-container.autocomplete .hu-textarea:empty:before {
    content: attr(suggestion);
    opacity: .5;
    cursor: text;
    width: 0;
    display: inline-block;
    white-space: nowrap
}

#hu-message-input.enabled .hu-input-scale {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#hu-message-input .hu-input-scale {
    padding-top: 25px;
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s;
    transition: opacity .5s, transform .5s, -webkit-transform .5s
}

.Scale_item {
    padding: 10px 0;
    border-width: 2px;
    border-style: solid;
    color: #fff;
    transition: color .25s
}

    .Scale_item:first-child {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .Scale_item:not(:first-child) {
        border-left: 0
    }

    .Scale_item:last-child {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px
    }

    .Scale_item:not(:last-child) {
        border-right-width: 2px;
        border-right-style: solid
    }

    .Scale_item:active,
    .Scale_item:focus,
    .Scale_item:hover {
        color: #000
    }

        .Scale_item:active .Scale_item_highlighter,
        .Scale_item:focus .Scale_item_highlighter,
        .Scale_item:hover .Scale_item_highlighter {
            background-color: #fff;
            box-shadow: 0 0 14px rgba(50, 50, 93, .2), 0 3px 6px rgba(0, 0, 0, .08);
            -webkit-transform: scaleY(2);
            transform: scaleY(2)
        }

.Scale_item_highlighter {
    border-radius: 3px;
    transition: background-color .25s, box-shadow .25s, -webkit-transform .25s;
    transition: background-color .25s, transform .25s, box-shadow .25s;
    transition: background-color .25s, transform .25s, box-shadow .25s, -webkit-transform .25s;
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.Scale-footer_tags {
    margin: 10px 0
}

#hu-message-input.enabled .hu-input-rating {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#hu-message-input .hu-input-rating {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s;
    transition: opacity .5s, transform .5s, -webkit-transform .5s
}

.hu-input-rating-info {
    padding: 11px 0;
    line-height: 1.35em;
    transition: color .75s
}

.Rating {
    display: inline-block;
    padding-bottom: 25px
}

.Rating-container {
    padding: 5px 10px;
    background-color: #fff;
    border-radius: 45px;
    box-shadow: 0 0 14px rgba(50, 50, 93, .2), 0 3px 6px rgba(0, 0, 0, .08)
}

.Rating_item {
    padding: 0 3px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .44;
    transition: opacity .25s, -webkit-filter .25s;
    transition: filter .25s, opacity .25s;
    transition: filter .25s, opacity .25s, -webkit-filter .25s
}

    .Rating_item[data-color="1"] {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
        opacity: 1
    }

.Rating_item_index {
    position: absolute;
    bottom: -30px
}

button.search,
button.send {
    background-color: transparent;
    border: 0;
    padding: 0
}

    button.search svg,
    button.send svg {
        transition: fill .75s, -webkit-transform .6s;
        transition: transform .6s, fill .75s;
        transition: transform .6s, fill .75s, -webkit-transform .6s;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    button.search:disabled,
    button.send:disabled {
        background-color: transparent
    }

#hu-input-sandbox,
#hu-mobile-input-sandbox {
    opacity: 0;
    width: 100%;
    position: absolute;
    top: 150%
}

    #hu-input-sandbox *,
    #hu-mobile-input-sandbox * {
        transition: none;
        -webkit-animation: none;
        animation: none
    }

.hu-input-legal-consent {
    margin: 10px 0
}

.hu-input-legal-consent-link {
    line-height: 1.4em;
    display: inline-block;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

#hu-message-input.enabled .hu-input-legal-consent {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: opacity .5s ease .5s, -webkit-transform .5s;
    transition: opacity .5s ease .5s, transform .5s;
    transition: opacity .5s ease .5s, transform .5s, -webkit-transform .5s
}

#hu-message-input .hu-input-legal-consent {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    transition: opacity .5s ease 0s, -webkit-transform .5s;
    transition: opacity .5s ease 0s, transform .5s;
    transition: opacity .5s ease 0s, transform .5s, -webkit-transform .5s
}

@media screen and (min-width:425px) {
    .hu-input-legal-consent {
        margin: 5px 0
    }
}

.hu-mobile-powered-by {
    transition: all .35s
}

#hu-message-input .hu-mobile-powered-by {
    display: none
}

#hu-footer-input-mobile.enabled .hu-mobile-powered-by {
    opacity: 1
}

#hu-footer-input-mobile .hu-mobile-powered-by {
    position: static;
    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: 45px
}

@media screen and (min-width:425px) {
    .hu-mobile-powered-by {
        display: none
    }
}

.hu-powered-by {
    transition: all .35s
}

    .hu-powered-by .powered-by-text span {
        vertical-align: top;
        margin-right: 2px
    }

    .hu-powered-by .powered-by-text b {
        width: 77px
    }

    .hu-powered-by .powered-by-text a {
        padding: 8px 12px;
        transition: all .25s
    }

    .hu-powered-by .powered-by-text svg > g {
        transition: fill .25s
    }

    .hu-powered-by .hu-landbot-logo {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

.p-menu-items-container {
    margin: 10px auto
}

.persistent-menu-item {
    padding: 9px 13px 10px;
    transition: background-color .15s, color .25s, opacity .2s
}

    .persistent-menu-item:not(.p-menu-button) {
        padding: 9px 6px 10px
    }

    .persistent-menu-item:not(:last-child) {
        margin-right: 3px
    }

@media screen and (min-width:425px) {
    .persistent-menu-item {
        padding: 12px 16px
    }

        .persistent-menu-item:not(.p-menu-button) {
            padding: 12px 13px
        }
}

#hu-bot-progress-bar {
    width: 100%;
    height: 4px;
    position: relative;
    background: rgba(0, 0, 0, .25);
    z-index: 10
}

    #hu-bot-progress-bar:after {
        height: 4px;
        position: relative;
        content: "";
        display: block;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }

    #hu-bot-progress-bar .progress-bar-label {
        position: absolute;
        background-color: #fff;
        border-radius: 100px;
        top: 10px;
        box-shadow: 0 0 17px -5px rgba(0, 0, 0, .4);
        padding: 4px 8px;
        text-transform: uppercase;
        font-size: 10px
    }

        #hu-bot-progress-bar .progress-bar-label b {
            font-size: 12px
        }

        #hu-bot-progress-bar .progress-bar-label svg {
            position: absolute;
            top: -3px;
            left: 45%;
            -webkit-transform: scale(1.3);
            transform: scale(1.3)
        }

            #hu-bot-progress-bar .progress-bar-label svg #Group-Copy {
                fill: #fff
            }

    #hu-bot-progress-bar:after {
        transition: width .3s ease-in-out
    }

div#hu-bot-progress-bar[data-step="0"] {
    opacity: 0
}

.progress-bar-label {
    transition: left .3s ease-in-out
}

#hu-bot-progress-bar {
    transition: opacity .35s ease-in-out .5s, -webkit-transform .35s ease-in-out .5s;
    transition: transform .35s ease-in-out .5s, opacity .35s ease-in-out .5s;
    transition: transform .35s ease-in-out .5s, opacity .35s ease-in-out .5s, -webkit-transform .35s ease-in-out .5s
}

    #hu-bot-progress-bar[data-step=last] {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0
    }

        #hu-bot-progress-bar[data-step=last] .progress-bar-label {
            -webkit-animation-name: h;
            animation-name: h;
            -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s;
            -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
            -webkit-animation-timing-function: cubic-bezier(.64, .57, .67, 1.53);
            animation-timing-function: cubic-bezier(.64, .57, .67, 1.53);
            opacity: 0
        }

@-webkit-keyframes h {
    0% {
        opacity: 1
    }

    10% {
        -webkit-transform: scale(1.2) translateY(2px);
        transform: scale(1.2) translateY(2px)
    }

    20% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }

    24% {
        -webkit-transform: scale(1.05) translateY(1px);
        transform: scale(1.05) translateY(1px)
    }

    27% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        opacity: 1
    }

    60% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0
    }
}

@keyframes h {
    0% {
        opacity: 1
    }

    10% {
        -webkit-transform: scale(1.2) translateY(2px);
        transform: scale(1.2) translateY(2px)
    }

    20% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }

    24% {
        -webkit-transform: scale(1.05) translateY(1px);
        transform: scale(1.05) translateY(1px)
    }

    27% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        opacity: 1
    }

    60% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0
    }
}

#hu-background .background-image-filter,
#hu-background .background-video-filter,
#hu-background .hu-background-color,
#hu-background .hu-background-gradient,
#hu-background .hu-background-image,
#hu-background .hu-background-video {
    transition: opacity .5s
}

    #hu-background .background-image-filter.selected,
    #hu-background .background-video-filter.selected,
    #hu-background .hu-background-color.selected,
    #hu-background .hu-background-gradient.selected,
    #hu-background .hu-background-image.selected,
    #hu-background .hu-background-video.selected {
        opacity: 1
    }

    #hu-background .hu-background-video video {
        display: block;
        position: fixed;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        background-size: cover
    }

        #hu-background .hu-background-video video::-webkit-media-controls {
            display: none
        }

#hu-background .background-image-filter,
#hu-background .background-video-filter {
    background-color: rgba(0, 0, 0, .3)
}

#hu-background .hu-background-color {
    transition: background-color .75s
}

#hu-filter {
    transition: opacity .2s
}

    #hu-filter.active {
        opacity: .3
    }

    #hu-filter .hu-filter-color,
    #hu-filter .hu-filter-gradient,
    #hu-filter .hu-filter-image {
        transition: opacity .25s
    }

        #hu-filter .hu-filter-color.selected,
        #hu-filter .hu-filter-gradient.selected,
        #hu-filter .hu-filter-image.selected {
            opacity: 1
        }

    #hu-filter .hu-filter-color {
        transition: background-color .75s
    }

.sk-folding-cube {
    pointer-events: none;
    top: 50%;
    left: calc((100% - 40px) / 2);
    width: 40px;
    height: 40px;
    position: relative;
    -webkit-transform: rotate(45deg) scale(1.5);
    transform: rotate(45deg) scale(1.5)
}

    .sk-folding-cube .sk-cube {
        float: left;
        width: 50%;
        height: 50%;
        position: relative;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

        .sk-folding-cube .sk-cube:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            transition: background-color .75s;
            -webkit-animation: i 2.4s infinite linear both;
            animation: i 2.4s infinite linear both;
            -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%
        }

    .sk-folding-cube .sk-cube2 {
        -webkit-transform: scale(1.1) rotate(90deg);
        transform: scale(1.1) rotate(90deg)
    }

        .sk-folding-cube .sk-cube2:before {
            -webkit-animation-delay: .3s;
            animation-delay: .3s
        }

    .sk-folding-cube .sk-cube3 {
        -webkit-transform: scale(1.1) rotate(180deg);
        transform: scale(1.1) rotate(180deg)
    }

        .sk-folding-cube .sk-cube3:before {
            -webkit-animation-delay: .6s;
            animation-delay: .6s
        }

    .sk-folding-cube .sk-cube4 {
        -webkit-transform: scale(1.1) rotate(270deg);
        transform: scale(1.1) rotate(270deg)
    }

        .sk-folding-cube .sk-cube4:before {
            -webkit-animation-delay: .9s;
            animation-delay: .9s
        }

@-webkit-keyframes i {
    0%, 10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0
    }

    25%, 75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1
    }

    90%, to {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0
    }
}

@keyframes i {
    0%, 10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0
    }

    25%, 75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1
    }

    90%, to {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0
    }
}

@media screen and (min-width:425px) {
    .sk-folding-cube {
        top: 40%
    }
}

.hu-loader-referral {
    bottom: 20%
}

    .hu-loader-referral .hu-loader-referral_text {
        line-height: 1.6em;
        transition: color .75s
    }

.GDPR {
    min-height: 90px;
    max-width: 100vw;
    padding: 20px 30px;
    background-color: #fff;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    transition: opacity .4s, -webkit-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    opacity: 0;
    line-height: 1.35em;
    color: #4b2b67;
    box-shadow: 1px 0 4px 0 rgba(0, 0, 0, .1)
}

    .GDPR.active {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .GDPR a {
        border-bottom: 1px solid #4b2b67
    }

    .GDPR .GDPR_close {
        width: 100%;
        padding: 8px 0;
        text-align: center;
        background-color: #ee0076;
        color: #fff;
        font-weight: 700;
        border: 0;
        display: block;
        margin: 18px 0 0;
        cursor: pointer
    }

@media screen and (min-width:425px) {
    .GDPR {
        margin: 17px;
        padding: 20px 30px 20px 100px;
        border-radius: 3px;
        box-shadow: none
    }

        .GDPR:before {
            content: "";
            background-image: url(https://static.helloumi.com/daisho/img/cookie-monster.png);
            width: 120px;
            height: 120px;
            background-size: contain;
            background-repeat: no-repeat;
            position: absolute;
            bottom: -43px;
            left: -12px;
            z-index: -1
        }
}

@font-face {
    font-family: Flaticon;
    src: url(https://storage.googleapis.com/static.helloumi.com/landbot/files/fonts/flaticon.eot);
    src: url(https://storage.googleapis.com/static.helloumi.com/landbot/files/fonts/flaticon.eot?#iefix) format("embedded-opentype"), url(https://storage.googleapis.com/static.helloumi.com/landbot/files/fonts/flaticon.woff) format("woff"), url(https://storage.googleapis.com/static.helloumi.com/landbot/files/fonts/flaticon.ttf) format("truetype"), url(https://storage.googleapis.com/static.helloumi.com/landbot/files/fonts/flaticon.svg#Flaticon) format("svg");
    font-weight: 400;
    font-style: normal
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: Flaticon;
        src: url(https://storage.googleapis.com/static.helloumi.com/landbot/files/fonts/flaticon.svg#Flaticon) format("svg")
    }
}

.fi:before {
    display: inline-block;
    font-family: Flaticon;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

.fi.custom-cross:before {
    content: "\E900"
}

.fi.custom-heart:before {
    content: "\E901"
}

.fi.amplified-speaker:before {
    content: "\F100"
}

.fi.battery:before {
    content: "\F101"
}

.fi.battery-charging-status:before {
    content: "\F102"
}

.fi.brightness:before {
    content: "\F103"
}

.fi.calendar:before {
    content: "\F104"
}

.fi.camera:before {
    content: "\F105"
}

.fi.cassette:before {
    content: "\F106"
}

.fi.cd:before {
    content: "\F107"
}

.fi.chains:before {
    content: "\F108"
}

.fi.check:before {
    content: "\F109"
}

.fi.cinema-reel-video-camera:before {
    content: "\F10A"
}

.fi.circles:before {
    content: "\F10B"
}

.fi.circular-arrow:before {
    content: "\F10C"
}

.fi.circular-design:before {
    content: "\F10D"
}

.fi.circular-design-with-crown:before {
    content: "\F10E"
}

.fi.clock:before {
    content: "\F10F"
}

.fi.cloud:before {
    content: "\F110"
}

.fi.cloud-with-thunderbolt:before {
    content: "\F111"
}

.fi.cloudy:before {
    content: "\F112"
}

.fi.coffee-cup:before {
    content: "\F113"
}

.fi.cogwheel:before {
    content: "\F114"
}

.fi.compact-disc:before {
    content: "\F115"
}

.fi.compass:before {
    content: "\F116"
}

.fi.crop-tool:before {
    content: "\F117"
}

.fi.cross:before {
    content: "\F118"
}

.fi.crown:before {
    content: "\F119"
}

.fi.curve-arrows:before {
    content: "\F11A"
}

.fi.design:before {
    content: "\F11B"
}

.fi.diamond:before {
    content: "\F11C"
}

.fi.document:before {
    content: "\F11D"
}

.fi.dollar-symbol:before {
    content: "\F11E"
}

.fi.door-hanger:before {
    content: "\F11F"
}

.fi.double-arrow:before {
    content: "\F120"
}

.fi.double-arrow-1:before {
    content: "\F121"
}

.fi.double-arrows:before {
    content: "\F122"
}

.fi.downloading:before {
    content: "\F123"
}

.fi.eject-button:before {
    content: "\F124"
}

.fi.envelope:before {
    content: "\F125"
}

.fi.eye:before {
    content: "\F126"
}

.fi.fast-forward-button:before {
    content: "\F127"
}

.fi.fast-forward-button-1:before {
    content: "\F128"
}

.fi.file:before {
    content: "\F129"
}

.fi.film-camera:before {
    content: "\F12A"
}

.fi.fire:before {
    content: "\F12B"
}

.fi.flag:before {
    content: "\F12C"
}

.fi.folder:before {
    content: "\F12D"
}

.fi.four-squares:before {
    content: "\F12E"
}

.fi.full-battery:before {
    content: "\F12F"
}

.fi.half-battery:before {
    content: "\F130"
}

.fi.headphones:before {
    content: "\F131"
}

.fi.heart:before {
    content: "\F132"
}

.fi.home:before {
    content: "\F133"
}

.fi.leaf:before {
    content: "\F134"
}

.fi.left-arrow:before {
    content: "\F135"
}

.fi.left-arrow-1:before {
    content: "\F136"
}

.fi.light-bulb:before {
    content: "\F137"
}

.fi.line-chart:before {
    content: "\F138"
}

.fi.low-battery:before {
    content: "\F139"
}

.fi.magnification-lens:before {
    content: "\F13A"
}

.fi.map:before {
    content: "\F13B"
}

.fi.mathematical-operations:before {
    content: "\F13C"
}

.fi.microphone:before {
    content: "\F13D"
}

.fi.molecular-structure:before {
    content: "\F13E"
}

.fi.multiple-line:before {
    content: "\F13F"
}

.fi.music-controller:before {
    content: "\F140"
}

.fi.mute-button:before {
    content: "\F141"
}

.fi.newspaper-page:before {
    content: "\F142"
}

.fi.no-protection:before {
    content: "\F143"
}

.fi.padlock:before {
    content: "\F144"
}

.fi.padlock-1:before {
    content: "\F145"
}

.fi.paint-brush:before {
    content: "\F146"
}

.fi.paper-bag:before {
    content: "\F147"
}

.fi.paper-plane:before {
    content: "\F148"
}

.fi.paper-tray:before {
    content: "\F149"
}

.fi.paperclip:before {
    content: "\F14A"
}

.fi.pencil:before {
    content: "\F14B"
}

.fi.phone-auricular:before {
    content: "\F14C"
}

.fi.picture:before {
    content: "\F14D"
}

.fi.placeholder:before {
    content: "\F14E"
}

.fi.play-button:before {
    content: "\F14F"
}

.fi.quaver:before {
    content: "\F150"
}

.fi.rain:before {
    content: "\F151"
}

.fi.religion-stained-glass:before {
    content: "\F152"
}

.fi.rewind-button:before {
    content: "\F153"
}

.fi.rewind-button-1:before {
    content: "\F154"
}

.fi.right-arrow:before {
    content: "\F155"
}

.fi.right-arrow-1:before {
    content: "\F156"
}

.fi.round-socket:before {
    content: "\F157"
}

.fi.scissors:before {
    content: "\F158"
}

.fi.screen:before {
    content: "\F159"
}

.fi.screen-1:before {
    content: "\F15A"
}

.fi.select:before {
    content: "\F15B"
}

.fi.shield:before {
    content: "\F15C"
}

.fi.shopping-cart:before {
    content: "\F15D"
}

.fi.shuffle:before {
    content: "\F15E"
}

.fi.signal:before {
    content: "\F15F"
}

.fi.smartphone:before {
    content: "\F160"
}

.fi.snowflake:before {
    content: "\F161"
}

.fi.spand-arrows:before {
    content: "\F162"
}

.fi.speaker:before {
    content: "\F163"
}

.fi.speech-balloon:before {
    content: "\F164"
}

.fi.speech-balloon-1:before {
    content: "\F165"
}

.fi.speech-balloons:before {
    content: "\F166"
}

.fi.square:before {
    content: "\F167"
}

.fi.square-1:before {
    content: "\F168"
}

.fi.squares:before {
    content: "\F169"
}

.fi.stamp:before {
    content: "\F16A"
}

.fi.star:before {
    content: "\F16B"
}

.fi.stop-button:before {
    content: "\F16C"
}

.fi.symbol:before {
    content: "\F16D"
}

.fi.t-shirt:before {
    content: "\F16E"
}

.fi.tag:before {
    content: "\F16F"
}

.fi.target:before {
    content: "\F170"
}

.fi.telephone-receiver:before {
    content: "\F171"
}

.fi.thunderbolt:before {
    content: "\F172"
}

.fi.trash:before {
    content: "\F173"
}

.fi.trophy:before {
    content: "\F174"
}

.fi.umbrella:before {
    content: "\F175"
}

.fi.user:before {
    content: "\F176"
}

.fi.user-1:before {
    content: "\F177"
}

.fi.wallet:before {
    content: "\F178"
}

.fi.world:before {
    content: "\F179"
}

@media screen and (min-width:425px) and (max-height:400px) {
    #hu-footer,
    #hu-header {
        display: none
    }
}

.welcome-cards .hu-input-menu-buttons .hu-input-menu-button.emoji {
    display: none
}

.welcome-cards #w-cards {
    width: 100%;
    margin-top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .welcome-cards #w-cards a {
        min-width: 300px;
        border: none;
        text-align: left;
        box-shadow: 0 4px 27px 0 rgba(0, 0, 0, .25);
        padding: 30px 40px;
        margin-bottom: 10px;
        position: relative;
        overflow: hidden
    }

        .welcome-cards #w-cards a span.rich-text.hu-w-bold {
            color: #1e92ba
        }

        .welcome-cards #w-cards a .hu-code {
            background-color: #fff;
            display: block;
            border-radius: 3px;
            color: #818181;
            padding: 10px;
            border: 2px solid #dcdde4;
            z-index: 1;
            position: relative;
            margin-top: 15px;
            font-size: 14px
        }

        .welcome-cards #w-cards a .hu-st-italic {
            display: table;
            border-radius: 3px;
            color: #fff;
            padding: 10px 25px;
            font-weight: 700;
            z-index: 1;
            position: relative;
            margin-top: 15px;
            font-size: 14px
        }

        .welcome-cards #w-cards a .include-icon-container {
            position: absolute;
            bottom: -32%;
            font-size: 104px;
            left: -20px;
            z-index: 0
        }

        .welcome-cards #w-cards a span {
            text-align: left !important;
            font-size: 17px
        }

        .welcome-cards #w-cards a:hover {
            box-shadow: 0 10px 40px 0 #1e92ba;
            background-color: #f7f7f7
        }

            .welcome-cards #w-cards a:hover .hu-st-italic {
                box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .25)
            }

            .welcome-cards #w-cards a:hover .hu-code {
                border-color: #c8c8c8
            }

@media screen and (max-width:700px) {
    .welcome-cards #w-cards a {
        width: 100%
    }
}

.welcome-cards .nofixed #w-cards {
    display: block;
    -webkit-animation-name: j;
    animation-name: j;
    -webkit-animation-duration: 4s;
    animation-duration: 4s
}

@-webkit-keyframes j {
    0% {
        height: 0;
        opacity: 0
    }

    50% {
        height: inherit;
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    60% {
        opacity: 1
    }

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

@keyframes j {
    0% {
        height: 0;
        opacity: 0
    }

    50% {
        height: inherit;
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    60% {
        opacity: 1
    }

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


/*# sourceMappingURL=landbot-2.2.0.css.map*/