@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@900&display=swap');

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.5 !important
}

.x1_12_13_1 {
    position: relative
}

.p_12_13_2 {
    Z-INDEX: 99 !important;
    top: 5px;
    right: 5px;
    position: absolute;
    background: #f9bb22;
    padding: 0;
    font-size: 13px;
    line-height: 20px;
    width: 56px;
    text-align: center;
    font-weight: 700;
    border-radius: 10px;
    text-shadow: 1px 1px 5px #000
}

.p_12_13_1 {
    display: initial;
    position: absolute;
    top: 5px;
    right: 5px;
    background: #f9bb22;
    padding: 0 4px;
    font-size: 13px;
    line-height: 20px;
    min-width: 75px;
    width: auto;
    text-align: center;
    font-weight: 700;
    border-radius: 10px;
    text-shadow: 1px 1px 5px #000
}
.expansion-panel__container .expansion-panel__body {
    display: none;
}

.expansion-panel__container--active .expansion-panel__body {
    display: block;
}

@media only screen and (max-width:480px) {
    .p_12_13_2 {
        Z-INDEX: 99 !important;
        top: 5px;
        right: 5px;
        position: absolute;
        background: #f9bb22;
        padding: 0;
        font-size: 10px;
        line-height: 20px;
        width: 49px;
        text-align: center;
        font-weight: 700;
        border-radius: 10px;
        text-shadow: 1px 1px 5px #000
    }

    .p_12_13_1 {
        display: initial;
        position: absolute;
        top: 5px;
        right: 5px;
        background: #f9bb22;
        padding: 0;
        font-size: 11px;
        line-height: 20px;
        width: 51px;
        text-align: center;
        font-weight: 700;
        border-radius: 10px;
        text-shadow: 1px 1px 5px #000
    }
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    background: #000
}

.lds-hourglass-2 {
    display: inline-block;
    position: relative;
    width: 200px;
    height: 200px
}
.lds-hourglass-2 img{
    width: 100%;
}

.lds-hourglass-2 video {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.lds-hourglass-2::after {
    content: "";
    display: block;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    background-size: contain !important;
    background-position: center;
    box-sizing: border-box;
    display: none;
}

@keyframes lds-hourglass-2 {
    0% {
        transform: rotate(0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    50% {
        transform: rotate(900deg);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    100% {
        transform: rotate(1800deg)
    }
}

::placeholder {
    color: #fff
}

._hj-f5b2a1eb-9b07_widget,
._hj-f5b2a1eb-9b07_widget * {
    line-height: normal;
    font-family: Arial, sans-serif, Tahoma !important;
    text-transform: initial !important;
    letter-spacing: normal !important
}

._hj-f5b2a1eb-9b07_widget,
._hj-f5b2a1eb-9b07_widget div {
    height: auto
}

._hj-f5b2a1eb-9b07_widget a,
._hj-f5b2a1eb-9b07_widget button,
._hj-f5b2a1eb-9b07_widget div,
._hj-f5b2a1eb-9b07_widget p,
._hj-f5b2a1eb-9b07_widget span {
    font-weight: 400 !important
}

._hj-f5b2a1eb-9b07_widget a,
._hj-f5b2a1eb-9b07_widget div,
._hj-f5b2a1eb-9b07_widget form,
._hj-f5b2a1eb-9b07_widget img,
._hj-f5b2a1eb-9b07_widget label,
._hj-f5b2a1eb-9b07_widget p,
._hj-f5b2a1eb-9b07_widget span,
._hj-f5b2a1eb-9b07_widget strong {
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
    margin: 0;
    padding: 0;
    float: none !important
}

._hj-f5b2a1eb-9b07_widget span {
    color: inherit
}

._hj-f5b2a1eb-9b07_widget li,
._hj-f5b2a1eb-9b07_widget ol,
._hj-f5b2a1eb-9b07_widget ul {
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important
}

._hj-f5b2a1eb-9b07_widget li:after,
._hj-f5b2a1eb-9b07_widget li:before {
    content: none !important
}

._hj-f5b2a1eb-9b07_widget hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

._hj-f5b2a1eb-9b07_widget button,
._hj-f5b2a1eb-9b07_widget input[type=button],
._hj-f5b2a1eb-9b07_widget input[type=submit] {
    margin: 0;
    padding: 0;
    float: none !important
}

._hj-f5b2a1eb-9b07_widget a img,
._hj-f5b2a1eb-9b07_widget input,
._hj-f5b2a1eb-9b07_widget select {
    vertical-align: middle
}

._hj-f5b2a1eb-9b07_widget ::before,
._hj-f5b2a1eb-9b07_widget :after {
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial
}

@font-face {
    font-family: hotjar;
    src: url("https://script.hotjar.com/font-hotjar_5.fdcf0e.eot");
    src: url("https://script.hotjar.com/font-hotjar_5.fdcf0e.eot#iefix") format("embedded-opentype"), url("https://script.hotjar.com/font-hotjar_5.c9fb91.woff2") format("woff2"), url("https://script.hotjar.com/font-hotjar_5.8598c5.ttf") format("truetype"), url("https://script.hotjar.com/font-hotjar_5.6da396.woff") format("woff"), url("https://script.hotjar.com/font-hotjar_5.a6049d.svg#hotjar") format("svg");
    font-weight: 400;
    font-style: normal
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon {
    speak: none !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    word-wrap: normal !important;
    white-space: nowrap !important;
    line-height: normal !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important
}

div._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon,
div._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon *,
div._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon :after,
div._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon :before,
div._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon:after,
div._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon:before {
    font-family: hotjar !important;
    display: inline-block !important;
    direction: ltr !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon:before {
    color: inherit !important
}

._hj-f5b2a1eb-9b07_icon-left:before {
    content: "\e805"
}

._hj-f5b2a1eb-9b07_icon-down:before {
    content: "\e800"
}

._hj-f5b2a1eb-9b07_icon-up:before {
    content: "\e801"
}

._hj-f5b2a1eb-9b07_icon-right:before {
    content: "\e802"
}

._hj-f5b2a1eb-9b07_icon-x:before {
    content: "\e803"
}

._hj-f5b2a1eb-9b07_icon-ok:before {
    content: "\e804"
}

._hj-f5b2a1eb-9b07_icon-hotjar:before {
    content: "\e806"
}

._hj-f5b2a1eb-9b07_icon-select-element:before {
    content: "\e91a"
}

body._hj-f5b2a1eb-9b07_fullscreen_page {
    height: 100% !important;
    width: 100% !important
}

body._hj-f5b2a1eb-9b07_position_fixed {
    position: fixed;
    -webkit-overflow-scrolling: touch
}

._hj-f5b2a1eb-9b07_lower_zindex:not(._hj-f5b2a1eb-9b07_widget) {
    z-index: 2147483600 !important
}

._hj-f5b2a1eb-9b07_widget {
    font-size: 13px !important;
    position: fixed;
    z-index: 2147483640;
    bottom: -400px;
    right: 100px;
    width: 300px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-transform: translateZ(0) !important
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_position_left {
    right: auto;
    left: 100px
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_rounded_corners {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_shadow {
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15)
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_transition {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_transition_duration_0 {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -ms-transition-duration: 0s;
    transition-duration: 0s
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_pull_left {
    float: left !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_pull_right {
    float: right !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_clear_both {
    display: block !important;
    clear: both !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_hidden {
    display: none !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_link_no_underline,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_link_no_underline:hover {
    text-decoration: none !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_wordwrap {
    word-break: break-word;
    word-wrap: break-word
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_widget_centered {
    right: 50%;
    margin-right: -150px;
    left: auto
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_state {
    display: none
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_icon {
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: -moz-inline-stack;
    display: inline-block !important;
    zoom: 1;
    vertical-align: top
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_open_close {
    text-align: center;
    position: absolute;
    top: -18px;
    right: 20px;
    width: 40px;
    height: 18px;
    padding-top: 2px;
    cursor: pointer;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_open_close ._hj-f5b2a1eb-9b07_widget_icon {
    background-position: -32px 0
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_open_close::before {
    content: "";
    position: absolute;
    left: -4px;
    right: -4px;
    bottom: -8px;
    height: 8px
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_hidden_handle {
    display: none;
    height: 4px;
    cursor: pointer;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_title,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_title span {
    font-weight: 700 !important;
    text-align: center;
    padding: 12px !important;
    margin: 0;
    line-height: 17px !important;
    min-height: 17px;
    word-break: break-word;
    word-wrap: break-word;
    cursor: pointer
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_initiator {
    display: none;
    padding: 0 12px 12px 12px;
    text-align: center
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_initiator button {
    padding-left: 20px;
    padding-right: 20px
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_clear,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_primary {
    cursor: pointer;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 7px 10px !important;
    border: 0 !important;
    outline: 0 !important;
    height: initial !important;
    min-height: initial !important;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    width: auto !important;
    min-width: initial !important;
    zoom: 1
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn:after,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_clear:after,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_primary:after {
    content: none !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_primary {
    background: #00c764 !important;
    color: #fff
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_primary:active,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_primary:focus,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_primary:hover {
    background: #00a251 !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_clear {
    background: 0 0 !important;
    font-weight: 400 !important;
    text-decoration: underline !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_clear:active,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_clear:focus,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_clear:hover {
    background: 0 0 !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_disabled,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_disabled:active,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_disabled:focus,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_disabled:hover {
    cursor: default;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_content {
    padding: 0 12px
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_content_overflow {
    max-height: 280px;
    overflow-y: auto;
    overflow-x: hidden
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_widget_short ._hj-f5b2a1eb-9b07_widget_content {
    padding: 0 11px 0 12px;
    max-height: 120px;
    overflow-y: auto;
    overflow-x: hidden
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_content ._hj-f5b2a1eb-9b07_input_field {
    font-family: Arial, sans-serif, Tahoma;
    font-size: 14px;
    color: #333 !important;
    padding: 6px !important;
    text-indent: 0 !important;
    height: 30px;
    width: 100%;
    min-width: 100%;
    margin: 0 0 12px 0;
    background: #fff;
    border: 1px solid !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0 !important;
    max-width: none !important;
    float: none
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_content ._hj-f5b2a1eb-9b07_input_field:focus {
    border: 1px solid #00a251
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_content textarea._hj-f5b2a1eb-9b07_input_field {
    resize: none;
    height: 100px
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_content ._hj-f5b2a1eb-9b07_button_radio_checkbox {
    position: relative;
    min-height: 45px;
    text-align: left !important;
    height: auto !important;
    height: 45px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_content ._hj-f5b2a1eb-9b07_button_radio_checkbox span._hj-f5b2a1eb-9b07_widget_icon {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 2px solid #aaa;
    width: 22px;
    height: 22px;
    display: block;
    position: absolute;
    left: 12px;
    top: 50%;
    margin-top: -14px;
    background-position: -64px -100px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_content ._hj-f5b2a1eb-9b07_button_radio_checkbox span._hj-f5b2a1eb-9b07_radio_checkbox_text {
    text-align: left !important;
    padding: 14px 20px 14px 50px;
    position: relative;
    display: block;
    word-break: break-word;
    word-wrap: break-word
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_content ._hj-f5b2a1eb-9b07_button_radio_checkbox_full {
    margin-left: -12px;
    margin-right: -12px
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_content ._hj-f5b2a1eb-9b07_button_radio_checkbox._hj-f5b2a1eb-9b07_button_radio_checkbox_active span {
    border-color: #fff;
    background-position: -97px 4px
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_content ._hj-f5b2a1eb-9b07_button_checkbox span._hj-f5b2a1eb-9b07_widget_icon {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_double_control {
    margin: 0 0 12px 0;
    width: 100%
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_double_control ._hj-f5b2a1eb-9b07_double_first {
    min-width: 49% !important;
    width: 49% !important;
    float: left !important;
    margin-bottom: 0
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_double_control ._hj-f5b2a1eb-9b07_double_second {
    min-width: 49% !important;
    width: 49% !important;
    float: left !important;
    margin-bottom: 0;
    margin-left: 2%
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer {
    width: 100%
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_left {
    padding: 21px 0 0 12px;
    font-size: 11px
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_left a,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_left a:active,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_left a:focus,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_left a:hover {
    text-decoration: underline
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_left span {
    background-position: -16px 0;
    margin-right: 4px
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_right {
    padding: 12px 12px 12px 0
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_right button {
    padding-right: 5px
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_right button span {
    background-position: -64px 0;
    margin-left: 8px
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_right button._hj-f5b2a1eb-9b07_btn_disabled span {
    background-position: -48px 0
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_widget_hidden ._hj-f5b2a1eb-9b07_widget_open_close ._hj-f5b2a1eb-9b07_widget_icon {
    background-position: 0 0
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_widget_hidden ._hj-f5b2a1eb-9b07_widget_title {
    display: none
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_widget_hidden ._hj-f5b2a1eb-9b07_widget_hidden_handle {
    display: block
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_widget_collapsed ._hj-f5b2a1eb-9b07_widget_initiator {
    display: block
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_widget_open ._hj-f5b2a1eb-9b07_widget_state_open {
    display: block
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_widget_thankyou ._hj-f5b2a1eb-9b07_widget_state_thankyou,
._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_widget_thankyou_consent ._hj-f5b2a1eb-9b07_widget_state_thankyou_consent {
    display: block
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_widget_thankyou ._hj-f5b2a1eb-9b07_widget_open_close,
._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_widget_thankyou_consent ._hj-f5b2a1eb-9b07_widget_open_close {
    display: none
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_widget_thankyou ._hj-f5b2a1eb-9b07_widget_title,
._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_widget_thankyou_consent ._hj-f5b2a1eb-9b07_widget_title {
    display: none
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_widget_thankyou ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_right ._hj-f5b2a1eb-9b07_btn span,
._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_widget_thankyou_consent ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_right ._hj-f5b2a1eb-9b07_btn span {
    background-position: -80px 0
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_thankyou_message {
    text-align: center;
    padding: 20px;
    margin: 0
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_thankyou_message button {
    margin-top: 12px;
    padding: 7px 20px !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_thankyou_message ._hj-f5b2a1eb-9b07_consent_message_title {
    display: block;
    font-weight: 700 !important;
    font-size: 14px;
    margin-bottom: 16px
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_thankyou_message ._hj-f5b2a1eb-9b07_consent_actions button {
    font-size: 18px !important;
    margin: 20px 5px 0 5px;
    padding: 7px 10px !important;
    width: 50px !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_icon {
    background-image: url(https://script.hotjar.com/widget_icons_light.ddcd59.png) !important
}

._hj-f5b2a1eb-9b07_btn:active,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn:focus,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn:hover {
    background: #666 !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_content ._hj-f5b2a1eb-9b07_input_field {
    border: 1px solid !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_button_radio_checkbox {
    border-bottom: 1px solid !important;
    border-top: 1px solid !important;
    cursor: pointer !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_button_radio_checkbox_last {
    border-bottom: 0 !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_button_radio_checkbox._hj-f5b2a1eb-9b07_button_radio_checkbox_active,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_button_radio_checkbox._hj-f5b2a1eb-9b07_button_radio_checkbox_active:hover {
    color: #fff !important;
    cursor: default
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_switch {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 28px;
    vertical-align: middle;
    margin: -3px 8px 0 0
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_rtl ._hj-f5b2a1eb-9b07_switch {
    margin: -3px 0 0 8px
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_switch>input {
    cursor: pointer;
    display: block !important;
    width: 46px;
    height: 28px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
    opacity: 0;
    margin: 0
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_switch>input+label {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    border: 2px solid rgba(255, 255, 255, .3);
    border-radius: 100px;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    transition: .4s all
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_switch>input:checked+label {
    background: rgba(0, 0, 0, .3);
    border-color: transparent;
    -webkit-transition: 250ms all;
    -moz-transition: 250ms all;
    transition: 250ms all
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_switch>input+label:before {
    content: "";
    transition: .3s all;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 40px;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 5px;
    -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .06), 0 0 0 0 rgba(0, 0, 0, .06), 0 6px 10px 0 rgba(0, 0, 0, .15), 0 0 2px 0 rgba(0, 0, 0, .07), 0 4px 6px 0 rgba(0, 0, 0, .06), 0 1px 1px 0 rgba(0, 0, 0, .11);
    -moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .06), 0 0 0 0 rgba(0, 0, 0, .06), 0 6px 10px 0 rgba(0, 0, 0, .15), 0 0 2px 0 rgba(0, 0, 0, .07), 0 4px 6px 0 rgba(0, 0, 0, .06), 0 1px 1px 0 rgba(0, 0, 0, .11);
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .06), 0 0 0 0 rgba(0, 0, 0, .06), 0 6px 10px 0 rgba(0, 0, 0, .15), 0 0 2px 0 rgba(0, 0, 0, .07), 0 4px 6px 0 rgba(0, 0, 0, .06), 0 1px 1px 0 rgba(0, 0, 0, .11)
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_switch>input+label>span {
    position: absolute;
    z-index: 3;
    color: #f4364c;
    background-color: transparent !important;
    border: 0 !important;
    width: 13px !important;
    height: 14px !important;
    left: 6px;
    top: 5px;
    margin: 0 !important;
    opacity: 0;
    font-size: 14px;
    pointer-events: none !important;
    -webkit-transition: 250ms all;
    -moz-transition: 250ms all;
    transition: 250ms all
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_switch>input:checked+label:before {
    left: 18px
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_switch>input:checked+label>span {
    left: 24px;
    opacity: 1
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_switch>input:checked+label>span:after {
    content: initial !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer {
    border-top: 1px solid !important
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_skin_light,
._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_skin_light ._hj-f5b2a1eb-9b07_widget_open_close {
    -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, .3) !important;
    -moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, .3) !important;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .3) !important
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_skin_light ._hj-f5b2a1eb-9b07_widget_icon {
    background-image: url(https://script.hotjar.com/widget_icons_light.ddcd59.png) !important
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_skin_dark,
._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_skin_dark ._hj-f5b2a1eb-9b07_widget_open_close {
    -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, .6) !important;
    -moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, .6) !important;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .6) !important
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_skin_dark ._hj-f5b2a1eb-9b07_widget_icon {
    background-image: url(https://script.hotjar.com/widget_icons_dark.3a8118.png) !important
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_rtl,
._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_rtl * {
    direction: rtl !important
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_rtl ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_left {
    direction: ltr !important
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_rtl ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_right button {
    padding-right: 10px
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_rtl ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_right button span {
    margin-left: 0
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_rtl._hj-f5b2a1eb-9b07_widget_open ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_right button span {
    display: none
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_rtl ._hj-f5b2a1eb-9b07_widget_content ._hj-f5b2a1eb-9b07_button_radio_checkbox {
    text-align: right !important
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_rtl ._hj-f5b2a1eb-9b07_widget_content ._hj-f5b2a1eb-9b07_button_radio_checkbox span._hj-f5b2a1eb-9b07_widget_icon {
    left: auto;
    right: 12px
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_rtl ._hj-f5b2a1eb-9b07_widget_content ._hj-f5b2a1eb-9b07_button_radio_checkbox span._hj-f5b2a1eb-9b07_radio_checkbox_text {
    text-align: right !important;
    padding: 14px 50px 14px 20px
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_rtl ._hj-f5b2a1eb-9b07_double_control ._hj-f5b2a1eb-9b07_double_first {
    float: right;
    margin-left: 2%
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_rtl ._hj-f5b2a1eb-9b07_double_control ._hj-f5b2a1eb-9b07_double_second {
    float: left;
    margin-left: 0
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_thankyou_message ._hj-f5b2a1eb-9b07_more_info_link {
    text-decoration: underline !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_legal {
    border-top: 0 !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_legal ._hj-f5b2a1eb-9b07_pull_left {
    padding: 0 0 12px 12px;
    font-size: 11px
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_legal ._hj-f5b2a1eb-9b07_pull_right {
    padding: 0 12px 12px 0;
    font-size: 11px
}

#_hj-f5b2a1eb-9b07_feedback[data-state=consent] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_widget_legal ._hj-f5b2a1eb-9b07_pull_left,
#_hj-f5b2a1eb-9b07_feedback[data-state=consent] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_widget_legal ._hj-f5b2a1eb-9b07_pull_right a {
    color: #333 !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_legal ._hj-f5b2a1eb-9b07_pull_left a,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_legal ._hj-f5b2a1eb-9b07_pull_left a:active,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_legal ._hj-f5b2a1eb-9b07_pull_left a:focus,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_legal ._hj-f5b2a1eb-9b07_pull_left a:hover {
    text-decoration: underline !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon_emotion_default :before {
    color: #3c3c3c;
    margin-left: -1.3984375em
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon_emotion_default .path1:before {
    content: "\e900";
    color: #ffd902;
    margin: 0
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon_emotion_default._hj-f5b2a1eb-9b07_bottom_position_launcher :before {
    color: #fff
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon_emotion_default._hj-f5b2a1eb-9b07_bottom_position_launcher .path1:before {
    color: #f4364c
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon_emotion_default[data-emotion-score="0"] .path2:before {
    content: "\e901"
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon_emotion_default[data-emotion-score="1"] .path2:before {
    content: "\e903"
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon_emotion_default[data-emotion-score="2"] .path2:before {
    content: "\e905"
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon_emotion_default[data-emotion-score="3"] .path2:before {
    content: "\e907"
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon_emotion_default[data-emotion-score="4"] .path2:before {
    content: "\e909"
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon_emotion_default[data-emotion-score=wink] .path2:before {
    content: "\e90b"
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon_emotion_smiley {
    color: #f4364c;
    font-size: 34px
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon_emotion_smiley[data-emotion-score="0"]:before {
    content: "\e91b"
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon_emotion_smiley[data-emotion-score="1"]:before {
    content: "\e91f"
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon_emotion_smiley[data-emotion-score="2"]:before {
    content: "\e91e"
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon_emotion_smiley[data-emotion-score="3"]:before {
    content: "\e91c"
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon_emotion_smiley[data-emotion-score="4"]:before {
    content: "\e91d"
}

#_hj-f5b2a1eb-9b07_feedback {
    bottom: 0;
    right: 0
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_rtl {
    direction: ltr !important
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=bottom_left],
#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_left] {
    bottom: 0;
    left: 0;
    right: auto
}

#_hj-f5b2a1eb-9b07_feedback #_hj-f5b2a1eb-9b07_feedback_minimized {
    display: none;
    opacity: .96;
    height: 60px;
    position: fixed;
    direction: ltr !important
}

#_hj-f5b2a1eb-9b07_feedback #_hj-f5b2a1eb-9b07_feedback_minimized:hover {
    opacity: 1
}

#_hj-f5b2a1eb-9b07_feedback ._hj-f5b2a1eb-9b07_hotjar_buddy {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 50px;
    width: 52px;
    font-size: 37px;
    cursor: pointer
}

#_hj-f5b2a1eb-9b07_feedback ._hj-f5b2a1eb-9b07_hotjar_buddy>span {
    position: relative;
    z-index: 2
}

#_hj-f5b2a1eb-9b07_feedback #_hj-f5b2a1eb-9b07_feedback_minimized ._hj-f5b2a1eb-9b07_hotjar_buddy:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 17px;
    left: 25px;
    background: rgba(0, 0, 0, .48);
    width: 6px;
    height: 1px;
    -webkit-box-shadow: 0 2px 18px 18px rgba(0, 0, 0, .48);
    -moz-box-shadow: 0 2px 18px 18px rgba(0, 0, 0, .48);
    box-shadow: 0 2px 18px 18px rgba(0, 0, 0, .48);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

#_hj-f5b2a1eb-9b07_feedback #_hj-f5b2a1eb-9b07_feedback_minimized:hover ._hj-f5b2a1eb-9b07_hotjar_buddy:after {
    -webkit-box-shadow: 0 2px 18px 18px rgba(0, 0, 0, .65);
    -moz-box-shadow: 0 2px 18px 18px rgba(0, 0, 0, .65);
    box-shadow: 0 2px 18px 18px rgba(0, 0, 0, .65)
}

#_hj-f5b2a1eb-9b07_feedback ._hj-f5b2a1eb-9b07_feedback_minimized_message {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    bottom: 11px;
    padding: 12px 15px;
    width: 180px;
    text-align: center;
    font-size: 12px !important;
    cursor: pointer;
    background: #fff;
    -webkit-box-shadow: 0 2px 18px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 2px 18px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 2px 18px 0 rgba(0, 0, 0, .3);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#_hj-f5b2a1eb-9b07_feedback ._hj-f5b2a1eb-9b07_feedback_minimized_message:before {
    content: "";
    width: 1px;
    height: 1px;
    position: absolute;
    bottom: 13px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent
}

#_hj-f5b2a1eb-9b07_feedback ._hj-f5b2a1eb-9b07_feedback_minimized_message ._hj-f5b2a1eb-9b07_feedback_minimized_message_close {
    opacity: 0;
    position: absolute;
    top: -9px;
    right: -9px;
    width: 21px;
    height: 21px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 11px;
    line-height: 21px !important;
    text-align: center;
    cursor: pointer;
    background-color: #f4364c;
    color: #fff
}

#_hj-f5b2a1eb-9b07_feedback #_hj-f5b2a1eb-9b07_feedback_minimized_message:hover ._hj-f5b2a1eb-9b07_feedback_minimized_message_close {
    opacity: 1
}

#_hj-f5b2a1eb-9b07_feedback ._hj-f5b2a1eb-9b07_feedback_minimized_message span {
    display: none !important;
    color: #333 !important
}

#_hj-f5b2a1eb-9b07_feedback ._hj-f5b2a1eb-9b07_feedback_minimized_message[data-message=initial]>#_hj-f5b2a1eb-9b07_feedback_minimized_text_initial,
#_hj-f5b2a1eb-9b07_feedback ._hj-f5b2a1eb-9b07_feedback_minimized_message[data-message=thankyou]>#_hj-f5b2a1eb-9b07_feedback_minimized_text_thankyou {
    display: block !important
}

#_hj-f5b2a1eb-9b07_feedback #_hj-f5b2a1eb-9b07_feedback_minimized:hover ._hj-f5b2a1eb-9b07_feedback_minimized_message {
    -webkit-box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .33);
    -moz-box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .33);
    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .33)
}

#_hj-f5b2a1eb-9b07_feedback ._hj-f5b2a1eb-9b07_feedback_minimized_label {
    position: relative;
    width: 40px;
    padding: 12px 14px 12px 12px;
    background: #f4364c;
    cursor: pointer;
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
    -moz-transition: -moz-box-shadow .1s ease-in-out;
    -o-transition: -o-box-shadow .1s ease-in-out;
    -ms-transition: -ms-box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important
}

#_hj-f5b2a1eb-9b07_feedback ._hj-f5b2a1eb-9b07_feedback_minimized_label:hover {
    -webkit-box-shadow: 0 0 35px 2px rgba(0, 0, 0, .24);
    -moz-box-shadow: 0 0 35px 2px rgba(0, 0, 0, .24);
    box-shadow: 0 0 35px 2px rgba(0, 0, 0, .24)
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_left] ._hj-f5b2a1eb-9b07_feedback_minimized_label {
    left: -2px;
    border-radius: 0 3px 3px 0
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_left] ._hj-f5b2a1eb-9b07_feedback_minimized_label:hover {
    left: 0
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_right] ._hj-f5b2a1eb-9b07_feedback_minimized_label {
    right: -2px;
    border-radius: 3px 0 0 3px
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_right] ._hj-f5b2a1eb-9b07_feedback_minimized_label:hover {
    right: 0
}

#_hj-f5b2a1eb-9b07_feedback ._hj-f5b2a1eb-9b07_feedback_minimized_label ._hj-f5b2a1eb-9b07_feedback_minimized_label_text {
    color: #fff;
    display: inline-block !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    word-wrap: normal !important;
    white-space: nowrap !important;
    cursor: pointer;
    -webkit-writing-mode: vertical-lr;
    -moz-writing-mode: vertical-lr;
    -ms-writing-mode: tb-rl;
    -o-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_ja ._hj-f5b2a1eb-9b07_feedback_minimized_label {
    padding-top: 86px
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_zh ._hj-f5b2a1eb-9b07_feedback_minimized_label {
    padding-top: 26px
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_ja ._hj-f5b2a1eb-9b07_feedback_minimized_label ._hj-f5b2a1eb-9b07_feedback_minimized_label_text,
#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_zh ._hj-f5b2a1eb-9b07_feedback_minimized_label ._hj-f5b2a1eb-9b07_feedback_minimized_label_text {
    display: block !important;
    -webkit-writing-mode: initial;
    -moz-writing-mode: initial;
    -ms-writing-mode: initial;
    -o-writing-mode: initial;
    writing-mode: initial;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg)
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_zh_TW ._hj-f5b2a1eb-9b07_feedback_minimized_label ._hj-f5b2a1eb-9b07_feedback_minimized_label_text {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

#_hj-f5b2a1eb-9b07_feedback ._hj-f5b2a1eb-9b07_feedback_minimized_label ._hj-f5b2a1eb-9b07_icon_emotion_default {
    display: inline-block !important;
    margin: 10px 0 0 -3px;
    font-size: 14px
}

#_hj-f5b2a1eb-9b07_feedback ._hj-f5b2a1eb-9b07_feedback_minimized_label ._hj-f5b2a1eb-9b07_icon_emotion_default .path1:before {
    color: #fff !important
}

#_hj-f5b2a1eb-9b07_feedback ._hj-f5b2a1eb-9b07_feedback_minimized_label ._hj-f5b2a1eb-9b07_icon_emotion_default .path2:before {
    color: #f4364c !important
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=bottom_right] #_hj-f5b2a1eb-9b07_feedback_minimized {
    bottom: 20px;
    right: 30px
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=bottom_right] ._hj-f5b2a1eb-9b07_feedback_minimized_label {
    display: none !important
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=bottom_right] ._hj-f5b2a1eb-9b07_hotjar_buddy {
    right: 0
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=bottom_right] #_hj-f5b2a1eb-9b07_feedback_open,
#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=bottom_right] #_hj-f5b2a1eb-9b07_feedback_open_close {
    right: 30px
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=bottom_left] #_hj-f5b2a1eb-9b07_feedback_minimized {
    bottom: 20px;
    left: 30px
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=bottom_left] ._hj-f5b2a1eb-9b07_feedback_minimized_label {
    display: none !important
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=bottom_left] ._hj-f5b2a1eb-9b07_hotjar_buddy {
    left: 0
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=bottom_left] #_hj-f5b2a1eb-9b07_feedback_open,
#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=bottom_left] #_hj-f5b2a1eb-9b07_feedback_open_close {
    left: 37px
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=bottom_right] ._hj-f5b2a1eb-9b07_feedback_minimized_message {
    right: 62px
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=bottom_right] ._hj-f5b2a1eb-9b07_feedback_minimized_message:before,
#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_right] ._hj-f5b2a1eb-9b07_feedback_minimized_message:before {
    right: -7px;
    border-left: 7px solid #fff
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=bottom_left] ._hj-f5b2a1eb-9b07_feedback_minimized_message {
    left: 62px
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=bottom_left] ._hj-f5b2a1eb-9b07_feedback_minimized_message:before,
#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_left] ._hj-f5b2a1eb-9b07_feedback_minimized_message:before {
    left: -7px;
    border-right: 7px solid #fff
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_left] #_hj-f5b2a1eb-9b07_feedback_open_close,
#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_right] #_hj-f5b2a1eb-9b07_feedback_open_close {
    display: none
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_left] #_hj-f5b2a1eb-9b07_feedback_open_close_phone,
#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_right] #_hj-f5b2a1eb-9b07_feedback_open_close_phone {
    display: block
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_left] #_hj-f5b2a1eb-9b07_feedback_open,
#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_left] #_hj-f5b2a1eb-9b07_feedback_open.fade,
#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_right] #_hj-f5b2a1eb-9b07_feedback_open,
#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_right] #_hj-f5b2a1eb-9b07_feedback_open.fade {
    bottom: 704px
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_left] ._hj-f5b2a1eb-9b07_hotjar_buddy,
#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_right] ._hj-f5b2a1eb-9b07_hotjar_buddy {
    display: none !important
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_left] ._hj-f5b2a1eb-9b07_feedback_minimized_message,
#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_right] ._hj-f5b2a1eb-9b07_feedback_minimized_message {
    top: 50%;
    bottom: auto
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_left] #_hj-f5b2a1eb-9b07_feedback_minimized {
    bottom: 804px;
    left: 0
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_left] ._hj-f5b2a1eb-9b07_feedback_minimized_message {
    left: 52px
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_right] ._hj-f5b2a1eb-9b07_feedback_minimized_message {
    right: 52px
}

#_hj-f5b2a1eb-9b07_feedback_open_close {
    opacity: 0;
    pointer-events: none;
    position: fixed;
    z-index: 10;
    bottom: 33px;
    width: 44px;
    height: 37px;
    font-size: 20px;
    text-align: center !important;
    cursor: pointer;
    background-color: #f4364c !important;
    color: #fff !important;
    padding-left: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, .18);
    -moz-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, .18);
    box-shadow: 0 2px 10px 1px rgba(0, 0, 0, .18)
}

#_hj-f5b2a1eb-9b07_feedback_open_close_phone {
    display: none;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    background-color: #f4364c;
    color: #fff;
    width: 36px;
    height: 36px;
    z-index: 11;
    right: 20px;
    top: -17px;
    position: absolute;
    border-radius: 50%
}

#_hj-f5b2a1eb-9b07_feedback_open_close span,
#_hj-f5b2a1eb-9b07_feedback_open_close_phone span {
    line-height: 36px !important
}

#_hj-f5b2a1eb-9b07_feedback #_hj-f5b2a1eb-9b07_feedback_open {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    z-index: 10;
    width: 320px;
    bottom: 84px;
    right: 30px;
    background: #fff;
    -webkit-box-shadow: 0 6px 100px 0 rgba(0, 0, 0, .35) !important;
    -moz-box-shadow: 0 6px 100px 0 rgba(0, 0, 0, .35) !important;
    box-shadow: 0 6px 100px 0 rgba(0, 0, 0, .35) !important
}

#_hj-f5b2a1eb-9b07_feedback #_hj-f5b2a1eb-9b07_feedback_open.fade {
    opacity: 1;
    bottom: 92px;
    pointer-events: all
}

#_hj-f5b2a1eb-9b07_feedback #_hj-f5b2a1eb-9b07_feedback_open [data-state] {
    display: none
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_emotion_content {
    margin-top: 30px;
    margin-bottom: 50px
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_emotion_content._hj-f5b2a1eb-9b07_emotion_type_star {
    margin-bottom: 40px
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_emotion_content ._hj-f5b2a1eb-9b07_emotion_option {
    position: relative;
    float: left !important;
    bottom: -50px;
    opacity: 0;
    width: 20%;
    text-align: center;
    font-size: 26px;
    cursor: pointer
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_emotion_content ._hj-f5b2a1eb-9b07_emotion_option.fade {
    bottom: 0;
    opacity: 1;
    font-size: 30px
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_emotion_content ._hj-f5b2a1eb-9b07_emotion_option.fadeTransition {
    -webkit-transition: all .3s cubic-bezier(.175, .885, .32, 1);
    -webkit-transition: all .3s cubic-bezier(.175, .885, .32, 1.35);
    -moz-transition: all .3s cubic-bezier(.175, .885, .32, 1.35);
    -o-transition: all .3s cubic-bezier(.175, .885, .32, 1.35);
    transition: all .3s cubic-bezier(.175, .885, .32, 1.35)
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_emotion_content [data-emotion-option="1"].fadeTransition {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    -ms-transition-delay: .1s;
    transition-delay: .1s
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_emotion_content [data-emotion-option="2"].fadeTransition {
    -webkit-transition-delay: .175s;
    -moz-transition-delay: .175s;
    -o-transition-delay: .175s;
    -ms-transition-delay: .175s;
    transition-delay: .175s
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_emotion_content [data-emotion-option="3"].fadeTransition {
    -webkit-transition-delay: .250s;
    -moz-transition-delay: .250s;
    -o-transition-delay: .250s;
    -ms-transition-delay: .250s;
    transition-delay: .250s
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_emotion_content [data-emotion-option="4"].fadeTransition {
    -webkit-transition-delay: .325s;
    -moz-transition-delay: .325s;
    -o-transition-delay: .325s;
    -ms-transition-delay: .325s;
    transition-delay: .325s
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_emotion_content ._hj-f5b2a1eb-9b07_emotion_text {
    position: absolute;
    font-size: 12px;
    color: #999;
    text-align: center;
    top: 47px;
    left: 0;
    right: 0;
    opacity: 0
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_emotion_content._hj-f5b2a1eb-9b07_emotion_type_default ._hj-f5b2a1eb-9b07_emotion_text {
    padding-left: 6px
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_emotion_content._hj-f5b2a1eb-9b07_emotion_type_star ._hj-f5b2a1eb-9b07_emotion_text {
    display: none
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1 ._hj-f5b2a1eb-9b07_emotion_content:hover ._hj-f5b2a1eb-9b07_emotion_option {
    opacity: .5
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1 ._hj-f5b2a1eb-9b07_emotion_content ._hj-f5b2a1eb-9b07_emotion_option:hover {
    opacity: 1
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1 ._hj-f5b2a1eb-9b07_emotion_content ._hj-f5b2a1eb-9b07_emotion_option:hover ._hj-f5b2a1eb-9b07_emotion_text {
    opacity: 1;
    top: 42px
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1 ._hj-f5b2a1eb-9b07_emotion_comment_holder {
    position: relative;
    display: none
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1 ._hj-f5b2a1eb-9b07_emotion_comment_footer {
    display: none
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1 ._hj-f5b2a1eb-9b07_emotion_comment_holder:before {
    content: "";
    width: 1px;
    height: 1px;
    position: absolute;
    left: auto;
    top: -6px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 5px solid rgba(0, 0, 0, .1)
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-emotion-chosen] ._hj-f5b2a1eb-9b07_emotion_comment_footer {
    display: block;
    padding: 5px 8px 10px 8px
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-emotion-chosen] ._hj-f5b2a1eb-9b07_emotion_comment_footer a {
    color: #333
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1 ._hj-f5b2a1eb-9b07_emotion_comment_footer:empty {
    display: none
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-emotion-chosen] ._hj-f5b2a1eb-9b07_emotion_comment_holder {
    display: block
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-emotion-chosen] ._hj-f5b2a1eb-9b07_emotion_text {
    display: none
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-emotion-chosen] ._hj-f5b2a1eb-9b07_icon_emotion_default {
    font-size: 26px
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-emotion-chosen="0"] ._hj-f5b2a1eb-9b07_emotion_comment_holder:before {
    left: 8.5%
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-emotion-chosen="1"] ._hj-f5b2a1eb-9b07_emotion_comment_holder:before {
    left: 28.5%
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-emotion-chosen="2"] ._hj-f5b2a1eb-9b07_emotion_comment_holder:before {
    left: 48.5%
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-emotion-chosen="3"] ._hj-f5b2a1eb-9b07_emotion_comment_holder:before {
    left: 68.5%
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-emotion-chosen="4"] ._hj-f5b2a1eb-9b07_emotion_comment_holder:before {
    left: 88.5%
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-emotion-chosen] ._hj-f5b2a1eb-9b07_emotion_option {
    opacity: .5
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-emotion-chosen] ._hj-f5b2a1eb-9b07_emotion_option ._hj-f5b2a1eb-9b07_icon_emotion_default .path1:before,
#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-emotion-chosen] ._hj-f5b2a1eb-9b07_emotion_option ._hj-f5b2a1eb-9b07_icon_emotion_smiley {
    color: #ccc
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-emotion-chosen] ._hj-f5b2a1eb-9b07_emotion_option[data-emotion-active],
#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-emotion-chosen] ._hj-f5b2a1eb-9b07_emotion_type_star ._hj-f5b2a1eb-9b07_emotion_option {
    opacity: 1
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-emotion-chosen] ._hj-f5b2a1eb-9b07_emotion_option[data-emotion-active] ._hj-f5b2a1eb-9b07_icon_emotion_smiley {
    color: #f4364c
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-emotion-chosen] ._hj-f5b2a1eb-9b07_emotion_option[data-emotion-active] ._hj-f5b2a1eb-9b07_icon_emotion_default {
    font-size: 26px
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-emotion-chosen] ._hj-f5b2a1eb-9b07_emotion_option[data-emotion-active] ._hj-f5b2a1eb-9b07_icon_emotion_default .path1:before {
    color: #ffd902
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_toolset_actions {
    margin: -3px -12px 12px -12px;
    background: #eaeaeb !important;
    padding: 10px 20px
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_toolset_actions>div {
    font-size: 22px;
    opacity: .75;
    cursor: pointer;
    display: inline-block;
    position: relative
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_toolset_actions>div._hj-f5b2a1eb-9b07_toolset_action_active {
    color: #f4364c;
    opacity: 1
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_toolset_actions>div:hover {
    opacity: 1
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_toolset_actions>div>._hj-f5b2a1eb-9b07_toolset_tooltip {
    background: #000;
    color: #fff;
    font-size: 12px;
    padding: 8px 12px;
    border-radius: 3px;
    position: absolute;
    left: 40px;
    top: -4px;
    width: 195px;
    opacity: 0;
    pointer-events: none
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_toolset_actions>div>._hj-f5b2a1eb-9b07_toolset_tooltip:before {
    content: "";
    width: 1px;
    height: 1px;
    position: absolute;
    left: -6px;
    top: 10px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 5px solid #000
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_rtl #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_toolset_actions>div>._hj-f5b2a1eb-9b07_toolset_tooltip {
    left: auto;
    right: 40px;
    top: -4px
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_rtl #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_toolset_actions>div>._hj-f5b2a1eb-9b07_toolset_tooltip:before {
    left: auto;
    right: -6px;
    border-right: 0;
    border-left: 5px solid #000
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_toolset_actions>div:hover>._hj-f5b2a1eb-9b07_toolset_tooltip {
    opacity: 1
}

#_hj-f5b2a1eb-9b07_feedback ._hj-f5b2a1eb-9b07_feedback_content_dimmer {
    opacity: 0;
    background: #000;
    position: fixed;
    z-index: -1;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

#_hj-f5b2a1eb-9b07_feedback_content_highlighter {
    display: none;
    border: 4px dashed #ffd902;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: fixed;
    z-index: -1;
    -webkit-box-sizing: initial !important;
    -moz-box-sizing: initial !important;
    box-sizing: initial !important;
    -webkit-transition: border .2s linear;
    -moz-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    -ms-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

#_hj-f5b2a1eb-9b07_feedback_content_highlighter #_hj-f5b2a1eb-9b07_feedback_content_highlighter_close {
    display: none;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    background-color: #f4364c;
    color: #fff;
    z-index: 11;
    right: -12px;
    top: -13px;
    position: absolute;
    border-radius: 50%;
    padding: 5px 7px 3px 7px
}

#_hj-f5b2a1eb-9b07_feedback_page_highlight {
    position: fixed;
    pointer-events: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5
}

#_hj-f5b2a1eb-9b07_feedback_page_highlight>._hj-f5b2a1eb-9b07_feedback_page_highlight_line {
    opacity: 0;
    position: absolute;
    background: #f4364c
}

#_hj-f5b2a1eb-9b07_feedback_page_highlight>#_hj-f5b2a1eb-9b07_feedback_page_highlight_line_top {
    top: 0;
    left: 0;
    right: 0;
    height: 4px
}

#_hj-f5b2a1eb-9b07_feedback_page_highlight>#_hj-f5b2a1eb-9b07_feedback_page_highlight_line_right {
    top: 0;
    bottom: 0;
    right: 0;
    width: 4px
}

#_hj-f5b2a1eb-9b07_feedback_page_highlight>#_hj-f5b2a1eb-9b07_feedback_page_highlight_line_bottom {
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px
}

#_hj-f5b2a1eb-9b07_feedback_page_highlight>#_hj-f5b2a1eb-9b07_feedback_page_highlight_line_left {
    top: 0;
    left: 0;
    bottom: 0;
    width: 4px
}

#_hj-f5b2a1eb-9b07_feedback_page_highlight>#_hj-f5b2a1eb-9b07_feedback_top_message_select {
    opacity: 0;
    position: fixed;
    top: -4px;
    left: 50%;
    width: 260px;
    margin-left: -130px;
    padding: 23px 0 19px 0;
    text-align: center;
    font-size: 13px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    background-color: #ffd902;
    color: #3c3c3c;
    -webkit-box-shadow: 0 2px 25px 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 2px 25px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 25px 3px rgba(0, 0, 0, .3)
}

#_hj-f5b2a1eb-9b07_feedback_page_highlight>#_hj-f5b2a1eb-9b07_feedback_top_message_select:after,
#_hj-f5b2a1eb-9b07_feedback_page_highlight>#_hj-f5b2a1eb-9b07_feedback_top_message_select:before {
    content: "";
    display: block;
    width: 55px;
    height: 50px;
    background-color: #f4364c;
    position: absolute;
    top: 0;
    z-index: -1
}

#_hj-f5b2a1eb-9b07_feedback_page_highlight>#_hj-f5b2a1eb-9b07_feedback_top_message_select:before {
    left: -9px;
    -webkit-transform: skewX(20deg);
    -moz-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg)
}

#_hj-f5b2a1eb-9b07_feedback_page_highlight>#_hj-f5b2a1eb-9b07_feedback_top_message_select:after {
    right: -9px;
    -webkit-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    transform: skewX(-20deg)
}

#_hj-f5b2a1eb-9b07_feedback_page_highlight>#_hj-f5b2a1eb-9b07_feedback_top_message_select #_hj-f5b2a1eb-9b07_feedback_top_message_select_close {
    position: absolute;
    right: 13px;
    top: 21px;
    color: #3c3c3c;
    text-decoration: none;
    cursor: pointer;
    height: 19px;
    width: 19px;
    padding: 3px 0 0 1px;
    border-radius: 50%;
    background: 0 0;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important
}

#_hj-f5b2a1eb-9b07_feedback_page_highlight>#_hj-f5b2a1eb-9b07_feedback_top_message_select #_hj-f5b2a1eb-9b07_feedback_top_message_select_close:hover {
    background: rgba(0, 0, 0, .2)
}

[data-hotjar-cursor-pointer],
[data-hotjar-cursor-pointer] * {
    cursor: pointer !important
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget,
#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget *,
#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_content ._hj-f5b2a1eb-9b07_widget_input_field {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget p {
    color: #333 !important
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_primary,
#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_primary:active,
#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_primary:focus,
#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_primary:hover {
    background: #f4364c !important;
    color: #fff !important;
    font-weight: 400 !important
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_clear {
    color: #aaa !important
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_clear:active,
#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_clear:focus,
#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_clear:hover {
    color: #666 !important
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_disabled,
#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_disabled:active,
#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_disabled:focus,
#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_disabled:hover {
    background: #ccc !important;
    color: #333 !important
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_title {
    padding: 30px !important;
    cursor: default;
    font-size: 17px;
    font-weight: 400 !important;
    line-height: normal !important
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_title a {
    color: inherit !important;
    text-decoration: underline !important
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_content ._hj-f5b2a1eb-9b07_input_field {
    border: 0 !important;
    background: #eaeaeb !important;
    color: #454a55 !important;
    padding: 12px 20px !important;
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: 10px;
    width: 320px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_content textarea._hj-f5b2a1eb-9b07_input_field {
    height: 105px !important;
    line-height: 18px !important;
    margin-bottom: 0
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_content input._hj-f5b2a1eb-9b07_input_field {
    height: 46px
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon-select-element:before {
    color: #454a55 !important
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_toolset_action_active ._hj-f5b2a1eb-9b07_icon-select-element:before {
    color: inherit !important
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer {
    border-top: 0 !important
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_left {
    padding: 9px 0 20px 20px;
    color: #333
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_left a {
    color: #333
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_left span {
    color: #f4364c
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_right {
    display: none;
    padding-top: 0;
    border-top: 0 !important
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer._hj-f5b2a1eb-9b07_widget_legal ._hj-f5b2a1eb-9b07_pull_right {
    display: block;
    padding-top: 0;
    border-top: 0 !important
}

#_hj-f5b2a1eb-9b07_feedback[data-state=minimized] {
    width: 80px
}

#_hj-f5b2a1eb-9b07_feedback[data-state=minimized] #_hj-f5b2a1eb-9b07_feedback_minimized {
    display: block
}

#_hj-f5b2a1eb-9b07_feedback[data-state=minimized][data-show-message] {
    width: 280px
}

#_hj-f5b2a1eb-9b07_feedback[data-state=minimized][data-show-message] ._hj-f5b2a1eb-9b07_feedback_minimized_message {
    pointer-events: all;
    opacity: 1
}

#_hj-f5b2a1eb-9b07_feedback[data-state=minimized][data-minimized-position=bottom_right][data-show-message] ._hj-f5b2a1eb-9b07_feedback_minimized_message {
    right: 70px
}

#_hj-f5b2a1eb-9b07_feedback[data-state=minimized][data-minimized-position=bottom_left][data-show-message] ._hj-f5b2a1eb-9b07_feedback_minimized_message {
    left: 70px
}

#_hj-f5b2a1eb-9b07_feedback[data-state=minimized][data-minimized-position=middle_right][data-show-message] ._hj-f5b2a1eb-9b07_feedback_minimized_message {
    right: 60px
}

#_hj-f5b2a1eb-9b07_feedback[data-state=minimized][data-minimized-position=middle_left][data-show-message] ._hj-f5b2a1eb-9b07_feedback_minimized_message {
    left: 60px
}

#_hj-f5b2a1eb-9b07_feedback[data-state=minimized] #_hj-f5b2a1eb-9b07_feedback_content_highlighter,
#_hj-f5b2a1eb-9b07_feedback[data-state=minimized] ._hj-f5b2a1eb-9b07_feedback_content_dimmer {
    display: none
}

#_hj-f5b2a1eb-9b07_feedback[data-state=emotion] {
    width: 320px
}

#_hj-f5b2a1eb-9b07_feedback[data-state=emotion] #_hj-f5b2a1eb-9b07_feedback_open_close {
    opacity: 1;
    pointer-events: all
}

#_hj-f5b2a1eb-9b07_feedback[data-state=emotion] #_hj-f5b2a1eb-9b07_feedback_open [data-state=emotion] {
    display: block
}

#_hj-f5b2a1eb-9b07_feedback[data-state=emotion] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_left {
    padding-top: 0
}

#_hj-f5b2a1eb-9b07_feedback[data-state=emotion] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_btn_clear {
    display: none
}

#_hj-f5b2a1eb-9b07_feedback[data-state=emotion] #_hj-f5b2a1eb-9b07_state-1 p._hj-f5b2a1eb-9b07_widget_title {
    padding-top: 40px !important;
    padding-bottom: 0 !important
}

#_hj-f5b2a1eb-9b07_feedback[data-state=comment] #_hj-f5b2a1eb-9b07_feedback_open_close {
    opacity: 1;
    pointer-events: all
}

#_hj-f5b2a1eb-9b07_feedback[data-state=comment] #_hj-f5b2a1eb-9b07_feedback_open [data-state=emotion] {
    display: block
}

#_hj-f5b2a1eb-9b07_feedback[data-state=comment] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_emotion_content {
    margin-bottom: 15px
}

#_hj-f5b2a1eb-9b07_feedback[data-state=comment] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_right {
    display: block
}

#_hj-f5b2a1eb-9b07_feedback[data-state=comment] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_btn_clear {
    display: none
}

#_hj-f5b2a1eb-9b07_feedback[data-state=comment] #_hj-f5b2a1eb-9b07_state-1 p._hj-f5b2a1eb-9b07_widget_title {
    display: none
}

#_hj-f5b2a1eb-9b07_feedback[data-state=email] #_hj-f5b2a1eb-9b07_feedback_open [data-state=email] {
    display: block
}

#_hj-f5b2a1eb-9b07_feedback[data-state=email] #_hj-f5b2a1eb-9b07_feedback_open_close {
    opacity: 1;
    pointer-events: all
}

#_hj-f5b2a1eb-9b07_feedback[data-state=email] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_left {
    display: none
}

#_hj-f5b2a1eb-9b07_feedback[data-state=email] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_right {
    display: block
}

#_hj-f5b2a1eb-9b07_feedback[data-state=consent] #_hj-f5b2a1eb-9b07_feedback_open [data-state=consent] {
    display: block
}

#_hj-f5b2a1eb-9b07_feedback[data-state=consent] #_hj-f5b2a1eb-9b07_feedback_open [data-state=consent] ._hj-f5b2a1eb-9b07_consent_message_text {
    text-align: center;
    padding: 0 14px;
    color: #666 !important
}

#_hj-f5b2a1eb-9b07_feedback[data-state=consent] #_hj-f5b2a1eb-9b07_feedback_open [data-state=consent] ._hj-f5b2a1eb-9b07_consent_message_text a {
    color: #666 !important
}

#_hj-f5b2a1eb-9b07_feedback[data-state=consent] #_hj-f5b2a1eb-9b07_feedback_open [data-state=consent] ._hj-f5b2a1eb-9b07_consent_actions {
    margin-bottom: 30px;
    text-align: center
}

#_hj-f5b2a1eb-9b07_feedback[data-state=consent] #_hj-f5b2a1eb-9b07_feedback_open [data-state=consent] ._hj-f5b2a1eb-9b07_consent_actions button {
    font-size: 18px !important;
    margin: 20px 5px 0 5px !important;
    padding: 7px 10px !important;
    width: 50px !important
}

#_hj-f5b2a1eb-9b07_feedback[data-state=consent] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_left {
    display: none
}

#_hj-f5b2a1eb-9b07_feedback[data-state=consent] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_more_info_link,
#_hj-f5b2a1eb-9b07_feedback[data-state=consent] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_more_info_link:active,
#_hj-f5b2a1eb-9b07_feedback[data-state=consent] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_more_info_link:focus,
#_hj-f5b2a1eb-9b07_feedback[data-state=consent] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_more_info_link:hover,
#_hj-f5b2a1eb-9b07_feedback[data-state=consent] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_more_info_link:visited {
    color: #333 !important;
    text-decoration: underline
}

#_hj-f5b2a1eb-9b07_feedback[data-screenshot] {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100% !important
}

#_hj-f5b2a1eb-9b07_feedback[data-screenshot=element] {
    pointer-events: none
}

#_hj-f5b2a1eb-9b07_feedback[data-screenshot=element] #_hj-f5b2a1eb-9b07_feedback_top_message_select #_hj-f5b2a1eb-9b07_feedback_top_message_select_close {
    pointer-events: all
}

#_hj-f5b2a1eb-9b07_feedback[data-screenshot=element] #_hj-f5b2a1eb-9b07_feedback_open_close {
    display: none !important
}

#_hj-f5b2a1eb-9b07_feedback[data-screenshot=element] #_hj-f5b2a1eb-9b07_feedback_open {
    display: none !important
}

#_hj-f5b2a1eb-9b07_feedback[data-screenshot=element] ._hj-f5b2a1eb-9b07_feedback_content_dimmer {
    opacity: .45
}

#_hj-f5b2a1eb-9b07_feedback[data-screenshot=element] #_hj-f5b2a1eb-9b07_feedback_content_highlighter {
    display: block
}

#_hj-f5b2a1eb-9b07_feedback[data-screenshot=element] #_hj-f5b2a1eb-9b07_feedback_page_highlight>#_hj-f5b2a1eb-9b07_feedback_top_message_select {
    opacity: 1
}

#_hj-f5b2a1eb-9b07_feedback[data-screenshot=element] #_hj-f5b2a1eb-9b07_feedback_page_highlight>._hj-f5b2a1eb-9b07_feedback_page_highlight_line {
    opacity: 1
}

#_hj-f5b2a1eb-9b07_feedback[data-screenshot=element] #_hj-f5b2a1eb-9b07_feedback_page_highlight>#_hj-f5b2a1eb-9b07_feedback_top_message_select:after,
#_hj-f5b2a1eb-9b07_feedback[data-screenshot=element] #_hj-f5b2a1eb-9b07_feedback_page_highlight>#_hj-f5b2a1eb-9b07_feedback_top_message_select:before {
    background: #ffd902 !important
}

#_hj-f5b2a1eb-9b07_feedback[data-screenshot=element] #_hj-f5b2a1eb-9b07_feedback_page_highlight>._hj-f5b2a1eb-9b07_feedback_page_highlight_line {
    background: #ffd902 !important
}

#_hj-f5b2a1eb-9b07_feedback[data-screenshot=elementSelected] ._hj-f5b2a1eb-9b07_feedback_content_dimmer {
    opacity: .45
}

#_hj-f5b2a1eb-9b07_feedback[data-screenshot=elementSelected] #_hj-f5b2a1eb-9b07_feedback_content_highlighter {
    display: block;
    pointer-events: all;
    cursor: pointer;
    border-style: solid;
    border-color: #f4364c !important
}

#_hj-f5b2a1eb-9b07_feedback[data-screenshot=elementSelected] #_hj-f5b2a1eb-9b07_feedback_content_highlighter:before {
    content: "Change";
    position: absolute;
    background: #f4364c;
    color: #fff;
    bottom: -32px;
    right: -4px;
    padding: 8px 12px;
    border-radius: 0 0 3px 3px;
    font-size: 12px
}

#_hj-f5b2a1eb-9b07_feedback[data-screenshot=elementSelected] #_hj-f5b2a1eb-9b07_feedback_content_highlighter_close {
    display: block
}

#_hj-f5b2a1eb-9b07_feedback[data-device=desktop] [data-show-for=phone],
#_hj-f5b2a1eb-9b07_feedback[data-device=desktop] [data-show-for=tablet],
#_hj-f5b2a1eb-9b07_feedback[data-device=phone] [data-show-for=desktop],
#_hj-f5b2a1eb-9b07_feedback[data-device=phone] [data-show-for=tablet],
#_hj-f5b2a1eb-9b07_feedback[data-device=tablet] [data-show-for=desktop],
#_hj-f5b2a1eb-9b07_feedback[data-device=tablet] [data-show-for=phone],
#_hj-f5b2a1eb-9b07_feedback[data-viewmode=desktop] [data-show-for=touch],
#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch] [data-show-for=desktop] {
    display: none !important
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=desktop][data-minimized-position=middle_left] #_hj-f5b2a1eb-9b07_feedback_minimized {
    bottom: 804px;
    left: 0
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=desktop][data-minimized-position=middle_left] ._hj-f5b2a1eb-9b07_feedback_minimized_message {
    left: 52px
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=desktop][data-minimized-position=middle_left] #_hj-f5b2a1eb-9b07_feedback_open {
    left: 22px
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=desktop][data-minimized-position=middle_left] #_hj-f5b2a1eb-9b07_feedback_open.fade {
    left: 37px
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=desktop][data-minimized-position=middle_right] ._hj-f5b2a1eb-9b07_feedback_minimized_message {
    right: 52px
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=desktop][data-minimized-position=middle_right] #_hj-f5b2a1eb-9b07_feedback_open {
    right: 15px
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=desktop][data-minimized-position=middle_right] #_hj-f5b2a1eb-9b07_feedback_open.fade {
    right: 30px
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=desktop] #_hj-f5b2a1eb-9b07_feedback_open_close_phone {
    font-size: 15px;
    width: 27px;
    height: 27px;
    top: -13px
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=desktop] #_hj-f5b2a1eb-9b07_feedback_open_close_phone span {
    line-height: 27px !important
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch][data-state=comment],
#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch][data-state=consent],
#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch][data-state=email],
#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch][data-state=emotion] {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch] ._hj-f5b2a1eb-9b07_feedback_minimized_message ._hj-f5b2a1eb-9b07_feedback_minimized_message_close {
    opacity: 1 !important
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch] #_hj-f5b2a1eb-9b07_feedback_open_close {
    display: none
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch] #_hj-f5b2a1eb-9b07_feedback_open_close_phone {
    display: block
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch] ._hj-f5b2a1eb-9b07_widget_content input._hj-f5b2a1eb-9b07_input_field,
#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch] ._hj-f5b2a1eb-9b07_widget_content textarea._hj-f5b2a1eb-9b07_input_field {
    font-size: 17px !important;
    margin: 0;
    width: 100%;
    border-radius: 4px 4px 0 0
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch] ._hj-f5b2a1eb-9b07_widget_content textarea._hj-f5b2a1eb-9b07_input_field {
    line-height: 1.4em !important
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch] ._hj-f5b2a1eb-9b07_widget_content input._hj-f5b2a1eb-9b07_input_field {
    line-height: normal !important
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch][data-state=comment] #_hj-f5b2a1eb-9b07_feedback_open,
#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch][data-state=consent] #_hj-f5b2a1eb-9b07_feedback_open,
#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch][data-state=email] #_hj-f5b2a1eb-9b07_feedback_open {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin-left: 0 !important;
    border-radius: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    transition-duration: 0s
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_toolset_actions {
    margin: -4px 0 0 0;
    border-radius: 0 0 4px 4px
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch][data-state=comment] ._hj-f5b2a1eb-9b07_widget_title,
#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch][data-state=consent] ._hj-f5b2a1eb-9b07_widget_title,
#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch][data-state=email] ._hj-f5b2a1eb-9b07_widget_title {
    display: block !important;
    padding: 35px 50px !important;
    font-size: 18px;
    border-bottom: 1px solid #eaeaeb
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch][data-state=comment] ._hj-f5b2a1eb-9b07_widget_content,
#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch][data-state=consent] ._hj-f5b2a1eb-9b07_widget_content,
#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch][data-state=email] ._hj-f5b2a1eb-9b07_widget_content {
    padding: 30px
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch][data-state=comment] #_hj-f5b2a1eb-9b07_feedback_open_close_phone,
#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch][data-state=consent] #_hj-f5b2a1eb-9b07_feedback_open_close_phone,
#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch][data-state=email] #_hj-f5b2a1eb-9b07_feedback_open_close_phone {
    top: 10px;
    background: 0 0;
    color: #333;
    right: 10px;
    font-size: 22px
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch][data-state=consent] ._hj-f5b2a1eb-9b07_consent_message_text {
    font-size: 16px
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch] #_hj-f5b2a1eb-9b07_feedback_page_highlight>#_hj-f5b2a1eb-9b07_feedback_top_message_select #_hj-f5b2a1eb-9b07_feedback_top_message_select_close {
    top: 16px;
    right: 5px;
    height: 27px;
    width: 27px;
    padding: 4px 0 0 2px;
    font-size: 18px
}

#_hj-f5b2a1eb-9b07_feedback[data-device=tablet] #_hj-f5b2a1eb-9b07_feedback_open {
    bottom: 0;
    left: 50%;
    width: 380px;
    margin-left: -190px
}

#_hj-f5b2a1eb-9b07_feedback[data-device=tablet][data-state=emotion] #_hj-f5b2a1eb-9b07_feedback_open {
    bottom: 20px
}

#_hj-f5b2a1eb-9b07_feedback[data-device=tablet][data-state=comment] ._hj-f5b2a1eb-9b07_widget_title,
#_hj-f5b2a1eb-9b07_feedback[data-device=tablet][data-state=consent] ._hj-f5b2a1eb-9b07_widget_title,
#_hj-f5b2a1eb-9b07_feedback[data-device=tablet][data-state=email] ._hj-f5b2a1eb-9b07_widget_title {
    font-size: 26px;
    padding: 40px 50px !important
}

#_hj-f5b2a1eb-9b07_feedback[data-device=tablet][data-state=comment] ._hj-f5b2a1eb-9b07_widget_content,
#_hj-f5b2a1eb-9b07_feedback[data-device=tablet][data-state=consent] ._hj-f5b2a1eb-9b07_widget_content,
#_hj-f5b2a1eb-9b07_feedback[data-device=tablet][data-state=email] ._hj-f5b2a1eb-9b07_widget_content {
    padding: 40px 60px
}

#_hj-f5b2a1eb-9b07_feedback[data-device=tablet][data-state=comment] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_emotion_content {
    height: 58px;
    margin-top: 10px;
    margin-bottom: 40px
}

#_hj-f5b2a1eb-9b07_feedback[data-device=tablet] #_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-emotion-chosen] [data-emotion-option] ._hj-f5b2a1eb-9b07_icon {
    height: 40px;
    min-width: 40px;
    font-size: 40px;
    background-size: 40px
}

#_hj-f5b2a1eb-9b07_feedback[data-device=tablet] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_emotion_comment_holder:before {
    display: none !important
}

#_hj-f5b2a1eb-9b07_feedback[data-device=tablet] ._hj-f5b2a1eb-9b07_widget_content textarea._hj-f5b2a1eb-9b07_input_field {
    height: 180px !important;
    font-size: 22px !important;
    padding: 20px !important
}

#_hj-f5b2a1eb-9b07_feedback[data-device=tablet] ._hj-f5b2a1eb-9b07_widget_content input._hj-f5b2a1eb-9b07_input_field {
    height: 80px !important;
    font-size: 22px !important;
    padding: 20px !important
}

#_hj-f5b2a1eb-9b07_feedback[data-device=tablet] ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_left {
    font-size: 14px;
    padding: 22px 0 20px 8%
}

#_hj-f5b2a1eb-9b07_feedback[data-device=tablet] ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_right {
    padding: 0 8% 30px 0
}

#_hj-f5b2a1eb-9b07_feedback[data-device=tablet] ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_right button {
    font-size: 22px !important;
    padding: 14px 28px !important
}

#_hj-f5b2a1eb-9b07_feedback[data-device=phone] #_hj-f5b2a1eb-9b07_feedback_open {
    bottom: 0;
    left: 20px;
    right: 20px;
    width: auto;
    margin-left: 0
}

#_hj-f5b2a1eb-9b07_feedback[data-device=phone][data-state=emotion] #_hj-f5b2a1eb-9b07_feedback_open {
    bottom: 20px
}

@media (min-width:421px) {
    #_hj-f5b2a1eb-9b07_feedback[data-viewmode=phone][data-state=emotion] #_hj-f5b2a1eb-9b07_feedback_open {
        left: 50%;
        width: 300px;
        margin-left: -150px
    }
}

#_hj-f5b2a1eb-9b07_feedback[data-device=phone][data-state=comment] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_emotion_content {
    margin-top: 10px;
    margin-bottom: 50px
}

#_hj-f5b2a1eb-9b07_feedback[data-device=phone] ._hj-f5b2a1eb-9b07_widget_content textarea._hj-f5b2a1eb-9b07_input_field {
    height: 110px !important;
    padding: 15px !important
}

#_hj-f5b2a1eb-9b07_feedback[data-device=phone] #_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-emotion-chosen] [data-emotion-active] ._hj-f5b2a1eb-9b07_emotion_text {
    display: block !important;
    opacity: 1;
    top: 34px;
    line-height: 12px
}

#_hj-f5b2a1eb-9b07_feedback[data-device=phone] ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_left {
    padding: 18px 0 20px 30px
}

#_hj-f5b2a1eb-9b07_feedback[data-device=phone] ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_right {
    padding: 0 30px 30px 0
}

#_hj-f5b2a1eb-9b07_feedback[data-device=phone] ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_right button {
    font-size: 18px !important;
    padding: 12px 20px !important
}

@media print {
    #_hj_feedback_container {
        display: none !important
    }
}

.error-page-container[data-v-3b951f51] {
    width: 100vw;
    height: 100vh;
    z-index: 2000;
    background: #1a1a1a;
    background: -webkit-gradient(left top, left bottom, color-stop(0, #1a1a1a), color-stop(100%, #000));
    background: -webkit-gradient(linear, left top, left bottom, from(#1a1a1a), to(#000));
    background: linear-gradient(180deg, #1a1a1a 0, #000);
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    justify-content: space-around;
    padding: 100px;
    overflow: hidden
}

.err-slot[data-v-3b951f51] {
    max-width: 480px;
    margin: 0 auto
}

.err-slot[data-v-3b951f51],
img[data-v-3b951f51] {
    width: 100%
}

h1[data-v-3b951f51] {
    color: #f9bb22;
    font-weight: 400
}

p[data-v-3b951f51] {
    margin-top: 10px;
    font-size: 1.75rem;
    font-weight: 300
}

.jwbtn[data-v-3b951f51] {
    width: 220px;
    padding: 20px;
    font-size: 1.2rem;
    font-weight: 400
}

@media (min-width:768px) and (max-width: 1199px){
    .lds-hourglass-2 {
        width: 160px;
        height: 160px
    }
}

@media only screen and (min-width:0px) and (max-width:767px) {
    .lds-hourglass-2 {
        display: inline-block;
        position: relative;
        width: 100px;
        height: 100px
    }

}

@media only screen and (min-width:0px) and (max-width:640px) {
    .error-page-container[data-v-3b951f51] {
        padding: 50px
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    h1[data-v-3b951f51] {
        font-size: 1.25rem
    }

    p[data-v-3b951f51] {
        font-size: 1rem
    }
}

.loader-overlay[data-v-6714497c] {
    width: 100vw;
    height: 100vh;
    position: fixed;
    overflow: hidden;
    z-index: 99999;
    background-color: #000
}

.loader-overlay img[data-v-6714497c] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@-webkit-keyframes shake {
    59% {
        margin-left: 0
    }

    60%,
    80% {
        margin-left: 2px
    }

    70%,
    90% {
        margin-left: -2px
    }
}

@keyframes shake {
    59% {
        margin-left: 0
    }

    60%,
    80% {
        margin-left: 2px
    }

    70%,
    90% {
        margin-left: -2px
    }
}

.black {
    background-color: #000 !important;
    border-color: #000 !important
}

.black--text {
    color: #000 !important
}

.black--text input,
.black--text textarea {
    caret-color: #000 !important
}

.black--after:after {
    background: #000 !important
}

.white {
    background-color: #fff !important;
    border-color: #fff !important
}

.white--text {
    color: #fff !important
}

.white--text input,
.white--text textarea {
    caret-color: #fff !important
}

.white--after:after {
    background: #fff !important
}

.transparent {
    background-color: transparent !important;
    border-color: transparent !important
}

.transparent--text {
    color: transparent !important
}

.transparent--text input,
.transparent--text textarea {
    caret-color: transparent !important
}

.transparent--after:after {
    background: 0 0 !important
}

.red {
    background-color: #f44336 !important;
    border-color: #f44336 !important
}

.red--text {
    color: #f44336 !important
}

.red--text input,
.red--text textarea {
    caret-color: #f44336 !important
}

.red--after:after {
    background: #f44336 !important
}

.red.lighten-5 {
    border-color: #ffebee !important
}

.red.lighten-5,
.red.lighten-5--after:after {
    background-color: #ffebee !important
}

.red--text.text--lighten-5 {
    color: #ffebee !important
}

.red--text.text--lighten-5 input,
.red--text.text--lighten-5 textarea {
    caret-color: #ffebee !important
}

.red.lighten-4 {
    border-color: #ffcdd2 !important
}

.red.lighten-4,
.red.lighten-4--after:after {
    background-color: #ffcdd2 !important
}

.red--text.text--lighten-4 {
    color: #ffcdd2 !important
}

.red--text.text--lighten-4 input,
.red--text.text--lighten-4 textarea {
    caret-color: #ffcdd2 !important
}

.red.lighten-3 {
    border-color: #ef9a9a !important
}

.red.lighten-3,
.red.lighten-3--after:after {
    background-color: #ef9a9a !important
}

.red--text.text--lighten-3 {
    color: #ef9a9a !important
}

.red--text.text--lighten-3 input,
.red--text.text--lighten-3 textarea {
    caret-color: #ef9a9a !important
}

.red.lighten-2 {
    border-color: #e57373 !important
}

.red.lighten-2,
.red.lighten-2--after:after {
    background-color: #e57373 !important
}

.red--text.text--lighten-2 {
    color: #e57373 !important
}

.red--text.text--lighten-2 input,
.red--text.text--lighten-2 textarea {
    caret-color: #e57373 !important
}

.red.lighten-1 {
    border-color: #ef5350 !important
}

.red.lighten-1,
.red.lighten-1--after:after {
    background-color: #ef5350 !important
}

.red--text.text--lighten-1 {
    color: #ef5350 !important
}

.red--text.text--lighten-1 input,
.red--text.text--lighten-1 textarea {
    caret-color: #ef5350 !important
}

.red.darken-1 {
    border-color: #e53935 !important
}

.red.darken-1,
.red.darken-1--after:after {
    background-color: #e53935 !important
}

.red--text.text--darken-1 {
    color: #e53935 !important
}

.red--text.text--darken-1 input,
.red--text.text--darken-1 textarea {
    caret-color: #e53935 !important
}

.red.darken-2 {
    border-color: #d32f2f !important
}

.red.darken-2,
.red.darken-2--after:after {
    background-color: #d32f2f !important
}

.red--text.text--darken-2 {
    color: #d32f2f !important
}

.red--text.text--darken-2 input,
.red--text.text--darken-2 textarea {
    caret-color: #d32f2f !important
}

.red.darken-3 {
    border-color: #c62828 !important
}

.red.darken-3,
.red.darken-3--after:after {
    background-color: #c62828 !important
}

.red--text.text--darken-3 {
    color: #c62828 !important
}

.red--text.text--darken-3 input,
.red--text.text--darken-3 textarea {
    caret-color: #c62828 !important
}

.red.darken-4 {
    border-color: #b71c1c !important
}

.red.darken-4,
.red.darken-4--after:after {
    background-color: #b71c1c !important
}

.red--text.text--darken-4 {
    color: #b71c1c !important
}

.red--text.text--darken-4 input,
.red--text.text--darken-4 textarea {
    caret-color: #b71c1c !important
}

.red.accent-1 {
    border-color: #ff8a80 !important
}

.red.accent-1,
.red.accent-1--after:after {
    background-color: #ff8a80 !important
}

.red--text.text--accent-1 {
    color: #ff8a80 !important
}

.red--text.text--accent-1 input,
.red--text.text--accent-1 textarea {
    caret-color: #ff8a80 !important
}

.red.accent-2 {
    border-color: #ff5252 !important
}

.red.accent-2,
.red.accent-2--after:after {
    background-color: #ff5252 !important
}

.red--text.text--accent-2 {
    color: #ff5252 !important
}

.red--text.text--accent-2 input,
.red--text.text--accent-2 textarea {
    caret-color: #ff5252 !important
}

.red.accent-3 {
    border-color: #ff1744 !important
}

.red.accent-3,
.red.accent-3--after:after {
    background-color: #ff1744 !important
}

.red--text.text--accent-3 {
    color: #ff1744 !important
}

.red--text.text--accent-3 input,
.red--text.text--accent-3 textarea {
    caret-color: #ff1744 !important
}

.red.accent-4 {
    border-color: #d50000 !important
}

.red.accent-4,
.red.accent-4--after:after {
    background-color: #d50000 !important
}

.red--text.text--accent-4 {
    color: #d50000 !important
}

.red--text.text--accent-4 input,
.red--text.text--accent-4 textarea {
    caret-color: #d50000 !important
}

.pink {
    background-color: #e91e63 !important;
    border-color: #e91e63 !important
}

.pink--text {
    color: #e91e63 !important
}

.pink--text input,
.pink--text textarea {
    caret-color: #e91e63 !important
}

.pink--after:after {
    background: #e91e63 !important
}

.pink.lighten-5 {
    border-color: #fce4ec !important
}

.pink.lighten-5,
.pink.lighten-5--after:after {
    background-color: #fce4ec !important
}

.pink--text.text--lighten-5 {
    color: #fce4ec !important
}

.pink--text.text--lighten-5 input,
.pink--text.text--lighten-5 textarea {
    caret-color: #fce4ec !important
}

.pink.lighten-4 {
    border-color: #f8bbd0 !important
}

.pink.lighten-4,
.pink.lighten-4--after:after {
    background-color: #f8bbd0 !important
}

.pink--text.text--lighten-4 {
    color: #f8bbd0 !important
}

.pink--text.text--lighten-4 input,
.pink--text.text--lighten-4 textarea {
    caret-color: #f8bbd0 !important
}

.pink.lighten-3 {
    border-color: #f48fb1 !important
}

.pink.lighten-3,
.pink.lighten-3--after:after {
    background-color: #f48fb1 !important
}

.pink--text.text--lighten-3 {
    color: #f48fb1 !important
}

.pink--text.text--lighten-3 input,
.pink--text.text--lighten-3 textarea {
    caret-color: #f48fb1 !important
}

.pink.lighten-2 {
    border-color: #f06292 !important
}

.pink.lighten-2,
.pink.lighten-2--after:after {
    background-color: #f06292 !important
}

.pink--text.text--lighten-2 {
    color: #f06292 !important
}

.pink--text.text--lighten-2 input,
.pink--text.text--lighten-2 textarea {
    caret-color: #f06292 !important
}

.pink.lighten-1 {
    border-color: #ec407a !important
}

.pink.lighten-1,
.pink.lighten-1--after:after {
    background-color: #ec407a !important
}

.pink--text.text--lighten-1 {
    color: #ec407a !important
}

.pink--text.text--lighten-1 input,
.pink--text.text--lighten-1 textarea {
    caret-color: #ec407a !important
}

.pink.darken-1 {
    border-color: #d81b60 !important
}

.pink.darken-1,
.pink.darken-1--after:after {
    background-color: #d81b60 !important
}

.pink--text.text--darken-1 {
    color: #d81b60 !important
}

.pink--text.text--darken-1 input,
.pink--text.text--darken-1 textarea {
    caret-color: #d81b60 !important
}

.pink.darken-2 {
    border-color: #c2185b !important
}

.pink.darken-2,
.pink.darken-2--after:after {
    background-color: #c2185b !important
}

.pink--text.text--darken-2 {
    color: #c2185b !important
}

.pink--text.text--darken-2 input,
.pink--text.text--darken-2 textarea {
    caret-color: #c2185b !important
}

.pink.darken-3 {
    border-color: #ad1457 !important
}

.pink.darken-3,
.pink.darken-3--after:after {
    background-color: #ad1457 !important
}

.pink--text.text--darken-3 {
    color: #ad1457 !important
}

.pink--text.text--darken-3 input,
.pink--text.text--darken-3 textarea {
    caret-color: #ad1457 !important
}

.pink.darken-4 {
    border-color: #880e4f !important
}

.pink.darken-4,
.pink.darken-4--after:after {
    background-color: #880e4f !important
}

.pink--text.text--darken-4 {
    color: #880e4f !important
}

.pink--text.text--darken-4 input,
.pink--text.text--darken-4 textarea {
    caret-color: #880e4f !important
}

.pink.accent-1 {
    border-color: #ff80ab !important
}

.pink.accent-1,
.pink.accent-1--after:after {
    background-color: #ff80ab !important
}

.pink--text.text--accent-1 {
    color: #ff80ab !important
}

.pink--text.text--accent-1 input,
.pink--text.text--accent-1 textarea {
    caret-color: #ff80ab !important
}

.pink.accent-2 {
    border-color: #ff4081 !important
}

.pink.accent-2,
.pink.accent-2--after:after {
    background-color: #ff4081 !important
}

.pink--text.text--accent-2 {
    color: #ff4081 !important
}

.pink--text.text--accent-2 input,
.pink--text.text--accent-2 textarea {
    caret-color: #ff4081 !important
}

.pink.accent-3 {
    border-color: #f50057 !important
}

.pink.accent-3,
.pink.accent-3--after:after {
    background-color: #f50057 !important
}

.pink--text.text--accent-3 {
    color: #f50057 !important
}

.pink--text.text--accent-3 input,
.pink--text.text--accent-3 textarea {
    caret-color: #f50057 !important
}

.pink.accent-4 {
    border-color: #c51162 !important
}

.pink.accent-4,
.pink.accent-4--after:after {
    background-color: #c51162 !important
}

.pink--text.text--accent-4 {
    color: #c51162 !important
}

.pink--text.text--accent-4 input,
.pink--text.text--accent-4 textarea {
    caret-color: #c51162 !important
}

.purple {
    background-color: #9c27b0 !important;
    border-color: #9c27b0 !important
}

.purple--text {
    color: #9c27b0 !important
}

.purple--text input,
.purple--text textarea {
    caret-color: #9c27b0 !important
}

.purple--after:after {
    background: #9c27b0 !important
}

.purple.lighten-5 {
    border-color: #f3e5f5 !important
}

.purple.lighten-5,
.purple.lighten-5--after:after {
    background-color: #f3e5f5 !important
}

.purple--text.text--lighten-5 {
    color: #f3e5f5 !important
}

.purple--text.text--lighten-5 input,
.purple--text.text--lighten-5 textarea {
    caret-color: #f3e5f5 !important
}

.purple.lighten-4 {
    border-color: #e1bee7 !important
}

.purple.lighten-4,
.purple.lighten-4--after:after {
    background-color: #e1bee7 !important
}

.purple--text.text--lighten-4 {
    color: #e1bee7 !important
}

.purple--text.text--lighten-4 input,
.purple--text.text--lighten-4 textarea {
    caret-color: #e1bee7 !important
}

.purple.lighten-3 {
    border-color: #ce93d8 !important
}

.purple.lighten-3,
.purple.lighten-3--after:after {
    background-color: #ce93d8 !important
}

.purple--text.text--lighten-3 {
    color: #ce93d8 !important
}

.purple--text.text--lighten-3 input,
.purple--text.text--lighten-3 textarea {
    caret-color: #ce93d8 !important
}

.purple.lighten-2 {
    border-color: #ba68c8 !important
}

.purple.lighten-2,
.purple.lighten-2--after:after {
    background-color: #ba68c8 !important
}

.purple--text.text--lighten-2 {
    color: #ba68c8 !important
}

.purple--text.text--lighten-2 input,
.purple--text.text--lighten-2 textarea {
    caret-color: #ba68c8 !important
}

.purple.lighten-1 {
    border-color: #ab47bc !important
}

.purple.lighten-1,
.purple.lighten-1--after:after {
    background-color: #ab47bc !important
}

.purple--text.text--lighten-1 {
    color: #ab47bc !important
}

.purple--text.text--lighten-1 input,
.purple--text.text--lighten-1 textarea {
    caret-color: #ab47bc !important
}

.purple.darken-1 {
    border-color: #8e24aa !important
}

.purple.darken-1,
.purple.darken-1--after:after {
    background-color: #8e24aa !important
}

.purple--text.text--darken-1 {
    color: #8e24aa !important
}

.purple--text.text--darken-1 input,
.purple--text.text--darken-1 textarea {
    caret-color: #8e24aa !important
}

.purple.darken-2 {
    border-color: #7b1fa2 !important
}

.purple.darken-2,
.purple.darken-2--after:after {
    background-color: #7b1fa2 !important
}

.purple--text.text--darken-2 {
    color: #7b1fa2 !important
}

.purple--text.text--darken-2 input,
.purple--text.text--darken-2 textarea {
    caret-color: #7b1fa2 !important
}

.purple.darken-3 {
    border-color: #6a1b9a !important
}

.purple.darken-3,
.purple.darken-3--after:after {
    background-color: #6a1b9a !important
}

.purple--text.text--darken-3 {
    color: #6a1b9a !important
}

.purple--text.text--darken-3 input,
.purple--text.text--darken-3 textarea {
    caret-color: #6a1b9a !important
}

.purple.darken-4 {
    border-color: #4a148c !important
}

.purple.darken-4,
.purple.darken-4--after:after {
    background-color: #4a148c !important
}

.purple--text.text--darken-4 {
    color: #4a148c !important
}

.purple--text.text--darken-4 input,
.purple--text.text--darken-4 textarea {
    caret-color: #4a148c !important
}

.purple.accent-1 {
    border-color: #ea80fc !important
}

.purple.accent-1,
.purple.accent-1--after:after {
    background-color: #ea80fc !important
}

.purple--text.text--accent-1 {
    color: #ea80fc !important
}

.purple--text.text--accent-1 input,
.purple--text.text--accent-1 textarea {
    caret-color: #ea80fc !important
}

.purple.accent-2 {
    border-color: #e040fb !important
}

.purple.accent-2,
.purple.accent-2--after:after {
    background-color: #e040fb !important
}

.purple--text.text--accent-2 {
    color: #e040fb !important
}

.purple--text.text--accent-2 input,
.purple--text.text--accent-2 textarea {
    caret-color: #e040fb !important
}

.purple.accent-3 {
    border-color: #d500f9 !important
}

.purple.accent-3,
.purple.accent-3--after:after {
    background-color: #d500f9 !important
}

.purple--text.text--accent-3 {
    color: #d500f9 !important
}

.purple--text.text--accent-3 input,
.purple--text.text--accent-3 textarea {
    caret-color: #d500f9 !important
}

.purple.accent-4 {
    border-color: #a0f !important
}

.purple.accent-4,
.purple.accent-4--after:after {
    background-color: #a0f !important
}

.purple--text.text--accent-4 {
    color: #a0f !important
}

.purple--text.text--accent-4 input,
.purple--text.text--accent-4 textarea {
    caret-color: #a0f !important
}

.deep-purple {
    background-color: #673ab7 !important;
    border-color: #673ab7 !important
}

.deep-purple--text {
    color: #673ab7 !important
}

.deep-purple--text input,
.deep-purple--text textarea {
    caret-color: #673ab7 !important
}

.deep-purple--after:after {
    background: #673ab7 !important
}

.deep-purple.lighten-5 {
    border-color: #ede7f6 !important
}

.deep-purple.lighten-5,
.deep-purple.lighten-5--after:after {
    background-color: #ede7f6 !important
}

.deep-purple--text.text--lighten-5 {
    color: #ede7f6 !important
}

.deep-purple--text.text--lighten-5 input,
.deep-purple--text.text--lighten-5 textarea {
    caret-color: #ede7f6 !important
}

.deep-purple.lighten-4 {
    border-color: #d1c4e9 !important
}

.deep-purple.lighten-4,
.deep-purple.lighten-4--after:after {
    background-color: #d1c4e9 !important
}

.deep-purple--text.text--lighten-4 {
    color: #d1c4e9 !important
}

.deep-purple--text.text--lighten-4 input,
.deep-purple--text.text--lighten-4 textarea {
    caret-color: #d1c4e9 !important
}

.deep-purple.lighten-3 {
    border-color: #b39ddb !important
}

.deep-purple.lighten-3,
.deep-purple.lighten-3--after:after {
    background-color: #b39ddb !important
}

.deep-purple--text.text--lighten-3 {
    color: #b39ddb !important
}

.deep-purple--text.text--lighten-3 input,
.deep-purple--text.text--lighten-3 textarea {
    caret-color: #b39ddb !important
}

.deep-purple.lighten-2 {
    border-color: #9575cd !important
}

.deep-purple.lighten-2,
.deep-purple.lighten-2--after:after {
    background-color: #9575cd !important
}

.deep-purple--text.text--lighten-2 {
    color: #9575cd !important
}

.deep-purple--text.text--lighten-2 input,
.deep-purple--text.text--lighten-2 textarea {
    caret-color: #9575cd !important
}

.deep-purple.lighten-1 {
    border-color: #7e57c2 !important
}

.deep-purple.lighten-1,
.deep-purple.lighten-1--after:after {
    background-color: #7e57c2 !important
}

.deep-purple--text.text--lighten-1 {
    color: #7e57c2 !important
}

.deep-purple--text.text--lighten-1 input,
.deep-purple--text.text--lighten-1 textarea {
    caret-color: #7e57c2 !important
}

.deep-purple.darken-1 {
    border-color: #5e35b1 !important
}

.deep-purple.darken-1,
.deep-purple.darken-1--after:after {
    background-color: #5e35b1 !important
}

.deep-purple--text.text--darken-1 {
    color: #5e35b1 !important
}

.deep-purple--text.text--darken-1 input,
.deep-purple--text.text--darken-1 textarea {
    caret-color: #5e35b1 !important
}

.deep-purple.darken-2 {
    border-color: #512da8 !important
}

.deep-purple.darken-2,
.deep-purple.darken-2--after:after {
    background-color: #512da8 !important
}

.deep-purple--text.text--darken-2 {
    color: #512da8 !important
}

.deep-purple--text.text--darken-2 input,
.deep-purple--text.text--darken-2 textarea {
    caret-color: #512da8 !important
}

.deep-purple.darken-3 {
    border-color: #4527a0 !important
}

.deep-purple.darken-3,
.deep-purple.darken-3--after:after {
    background-color: #4527a0 !important
}

.deep-purple--text.text--darken-3 {
    color: #4527a0 !important
}

.deep-purple--text.text--darken-3 input,
.deep-purple--text.text--darken-3 textarea {
    caret-color: #4527a0 !important
}

.deep-purple.darken-4 {
    border-color: #311b92 !important
}

.deep-purple.darken-4,
.deep-purple.darken-4--after:after {
    background-color: #311b92 !important
}

.deep-purple--text.text--darken-4 {
    color: #311b92 !important
}

.deep-purple--text.text--darken-4 input,
.deep-purple--text.text--darken-4 textarea {
    caret-color: #311b92 !important
}

.deep-purple.accent-1 {
    border-color: #b388ff !important
}

.deep-purple.accent-1,
.deep-purple.accent-1--after:after {
    background-color: #b388ff !important
}

.deep-purple--text.text--accent-1 {
    color: #b388ff !important
}

.deep-purple--text.text--accent-1 input,
.deep-purple--text.text--accent-1 textarea {
    caret-color: #b388ff !important
}

.deep-purple.accent-2 {
    border-color: #7c4dff !important
}

.deep-purple.accent-2,
.deep-purple.accent-2--after:after {
    background-color: #7c4dff !important
}

.deep-purple--text.text--accent-2 {
    color: #7c4dff !important
}

.deep-purple--text.text--accent-2 input,
.deep-purple--text.text--accent-2 textarea {
    caret-color: #7c4dff !important
}

.deep-purple.accent-3 {
    border-color: #651fff !important
}

.deep-purple.accent-3,
.deep-purple.accent-3--after:after {
    background-color: #651fff !important
}

.deep-purple--text.text--accent-3 {
    color: #651fff !important
}

.deep-purple--text.text--accent-3 input,
.deep-purple--text.text--accent-3 textarea {
    caret-color: #651fff !important
}

.deep-purple.accent-4 {
    border-color: #6200ea !important
}

.deep-purple.accent-4,
.deep-purple.accent-4--after:after {
    background-color: #6200ea !important
}

.deep-purple--text.text--accent-4 {
    color: #6200ea !important
}

.deep-purple--text.text--accent-4 input,
.deep-purple--text.text--accent-4 textarea {
    caret-color: #6200ea !important
}

.indigo {
    background-color: #3f51b5 !important;
    border-color: #3f51b5 !important
}

.indigo--text {
    color: #3f51b5 !important
}

.indigo--text input,
.indigo--text textarea {
    caret-color: #3f51b5 !important
}

.indigo--after:after {
    background: #3f51b5 !important
}

.indigo.lighten-5 {
    border-color: #e8eaf6 !important
}

.indigo.lighten-5,
.indigo.lighten-5--after:after {
    background-color: #e8eaf6 !important
}

.indigo--text.text--lighten-5 {
    color: #e8eaf6 !important
}

.indigo--text.text--lighten-5 input,
.indigo--text.text--lighten-5 textarea {
    caret-color: #e8eaf6 !important
}

.indigo.lighten-4 {
    border-color: #c5cae9 !important
}

.indigo.lighten-4,
.indigo.lighten-4--after:after {
    background-color: #c5cae9 !important
}

.indigo--text.text--lighten-4 {
    color: #c5cae9 !important
}

.indigo--text.text--lighten-4 input,
.indigo--text.text--lighten-4 textarea {
    caret-color: #c5cae9 !important
}

.indigo.lighten-3 {
    border-color: #9fa8da !important
}

.indigo.lighten-3,
.indigo.lighten-3--after:after {
    background-color: #9fa8da !important
}

.indigo--text.text--lighten-3 {
    color: #9fa8da !important
}

.indigo--text.text--lighten-3 input,
.indigo--text.text--lighten-3 textarea {
    caret-color: #9fa8da !important
}

.indigo.lighten-2 {
    border-color: #7986cb !important
}

.indigo.lighten-2,
.indigo.lighten-2--after:after {
    background-color: #7986cb !important
}

.indigo--text.text--lighten-2 {
    color: #7986cb !important
}

.indigo--text.text--lighten-2 input,
.indigo--text.text--lighten-2 textarea {
    caret-color: #7986cb !important
}

.indigo.lighten-1 {
    border-color: #5c6bc0 !important
}

.indigo.lighten-1,
.indigo.lighten-1--after:after {
    background-color: #5c6bc0 !important
}

.indigo--text.text--lighten-1 {
    color: #5c6bc0 !important
}

.indigo--text.text--lighten-1 input,
.indigo--text.text--lighten-1 textarea {
    caret-color: #5c6bc0 !important
}

.indigo.darken-1 {
    border-color: #3949ab !important
}

.indigo.darken-1,
.indigo.darken-1--after:after {
    background-color: #3949ab !important
}

.indigo--text.text--darken-1 {
    color: #3949ab !important
}

.indigo--text.text--darken-1 input,
.indigo--text.text--darken-1 textarea {
    caret-color: #3949ab !important
}

.indigo.darken-2 {
    border-color: #303f9f !important
}

.indigo.darken-2,
.indigo.darken-2--after:after {
    background-color: #303f9f !important
}

.indigo--text.text--darken-2 {
    color: #303f9f !important
}

.indigo--text.text--darken-2 input,
.indigo--text.text--darken-2 textarea {
    caret-color: #303f9f !important
}

.indigo.darken-3 {
    border-color: #283593 !important
}

.indigo.darken-3,
.indigo.darken-3--after:after {
    background-color: #283593 !important
}

.indigo--text.text--darken-3 {
    color: #283593 !important
}

.indigo--text.text--darken-3 input,
.indigo--text.text--darken-3 textarea {
    caret-color: #283593 !important
}

.indigo.darken-4 {
    border-color: #1a237e !important
}

.indigo.darken-4,
.indigo.darken-4--after:after {
    background-color: #1a237e !important
}

.indigo--text.text--darken-4 {
    color: #1a237e !important
}

.indigo--text.text--darken-4 input,
.indigo--text.text--darken-4 textarea {
    caret-color: #1a237e !important
}

.indigo.accent-1 {
    border-color: #8c9eff !important
}

.indigo.accent-1,
.indigo.accent-1--after:after {
    background-color: #8c9eff !important
}

.indigo--text.text--accent-1 {
    color: #8c9eff !important
}

.indigo--text.text--accent-1 input,
.indigo--text.text--accent-1 textarea {
    caret-color: #8c9eff !important
}

.indigo.accent-2 {
    border-color: #536dfe !important
}

.indigo.accent-2,
.indigo.accent-2--after:after {
    background-color: #536dfe !important
}

.indigo--text.text--accent-2 {
    color: #536dfe !important
}

.indigo--text.text--accent-2 input,
.indigo--text.text--accent-2 textarea {
    caret-color: #536dfe !important
}

.indigo.accent-3 {
    border-color: #3d5afe !important
}

.indigo.accent-3,
.indigo.accent-3--after:after {
    background-color: #3d5afe !important
}

.indigo--text.text--accent-3 {
    color: #3d5afe !important
}

.indigo--text.text--accent-3 input,
.indigo--text.text--accent-3 textarea {
    caret-color: #3d5afe !important
}

.indigo.accent-4 {
    border-color: #304ffe !important
}

.indigo.accent-4,
.indigo.accent-4--after:after {
    background-color: #304ffe !important
}

.indigo--text.text--accent-4 {
    color: #304ffe !important
}

.indigo--text.text--accent-4 input,
.indigo--text.text--accent-4 textarea {
    caret-color: #304ffe !important
}

.blue {
    background-color: #2196f3 !important;
    border-color: #2196f3 !important
}

.blue--text {
    color: #2196f3 !important
}

.blue--text input,
.blue--text textarea {
    caret-color: #2196f3 !important
}

.blue--after:after {
    background: #2196f3 !important
}

.blue.lighten-5 {
    border-color: #e3f2fd !important
}

.blue.lighten-5,
.blue.lighten-5--after:after {
    background-color: #e3f2fd !important
}

.blue--text.text--lighten-5 {
    color: #e3f2fd !important
}

.blue--text.text--lighten-5 input,
.blue--text.text--lighten-5 textarea {
    caret-color: #e3f2fd !important
}

.blue.lighten-4 {
    border-color: #bbdefb !important
}

.blue.lighten-4,
.blue.lighten-4--after:after {
    background-color: #bbdefb !important
}

.blue--text.text--lighten-4 {
    color: #bbdefb !important
}

.blue--text.text--lighten-4 input,
.blue--text.text--lighten-4 textarea {
    caret-color: #bbdefb !important
}

.blue.lighten-3 {
    border-color: #90caf9 !important
}

.blue.lighten-3,
.blue.lighten-3--after:after {
    background-color: #90caf9 !important
}

.blue--text.text--lighten-3 {
    color: #90caf9 !important
}

.blue--text.text--lighten-3 input,
.blue--text.text--lighten-3 textarea {
    caret-color: #90caf9 !important
}

.blue.lighten-2 {
    border-color: #64b5f6 !important
}

.blue.lighten-2,
.blue.lighten-2--after:after {
    background-color: #64b5f6 !important
}

.blue--text.text--lighten-2 {
    color: #64b5f6 !important
}

.blue--text.text--lighten-2 input,
.blue--text.text--lighten-2 textarea {
    caret-color: #64b5f6 !important
}

.blue.lighten-1 {
    border-color: #42a5f5 !important
}

.blue.lighten-1,
.blue.lighten-1--after:after {
    background-color: #42a5f5 !important
}

.blue--text.text--lighten-1 {
    color: #42a5f5 !important
}

.blue--text.text--lighten-1 input,
.blue--text.text--lighten-1 textarea {
    caret-color: #42a5f5 !important
}

.blue.darken-1 {
    border-color: #1e88e5 !important
}

.blue.darken-1,
.blue.darken-1--after:after {
    background-color: #1e88e5 !important
}

.blue--text.text--darken-1 {
    color: #1e88e5 !important
}

.blue--text.text--darken-1 input,
.blue--text.text--darken-1 textarea {
    caret-color: #1e88e5 !important
}

.blue.darken-2 {
    border-color: #1976d2 !important
}

.blue.darken-2,
.blue.darken-2--after:after {
    background-color: #1976d2 !important
}

.blue--text.text--darken-2 {
    color: #1976d2 !important
}

.blue--text.text--darken-2 input,
.blue--text.text--darken-2 textarea {
    caret-color: #1976d2 !important
}

.blue.darken-3 {
    border-color: #1565c0 !important
}

.blue.darken-3,
.blue.darken-3--after:after {
    background-color: #1565c0 !important
}

.blue--text.text--darken-3 {
    color: #1565c0 !important
}

.blue--text.text--darken-3 input,
.blue--text.text--darken-3 textarea {
    caret-color: #1565c0 !important
}

.blue.darken-4 {
    border-color: #0d47a1 !important
}

.blue.darken-4,
.blue.darken-4--after:after {
    background-color: #0d47a1 !important
}

.blue--text.text--darken-4 {
    color: #0d47a1 !important
}

.blue--text.text--darken-4 input,
.blue--text.text--darken-4 textarea {
    caret-color: #0d47a1 !important
}

.blue.accent-1 {
    border-color: #82b1ff !important
}

.blue.accent-1,
.blue.accent-1--after:after {
    background-color: #82b1ff !important
}

.blue--text.text--accent-1 {
    color: #82b1ff !important
}

.blue--text.text--accent-1 input,
.blue--text.text--accent-1 textarea {
    caret-color: #82b1ff !important
}

.blue.accent-2 {
    border-color: #448aff !important
}

.blue.accent-2,
.blue.accent-2--after:after {
    background-color: #448aff !important
}

.blue--text.text--accent-2 {
    color: #448aff !important
}

.blue--text.text--accent-2 input,
.blue--text.text--accent-2 textarea {
    caret-color: #448aff !important
}

.blue.accent-3 {
    border-color: #2979ff !important
}

.blue.accent-3,
.blue.accent-3--after:after {
    background-color: #2979ff !important
}

.blue--text.text--accent-3 {
    color: #2979ff !important
}

.blue--text.text--accent-3 input,
.blue--text.text--accent-3 textarea {
    caret-color: #2979ff !important
}

.blue.accent-4 {
    border-color: #2962ff !important
}

.blue.accent-4,
.blue.accent-4--after:after {
    background-color: #2962ff !important
}

.blue--text.text--accent-4 {
    color: #2962ff !important
}

.blue--text.text--accent-4 input,
.blue--text.text--accent-4 textarea {
    caret-color: #2962ff !important
}

.light-blue {
    background-color: #03a9f4 !important;
    border-color: #03a9f4 !important
}

.light-blue--text {
    color: #03a9f4 !important
}

.light-blue--text input,
.light-blue--text textarea {
    caret-color: #03a9f4 !important
}

.light-blue--after:after {
    background: #03a9f4 !important
}

.light-blue.lighten-5 {
    border-color: #e1f5fe !important
}

.light-blue.lighten-5,
.light-blue.lighten-5--after:after {
    background-color: #e1f5fe !important
}

.light-blue--text.text--lighten-5 {
    color: #e1f5fe !important
}

.light-blue--text.text--lighten-5 input,
.light-blue--text.text--lighten-5 textarea {
    caret-color: #e1f5fe !important
}

.light-blue.lighten-4 {
    border-color: #b3e5fc !important
}

.light-blue.lighten-4,
.light-blue.lighten-4--after:after {
    background-color: #b3e5fc !important
}

.light-blue--text.text--lighten-4 {
    color: #b3e5fc !important
}

.light-blue--text.text--lighten-4 input,
.light-blue--text.text--lighten-4 textarea {
    caret-color: #b3e5fc !important
}

.light-blue.lighten-3 {
    border-color: #81d4fa !important
}

.light-blue.lighten-3,
.light-blue.lighten-3--after:after {
    background-color: #81d4fa !important
}

.light-blue--text.text--lighten-3 {
    color: #81d4fa !important
}

.light-blue--text.text--lighten-3 input,
.light-blue--text.text--lighten-3 textarea {
    caret-color: #81d4fa !important
}

.light-blue.lighten-2 {
    border-color: #4fc3f7 !important
}

.light-blue.lighten-2,
.light-blue.lighten-2--after:after {
    background-color: #4fc3f7 !important
}

.light-blue--text.text--lighten-2 {
    color: #4fc3f7 !important
}

.light-blue--text.text--lighten-2 input,
.light-blue--text.text--lighten-2 textarea {
    caret-color: #4fc3f7 !important
}

.light-blue.lighten-1 {
    border-color: #29b6f6 !important
}

.light-blue.lighten-1,
.light-blue.lighten-1--after:after {
    background-color: #29b6f6 !important
}

.light-blue--text.text--lighten-1 {
    color: #29b6f6 !important
}

.light-blue--text.text--lighten-1 input,
.light-blue--text.text--lighten-1 textarea {
    caret-color: #29b6f6 !important
}

.light-blue.darken-1 {
    border-color: #039be5 !important
}

.light-blue.darken-1,
.light-blue.darken-1--after:after {
    background-color: #039be5 !important
}

.light-blue--text.text--darken-1 {
    color: #039be5 !important
}

.light-blue--text.text--darken-1 input,
.light-blue--text.text--darken-1 textarea {
    caret-color: #039be5 !important
}

.light-blue.darken-2 {
    border-color: #0288d1 !important
}

.light-blue.darken-2,
.light-blue.darken-2--after:after {
    background-color: #0288d1 !important
}

.light-blue--text.text--darken-2 {
    color: #0288d1 !important
}

.light-blue--text.text--darken-2 input,
.light-blue--text.text--darken-2 textarea {
    caret-color: #0288d1 !important
}

.light-blue.darken-3 {
    border-color: #0277bd !important
}

.light-blue.darken-3,
.light-blue.darken-3--after:after {
    background-color: #0277bd !important
}

.light-blue--text.text--darken-3 {
    color: #0277bd !important
}

.light-blue--text.text--darken-3 input,
.light-blue--text.text--darken-3 textarea {
    caret-color: #0277bd !important
}

.light-blue.darken-4 {
    border-color: #01579b !important
}

.light-blue.darken-4,
.light-blue.darken-4--after:after {
    background-color: #01579b !important
}

.light-blue--text.text--darken-4 {
    color: #01579b !important
}

.light-blue--text.text--darken-4 input,
.light-blue--text.text--darken-4 textarea {
    caret-color: #01579b !important
}

.light-blue.accent-1 {
    border-color: #80d8ff !important
}

.light-blue.accent-1,
.light-blue.accent-1--after:after {
    background-color: #80d8ff !important
}

.light-blue--text.text--accent-1 {
    color: #80d8ff !important
}

.light-blue--text.text--accent-1 input,
.light-blue--text.text--accent-1 textarea {
    caret-color: #80d8ff !important
}

.light-blue.accent-2 {
    border-color: #40c4ff !important
}

.light-blue.accent-2,
.light-blue.accent-2--after:after {
    background-color: #40c4ff !important
}

.light-blue--text.text--accent-2 {
    color: #40c4ff !important
}

.light-blue--text.text--accent-2 input,
.light-blue--text.text--accent-2 textarea {
    caret-color: #40c4ff !important
}

.light-blue.accent-3 {
    border-color: #00b0ff !important
}

.light-blue.accent-3,
.light-blue.accent-3--after:after {
    background-color: #00b0ff !important
}

.light-blue--text.text--accent-3 {
    color: #00b0ff !important
}

.light-blue--text.text--accent-3 input,
.light-blue--text.text--accent-3 textarea {
    caret-color: #00b0ff !important
}

.light-blue.accent-4 {
    border-color: #0091ea !important
}

.light-blue.accent-4,
.light-blue.accent-4--after:after {
    background-color: #0091ea !important
}

.light-blue--text.text--accent-4 {
    color: #0091ea !important
}

.light-blue--text.text--accent-4 input,
.light-blue--text.text--accent-4 textarea {
    caret-color: #0091ea !important
}

.cyan {
    background-color: #00bcd4 !important;
    border-color: #00bcd4 !important
}

.cyan--text {
    color: #00bcd4 !important
}

.cyan--text input,
.cyan--text textarea {
    caret-color: #00bcd4 !important
}

.cyan--after:after {
    background: #00bcd4 !important
}

.cyan.lighten-5 {
    border-color: #e0f7fa !important
}

.cyan.lighten-5,
.cyan.lighten-5--after:after {
    background-color: #e0f7fa !important
}

.cyan--text.text--lighten-5 {
    color: #e0f7fa !important
}

.cyan--text.text--lighten-5 input,
.cyan--text.text--lighten-5 textarea {
    caret-color: #e0f7fa !important
}

.cyan.lighten-4 {
    border-color: #b2ebf2 !important
}

.cyan.lighten-4,
.cyan.lighten-4--after:after {
    background-color: #b2ebf2 !important
}

.cyan--text.text--lighten-4 {
    color: #b2ebf2 !important
}

.cyan--text.text--lighten-4 input,
.cyan--text.text--lighten-4 textarea {
    caret-color: #b2ebf2 !important
}

.cyan.lighten-3 {
    border-color: #80deea !important
}

.cyan.lighten-3,
.cyan.lighten-3--after:after {
    background-color: #80deea !important
}

.cyan--text.text--lighten-3 {
    color: #80deea !important
}

.cyan--text.text--lighten-3 input,
.cyan--text.text--lighten-3 textarea {
    caret-color: #80deea !important
}

.cyan.lighten-2 {
    border-color: #4dd0e1 !important
}

.cyan.lighten-2,
.cyan.lighten-2--after:after {
    background-color: #4dd0e1 !important
}

.cyan--text.text--lighten-2 {
    color: #4dd0e1 !important
}

.cyan--text.text--lighten-2 input,
.cyan--text.text--lighten-2 textarea {
    caret-color: #4dd0e1 !important
}

.cyan.lighten-1 {
    border-color: #26c6da !important
}

.cyan.lighten-1,
.cyan.lighten-1--after:after {
    background-color: #26c6da !important
}

.cyan--text.text--lighten-1 {
    color: #26c6da !important
}

.cyan--text.text--lighten-1 input,
.cyan--text.text--lighten-1 textarea {
    caret-color: #26c6da !important
}

.cyan.darken-1 {
    border-color: #00acc1 !important
}

.cyan.darken-1,
.cyan.darken-1--after:after {
    background-color: #00acc1 !important
}

.cyan--text.text--darken-1 {
    color: #00acc1 !important
}

.cyan--text.text--darken-1 input,
.cyan--text.text--darken-1 textarea {
    caret-color: #00acc1 !important
}

.cyan.darken-2 {
    border-color: #0097a7 !important
}

.cyan.darken-2,
.cyan.darken-2--after:after {
    background-color: #0097a7 !important
}

.cyan--text.text--darken-2 {
    color: #0097a7 !important
}

.cyan--text.text--darken-2 input,
.cyan--text.text--darken-2 textarea {
    caret-color: #0097a7 !important
}

.cyan.darken-3 {
    border-color: #00838f !important
}

.cyan.darken-3,
.cyan.darken-3--after:after {
    background-color: #00838f !important
}

.cyan--text.text--darken-3 {
    color: #00838f !important
}

.cyan--text.text--darken-3 input,
.cyan--text.text--darken-3 textarea {
    caret-color: #00838f !important
}

.cyan.darken-4 {
    border-color: #006064 !important
}

.cyan.darken-4,
.cyan.darken-4--after:after {
    background-color: #006064 !important
}

.cyan--text.text--darken-4 {
    color: #006064 !important
}

.cyan--text.text--darken-4 input,
.cyan--text.text--darken-4 textarea {
    caret-color: #006064 !important
}

.cyan.accent-1 {
    border-color: #84ffff !important
}

.cyan.accent-1,
.cyan.accent-1--after:after {
    background-color: #84ffff !important
}

.cyan--text.text--accent-1 {
    color: #84ffff !important
}

.cyan--text.text--accent-1 input,
.cyan--text.text--accent-1 textarea {
    caret-color: #84ffff !important
}

.cyan.accent-2 {
    border-color: #18ffff !important
}

.cyan.accent-2,
.cyan.accent-2--after:after {
    background-color: #18ffff !important
}

.cyan--text.text--accent-2 {
    color: #18ffff !important
}

.cyan--text.text--accent-2 input,
.cyan--text.text--accent-2 textarea {
    caret-color: #18ffff !important
}

.cyan.accent-3 {
    border-color: #00e5ff !important
}

.cyan.accent-3,
.cyan.accent-3--after:after {
    background-color: #00e5ff !important
}

.cyan--text.text--accent-3 {
    color: #00e5ff !important
}

.cyan--text.text--accent-3 input,
.cyan--text.text--accent-3 textarea {
    caret-color: #00e5ff !important
}

.cyan.accent-4 {
    border-color: #00b8d4 !important
}

.cyan.accent-4,
.cyan.accent-4--after:after {
    background-color: #00b8d4 !important
}

.cyan--text.text--accent-4 {
    color: #00b8d4 !important
}

.cyan--text.text--accent-4 input,
.cyan--text.text--accent-4 textarea {
    caret-color: #00b8d4 !important
}

.teal {
    background-color: #009688 !important;
    border-color: #009688 !important
}

.teal--text {
    color: #009688 !important
}

.teal--text input,
.teal--text textarea {
    caret-color: #009688 !important
}

.teal--after:after {
    background: #009688 !important
}

.teal.lighten-5 {
    border-color: #e0f2f1 !important
}

.teal.lighten-5,
.teal.lighten-5--after:after {
    background-color: #e0f2f1 !important
}

.teal--text.text--lighten-5 {
    color: #e0f2f1 !important
}

.teal--text.text--lighten-5 input,
.teal--text.text--lighten-5 textarea {
    caret-color: #e0f2f1 !important
}

.teal.lighten-4 {
    border-color: #b2dfdb !important
}

.teal.lighten-4,
.teal.lighten-4--after:after {
    background-color: #b2dfdb !important
}

.teal--text.text--lighten-4 {
    color: #b2dfdb !important
}

.teal--text.text--lighten-4 input,
.teal--text.text--lighten-4 textarea {
    caret-color: #b2dfdb !important
}

.teal.lighten-3 {
    border-color: #80cbc4 !important
}

.teal.lighten-3,
.teal.lighten-3--after:after {
    background-color: #80cbc4 !important
}

.teal--text.text--lighten-3 {
    color: #80cbc4 !important
}

.teal--text.text--lighten-3 input,
.teal--text.text--lighten-3 textarea {
    caret-color: #80cbc4 !important
}

.teal.lighten-2 {
    border-color: #4db6ac !important
}

.teal.lighten-2,
.teal.lighten-2--after:after {
    background-color: #4db6ac !important
}

.teal--text.text--lighten-2 {
    color: #4db6ac !important
}

.teal--text.text--lighten-2 input,
.teal--text.text--lighten-2 textarea {
    caret-color: #4db6ac !important
}

.teal.lighten-1 {
    border-color: #26a69a !important
}

.teal.lighten-1,
.teal.lighten-1--after:after {
    background-color: #26a69a !important
}

.teal--text.text--lighten-1 {
    color: #26a69a !important
}

.teal--text.text--lighten-1 input,
.teal--text.text--lighten-1 textarea {
    caret-color: #26a69a !important
}

.teal.darken-1 {
    border-color: #00897b !important
}

.teal.darken-1,
.teal.darken-1--after:after {
    background-color: #00897b !important
}

.teal--text.text--darken-1 {
    color: #00897b !important
}

.teal--text.text--darken-1 input,
.teal--text.text--darken-1 textarea {
    caret-color: #00897b !important
}

.teal.darken-2 {
    border-color: #00796b !important
}

.teal.darken-2,
.teal.darken-2--after:after {
    background-color: #00796b !important
}

.teal--text.text--darken-2 {
    color: #00796b !important
}

.teal--text.text--darken-2 input,
.teal--text.text--darken-2 textarea {
    caret-color: #00796b !important
}

.teal.darken-3 {
    border-color: #00695c !important
}

.teal.darken-3,
.teal.darken-3--after:after {
    background-color: #00695c !important
}

.teal--text.text--darken-3 {
    color: #00695c !important
}

.teal--text.text--darken-3 input,
.teal--text.text--darken-3 textarea {
    caret-color: #00695c !important
}

.teal.darken-4 {
    border-color: #004d40 !important
}

.teal.darken-4,
.teal.darken-4--after:after {
    background-color: #004d40 !important
}

.teal--text.text--darken-4 {
    color: #004d40 !important
}

.teal--text.text--darken-4 input,
.teal--text.text--darken-4 textarea {
    caret-color: #004d40 !important
}

.teal.accent-1 {
    border-color: #a7ffeb !important
}

.teal.accent-1,
.teal.accent-1--after:after {
    background-color: #a7ffeb !important
}

.teal--text.text--accent-1 {
    color: #a7ffeb !important
}

.teal--text.text--accent-1 input,
.teal--text.text--accent-1 textarea {
    caret-color: #a7ffeb !important
}

.teal.accent-2 {
    border-color: #64ffda !important
}

.teal.accent-2,
.teal.accent-2--after:after {
    background-color: #64ffda !important
}

.teal--text.text--accent-2 {
    color: #64ffda !important
}

.teal--text.text--accent-2 input,
.teal--text.text--accent-2 textarea {
    caret-color: #64ffda !important
}

.teal.accent-3 {
    border-color: #1de9b6 !important
}

.teal.accent-3,
.teal.accent-3--after:after {
    background-color: #1de9b6 !important
}

.teal--text.text--accent-3 {
    color: #1de9b6 !important
}

.teal--text.text--accent-3 input,
.teal--text.text--accent-3 textarea {
    caret-color: #1de9b6 !important
}

.teal.accent-4 {
    border-color: #00bfa5 !important
}

.teal.accent-4,
.teal.accent-4--after:after {
    background-color: #00bfa5 !important
}

.teal--text.text--accent-4 {
    color: #00bfa5 !important
}

.teal--text.text--accent-4 input,
.teal--text.text--accent-4 textarea {
    caret-color: #00bfa5 !important
}

.green {
    background-color: #4caf50 !important;
    border-color: #4caf50 !important
}

.green--text {
    color: #4caf50 !important
}

.green--text input,
.green--text textarea {
    caret-color: #4caf50 !important
}

.green--after:after {
    background: #4caf50 !important
}

.green.lighten-5 {
    border-color: #e8f5e9 !important
}

.green.lighten-5,
.green.lighten-5--after:after {
    background-color: #e8f5e9 !important
}

.green--text.text--lighten-5 {
    color: #e8f5e9 !important
}

.green--text.text--lighten-5 input,
.green--text.text--lighten-5 textarea {
    caret-color: #e8f5e9 !important
}

.green.lighten-4 {
    border-color: #c8e6c9 !important
}

.green.lighten-4,
.green.lighten-4--after:after {
    background-color: #c8e6c9 !important
}

.green--text.text--lighten-4 {
    color: #c8e6c9 !important
}

.green--text.text--lighten-4 input,
.green--text.text--lighten-4 textarea {
    caret-color: #c8e6c9 !important
}

.green.lighten-3 {
    border-color: #a5d6a7 !important
}

.green.lighten-3,
.green.lighten-3--after:after {
    background-color: #a5d6a7 !important
}

.green--text.text--lighten-3 {
    color: #a5d6a7 !important
}

.green--text.text--lighten-3 input,
.green--text.text--lighten-3 textarea {
    caret-color: #a5d6a7 !important
}

.green.lighten-2 {
    border-color: #81c784 !important
}

.green.lighten-2,
.green.lighten-2--after:after {
    background-color: #81c784 !important
}

.green--text.text--lighten-2 {
    color: #81c784 !important
}

.green--text.text--lighten-2 input,
.green--text.text--lighten-2 textarea {
    caret-color: #81c784 !important
}

.green.lighten-1 {
    border-color: #66bb6a !important
}

.green.lighten-1,
.green.lighten-1--after:after {
    background-color: #66bb6a !important
}

.green--text.text--lighten-1 {
    color: #66bb6a !important
}

.green--text.text--lighten-1 input,
.green--text.text--lighten-1 textarea {
    caret-color: #66bb6a !important
}

.green.darken-1 {
    border-color: #43a047 !important
}

.green.darken-1,
.green.darken-1--after:after {
    background-color: #43a047 !important
}

.green--text.text--darken-1 {
    color: #43a047 !important
}

.green--text.text--darken-1 input,
.green--text.text--darken-1 textarea {
    caret-color: #43a047 !important
}

.green.darken-2 {
    border-color: #388e3c !important
}

.green.darken-2,
.green.darken-2--after:after {
    background-color: #388e3c !important
}

.green--text.text--darken-2 {
    color: #388e3c !important
}

.green--text.text--darken-2 input,
.green--text.text--darken-2 textarea {
    caret-color: #388e3c !important
}

.green.darken-3 {
    border-color: #2e7d32 !important
}

.green.darken-3,
.green.darken-3--after:after {
    background-color: #2e7d32 !important
}

.green--text.text--darken-3 {
    color: #2e7d32 !important
}

.green--text.text--darken-3 input,
.green--text.text--darken-3 textarea {
    caret-color: #2e7d32 !important
}

.green.darken-4 {
    border-color: #1b5e20 !important
}

.green.darken-4,
.green.darken-4--after:after {
    background-color: #1b5e20 !important
}

.green--text.text--darken-4 {
    color: #1b5e20 !important
}

.green--text.text--darken-4 input,
.green--text.text--darken-4 textarea {
    caret-color: #1b5e20 !important
}

.green.accent-1 {
    border-color: #b9f6ca !important
}

.green.accent-1,
.green.accent-1--after:after {
    background-color: #b9f6ca !important
}

.green--text.text--accent-1 {
    color: #b9f6ca !important
}

.green--text.text--accent-1 input,
.green--text.text--accent-1 textarea {
    caret-color: #b9f6ca !important
}

.green.accent-2 {
    border-color: #69f0ae !important
}

.green.accent-2,
.green.accent-2--after:after {
    background-color: #69f0ae !important
}

.green--text.text--accent-2 {
    color: #69f0ae !important
}

.green--text.text--accent-2 input,
.green--text.text--accent-2 textarea {
    caret-color: #69f0ae !important
}

.green.accent-3 {
    border-color: #00e676 !important
}

.green.accent-3,
.green.accent-3--after:after {
    background-color: #00e676 !important
}

.green--text.text--accent-3 {
    color: #00e676 !important
}

.green--text.text--accent-3 input,
.green--text.text--accent-3 textarea {
    caret-color: #00e676 !important
}

.green.accent-4 {
    border-color: #00c853 !important
}

.green.accent-4,
.green.accent-4--after:after {
    background-color: #00c853 !important
}

.green--text.text--accent-4 {
    color: #00c853 !important
}

.green--text.text--accent-4 input,
.green--text.text--accent-4 textarea {
    caret-color: #00c853 !important
}

.light-green {
    background-color: #8bc34a !important;
    border-color: #8bc34a !important
}

.light-green--text {
    color: #8bc34a !important
}

.light-green--text input,
.light-green--text textarea {
    caret-color: #8bc34a !important
}

.light-green--after:after {
    background: #8bc34a !important
}

.light-green.lighten-5 {
    border-color: #f1f8e9 !important
}

.light-green.lighten-5,
.light-green.lighten-5--after:after {
    background-color: #f1f8e9 !important
}

.light-green--text.text--lighten-5 {
    color: #f1f8e9 !important
}

.light-green--text.text--lighten-5 input,
.light-green--text.text--lighten-5 textarea {
    caret-color: #f1f8e9 !important
}

.light-green.lighten-4 {
    border-color: #dcedc8 !important
}

.light-green.lighten-4,
.light-green.lighten-4--after:after {
    background-color: #dcedc8 !important
}

.light-green--text.text--lighten-4 {
    color: #dcedc8 !important
}

.light-green--text.text--lighten-4 input,
.light-green--text.text--lighten-4 textarea {
    caret-color: #dcedc8 !important
}

.light-green.lighten-3 {
    border-color: #c5e1a5 !important
}

.light-green.lighten-3,
.light-green.lighten-3--after:after {
    background-color: #c5e1a5 !important
}

.light-green--text.text--lighten-3 {
    color: #c5e1a5 !important
}

.light-green--text.text--lighten-3 input,
.light-green--text.text--lighten-3 textarea {
    caret-color: #c5e1a5 !important
}

.light-green.lighten-2 {
    border-color: #aed581 !important
}

.light-green.lighten-2,
.light-green.lighten-2--after:after {
    background-color: #aed581 !important
}

.light-green--text.text--lighten-2 {
    color: #aed581 !important
}

.light-green--text.text--lighten-2 input,
.light-green--text.text--lighten-2 textarea {
    caret-color: #aed581 !important
}

.light-green.lighten-1 {
    border-color: #9ccc65 !important
}

.light-green.lighten-1,
.light-green.lighten-1--after:after {
    background-color: #9ccc65 !important
}

.light-green--text.text--lighten-1 {
    color: #9ccc65 !important
}

.light-green--text.text--lighten-1 input,
.light-green--text.text--lighten-1 textarea {
    caret-color: #9ccc65 !important
}

.light-green.darken-1 {
    border-color: #7cb342 !important
}

.light-green.darken-1,
.light-green.darken-1--after:after {
    background-color: #7cb342 !important
}

.light-green--text.text--darken-1 {
    color: #7cb342 !important
}

.light-green--text.text--darken-1 input,
.light-green--text.text--darken-1 textarea {
    caret-color: #7cb342 !important
}

.light-green.darken-2 {
    border-color: #689f38 !important
}

.light-green.darken-2,
.light-green.darken-2--after:after {
    background-color: #689f38 !important
}

.light-green--text.text--darken-2 {
    color: #689f38 !important
}

.light-green--text.text--darken-2 input,
.light-green--text.text--darken-2 textarea {
    caret-color: #689f38 !important
}

.light-green.darken-3 {
    border-color: #558b2f !important
}

.light-green.darken-3,
.light-green.darken-3--after:after {
    background-color: #558b2f !important
}

.light-green--text.text--darken-3 {
    color: #558b2f !important
}

.light-green--text.text--darken-3 input,
.light-green--text.text--darken-3 textarea {
    caret-color: #558b2f !important
}

.light-green.darken-4 {
    border-color: #33691e !important
}

.light-green.darken-4,
.light-green.darken-4--after:after {
    background-color: #33691e !important
}

.light-green--text.text--darken-4 {
    color: #33691e !important
}

.light-green--text.text--darken-4 input,
.light-green--text.text--darken-4 textarea {
    caret-color: #33691e !important
}

.light-green.accent-1 {
    border-color: #ccff90 !important
}

.light-green.accent-1,
.light-green.accent-1--after:after {
    background-color: #ccff90 !important
}

.light-green--text.text--accent-1 {
    color: #ccff90 !important
}

.light-green--text.text--accent-1 input,
.light-green--text.text--accent-1 textarea {
    caret-color: #ccff90 !important
}

.light-green.accent-2 {
    border-color: #b2ff59 !important
}

.light-green.accent-2,
.light-green.accent-2--after:after {
    background-color: #b2ff59 !important
}

.light-green--text.text--accent-2 {
    color: #b2ff59 !important
}

.light-green--text.text--accent-2 input,
.light-green--text.text--accent-2 textarea {
    caret-color: #b2ff59 !important
}

.light-green.accent-3 {
    border-color: #76ff03 !important
}

.light-green.accent-3,
.light-green.accent-3--after:after {
    background-color: #76ff03 !important
}

.light-green--text.text--accent-3 {
    color: #76ff03 !important
}

.light-green--text.text--accent-3 input,
.light-green--text.text--accent-3 textarea {
    caret-color: #76ff03 !important
}

.light-green.accent-4 {
    border-color: #64dd17 !important
}

.light-green.accent-4,
.light-green.accent-4--after:after {
    background-color: #64dd17 !important
}

.light-green--text.text--accent-4 {
    color: #64dd17 !important
}

.light-green--text.text--accent-4 input,
.light-green--text.text--accent-4 textarea {
    caret-color: #64dd17 !important
}

.lime {
    background-color: #cddc39 !important;
    border-color: #cddc39 !important
}

.lime--text {
    color: #cddc39 !important
}

.lime--text input,
.lime--text textarea {
    caret-color: #cddc39 !important
}

.lime--after:after {
    background: #cddc39 !important
}

.lime.lighten-5 {
    border-color: #f9fbe7 !important
}

.lime.lighten-5,
.lime.lighten-5--after:after {
    background-color: #f9fbe7 !important
}

.lime--text.text--lighten-5 {
    color: #f9fbe7 !important
}

.lime--text.text--lighten-5 input,
.lime--text.text--lighten-5 textarea {
    caret-color: #f9fbe7 !important
}

.lime.lighten-4 {
    border-color: #f0f4c3 !important
}

.lime.lighten-4,
.lime.lighten-4--after:after {
    background-color: #f0f4c3 !important
}

.lime--text.text--lighten-4 {
    color: #f0f4c3 !important
}

.lime--text.text--lighten-4 input,
.lime--text.text--lighten-4 textarea {
    caret-color: #f0f4c3 !important
}

.lime.lighten-3 {
    border-color: #e6ee9c !important
}

.lime.lighten-3,
.lime.lighten-3--after:after {
    background-color: #e6ee9c !important
}

.lime--text.text--lighten-3 {
    color: #e6ee9c !important
}

.lime--text.text--lighten-3 input,
.lime--text.text--lighten-3 textarea {
    caret-color: #e6ee9c !important
}

.lime.lighten-2 {
    border-color: #dce775 !important
}

.lime.lighten-2,
.lime.lighten-2--after:after {
    background-color: #dce775 !important
}

.lime--text.text--lighten-2 {
    color: #dce775 !important
}

.lime--text.text--lighten-2 input,
.lime--text.text--lighten-2 textarea {
    caret-color: #dce775 !important
}

.lime.lighten-1 {
    border-color: #d4e157 !important
}

.lime.lighten-1,
.lime.lighten-1--after:after {
    background-color: #d4e157 !important
}

.lime--text.text--lighten-1 {
    color: #d4e157 !important
}

.lime--text.text--lighten-1 input,
.lime--text.text--lighten-1 textarea {
    caret-color: #d4e157 !important
}

.lime.darken-1 {
    border-color: #c0ca33 !important
}

.lime.darken-1,
.lime.darken-1--after:after {
    background-color: #c0ca33 !important
}

.lime--text.text--darken-1 {
    color: #c0ca33 !important
}

.lime--text.text--darken-1 input,
.lime--text.text--darken-1 textarea {
    caret-color: #c0ca33 !important
}

.lime.darken-2 {
    border-color: #afb42b !important
}

.lime.darken-2,
.lime.darken-2--after:after {
    background-color: #afb42b !important
}

.lime--text.text--darken-2 {
    color: #afb42b !important
}

.lime--text.text--darken-2 input,
.lime--text.text--darken-2 textarea {
    caret-color: #afb42b !important
}

.lime.darken-3 {
    border-color: #9e9d24 !important
}

.lime.darken-3,
.lime.darken-3--after:after {
    background-color: #9e9d24 !important
}

.lime--text.text--darken-3 {
    color: #9e9d24 !important
}

.lime--text.text--darken-3 input,
.lime--text.text--darken-3 textarea {
    caret-color: #9e9d24 !important
}

.lime.darken-4 {
    border-color: #827717 !important
}

.lime.darken-4,
.lime.darken-4--after:after {
    background-color: #827717 !important
}

.lime--text.text--darken-4 {
    color: #827717 !important
}

.lime--text.text--darken-4 input,
.lime--text.text--darken-4 textarea {
    caret-color: #827717 !important
}

.lime.accent-1 {
    border-color: #f4ff81 !important
}

.lime.accent-1,
.lime.accent-1--after:after {
    background-color: #f4ff81 !important
}

.lime--text.text--accent-1 {
    color: #f4ff81 !important
}

.lime--text.text--accent-1 input,
.lime--text.text--accent-1 textarea {
    caret-color: #f4ff81 !important
}

.lime.accent-2 {
    border-color: #eeff41 !important
}

.lime.accent-2,
.lime.accent-2--after:after {
    background-color: #eeff41 !important
}

.lime--text.text--accent-2 {
    color: #eeff41 !important
}

.lime--text.text--accent-2 input,
.lime--text.text--accent-2 textarea {
    caret-color: #eeff41 !important
}

.lime.accent-3 {
    border-color: #c6ff00 !important
}

.lime.accent-3,
.lime.accent-3--after:after {
    background-color: #c6ff00 !important
}

.lime--text.text--accent-3 {
    color: #c6ff00 !important
}

.lime--text.text--accent-3 input,
.lime--text.text--accent-3 textarea {
    caret-color: #c6ff00 !important
}

.lime.accent-4 {
    border-color: #aeea00 !important
}

.lime.accent-4,
.lime.accent-4--after:after {
    background-color: #aeea00 !important
}

.lime--text.text--accent-4 {
    color: #aeea00 !important
}

.lime--text.text--accent-4 input,
.lime--text.text--accent-4 textarea {
    caret-color: #aeea00 !important
}

.yellow {
    background-color: #ffeb3b !important;
    border-color: #ffeb3b !important
}

.yellow--text {
    color: #ffeb3b !important
}

.yellow--text input,
.yellow--text textarea {
    caret-color: #ffeb3b !important
}

.yellow--after:after {
    background: #ffeb3b !important
}

.yellow.lighten-5 {
    border-color: #fffde7 !important
}

.yellow.lighten-5,
.yellow.lighten-5--after:after {
    background-color: #fffde7 !important
}

.yellow--text.text--lighten-5 {
    color: #fffde7 !important
}

.yellow--text.text--lighten-5 input,
.yellow--text.text--lighten-5 textarea {
    caret-color: #fffde7 !important
}

.yellow.lighten-4 {
    border-color: #fff9c4 !important
}

.yellow.lighten-4,
.yellow.lighten-4--after:after {
    background-color: #fff9c4 !important
}

.yellow--text.text--lighten-4 {
    color: #fff9c4 !important
}

.yellow--text.text--lighten-4 input,
.yellow--text.text--lighten-4 textarea {
    caret-color: #fff9c4 !important
}

.yellow.lighten-3 {
    border-color: #fff59d !important
}

.yellow.lighten-3,
.yellow.lighten-3--after:after {
    background-color: #fff59d !important
}

.yellow--text.text--lighten-3 {
    color: #fff59d !important
}

.yellow--text.text--lighten-3 input,
.yellow--text.text--lighten-3 textarea {
    caret-color: #fff59d !important
}

.yellow.lighten-2 {
    border-color: #fff176 !important
}

.yellow.lighten-2,
.yellow.lighten-2--after:after {
    background-color: #fff176 !important
}

.yellow--text.text--lighten-2 {
    color: #fff176 !important
}

.yellow--text.text--lighten-2 input,
.yellow--text.text--lighten-2 textarea {
    caret-color: #fff176 !important
}

.yellow.lighten-1 {
    border-color: #ffee58 !important
}

.yellow.lighten-1,
.yellow.lighten-1--after:after {
    background-color: #ffee58 !important
}

.yellow--text.text--lighten-1 {
    color: #ffee58 !important
}

.yellow--text.text--lighten-1 input,
.yellow--text.text--lighten-1 textarea {
    caret-color: #ffee58 !important
}

.yellow.darken-1 {
    border-color: #fdd835 !important
}

.yellow.darken-1,
.yellow.darken-1--after:after {
    background-color: #fdd835 !important
}

.yellow--text.text--darken-1 {
    color: #fdd835 !important
}

.yellow--text.text--darken-1 input,
.yellow--text.text--darken-1 textarea {
    caret-color: #fdd835 !important
}

.yellow.darken-2 {
    border-color: #fbc02d !important
}

.yellow.darken-2,
.yellow.darken-2--after:after {
    background-color: #fbc02d !important
}

.yellow--text.text--darken-2 {
    color: #fbc02d !important
}

.yellow--text.text--darken-2 input,
.yellow--text.text--darken-2 textarea {
    caret-color: #fbc02d !important
}

.yellow.darken-3 {
    border-color: #f9a825 !important
}

.yellow.darken-3,
.yellow.darken-3--after:after {
    background-color: #f9a825 !important
}

.yellow--text.text--darken-3 {
    color: #f9a825 !important
}

.yellow--text.text--darken-3 input,
.yellow--text.text--darken-3 textarea {
    caret-color: #f9a825 !important
}

.yellow.darken-4 {
    border-color: #f57f17 !important
}

.yellow.darken-4,
.yellow.darken-4--after:after {
    background-color: #f57f17 !important
}

.yellow--text.text--darken-4 {
    color: #f57f17 !important
}

.yellow--text.text--darken-4 input,
.yellow--text.text--darken-4 textarea {
    caret-color: #f57f17 !important
}

.yellow.accent-1 {
    border-color: #ffff8d !important
}

.yellow.accent-1,
.yellow.accent-1--after:after {
    background-color: #ffff8d !important
}

.yellow--text.text--accent-1 {
    color: #ffff8d !important
}

.yellow--text.text--accent-1 input,
.yellow--text.text--accent-1 textarea {
    caret-color: #ffff8d !important
}

.yellow.accent-2 {
    border-color: #ff0 !important
}

.yellow.accent-2,
.yellow.accent-2--after:after {
    background-color: #ff0 !important
}

.yellow--text.text--accent-2 {
    color: #ff0 !important
}

.yellow--text.text--accent-2 input,
.yellow--text.text--accent-2 textarea {
    caret-color: #ff0 !important
}

.yellow.accent-3 {
    border-color: #ffea00 !important
}

.yellow.accent-3,
.yellow.accent-3--after:after {
    background-color: #ffea00 !important
}

.yellow--text.text--accent-3 {
    color: #ffea00 !important
}

.yellow--text.text--accent-3 input,
.yellow--text.text--accent-3 textarea {
    caret-color: #ffea00 !important
}

.yellow.accent-4 {
    border-color: #ffd600 !important
}

.yellow.accent-4,
.yellow.accent-4--after:after {
    background-color: #ffd600 !important
}

.yellow--text.text--accent-4 {
    color: #ffd600 !important
}

.yellow--text.text--accent-4 input,
.yellow--text.text--accent-4 textarea {
    caret-color: #ffd600 !important
}

.amber {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important
}

.amber--text {
    color: #ffc107 !important
}

.amber--text input,
.amber--text textarea {
    caret-color: #ffc107 !important
}

.amber--after:after {
    background: #ffc107 !important
}

.amber.lighten-5 {
    border-color: #fff8e1 !important
}

.amber.lighten-5,
.amber.lighten-5--after:after {
    background-color: #fff8e1 !important
}

.amber--text.text--lighten-5 {
    color: #fff8e1 !important
}

.amber--text.text--lighten-5 input,
.amber--text.text--lighten-5 textarea {
    caret-color: #fff8e1 !important
}

.amber.lighten-4 {
    border-color: #ffecb3 !important
}

.amber.lighten-4,
.amber.lighten-4--after:after {
    background-color: #ffecb3 !important
}

.amber--text.text--lighten-4 {
    color: #ffecb3 !important
}

.amber--text.text--lighten-4 input,
.amber--text.text--lighten-4 textarea {
    caret-color: #ffecb3 !important
}

.amber.lighten-3 {
    border-color: #ffe082 !important
}

.amber.lighten-3,
.amber.lighten-3--after:after {
    background-color: #ffe082 !important
}

.amber--text.text--lighten-3 {
    color: #ffe082 !important
}

.amber--text.text--lighten-3 input,
.amber--text.text--lighten-3 textarea {
    caret-color: #ffe082 !important
}

.amber.lighten-2 {
    border-color: #ffd54f !important
}

.amber.lighten-2,
.amber.lighten-2--after:after {
    background-color: #ffd54f !important
}

.amber--text.text--lighten-2 {
    color: #ffd54f !important
}

.amber--text.text--lighten-2 input,
.amber--text.text--lighten-2 textarea {
    caret-color: #ffd54f !important
}

.amber.lighten-1 {
    border-color: #ffca28 !important
}

.amber.lighten-1,
.amber.lighten-1--after:after {
    background-color: #ffca28 !important
}

.amber--text.text--lighten-1 {
    color: #ffca28 !important
}

.amber--text.text--lighten-1 input,
.amber--text.text--lighten-1 textarea {
    caret-color: #ffca28 !important
}

.amber.darken-1 {
    border-color: #ffb300 !important
}

.amber.darken-1,
.amber.darken-1--after:after {
    background-color: #ffb300 !important
}

.amber--text.text--darken-1 {
    color: #ffb300 !important
}

.amber--text.text--darken-1 input,
.amber--text.text--darken-1 textarea {
    caret-color: #ffb300 !important
}

.amber.darken-2 {
    border-color: #ffa000 !important
}

.amber.darken-2,
.amber.darken-2--after:after {
    background-color: #ffa000 !important
}

.amber--text.text--darken-2 {
    color: #ffa000 !important
}

.amber--text.text--darken-2 input,
.amber--text.text--darken-2 textarea {
    caret-color: #ffa000 !important
}

.amber.darken-3 {
    border-color: #ff8f00 !important
}

.amber.darken-3,
.amber.darken-3--after:after {
    background-color: #ff8f00 !important
}

.amber--text.text--darken-3 {
    color: #ff8f00 !important
}

.amber--text.text--darken-3 input,
.amber--text.text--darken-3 textarea {
    caret-color: #ff8f00 !important
}

.amber.darken-4 {
    border-color: #ff6f00 !important
}

.amber.darken-4,
.amber.darken-4--after:after {
    background-color: #ff6f00 !important
}

.amber--text.text--darken-4 {
    color: #ff6f00 !important
}

.amber--text.text--darken-4 input,
.amber--text.text--darken-4 textarea {
    caret-color: #ff6f00 !important
}

.amber.accent-1 {
    border-color: #ffe57f !important
}

.amber.accent-1,
.amber.accent-1--after:after {
    background-color: #ffe57f !important
}

.amber--text.text--accent-1 {
    color: #ffe57f !important
}

.amber--text.text--accent-1 input,
.amber--text.text--accent-1 textarea {
    caret-color: #ffe57f !important
}

.amber.accent-2 {
    border-color: #ffd740 !important
}

.amber.accent-2,
.amber.accent-2--after:after {
    background-color: #ffd740 !important
}

.amber--text.text--accent-2 {
    color: #ffd740 !important
}

.amber--text.text--accent-2 input,
.amber--text.text--accent-2 textarea {
    caret-color: #ffd740 !important
}

.amber.accent-3 {
    border-color: #ffc400 !important
}

.amber.accent-3,
.amber.accent-3--after:after {
    background-color: #ffc400 !important
}

.amber--text.text--accent-3 {
    color: #ffc400 !important
}

.amber--text.text--accent-3 input,
.amber--text.text--accent-3 textarea {
    caret-color: #ffc400 !important
}

.amber.accent-4 {
    border-color: #ffab00 !important
}

.amber.accent-4,
.amber.accent-4--after:after {
    background-color: #ffab00 !important
}

.amber--text.text--accent-4 {
    color: #ffab00 !important
}

.amber--text.text--accent-4 input,
.amber--text.text--accent-4 textarea {
    caret-color: #ffab00 !important
}

.orange {
    background-color: #ff9800 !important;
    border-color: #ff9800 !important
}

.orange--text {
    color: #ff9800 !important
}

.orange--text input,
.orange--text textarea {
    caret-color: #ff9800 !important
}

.orange--after:after {
    background: #ff9800 !important
}

.orange.lighten-5 {
    border-color: #fff3e0 !important
}

.orange.lighten-5,
.orange.lighten-5--after:after {
    background-color: #fff3e0 !important
}

.orange--text.text--lighten-5 {
    color: #fff3e0 !important
}

.orange--text.text--lighten-5 input,
.orange--text.text--lighten-5 textarea {
    caret-color: #fff3e0 !important
}

.orange.lighten-4 {
    border-color: #ffe0b2 !important
}

.orange.lighten-4,
.orange.lighten-4--after:after {
    background-color: #ffe0b2 !important
}

.orange--text.text--lighten-4 {
    color: #ffe0b2 !important
}

.orange--text.text--lighten-4 input,
.orange--text.text--lighten-4 textarea {
    caret-color: #ffe0b2 !important
}

.orange.lighten-3 {
    border-color: #ffcc80 !important
}

.orange.lighten-3,
.orange.lighten-3--after:after {
    background-color: #ffcc80 !important
}

.orange--text.text--lighten-3 {
    color: #ffcc80 !important
}

.orange--text.text--lighten-3 input,
.orange--text.text--lighten-3 textarea {
    caret-color: #ffcc80 !important
}

.orange.lighten-2 {
    border-color: #ffb74d !important
}

.orange.lighten-2,
.orange.lighten-2--after:after {
    background-color: #ffb74d !important
}

.orange--text.text--lighten-2 {
    color: #ffb74d !important
}

.orange--text.text--lighten-2 input,
.orange--text.text--lighten-2 textarea {
    caret-color: #ffb74d !important
}

.orange.lighten-1 {
    border-color: #ffa726 !important
}

.orange.lighten-1,
.orange.lighten-1--after:after {
    background-color: #ffa726 !important
}

.orange--text.text--lighten-1 {
    color: #ffa726 !important
}

.orange--text.text--lighten-1 input,
.orange--text.text--lighten-1 textarea {
    caret-color: #ffa726 !important
}

.orange.darken-1 {
    border-color: #fb8c00 !important
}

.orange.darken-1,
.orange.darken-1--after:after {
    background-color: #fb8c00 !important
}

.orange--text.text--darken-1 {
    color: #fb8c00 !important
}

.orange--text.text--darken-1 input,
.orange--text.text--darken-1 textarea {
    caret-color: #fb8c00 !important
}

.orange.darken-2 {
    border-color: #f57c00 !important
}

.orange.darken-2,
.orange.darken-2--after:after {
    background-color: #f57c00 !important
}

.orange--text.text--darken-2 {
    color: #f57c00 !important
}

.orange--text.text--darken-2 input,
.orange--text.text--darken-2 textarea {
    caret-color: #f57c00 !important
}

.orange.darken-3 {
    border-color: #ef6c00 !important
}

.orange.darken-3,
.orange.darken-3--after:after {
    background-color: #ef6c00 !important
}

.orange--text.text--darken-3 {
    color: #ef6c00 !important
}

.orange--text.text--darken-3 input,
.orange--text.text--darken-3 textarea {
    caret-color: #ef6c00 !important
}

.orange.darken-4 {
    border-color: #e65100 !important
}

.orange.darken-4,
.orange.darken-4--after:after {
    background-color: #e65100 !important
}

.orange--text.text--darken-4 {
    color: #e65100 !important
}

.orange--text.text--darken-4 input,
.orange--text.text--darken-4 textarea {
    caret-color: #e65100 !important
}

.orange.accent-1 {
    border-color: #ffd180 !important
}

.orange.accent-1,
.orange.accent-1--after:after {
    background-color: #ffd180 !important
}

.orange--text.text--accent-1 {
    color: #ffd180 !important
}

.orange--text.text--accent-1 input,
.orange--text.text--accent-1 textarea {
    caret-color: #ffd180 !important
}

.orange.accent-2 {
    border-color: #ffab40 !important
}

.orange.accent-2,
.orange.accent-2--after:after {
    background-color: #ffab40 !important
}

.orange--text.text--accent-2 {
    color: #ffab40 !important
}

.orange--text.text--accent-2 input,
.orange--text.text--accent-2 textarea {
    caret-color: #ffab40 !important
}

.orange.accent-3 {
    border-color: #ff9100 !important
}

.orange.accent-3,
.orange.accent-3--after:after {
    background-color: #ff9100 !important
}

.orange--text.text--accent-3 {
    color: #ff9100 !important
}

.orange--text.text--accent-3 input,
.orange--text.text--accent-3 textarea {
    caret-color: #ff9100 !important
}

.orange.accent-4 {
    border-color: #ff6d00 !important
}

.orange.accent-4,
.orange.accent-4--after:after {
    background-color: #ff6d00 !important
}

.orange--text.text--accent-4 {
    color: #ff6d00 !important
}

.orange--text.text--accent-4 input,
.orange--text.text--accent-4 textarea {
    caret-color: #ff6d00 !important
}

.deep-orange {
    background-color: #ff5722 !important;
    border-color: #ff5722 !important
}

.deep-orange--text {
    color: #ff5722 !important
}

.deep-orange--text input,
.deep-orange--text textarea {
    caret-color: #ff5722 !important
}

.deep-orange--after:after {
    background: #ff5722 !important
}

.deep-orange.lighten-5 {
    border-color: #fbe9e7 !important
}

.deep-orange.lighten-5,
.deep-orange.lighten-5--after:after {
    background-color: #fbe9e7 !important
}

.deep-orange--text.text--lighten-5 {
    color: #fbe9e7 !important
}

.deep-orange--text.text--lighten-5 input,
.deep-orange--text.text--lighten-5 textarea {
    caret-color: #fbe9e7 !important
}

.deep-orange.lighten-4 {
    border-color: #ffccbc !important
}

.deep-orange.lighten-4,
.deep-orange.lighten-4--after:after {
    background-color: #ffccbc !important
}

.deep-orange--text.text--lighten-4 {
    color: #ffccbc !important
}

.deep-orange--text.text--lighten-4 input,
.deep-orange--text.text--lighten-4 textarea {
    caret-color: #ffccbc !important
}

.deep-orange.lighten-3 {
    border-color: #ffab91 !important
}

.deep-orange.lighten-3,
.deep-orange.lighten-3--after:after {
    background-color: #ffab91 !important
}

.deep-orange--text.text--lighten-3 {
    color: #ffab91 !important
}

.deep-orange--text.text--lighten-3 input,
.deep-orange--text.text--lighten-3 textarea {
    caret-color: #ffab91 !important
}

.deep-orange.lighten-2 {
    border-color: #ff8a65 !important
}

.deep-orange.lighten-2,
.deep-orange.lighten-2--after:after {
    background-color: #ff8a65 !important
}

.deep-orange--text.text--lighten-2 {
    color: #ff8a65 !important
}

.deep-orange--text.text--lighten-2 input,
.deep-orange--text.text--lighten-2 textarea {
    caret-color: #ff8a65 !important
}

.deep-orange.lighten-1 {
    border-color: #ff7043 !important
}

.deep-orange.lighten-1,
.deep-orange.lighten-1--after:after {
    background-color: #ff7043 !important
}

.deep-orange--text.text--lighten-1 {
    color: #ff7043 !important
}

.deep-orange--text.text--lighten-1 input,
.deep-orange--text.text--lighten-1 textarea {
    caret-color: #ff7043 !important
}

.deep-orange.darken-1 {
    border-color: #f4511e !important
}

.deep-orange.darken-1,
.deep-orange.darken-1--after:after {
    background-color: #f4511e !important
}

.deep-orange--text.text--darken-1 {
    color: #f4511e !important
}

.deep-orange--text.text--darken-1 input,
.deep-orange--text.text--darken-1 textarea {
    caret-color: #f4511e !important
}

.deep-orange.darken-2 {
    border-color: #e64a19 !important
}

.deep-orange.darken-2,
.deep-orange.darken-2--after:after {
    background-color: #e64a19 !important
}

.deep-orange--text.text--darken-2 {
    color: #e64a19 !important
}

.deep-orange--text.text--darken-2 input,
.deep-orange--text.text--darken-2 textarea {
    caret-color: #e64a19 !important
}

.deep-orange.darken-3 {
    border-color: #d84315 !important
}

.deep-orange.darken-3,
.deep-orange.darken-3--after:after {
    background-color: #d84315 !important
}

.deep-orange--text.text--darken-3 {
    color: #d84315 !important
}

.deep-orange--text.text--darken-3 input,
.deep-orange--text.text--darken-3 textarea {
    caret-color: #d84315 !important
}

.deep-orange.darken-4 {
    border-color: #bf360c !important
}

.deep-orange.darken-4,
.deep-orange.darken-4--after:after {
    background-color: #bf360c !important
}

.deep-orange--text.text--darken-4 {
    color: #bf360c !important
}

.deep-orange--text.text--darken-4 input,
.deep-orange--text.text--darken-4 textarea {
    caret-color: #bf360c !important
}

.deep-orange.accent-1 {
    border-color: #ff9e80 !important
}

.deep-orange.accent-1,
.deep-orange.accent-1--after:after {
    background-color: #ff9e80 !important
}

.deep-orange--text.text--accent-1 {
    color: #ff9e80 !important
}

.deep-orange--text.text--accent-1 input,
.deep-orange--text.text--accent-1 textarea {
    caret-color: #ff9e80 !important
}

.deep-orange.accent-2 {
    border-color: #ff6e40 !important
}

.deep-orange.accent-2,
.deep-orange.accent-2--after:after {
    background-color: #ff6e40 !important
}

.deep-orange--text.text--accent-2 {
    color: #ff6e40 !important
}

.deep-orange--text.text--accent-2 input,
.deep-orange--text.text--accent-2 textarea {
    caret-color: #ff6e40 !important
}

.deep-orange.accent-3 {
    border-color: #ff3d00 !important
}

.deep-orange.accent-3,
.deep-orange.accent-3--after:after {
    background-color: #ff3d00 !important
}

.deep-orange--text.text--accent-3 {
    color: #ff3d00 !important
}

.deep-orange--text.text--accent-3 input,
.deep-orange--text.text--accent-3 textarea {
    caret-color: #ff3d00 !important
}

.deep-orange.accent-4 {
    border-color: #dd2c00 !important
}

.deep-orange.accent-4,
.deep-orange.accent-4--after:after {
    background-color: #dd2c00 !important
}

.deep-orange--text.text--accent-4 {
    color: #dd2c00 !important
}

.deep-orange--text.text--accent-4 input,
.deep-orange--text.text--accent-4 textarea {
    caret-color: #dd2c00 !important
}

.brown {
    background-color: #795548 !important;
    border-color: #795548 !important
}

.brown--text {
    color: #795548 !important
}

.brown--text input,
.brown--text textarea {
    caret-color: #795548 !important
}

.brown--after:after {
    background: #795548 !important
}

.brown.lighten-5 {
    border-color: #efebe9 !important
}

.brown.lighten-5,
.brown.lighten-5--after:after {
    background-color: #efebe9 !important
}

.brown--text.text--lighten-5 {
    color: #efebe9 !important
}

.brown--text.text--lighten-5 input,
.brown--text.text--lighten-5 textarea {
    caret-color: #efebe9 !important
}

.brown.lighten-4 {
    border-color: #d7ccc8 !important
}

.brown.lighten-4,
.brown.lighten-4--after:after {
    background-color: #d7ccc8 !important
}

.brown--text.text--lighten-4 {
    color: #d7ccc8 !important
}

.brown--text.text--lighten-4 input,
.brown--text.text--lighten-4 textarea {
    caret-color: #d7ccc8 !important
}

.brown.lighten-3 {
    border-color: #bcaaa4 !important
}

.brown.lighten-3,
.brown.lighten-3--after:after {
    background-color: #bcaaa4 !important
}

.brown--text.text--lighten-3 {
    color: #bcaaa4 !important
}

.brown--text.text--lighten-3 input,
.brown--text.text--lighten-3 textarea {
    caret-color: #bcaaa4 !important
}

.brown.lighten-2 {
    border-color: #a1887f !important
}

.brown.lighten-2,
.brown.lighten-2--after:after {
    background-color: #a1887f !important
}

.brown--text.text--lighten-2 {
    color: #a1887f !important
}

.brown--text.text--lighten-2 input,
.brown--text.text--lighten-2 textarea {
    caret-color: #a1887f !important
}

.brown.lighten-1 {
    border-color: #8d6e63 !important
}

.brown.lighten-1,
.brown.lighten-1--after:after {
    background-color: #8d6e63 !important
}

.brown--text.text--lighten-1 {
    color: #8d6e63 !important
}

.brown--text.text--lighten-1 input,
.brown--text.text--lighten-1 textarea {
    caret-color: #8d6e63 !important
}

.brown.darken-1 {
    border-color: #6d4c41 !important
}

.brown.darken-1,
.brown.darken-1--after:after {
    background-color: #6d4c41 !important
}

.brown--text.text--darken-1 {
    color: #6d4c41 !important
}

.brown--text.text--darken-1 input,
.brown--text.text--darken-1 textarea {
    caret-color: #6d4c41 !important
}

.brown.darken-2 {
    border-color: #5d4037 !important
}

.brown.darken-2,
.brown.darken-2--after:after {
    background-color: #5d4037 !important
}

.brown--text.text--darken-2 {
    color: #5d4037 !important
}

.brown--text.text--darken-2 input,
.brown--text.text--darken-2 textarea {
    caret-color: #5d4037 !important
}

.brown.darken-3 {
    border-color: #4e342e !important
}

.brown.darken-3,
.brown.darken-3--after:after {
    background-color: #4e342e !important
}

.brown--text.text--darken-3 {
    color: #4e342e !important
}

.brown--text.text--darken-3 input,
.brown--text.text--darken-3 textarea {
    caret-color: #4e342e !important
}

.brown.darken-4 {
    border-color: #3e2723 !important
}

.brown.darken-4,
.brown.darken-4--after:after {
    background-color: #3e2723 !important
}

.brown--text.text--darken-4 {
    color: #3e2723 !important
}

.brown--text.text--darken-4 input,
.brown--text.text--darken-4 textarea {
    caret-color: #3e2723 !important
}

.blue-grey {
    background-color: #607d8b !important;
    border-color: #607d8b !important
}

.blue-grey--text {
    color: #607d8b !important
}

.blue-grey--text input,
.blue-grey--text textarea {
    caret-color: #607d8b !important
}

.blue-grey--after:after {
    background: #607d8b !important
}

.blue-grey.lighten-5 {
    border-color: #eceff1 !important
}

.blue-grey.lighten-5,
.blue-grey.lighten-5--after:after {
    background-color: #eceff1 !important
}

.blue-grey--text.text--lighten-5 {
    color: #eceff1 !important
}

.blue-grey--text.text--lighten-5 input,
.blue-grey--text.text--lighten-5 textarea {
    caret-color: #eceff1 !important
}

.blue-grey.lighten-4 {
    border-color: #cfd8dc !important
}

.blue-grey.lighten-4,
.blue-grey.lighten-4--after:after {
    background-color: #cfd8dc !important
}

.blue-grey--text.text--lighten-4 {
    color: #cfd8dc !important
}

.blue-grey--text.text--lighten-4 input,
.blue-grey--text.text--lighten-4 textarea {
    caret-color: #cfd8dc !important
}

.blue-grey.lighten-3 {
    border-color: #b0bec5 !important
}

.blue-grey.lighten-3,
.blue-grey.lighten-3--after:after {
    background-color: #b0bec5 !important
}

.blue-grey--text.text--lighten-3 {
    color: #b0bec5 !important
}

.blue-grey--text.text--lighten-3 input,
.blue-grey--text.text--lighten-3 textarea {
    caret-color: #b0bec5 !important
}

.blue-grey.lighten-2 {
    border-color: #90a4ae !important
}

.blue-grey.lighten-2,
.blue-grey.lighten-2--after:after {
    background-color: #90a4ae !important
}

.blue-grey--text.text--lighten-2 {
    color: #90a4ae !important
}

.blue-grey--text.text--lighten-2 input,
.blue-grey--text.text--lighten-2 textarea {
    caret-color: #90a4ae !important
}

.blue-grey.lighten-1 {
    border-color: #78909c !important
}

.blue-grey.lighten-1,
.blue-grey.lighten-1--after:after {
    background-color: #78909c !important
}

.blue-grey--text.text--lighten-1 {
    color: #78909c !important
}

.blue-grey--text.text--lighten-1 input,
.blue-grey--text.text--lighten-1 textarea {
    caret-color: #78909c !important
}

.blue-grey.darken-1 {
    border-color: #546e7a !important
}

.blue-grey.darken-1,
.blue-grey.darken-1--after:after {
    background-color: #546e7a !important
}

.blue-grey--text.text--darken-1 {
    color: #546e7a !important
}

.blue-grey--text.text--darken-1 input,
.blue-grey--text.text--darken-1 textarea {
    caret-color: #546e7a !important
}

.blue-grey.darken-2 {
    border-color: #455a64 !important
}

.blue-grey.darken-2,
.blue-grey.darken-2--after:after {
    background-color: #455a64 !important
}

.blue-grey--text.text--darken-2 {
    color: #455a64 !important
}

.blue-grey--text.text--darken-2 input,
.blue-grey--text.text--darken-2 textarea {
    caret-color: #455a64 !important
}

.blue-grey.darken-3 {
    border-color: #37474f !important
}

.blue-grey.darken-3,
.blue-grey.darken-3--after:after {
    background-color: #37474f !important
}

.blue-grey--text.text--darken-3 {
    color: #37474f !important
}

.blue-grey--text.text--darken-3 input,
.blue-grey--text.text--darken-3 textarea {
    caret-color: #37474f !important
}

.blue-grey.darken-4 {
    border-color: #263238 !important
}

.blue-grey.darken-4,
.blue-grey.darken-4--after:after {
    background-color: #263238 !important
}

.blue-grey--text.text--darken-4 {
    color: #263238 !important
}

.blue-grey--text.text--darken-4 input,
.blue-grey--text.text--darken-4 textarea {
    caret-color: #263238 !important
}

.grey {
    background-color: #9e9e9e !important;
    border-color: #9e9e9e !important
}

.grey--text {
    color: #9e9e9e !important
}

.grey--text input,
.grey--text textarea {
    caret-color: #9e9e9e !important
}

.grey--after:after {
    background: #9e9e9e !important
}

.grey.lighten-5 {
    border-color: #fafafa !important
}

.grey.lighten-5,
.grey.lighten-5--after:after {
    background-color: #fafafa !important
}

.grey--text.text--lighten-5 {
    color: #fafafa !important
}

.grey--text.text--lighten-5 input,
.grey--text.text--lighten-5 textarea {
    caret-color: #fafafa !important
}

.grey.lighten-4 {
    border-color: #f5f5f5 !important
}

.grey.lighten-4,
.grey.lighten-4--after:after {
    background-color: #f5f5f5 !important
}

.grey--text.text--lighten-4 {
    color: #f5f5f5 !important
}

.grey--text.text--lighten-4 input,
.grey--text.text--lighten-4 textarea {
    caret-color: #f5f5f5 !important
}

.grey.lighten-3 {
    border-color: #eee !important
}

.grey.lighten-3,
.grey.lighten-3--after:after {
    background-color: #eee !important
}

.grey--text.text--lighten-3 {
    color: #eee !important
}

.grey--text.text--lighten-3 input,
.grey--text.text--lighten-3 textarea {
    caret-color: #eee !important
}

.grey.lighten-2 {
    border-color: #e0e0e0 !important
}

.grey.lighten-2,
.grey.lighten-2--after:after {
    background-color: #e0e0e0 !important
}

.grey--text.text--lighten-2 {
    color: #e0e0e0 !important
}

.grey--text.text--lighten-2 input,
.grey--text.text--lighten-2 textarea {
    caret-color: #e0e0e0 !important
}

.grey.lighten-1 {
    border-color: #bdbdbd !important
}

.grey.lighten-1,
.grey.lighten-1--after:after {
    background-color: #bdbdbd !important
}

.grey--text.text--lighten-1 {
    color: #bdbdbd !important
}

.grey--text.text--lighten-1 input,
.grey--text.text--lighten-1 textarea {
    caret-color: #bdbdbd !important
}

.grey.darken-1 {
    border-color: #757575 !important
}

.grey.darken-1,
.grey.darken-1--after:after {
    background-color: #757575 !important
}

.grey--text.text--darken-1 {
    color: #757575 !important
}

.grey--text.text--darken-1 input,
.grey--text.text--darken-1 textarea {
    caret-color: #757575 !important
}

.grey.darken-2 {
    border-color: #616161 !important
}

.grey.darken-2,
.grey.darken-2--after:after {
    background-color: #616161 !important
}

.grey--text.text--darken-2 {
    color: #616161 !important
}

.grey--text.text--darken-2 input,
.grey--text.text--darken-2 textarea {
    caret-color: #616161 !important
}

.grey.darken-3 {
    border-color: #424242 !important
}

.grey.darken-3,
.grey.darken-3--after:after {
    background-color: #424242 !important
}

.grey--text.text--darken-3 {
    color: #424242 !important
}

.grey--text.text--darken-3 input,
.grey--text.text--darken-3 textarea {
    caret-color: #424242 !important
}

.grey.darken-4 {
    border-color: #212121 !important
}

.grey.darken-4,
.grey.darken-4--after:after {
    background-color: #212121 !important
}

.grey--text.text--darken-4 {
    color: #212121 !important
}

.grey--text.text--darken-4 input,
.grey--text.text--darken-4 textarea {
    caret-color: #212121 !important
}

.shades.black {
    border-color: #000 !important
}

.shades.black,
.shades.black--after:after {
    background-color: #000 !important
}

.shades--text.text--black {
    color: #000 !important
}

.shades--text.text--black input,
.shades--text.text--black textarea {
    caret-color: #000 !important
}

.shades.white {
    border-color: #fff !important
}

.shades.white,
.shades.white--after:after {
    background-color: #fff !important
}

.shades--text.text--white {
    color: #fff !important
}

.shades--text.text--white input,
.shades--text.text--white textarea {
    caret-color: #fff !important
}

.shades.transparent {
    border-color: transparent !important
}

.shades.transparent,
.shades.transparent--after:after {
    background-color: transparent !important
}

.shades--text.text--transparent {
    color: transparent !important
}

.shades--text.text--transparent input,
.shades--text.text--transparent textarea {
    caret-color: transparent !important
}

.elevation-0 {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12) !important
}

.elevation-1 {
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12) !important
}

.elevation-2 {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12) !important
}

.elevation-3 {
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12) !important
}

.elevation-4 {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12) !important
}

.elevation-5 {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12) !important
}

.elevation-6 {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12) !important
}

.elevation-7 {
    box-shadow: 0 4px 5px -2px rgba(0, 0, 0, .2), 0 7px 10px 1px rgba(0, 0, 0, .14), 0 2px 16px 1px rgba(0, 0, 0, .12) !important
}

.elevation-8 {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12) !important
}

.elevation-9 {
    box-shadow: 0 5px 6px -3px rgba(0, 0, 0, .2), 0 9px 12px 1px rgba(0, 0, 0, .14), 0 3px 16px 2px rgba(0, 0, 0, .12) !important
}

.elevation-10 {
    box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .2), 0 10px 14px 1px rgba(0, 0, 0, .14), 0 4px 18px 3px rgba(0, 0, 0, .12) !important
}

.elevation-11 {
    box-shadow: 0 6px 7px -4px rgba(0, 0, 0, .2), 0 11px 15px 1px rgba(0, 0, 0, .14), 0 4px 20px 3px rgba(0, 0, 0, .12) !important
}

.elevation-12 {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12) !important
}

.elevation-13 {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12) !important
}

.elevation-14 {
    box-shadow: 0 7px 9px -4px rgba(0, 0, 0, .2), 0 14px 21px 2px rgba(0, 0, 0, .14), 0 5px 26px 4px rgba(0, 0, 0, .12) !important
}

.elevation-15 {
    box-shadow: 0 8px 9px -5px rgba(0, 0, 0, .2), 0 15px 22px 2px rgba(0, 0, 0, .14), 0 6px 28px 5px rgba(0, 0, 0, .12) !important
}

.elevation-16 {
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12) !important
}

.elevation-17 {
    box-shadow: 0 8px 11px -5px rgba(0, 0, 0, .2), 0 17px 26px 2px rgba(0, 0, 0, .14), 0 6px 32px 5px rgba(0, 0, 0, .12) !important
}

.elevation-18 {
    box-shadow: 0 9px 11px -5px rgba(0, 0, 0, .2), 0 18px 28px 2px rgba(0, 0, 0, .14), 0 7px 34px 6px rgba(0, 0, 0, .12) !important
}

.elevation-19 {
    box-shadow: 0 9px 12px -6px rgba(0, 0, 0, .2), 0 19px 29px 2px rgba(0, 0, 0, .14), 0 7px 36px 6px rgba(0, 0, 0, .12) !important
}

.elevation-20 {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 20px 31px 3px rgba(0, 0, 0, .14), 0 8px 38px 7px rgba(0, 0, 0, .12) !important
}

.elevation-21 {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 21px 33px 3px rgba(0, 0, 0, .14), 0 8px 40px 7px rgba(0, 0, 0, .12) !important
}

.elevation-22 {
    box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .2), 0 22px 35px 3px rgba(0, 0, 0, .14), 0 8px 42px 7px rgba(0, 0, 0, .12) !important
}

.elevation-23 {
    box-shadow: 0 11px 14px -7px rgba(0, 0, 0, .2), 0 23px 36px 3px rgba(0, 0, 0, .14), 0 9px 44px 8px rgba(0, 0, 0, .12) !important
}

.elevation-24 {
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12) !important
}

html {
    box-sizing: border-box;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%
}

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

:after,
:before {
    text-decoration: inherit;
    vertical-align: inherit
}

* {
    background-repeat: no-repeat;
    padding: 0;
    margin: 0
}

audio:not([controls]) {
    display: none;
    height: 0
}

hr {
    overflow: visible
}

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

summary {
    display: list-item
}

small {
    font-size: 80%
}

[hidden],
template {
    display: none
}

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

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
    outline-width: 0
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace
}

b,
strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

input {
    border-radius: 0
}

[role=button],
[type=button],
[type=reset],
[type=submit],
button {
    cursor: pointer
}

[disabled] {
    cursor: default
}

[type=number] {
    width: auto
}

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

textarea {
    overflow: auto;
    resize: vertical
}

button,
input,
optgroup,
select,
textarea {
    font: inherit
}

optgroup {
    font-weight: 700
}

button {
    overflow: visible
}

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

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button:-moz-focusring {
    outline: 0;
    border: 0
}

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

button,
select {
    text-transform: none
}

button,
input,
select,
textarea {
    background-color: transparent;
    border-style: none;
    color: inherit
}

select {
    -moz-appearance: none;
    -webkit-appearance: none
}

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

select::-ms-value {
    color: currentColor
}

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

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

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

img {
    border-style: none
}

progress {
    vertical-align: baseline
}

svg:not(:root) {
    overflow: hidden
}

audio,
canvas,
progress,
video {
    display: inline-block
}

@media screen {
    [hidden~=screen] {
        display: inherit
    }

    [hidden~=screen]:not(:active):not(:focus):not(:target) {
        position: absolute !important;
        clip: rect(0 0 0 0) !important
    }
}

[aria-busy=true] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-disabled] {
    cursor: default
}

::-moz-selection {
    background-color: #b3d4fc;
    color: #000;
    text-shadow: none
}

::selection {
    background-color: #b3d4fc;
    color: #000;
    text-shadow: none
}

.bottom-sheet-transition-enter,
.bottom-sheet-transition-leave-to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.carousel-transition-enter {
    -webkit-transform: translate(100%);
    transform: translate(100%)
}

.carousel-transition-leave,
.carousel-transition-leave-to {
    position: absolute;
    top: 0
}

.carousel-reverse-transition-enter,
.carousel-transition-leave,
.carousel-transition-leave-to {
    -webkit-transform: translate(-100%);
    transform: translate(-100%)
}

.carousel-reverse-transition-leave,
.carousel-reverse-transition-leave-to {
    position: absolute;
    top: 0;
    -webkit-transform: translate(100%);
    transform: translate(100%)
}

.dialog-transition-enter,
.dialog-transition-leave-to {
    -webkit-transform: scale(.5);
    transform: scale(.5);
    opacity: 0
}

.dialog-transition-enter-to,
.dialog-transition-leave {
    opacity: 1
}

.dialog-bottom-transition-enter,
.dialog-bottom-transition-leave-to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.picker-reverse-transition-enter-active,
.picker-reverse-transition-leave-active,
.picker-transition-enter-active,
.picker-transition-leave-active {
    -webkit-transition: .3s cubic-bezier(0, 0, .2, 1);
    transition: .3s cubic-bezier(0, 0, .2, 1)
}

.picker-reverse-transition-enter,
.picker-reverse-transition-leave-to,
.picker-transition-enter,
.picker-transition-leave-to {
    opacity: 0
}

.picker-reverse-transition-enter-to,
.picker-transition-enter-to {
    transtion: translate(0, 0)
}

.picker-reverse-transition-leave,
.picker-reverse-transition-leave-active,
.picker-reverse-transition-leave-to,
.picker-transition-leave,
.picker-transition-leave-active,
.picker-transition-leave-to {
    position: absolute !important
}

.picker-transition-enter {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.picker-reverse-transition-enter,
.picker-transition-leave-to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.picker-reverse-transition-leave-to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.picker-title-transition-enter-to,
.picker-title-transition-leave {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.picker-title-transition-enter {
    -webkit-transform: translate(-100%);
    transform: translate(-100%)
}

.picker-title-transition-leave-to {
    opacity: 0;
    -webkit-transform: translate(100%);
    transform: translate(100%)
}

.picker-title-transition-leave,
.picker-title-transition-leave-active,
.picker-title-transition-leave-to {
    position: absolute !important
}

.tab-transition-enter {
    -webkit-transform: translate(100%);
    transform: translate(100%)
}

.tab-transition-enter-to {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.tab-transition-leave,
.tab-transition-leave-active {
    position: absolute;
    top: 0
}

.tab-transition-leave-to {
    position: absolute
}

.tab-reverse-transition-enter,
.tab-transition-leave-to {
    -webkit-transform: translate(-100%);
    transform: translate(-100%)
}

.tab-reverse-transition-leave,
.tab-reverse-transition-leave-to {
    top: 0;
    position: absolute;
    -webkit-transform: translate(100%);
    transform: translate(100%)
}

.scale-transition-enter-active,
.scale-transition-leave-active {
    -webkit-transition: .2s cubic-bezier(.4, 0, .6, 1);
    transition: .2s cubic-bezier(.4, 0, .6, 1)
}

.scale-transition-enter,
.scale-transition-leave,
.scale-transition-leave-to {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.slide-y-transition-enter-active,
.slide-y-transition-leave-active {
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.slide-y-transition-enter,
.slide-y-transition-leave-to {
    opacity: 0;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
}

.slide-y-reverse-transition-enter-active,
.slide-y-reverse-transition-leave-active {
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.slide-y-reverse-transition-enter,
.slide-y-reverse-transition-leave-to {
    opacity: 0;
    -webkit-transform: translateY(15px);
    transform: translateY(15px)
}

.slide-x-transition-enter-active,
.slide-x-transition-leave-active {
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.slide-x-transition-enter,
.slide-x-transition-leave-to {
    opacity: 0;
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px)
}

.slide-x-reverse-transition-enter-active,
.slide-x-reverse-transition-leave-active {
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.slide-x-reverse-transition-enter,
.slide-x-reverse-transition-leave-to {
    opacity: 0;
    -webkit-transform: translateX(15px);
    transform: translateX(15px)
}

.fade-transition-enter-active,
.fade-transition-leave-active {
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

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

.fab-transition-enter-active,
.fab-transition-leave-active {
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.fab-transition-enter,
.fab-transition-leave-to {
    -webkit-transform: scale(0) rotate(-45deg);
    transform: scale(0) rotate(-45deg)
}

.blockquote {
    padding: 16px 0 16px 24px;
    font-size: 18px;
    font-weight: 300
}

code,
kbd {
    display: inline-block;
    border-radius: 3px;
    white-space: pre-wrap;
    font-size: 85%;
    font-weight: 900
}

code:after,
code:before,
kbd:after,
kbd:before {
    content: "\A0";
    letter-spacing: -1px
}

code {
    background-color: #f5f5f5;
    color: #bd4147;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)
}

kbd {
    background: #424242;
    color: #fff
}

html {
    font-size: 14px;
    overflow-x: hidden;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent
}

.application {
    font-family: Roboto, sans-serif;
    line-height: 1.5
}

::-ms-clear,
::-ms-reveal {
    display: none
}

.browser-list {
    padding-left: 24px
}

.browser-list--unstyled {
    list-style-type: none
}

.display-4 {
    font-size: 112px !important;
    font-weight: 300;
    line-height: 1 !important;
    letter-spacing: -.04em !important
}

.display-3 {
    font-size: 56px !important;
    font-weight: 400;
    line-height: 1.35 !important;
    letter-spacing: -.02em !important
}

.display-2 {
    font-size: 45px !important;
    line-height: 48px !important
}

.display-1,
.display-2 {
    font-weight: 400;
    letter-spacing: normal !important
}

.display-1 {
    font-size: 34px !important;
    line-height: 40px !important
}

.headline {
    font-size: 24px !important;
    font-weight: 400;
    line-height: 32px !important;
    letter-spacing: normal !important
}

.title {
    font-size: 20px !important;
    font-weight: 500;
    line-height: 1 !important;
    letter-spacing: .02em !important
}

.subheading {
    font-size: 16px !important;
    font-weight: 400
}

.body-2 {
    font-weight: 500
}

.body-1,
.body-2 {
    font-size: 14px !important
}

.body-1,
.caption {
    font-weight: 400
}

.caption {
    font-size: 12px !important
}

p {
    margin-bottom: 16px
}

@media only screen and (max-width:599px) {
    .hidden-xs-only {
        display: none !important
    }
}

@media only screen and (min-width:600px) and (max-width:959px) {
    .hidden-sm-only {
        display: none !important
    }
}

@media only screen and (max-width:959px) {
    .hidden-sm-and-down {
        display: none !important
    }
}

@media only screen and (min-width:600px) {
    .hidden-sm-and-up {
        display: none !important
    }
}

@media only screen and (min-width:960px) and (max-width:1263px) {
    .hidden-md-only {
        display: none !important
    }
}

@media only screen and (max-width:1263px) {
    .hidden-md-and-down {
        display: none !important
    }
}

@media only screen and (min-width:960px) {
    .hidden-md-and-up {
        display: none !important
    }
}

@media only screen and (min-width:1264px) and (max-width:1903px) {
    .hidden-lg-only {
        display: none !important
    }
}

@media only screen and (max-width:1903px) {
    .hidden-lg-and-down {
        display: none !important
    }
}

@media only screen and (min-width:1264px) {
    .hidden-lg-and-up {
        display: none !important
    }
}

@media only screen and (min-width:1904px) {
    .hidden-xl-only {
        display: none !important
    }
}

.overflow-hidden {
    overflow: hidden
}

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

.overflow-y-hidden {
    overflow-y: hidden
}

.right {
    float: right !important
}

.left {
    float: left !important
}

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

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

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

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

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

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

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

.ma-0 {
    margin: 0 !important
}

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

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

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

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

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

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

.pa-0 {
    padding: 0 !important
}

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

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

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

.ml-1,
.mx-1 {
    margin-left: 4px !important
}

.mx-1 {
    margin-right: 4px !important
}

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

.ma-1 {
    margin: 4px !important
}

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

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

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

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

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

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

.pa-1 {
    padding: 4px !important
}

.mt-2 {
    margin-top: 8px !important
}

.mr-2 {
    margin-right: 8px !important
}

.mb-2 {
    margin-bottom: 8px !important
}

.ml-2,
.mx-2 {
    margin-left: 8px !important
}

.mx-2 {
    margin-right: 8px !important
}

.my-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important
}

.ma-2 {
    margin: 8px !important
}

.pt-2 {
    padding-top: 8px !important
}

.pr-2 {
    padding-right: 8px !important
}

.pb-2 {
    padding-bottom: 8px !important
}

.pl-2,
.px-2 {
    padding-left: 8px !important
}

.px-2 {
    padding-right: 8px !important
}

.py-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.pa-2 {
    padding: 8px !important
}

.mt-3 {
    margin-top: 16px !important
}

.mr-3 {
    margin-right: 16px !important
}

.mb-3 {
    margin-bottom: 16px !important
}

.ml-3,
.mx-3 {
    margin-left: 16px !important
}

.mx-3 {
    margin-right: 16px !important
}

.my-3 {
    margin-top: 16px !important;
    margin-bottom: 16px !important
}

.ma-3 {
    margin: 16px !important
}

.pt-3 {
    padding-top: 16px !important
}

.pr-3 {
    padding-right: 16px !important
}

.pb-3 {
    padding-bottom: 16px !important
}

.pl-3,
.px-3 {
    padding-left: 16px !important
}

.px-3 {
    padding-right: 16px !important
}

.py-3 {
    padding-top: 16px !important;
    padding-bottom: 16px !important
}

.pa-3 {
    padding: 16px !important
}

.mt-4 {
    margin-top: 24px !important
}

.mr-4 {
    margin-right: 24px !important
}

.mb-4 {
    margin-bottom: 24px !important
}

.ml-4,
.mx-4 {
    margin-left: 24px !important
}

.mx-4 {
    margin-right: 24px !important
}

.my-4 {
    margin-top: 24px !important;
    margin-bottom: 24px !important
}

.ma-4 {
    margin: 24px !important
}

.pt-4 {
    padding-top: 24px !important
}

.pr-4 {
    padding-right: 24px !important
}

.pb-4 {
    padding-bottom: 24px !important
}

.pl-4,
.px-4 {
    padding-left: 24px !important
}

.px-4 {
    padding-right: 24px !important
}

.py-4 {
    padding-top: 24px !important;
    padding-bottom: 24px !important
}

.pa-4 {
    padding: 24px !important
}

.mt-5 {
    margin-top: 48px !important
}

.mr-5 {
    margin-right: 48px !important
}

.mb-5 {
    margin-bottom: 48px !important
}

.ml-5,
.mx-5 {
    margin-left: 48px !important
}

.mx-5 {
    margin-right: 48px !important
}

.my-5 {
    margin-top: 48px !important;
    margin-bottom: 48px !important
}

.ma-5 {
    margin: 48px !important
}

.pt-5 {
    padding-top: 48px !important
}

.pr-5 {
    padding-right: 48px !important
}

.pb-5 {
    padding-bottom: 48px !important
}

.pl-5,
.px-5 {
    padding-left: 48px !important
}

.px-5 {
    padding-right: 48px !important
}

.py-5 {
    padding-top: 48px !important;
    padding-bottom: 48px !important
}

.pa-5 {
    padding: 48px !important
}

@media (min-width:0) {
    .text-xs-left {
        text-align: left !important
    }

    .text-xs-center {
        text-align: center !important
    }

    .text-xs-right {
        text-align: right !important
    }

    .text-xs-justify {
        text-align: justify !important
    }
}

@media (min-width:600px) {
    .text-sm-left {
        text-align: left !important
    }

    .text-sm-center {
        text-align: center !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-justify {
        text-align: justify !important
    }
}

@media (min-width:960px) {
    .text-md-left {
        text-align: left !important
    }

    .text-md-center {
        text-align: center !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-justify {
        text-align: justify !important
    }
}

@media (min-width:1264px) {
    .text-lg-left {
        text-align: left !important
    }

    .text-lg-center {
        text-align: center !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-justify {
        text-align: justify !important
    }
}

@media (min-width:1904px) {
    .text-xl-left {
        text-align: left !important
    }

    .text-xl-center {
        text-align: center !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-justify {
        text-align: justify !important
    }
}

.alert {
    border-radius: 0;
    border-width: 4px 0 0;
    border-style: solid;
    color: #fff;
    display: -webkit-box;
    display: flex;
    font-size: 14px;
    margin: 4px auto;
    padding: 16px;
    position: relative;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.alert .alert__icon.icon,
.alert__dismissible .icon {
    align-self: center;
    color: rgba(0, 0, 0, .3);
    font-size: 24px
}

.alert--outline .icon {
    color: inherit !important
}

.alert__icon {
    margin-right: 16px
}

.alert__dismissible {
    align-self: flex-start;
    color: inherit;
    margin-left: 16px;
    margin-right: 0;
    text-decoration: none;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.alert__dismissible:hover {
    opacity: .8
}

.alert--no-icon .alert__icon {
    display: none
}

.alert>div {
    align-self: center;
    -webkit-box-flex: 1;
    flex: 1 1
}

@media screen and (max-width:600px) {
    .alert__icon {
        display: none
    }
}

.alert.alert {
    border-color: rgba(0, 0, 0, .12) !important
}

.alert.alert--outline {
    border: 1px solid !important
}

.application,
.application--wrap {
    display: -webkit-box;
    display: flex
}

.application--wrap {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-height: 100vh;
    max-width: 100%;
    position: relative
}

.application.theme--light {
    background: #fafafa;
    color: rgba(0, 0, 0, .87)
}

.application.theme--light a {
    cursor: pointer
}

.application.theme--light .text--primary {
    color: rgba(0, 0, 0, .87) !important
}

.application.theme--light .text--secondary {
    color: rgba(0, 0, 0, .54) !important
}

.application.theme--light .text--disabled {
    color: rgba(0, 0, 0, .38) !important
}

.application.theme--dark {
    background: #111;
    color: #fff
}

.application.theme--dark a {
    cursor: pointer
}

.application.theme--dark .text--primary {
    color: #fff !important
}

.application.theme--dark .text--secondary {
    color: hsla(0, 0%, 100%, .7) !important
}

.application.theme--dark .text--disabled {
    color: hsla(0, 0%, 100%, .5) !important
}

@-moz-document url-prefix() {
    @media print {

        .application,
        .application--wrap {
            display: block
        }
    }
}

.avatar {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    text-align: center;
    vertical-align: middle
}

.avatar,
.avatar .icon,
.avatar img {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: inline-flex
}

.avatar .icon,
.avatar img {
    height: inherit;
    width: inherit
}

.avatar--tile,
.avatar--tile .icon,
.avatar--tile img {
    border-radius: 0
}

.badge {
    display: inline-block;
    position: relative
}

.badge__badge {
    color: #fff;
    display: -webkit-box;
    display: flex;
    position: absolute;
    top: -11px;
    right: -22px;
    border-radius: 50%;
    height: 22px;
    width: 22px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.badge__badge,
.badge__badge .icon {
    font-size: 14px
}

.badge--overlap .badge__badge {
    top: -8px;
    right: -8px
}

.badge--overlap.badge--left .badge__badge {
    left: -8px;
    right: auto
}

.badge--overlap.badge--bottom .badge__badge {
    bottom: -8px;
    top: auto
}

.badge--left .badge__badge {
    left: -22px
}

.badge--bottom .badge__badge {
    bottom: -11px;
    top: auto
}

.application .theme--light.bottom-nav,
.theme--light .bottom-nav {
    background-color: #fff
}

.application .theme--dark.bottom-nav,
.theme--dark .bottom-nav {
    background-color: #424242
}

.bottom-nav {
    bottom: 0;
    box-shadow: 0 3px 14px 2px rgba(0, 0, 0, .12);
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
    -webkit-transition: all .4s cubic-bezier(.25, .8, .5, 1);
    transition: all .4s cubic-bezier(.25, .8, .5, 1);
    width: 100%;
    z-index: 4
}

.bottom-nav--absolute {
    position: absolute
}

.bottom-nav--active {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.bottom-nav--fixed {
    position: fixed
}

.bottom-nav .btn {
    background: 0 0 !important;
    border-radius: 0;
    box-shadow: none !important;
    font-weight: 400;
    height: 100%;
    margin: 0;
    max-width: 168px;
    min-width: 80px;
    padding: 6px 0 10px;
    text-transform: none;
    opacity: .5;
    width: 100%
}

.bottom-nav .btn .btn__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
    font-size: 12px;
    white-space: nowrap;
    will-change: font-size
}

.bottom-nav .btn .btn__content i.icon {
    color: inherit;
    margin-bottom: 4px;
    -webkit-transition: all .4s cubic-bezier(.25, .8, .5, 1);
    transition: all .4s cubic-bezier(.25, .8, .5, 1)
}

.bottom-nav .btn .btn__content span {
    line-height: 1
}

.bottom-nav .btn--active {
    opacity: 1
}

.bottom-nav .btn--active .btn__content {
    font-size: 14px
}

.bottom-nav .btn--active .btn__content:before {
    opacity: 0
}

.bottom-nav .btn--active .btn__content .icon {
    -webkit-transform: none;
    transform: none
}

.bottom-nav .btn:not(.btn--active) {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.bottom-nav--shift .btn__content {
    font-size: 14px
}

.bottom-nav--shift .btn {
    -webkit-transition: all .3s;
    transition: all .3s;
    min-width: 56px;
    max-width: 96px
}

.bottom-nav--shift .btn--active {
    min-width: 96px;
    max-width: 168px
}

.bottom-nav--shift .btn:not(.btn--active) .btn__content .icon {
    -webkit-transform: scale(1) translateY(10px);
    transform: scale(1) translateY(10px)
}

.bottom-nav--shift .btn:not(.btn--active) .btn__content span {
    color: transparent
}

.bottom-sheet.dialog {
    align-self: flex-end;
    border-radius: 0;
    -webkit-box-flex: 1;
    flex: 1 0 100%;
    margin: 0;
    min-width: 100%;
    overflow: visible;
    -webkit-transition: .4s cubic-bezier(.25, .8, .5, 1);
    transition: .4s cubic-bezier(.25, .8, .5, 1)
}

.bottom-sheet.dialog.bottom-sheet--inset {
    max-width: 70%;
    min-width: 0
}

@media only screen and (max-width:599px) {
    .bottom-sheet.dialog.bottom-sheet--inset {
        max-width: none
    }
}

.application .theme--light.breadcrumbs li .breadcrumbs__item--disabled,
.application .theme--light.breadcrumbs li.breadcrumbs__divider,
.application .theme--light.breadcrumbs li:last-child .breadcrumbs__item,
.theme--light .breadcrumbs li .breadcrumbs__item--disabled,
.theme--light .breadcrumbs li.breadcrumbs__divider,
.theme--light .breadcrumbs li:last-child .breadcrumbs__item {
    color: rgba(0, 0, 0, .38)
}

.application .theme--dark.breadcrumbs li .breadcrumbs__item--disabled,
.application .theme--dark.breadcrumbs li.breadcrumbs__divider,
.application .theme--dark.breadcrumbs li:last-child .breadcrumbs__item,
.theme--dark .breadcrumbs li .breadcrumbs__item--disabled,
.theme--dark .breadcrumbs li.breadcrumbs__divider,
.theme--dark .breadcrumbs li:last-child .breadcrumbs__item {
    color: hsla(0, 0%, 100%, .5)
}

.breadcrumbs {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    list-style-type: none;
    margin: 0;
    padding: 18px 12px
}

.breadcrumbs,
.breadcrumbs li {
    -webkit-box-align: center;
    align-items: center
}

.breadcrumbs li {
    display: -webkit-inline-box;
    display: inline-flex;
    font-size: 14px
}

.breadcrumbs li .icon {
    font-size: 16px
}

.breadcrumbs li:last-child a {
    cursor: default;
    pointer-events: none
}

.breadcrumbs li:nth-child(2n) {
    padding: 0 12px
}

.breadcrumbs--large li,
.breadcrumbs--large li .icon {
    font-size: 16px
}

.breadcrumbs__item {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: inline-flex;
    text-decoration: none;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.breadcrumbs__item--disabled {
    pointer-events: none
}

.application .theme--light.btn-toggle,
.theme--light .btn-toggle {
    background: #fff
}

.application .theme--light.btn-toggle .btn,
.theme--light .btn-toggle .btn {
    color: rgba(0, 0, 0, .87)
}

.application .theme--light.btn-toggle .btn.btn--active:not(:last-child):not([data-only-child]),
.theme--light .btn-toggle .btn.btn--active:not(:last-child):not([data-only-child]) {
    border-right-color: rgba(0, 0, 0, .26)
}

.application .theme--dark.btn-toggle,
.theme--dark .btn-toggle {
    background: #424242
}

.application .theme--dark.btn-toggle .btn,
.theme--dark .btn-toggle .btn {
    color: #fff
}

.application .theme--dark.btn-toggle .btn.btn--active:not(:last-child):not([data-only-child]),
.theme--dark .btn-toggle .btn.btn--active:not(:last-child):not([data-only-child]) {
    border-right-color: hsla(0, 0%, 100%, .3)
}

.btn-toggle {
    display: -webkit-inline-box;
    display: inline-flex;
    border-radius: 2px;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    will-change: background, box-shadow
}

.btn-toggle .btn {
    -webkit-box-pack: center;
    justify-content: center;
    min-width: auto;
    width: auto;
    padding: 0 8px;
    margin: 0;
    opacity: .4;
    border-radius: 0
}

.btn-toggle .btn:not(:last-child) {
    border-right: 1px solid transparent
}

.btn-toggle .btn:after {
    display: none
}

.btn-toggle .btn.btn--active {
    opacity: 1
}

.btn-toggle .btn__content {
    padding: 0
}

.btn-toggle .btn span+.icon {
    font-size: medium;
    margin-left: 10px
}

.btn-toggle .btn:first-child {
    border-radius: 2px 0 0 2px
}

.btn-toggle .btn:last-child {
    border-radius: 0 2px 2px 0
}

.btn-toggle--selected {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.application .theme--light.btn,
.theme--light .btn {
    color: rgba(0, 0, 0, .87)
}

.application .theme--light.btn.btn--disabled,
.application .theme--light.btn.btn--disabled .icon,
.theme--light .btn.btn--disabled,
.theme--light .btn.btn--disabled .icon {
    color: rgba(0, 0, 0, .26) !important
}

.application .theme--light.btn.btn--disabled:not(.btn--icon):not(.btn--flat),
.theme--light .btn.btn--disabled:not(.btn--icon):not(.btn--flat) {
    background-color: rgba(0, 0, 0, .12) !important
}

.application .theme--light.btn:not(.btn--icon):not(.btn--flat),
.theme--light .btn:not(.btn--icon):not(.btn--flat) {
    background-color: #f5f5f5
}

.application .theme--dark.btn.btn--disabled,
.application .theme--dark.btn.btn--disabled .icon,
.theme--dark .btn.btn--disabled,
.theme--dark .btn.btn--disabled .icon {
    color: hsla(0, 0%, 100%, .3) !important
}

.application .theme--dark.btn.btn--disabled:not(.btn--icon):not(.btn--flat),
.theme--dark .btn.btn--disabled:not(.btn--icon):not(.btn--flat) {
    background-color: hsla(0, 0%, 100%, .12) !important
}

.application .theme--dark.btn:not(.btn--icon):not(.btn--flat),
.theme--dark .btn:not(.btn--icon):not(.btn--flat) {
    background-color: #212121
}

.btn {
    -webkit-box-align: center;
    align-items: center;
    border-radius: 2px;
    display: -webkit-inline-box;
    display: inline-flex;
    height: 36px;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    font-size: 14px;
    font-weight: 500;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 6px 8px;
    min-width: 88px;
    outline: 0;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1), color 1ms;
    transition: .3s cubic-bezier(.25, .8, .5, 1), color 1ms;
    position: relative;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn__content:before {
    border-radius: inherit;
    color: inherit;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    opacity: .12;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    width: 100%
}

.btn--small {
    font-size: 13px;
    height: 28px
}

.btn--small .btn__content {
    padding: 0 8px
}

.btn--large {
    font-size: 15px;
    height: 44px
}

.btn--large .btn__content {
    padding: 0 32px
}

.btn--active .btn__content:before,
.btn:focus .btn__content:before,
.btn:hover .btn__content:before {
    background-color: currentColor
}

.btn__content {
    -webkit-box-align: center;
    align-items: center;
    border-radius: inherit;
    color: inherit;
    display: -webkit-box;
    display: flex;
    height: inherit;
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 0 auto;
    padding: 0 16px;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    white-space: nowrap;
    width: inherit
}

.btn .btn__content .icon {
    color: inherit;
    line-height: inherit
}

.btn--flat {
    background-color: transparent !important;
    box-shadow: none !important
}

.btn:not(.btn--depressed) {
    will-change: box-shadow;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.ticket-table .btn{
    padding: 0px 10px;
}   

.btn:not(.btn--depressed):active {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.btn:not(.btn--depressed):active .btn__content,
.btn:not(.btn--depressed):focus .btn__content {
    position: relative;
    top: 0;
    left: 0
}

.btn--icon {
    background: 0 0;
    box-shadow: none !important;
    border-radius: 50%;
    -webkit-box-pack: center;
    justify-content: center;
    min-width: 0;
    width: 36px
}

.btn--icon.btn--small {
    width: 28px
}

.btn--icon.btn--large {
    width: 44px
}

.btn--floating,
.btn--icon .btn__content:before {
    border-radius: 50%
}

.btn--floating {
    min-width: 0;
    height: 56px;
    width: 56px;
    padding: 0
}

.btn--floating.btn--absolute,
.btn--floating.btn--fixed {
    z-index: 4
}

.btn--floating:not(.btn--depressed) {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
}

.btn--floating:not(.btn--depressed):active {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12)
}

.btn--floating .btn__content {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    margin: 0;
    padding: 0
}

.btn--floating:after {
    border-radius: 50%
}

.btn--floating .btn__content :not(:only-child) {
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.btn--floating .btn__content :not(:only-child):first-child {
    opacity: 1
}

.btn--floating .btn__content :not(:only-child):last-child {
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.btn--floating .btn__content :not(:only-child):first-child,
.btn--floating .btn__content :not(:only-child):last-child {
    -webkit-backface-visibility: hidden;
    position: absolute;
    left: 0;
    top: 0
}

.btn--floating.btn--active .btn__content :not(:only-child):first-child {
    opacity: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.btn--floating.btn--active .btn__content :not(:only-child):last-child {
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.btn--floating .icon {
    height: inherit;
    width: inherit
}

.btn--floating.btn--small {
    height: 40px;
    width: 40px;
    border: 0
}

.btn--floating.btn--small .icon {
    font-size: 18px
}

.btn--floating.btn--large {
    height: 72px;
    width: 72px
}

.btn--floating.btn--large .icon {
    font-size: 30px
}

.btn--reverse .btn__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse
}

.btn--reverse.btn--column .btn__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse
}

.btn--absolute,
.btn--fixed {
    margin: 0
}

.btn.btn--absolute {
    position: absolute
}

.btn.btn--fixed {
    position: fixed
}

.btn--top:not(.btn--absolute) {
    top: 16px
}

.btn--top.btn--absolute {
    top: -28px
}

.btn--top.btn--absolute.btn--small {
    top: -20px
}

.btn--top.btn--absolute.btn--large {
    top: -36px
}

.btn--bottom:not(.btn--absolute) {
    bottom: 16px
}

.btn--bottom.btn--absolute {
    bottom: -28px
}

.btn--bottom.btn--absolute.btn--small {
    bottom: -20px
}

.btn--bottom.btn--absolute.btn--large {
    bottom: -36px
}

.btn--left {
    left: 16px
}

.btn--right {
    right: 16px
}

.btn.btn--disabled {
    box-shadow: none !important;
    pointer-events: none
}

.btn--icon .btn__content {
    padding: 0
}

.btn--loader {
    pointer-events: none
}

.btn--loader .btn__content {
    opacity: 0
}

.btn__loading {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.btn__loading .icon--left {
    margin-right: 1rem;
    line-height: inherit
}

.btn__loading .icon--right {
    margin-left: 1rem;
    line-height: inherit
}

.btn.btn--outline {
    border: 1px solid;
    background: 0 0 !important;
    box-shadow: none
}

.btn.btn--outline:hover {
    box-shadow: none
}

.btn--block {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1;
    margin: 6px 0;
    width: 100%
}

.btn--round,
.btn--round:after {
    border-radius: 28px
}

.btn .icon--right {
    margin-left: 16px
}

.btn .icon--left {
    margin-right: 16px
}

.btn.accent,
.btn.error,
.btn.info,
.btn.primary,
.btn.secondary,
.btn.success,
.btn.warning {
    color: #fff
}

.application .theme--light.card,
.theme--light .card {
    background-color: #fff;
    color: rgba(0, 0, 0, .87)
}

.application .theme--dark.card,
.theme--dark .card {
    background-color: #424242;
    color: #fff
}

.card {
    display: block;
    border-radius: 2px;
    min-width: 0;
    position: relative;
    text-decoration: none;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)
}

.card>:first-child:not(.btn) {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.card>:last-child:not(.btn) {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.card--raised {
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.card--tile {
    border-radius: 0
}

.card--flat {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.card--hover {
    cursor: pointer;
    -webkit-transition: all .4s cubic-bezier(.25, .8, .25, 1);
    transition: all .4s cubic-bezier(.25, .8, .25, 1);
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow
}

.card--hover:hover {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.card__title {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    padding: 16px
}

.card__title--primary {
    padding-top: 24px
}

.card__text {
    padding: 16px;
    width: 100%
}

.card__media {
    display: -webkit-box;
    display: flex;
    overflow: hidden;
    position: relative
}

.card__media img {
    width: 100%
}

.card__media__background {
    border-radius: inherit;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.card__media__content {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    position: relative
}

.card__actions {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    padding: 8px 4px
}

.card__actions .btn,
.card__actions>* {
    margin: 0 4px
}

.carousel {
    height: 500px;
    width: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.carousel__left,
.carousel__right {
    position: absolute;
    top: 50%;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.carousel__left .btn,
.carousel__right .btn {
    color: #fff;
    margin: 0 !important;
    height: auto;
    width: auto
}

.carousel__left .btn i,
.carousel__right .btn i {
    font-size: 48px
}

.carousel__left .btn:hover,
.carousel__right .btn:hover {
    background: 0 0
}

.carousel__left {
    left: 5px
}

.carousel__right {
    right: 5px
}

.carousel__controls {
    background: rgba(0, 0, 0, .5);
    -webkit-box-align: center;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    height: 50px;
    list-style-type: none;
    width: 100%;
    z-index: 1
}

.carousel__controls__item {
    color: #fff;
    margin: 0 8px !important
}

.carousel__controls__item i {
    opacity: .5;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.carousel__controls__item--active i {
    opacity: 1;
    vertical-align: middle
}

.carousel__controls__item:hover {
    background: 0 0
}

.carousel__controls__item:hover i {
    opacity: .8
}

.application .theme--light.chip,
.theme--light .chip {
    background: #e0e0e0;
    color: rgba(0, 0, 0, .87)
}

.application .theme--dark.chip,
.theme--dark .chip {
    color: rgba(0, 0, 0, .87)
}

.chip {
    border-radius: 28px;
    border: 1px solid transparent;
    font-size: 13px;
    margin: 4px;
    outline: 0;
    position: relative;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.chip,
.chip .chip__content {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: inline-flex;
    vertical-align: middle
}

.chip .chip__content {
    border-radius: 28px;
    cursor: default;
    height: 32px;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 0 12px;
    white-space: nowrap;
    z-index: 1
}

.chip--removable .chip__content {
    padding: 0 4px 0 12px
}

.chip .avatar {
    height: 32px !important;
    margin-left: -12px;
    margin-right: 8px;
    min-width: 32px;
    width: 32px !important
}

.chip .avatar img {
    height: 100%;
    width: 100%
}

.chip--active:not(.chip--disabled),
.chip--selected:not(.chip--disabled),
.chip:focus:not(.chip--disabled) {
    border-color: rgba(0, 0, 0, .13);
    overflow: hidden;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.chip--active:not(.chip--disabled):after,
.chip--selected:not(.chip--disabled):after,
.chip:focus:not(.chip--disabled):after {
    background: currentColor;
    border-radius: inherit;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: inherit;
    transition: inherit;
    width: 100%;
    pointer-events: none;
    opacity: .13
}

.chip--label,
.chip--label .chip__content {
    border-radius: 2px
}

.chip.chip.chip--outline {
    background: 0 0 !important;
    border-color: currentColor;
    color: #9e9e9e
}

.chip--small {
    height: 26px
}

.chip--small .avatar {
    height: 26px;
    min-width: 26px;
    width: 26px
}

.chip--small .icon,
.chip__close {
    font-size: 20px
}

.chip__close {
    -webkit-box-align: center;
    align-items: center;
    color: inherit;
    cursor: pointer;
    display: -webkit-box;
    display: flex;
    margin: 0 2px 0 8px;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.chip__close>.icon {
    color: inherit !important;
    font-size: 20px;
    opacity: .5
}

.chip__close>.icon:hover {
    opacity: 1
}

.chip--select-multi {
    margin: 4px 4px 4px 0
}

.chip .icon {
    color: inherit
}

.chip .icon--right {
    margin-left: 12px;
    margin-right: -8px
}

.chip .icon--left {
    margin-left: -8px;
    margin-right: 12px
}

.content {
    -webkit-transition: none;
    transition: none;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    max-width: 100%;
    will-change: padding
}

.content[data-booted=true] {
    -webkit-transition: .2s cubic-bezier(.4, 0, .2, 1);
    transition: .2s cubic-bezier(.4, 0, .2, 1)
}

.content--wrap {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    max-width: 100%
}

@-moz-document url-prefix() {
    @media print {
        .content {
            display: block
        }
    }
}

.application .theme--light.data-iterator .data-iterator__actions,
.theme--light .data-iterator .data-iterator__actions {
    color: rgba(0, 0, 0, .54)
}

.application .theme--light.data-iterator .data-iterator__actions__select .input-group--select .input-group__append-icon,
.application .theme--light.data-iterator .data-iterator__actions__select .input-group--select .input-group__selections__comma,
.theme--light .data-iterator .data-iterator__actions__select .input-group--select .input-group__append-icon,
.theme--light .data-iterator .data-iterator__actions__select .input-group--select .input-group__selections__comma {
    color: rgba(0, 0, 0, .54) !important
}

.application .theme--dark.data-iterator .data-iterator__actions,
.theme--dark .data-iterator .data-iterator__actions {
    color: hsla(0, 0%, 100%, .7)
}

.application .theme--dark.data-iterator .data-iterator__actions__select .input-group--select .input-group__append-icon,
.application .theme--dark.data-iterator .data-iterator__actions__select .input-group--select .input-group__selections__comma,
.theme--dark .data-iterator .data-iterator__actions__select .input-group--select .input-group__append-icon,
.theme--dark .data-iterator .data-iterator__actions__select .input-group--select .input-group__selections__comma {
    color: hsla(0, 0%, 100%, .7) !important
}

.data-iterator__actions {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    align-items: center;
    font-size: 12px;
    flex-wrap: wrap-reverse
}

.data-iterator__actions .btn {
    color: inherit
}

.data-iterator__actions .btn:last-of-type {
    margin-left: 14px
}

.data-iterator__actions__range-controls {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    min-height: 48px
}

.data-iterator__actions__pagination {
    display: block;
    text-align: center;
    margin: 0 32px 0 24px
}

.data-iterator__actions__select {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-right: 14px
}

.data-iterator__actions__select .input-group--select {
    margin: 13px 0 13px 34px;
    padding: 0;
    position: static
}

.data-iterator__actions__select .input-group--select .input-group__selections__comma {
    font-size: 12px
}

.application .theme--light.datatable thead th.column.sortable i,
.theme--light .datatable thead th.column.sortable i {
    color: rgba(0, 0, 0, .38)
}

.application .theme--light.datatable thead th.column.sortable.active,
.application .theme--light.datatable thead th.column.sortable.active i,
.application .theme--light.datatable thead th.column.sortable:hover,
.theme--light .datatable thead th.column.sortable.active,
.theme--light .datatable thead th.column.sortable.active i,
.theme--light .datatable thead th.column.sortable:hover {
    color: rgba(0, 0, 0, .87)
}

.application .theme--light.datatable .datatable__actions,
.theme--light .datatable .datatable__actions {
    background-color: #fff;
    color: rgba(0, 0, 0, .54);
    border-top: 1px solid rgba(0, 0, 0, .12)
}

.application .theme--light.datatable .datatable__actions__select .input-group--select .input-group__append-icon,
.application .theme--light.datatable .datatable__actions__select .input-group--select .input-group__selections__comma,
.theme--light .datatable .datatable__actions__select .input-group--select .input-group__append-icon,
.theme--light .datatable .datatable__actions__select .input-group--select .input-group__selections__comma {
    color: rgba(0, 0, 0, .54) !important
}

.application .theme--dark.datatable thead th.column.sortable i,
.theme--dark .datatable thead th.column.sortable i {
    color: hsla(0, 0%, 100%, .5)
}

.application .theme--dark.datatable thead th.column.sortable.active,
.application .theme--dark.datatable thead th.column.sortable.active i,
.application .theme--dark.datatable thead th.column.sortable:hover,
.theme--dark .datatable thead th.column.sortable.active,
.theme--dark .datatable thead th.column.sortable.active i,
.theme--dark .datatable thead th.column.sortable:hover {
    color: #fff
}

.application .theme--dark.datatable .datatable__actions,
.theme--dark .datatable .datatable__actions {
    background-color: #424242;
    color: hsla(0, 0%, 100%, .7);
    border-top: 1px solid hsla(0, 0%, 100%, .12)
}

.application .theme--dark.datatable .datatable__actions__select .input-group--select .input-group__append-icon,
.application .theme--dark.datatable .datatable__actions__select .input-group--select .input-group__selections__comma,
.theme--dark .datatable .datatable__actions__select .input-group--select .input-group__append-icon,
.theme--dark .datatable .datatable__actions__select .input-group--select .input-group__selections__comma {
    color: hsla(0, 0%, 100%, .7) !important
}

.datatable thead th.column.sortable {
    cursor: pointer
}

.datatable thead th.column.sortable i {
    font-size: 16px;
    vertical-align: sub;
    display: inline-block;
    opacity: 0;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.datatable thead th.column.sortable:hover i {
    opacity: .6
}

.datatable thead th.column.sortable.active {
    -webkit-transform: none;
    transform: none
}

.datatable thead th.column.sortable.active i {
    opacity: 1
}

.datatable thead th.column.sortable.active.desc i {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.datatable__actions {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    align-items: center;
    font-size: 12px;
    flex-wrap: wrap-reverse
}

.datatable__actions .btn {
    color: inherit
}

.datatable__actions .btn:last-of-type {
    margin-left: 14px
}

.datatable__actions__range-controls {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    min-height: 48px
}

.datatable__actions__pagination {
    display: block;
    text-align: center;
    margin: 0 32px 0 24px
}

.datatable__actions__select {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-right: 14px
}

.datatable__actions__select .input-group--select {
    margin: 13px 0 13px 34px;
    padding: 0;
    position: static
}

.datatable__actions__select .input-group--select .input-group__selections__comma {
    font-size: 12px
}

.datatable__progress,
.datatable__progress td,
.datatable__progress th,
.datatable__progress tr {
    height: auto !important
}

.datatable__progress th {
    padding: 0 !important
}

.datatable__progress th .progress-linear {
    top: -2px;
    margin: 0 0 -2px
}

.datatable__expand-row {
    border: none !important
}

.datatable__expand-col {
    padding: 0 !important;
    height: 0 !important
}

.datatable__expand-col--expanded {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.datatable__expand-content {
    -webkit-transition: height .3s cubic-bezier(.25, .8, .5, 1);
    transition: height .3s cubic-bezier(.25, .8, .5, 1)
}

.datatable__expand-content>.card {
    border-radius: 0;
    box-shadow: none
}

.application .theme--light.date-picker-header .date-picker-header__value:not(.date-picker-header__value--disabled) strong:not(:hover),
.theme--light .date-picker-header .date-picker-header__value:not(.date-picker-header__value--disabled) strong:not(:hover) {
    color: rgba(0, 0, 0, .87) !important
}

.application .theme--light.date-picker-header .date-picker-header__value--disabled strong,
.theme--light .date-picker-header .date-picker-header__value--disabled strong {
    color: rgba(0, 0, 0, .38)
}

.application .theme--dark.date-picker-header .date-picker-header__value:not(.date-picker-header__value--disabled) strong:not(:hover),
.theme--dark .date-picker-header .date-picker-header__value:not(.date-picker-header__value--disabled) strong:not(:hover) {
    color: #fff !important
}

.application .theme--dark.date-picker-header .date-picker-header__value--disabled strong,
.theme--dark .date-picker-header .date-picker-header__value--disabled strong {
    color: hsla(0, 0%, 100%, .5)
}

.date-picker-header {
    padding: 4px 16px;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    position: relative
}

.date-picker-header .btn {
    margin: 0;
    z-index: auto
}

.date-picker-header .icon {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.date-picker-header__value {
    -webkit-box-flex: 1;
    flex: 1;
    text-align: center;
    position: relative;
    overflow: hidden
}

.date-picker-header__value strong {
    cursor: pointer;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    display: block;
    width: 100%
}

.application .theme--light.date-picker-table th,
.theme--light .date-picker-table th {
    color: rgba(0, 0, 0, .38)
}

.application .theme--light.date-picker-table .btn,
.theme--light .date-picker-table .btn {
    color: rgba(0, 0, 0, .87)
}

.application .theme--dark.date-picker-table th,
.theme--dark .date-picker-table th {
    color: hsla(0, 0%, 100%, .5)
}

.application .theme--dark.date-picker-table .btn,
.theme--dark .date-picker-table .btn {
    color: #fff
}

.date-picker-table {
    position: relative;
    padding: 0 12px;
    height: 242px
}

.date-picker-table table {
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    top: 0;
    table-layout: fixed;
    width: 100%
}

.date-picker-table td,
.date-picker-table th {
    text-align: center;
    position: relative
}

.date-picker-table th {
    font-size: 12px
}

.date-picker-table--date .btn {
    height: 32px;
    width: 32px
}

.date-picker-table .btn {
    z-index: auto;
    margin: 0;
    font-size: 12px
}

.date-picker-table .btn.btn--active {
    color: #fff
}

.date-picker-table--month td {
    width: 33.333333%;
    height: 56px;
    vertical-align: middle;
    text-align: center
}

.date-picker-table--month td .btn {
    margin: 0 auto;
    max-width: 160px;
    min-width: 40px;
    width: 100%
}

.date-picker-table--date th {
    padding: 8px 0;
    font-weight: 600
}

.date-picker-table--date td {
    width: 45px
}

.date-picker-table__event {
    border-radius: 50%;
    bottom: 2px;
    content: "";
    display: block;
    height: 8px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
    width: 8px
}

.date-picker-title {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    flex-wrap: wrap;
    line-height: 1
}

.date-picker-title__year {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px
}

.date-picker-title__date {
    font-size: 34px;
    text-align: left;
    font-weight: 500;
    position: relative;
    overflow: hidden
}

.date-picker-title__date>div {
    position: relative
}

.date-picker-years {
    font-size: 16px;
    font-weight: 400;
    height: 334px;
    list-style-type: none;
    overflow: auto;
    padding: 0;
    text-align: center
}

.date-picker-years li {
    cursor: pointer;
    padding: 8px 0;
    -webkit-transition: none;
    transition: none
}

.date-picker-years li.active {
    font-size: 26px;
    font-weight: 500;
    padding: 10px 0
}

.date-picker-years li:hover {
    background: rgba(0, 0, 0, .12)
}

.picker--landscape .date-picker-years {
    height: 286px
}

.dialog {
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
    border-radius: 2px;
    margin: 24px;
    overflow-y: auto;
    pointer-events: auto;
    z-index: inherit
}

.dialog,
.dialog__content {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 100%
}

.dialog__content {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    justify-content: center;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    z-index: 6;
    outline: 0
}

.dialog:not(.dialog--fullscreen) {
    max-height: 90%
}

.dialog__container {
    display: inline-block;
    vertical-align: middle
}

.dialog--fullscreen {
    margin: 0;
    height: 100%;
    position: fixed;
    overflow-y: auto;
    top: 0;
    left: 0
}

.dialog--fullscreen>.card {
    min-height: 100%;
    min-width: 100%;
    margin: 0 !important;
    padding: 0 !important
}

.dialog--scrollable,
.dialog--scrollable>.card {
    display: -webkit-box;
    display: flex
}

.dialog--scrollable>.card {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.dialog--scrollable>.card>.card__actions,
.dialog--scrollable>.card>.card__title {
    -webkit-box-flex: 1;
    flex: 1 0 auto
}

.dialog--scrollable>.card>.card__text {
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.application .theme--light.divider,
.theme--light .divider {
    background-color: rgba(0, 0, 0, .12)
}

.application .theme--dark.divider,
.theme--dark .divider {
    background-color: hsla(0, 0%, 100%, .12)
}

.divider {
    border: none;
    display: block;
    height: 1px;
    min-height: 1px;
    -webkit-box-flex: 1;
    flex: 1;
    width: 100%
}

.divider--inset {
    margin-left: 72px;
    width: calc(100% - 72px)
}

.application .theme--light.expansion-panel .expansion-panel__container,
.theme--light .expansion-panel .expansion-panel__container {
    border-top: 1px solid rgba(0, 0, 0, .12);
    background-color: #fff;
    color: rgba(0, 0, 0, .87)
}

.application .theme--light.expansion-panel .expansion-panel__container .expansion-panel__header .icon,
.theme--light .expansion-panel .expansion-panel__container .expansion-panel__header .icon {
    color: rgba(0, 0, 0, .54)
}

.application .theme--light.expansion-panel--focusable .expansion-panel__container:focus,
.theme--light .expansion-panel--focusable .expansion-panel__container:focus {
    background-color: #eee
}

.application .theme--dark.expansion-panel .expansion-panel__container,
.theme--dark .expansion-panel .expansion-panel__container {
    border-top: 1px solid hsla(0, 0%, 100%, .12);
    background-color: #424242;
    color: #fff
}

.application .theme--dark.expansion-panel .expansion-panel__container .expansion-panel__header .icon,
.theme--dark .expansion-panel .expansion-panel__container .expansion-panel__header .icon {
    color: #fff
}

.application .theme--dark.expansion-panel--focusable .expansion-panel__container:focus,
.theme--dark .expansion-panel--focusable .expansion-panel__container:focus {
    background-color: rgba(0, 0, 0, .7)
}

.expansion-panel {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    list-style-type: none;
    padding: 0;
    text-align: left;
    width: 100%;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)
}

.expansion-panel__container {
    -webkit-box-flex: 1;
    flex: 1 0 100%;
    max-width: 100%;
    outline: 0;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.expansion-panel__container:first-child {
    border-top: none !important
}

.expansion-panel__container .header__icon {
    margin-left: auto
}

.expansion-panel__container .header__icon .icon {
    -webkit-transition: none;
    transition: none
}

.expansion-panel__container--active>.expansion-panel__header .header__icon .icon {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.expansion-panel__header {
    display: -webkit-box;
    display: flex;
    cursor: pointer;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    padding: 12px 24px
}

.expansion-panel__header>:not(.header__icon) {
    -webkit-box-flex: 1;
    flex: 1 1 auto
}

.expansion-panel__body {
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.expansion-panel__body .card {
    border-radius: 0
}

.expansion-panel--inset,
.expansion-panel--popout,
.expansion-panel__body .card {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.expansion-panel--inset .expansion-panel__container--active,
.expansion-panel--popout .expansion-panel__container--active {
    margin: 16px;
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.expansion-panel--inset .expansion-panel__container,
.expansion-panel--popout .expansion-panel__container {
    max-width: 95%
}

.expansion-panel--popout .expansion-panel__container--active {
    max-width: 100%
}

.expansion-panel--inset .expansion-panel__container--active {
    max-width: 85%
}

.application .theme--light.footer,
.theme--light .footer {
    background: #f5f5f5;
    color: rgba(0, 0, 0, .87)
}

.application .theme--dark.footer,
.theme--dark .footer {
    background: #212121;
    color: #fff
}

.footer {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 0 !important;
    flex: 0 1 auto !important;
    min-height: 36px;
    -webkit-transition: .2s cubic-bezier(.4, 0, .2, 1);
    transition: .2s cubic-bezier(.4, 0, .2, 1)
}

.footer--absolute,
.footer--fixed {
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 3
}

.footer--inset {
    z-index: 2
}

.footer--absolute {
    position: absolute
}

.footer--fixed {
    position: fixed
}

.container {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    margin: auto;
    padding: 16px;
    width: 100%
}

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

@media only screen and (min-width:1264px) {
    .container {
        max-width: 1185px
    }
}

@media only screen and (min-width:1904px) {
    .container {
        max-width: 1785px
    }
}

@media only screen and (max-width:599px) {
    .container {
        padding: 24px
    }
}

.container.fluid {
    max-width: 100%
}

.container.fill-height {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex
}

.container.fill-height .layout {
    height: 100%;
    -webkit-box-flex: 1;
    flex: 1 1 auto
}

.container.grid-list-xs {
    padding: 2px
}

.container.grid-list-xs .layout .flex {
    padding: 1px
}

.container.grid-list-xs .layout:only-child {
    margin: -1px
}

.container.grid-list-xs .layout:not(:only-child) {
    margin: auto -1px
}

.container.grid-list-xs :not(:only-child) .layout:first-child {
    margin-top: -1px
}

.container.grid-list-xs :not(:only-child) .layout:last-child {
    margin-bottom: -1px
}

.container.grid-list-sm {
    padding: 4px
}

.container.grid-list-sm .layout .flex {
    padding: 2px
}

.container.grid-list-sm .layout:only-child {
    margin: -2px
}

.container.grid-list-sm .layout:not(:only-child) {
    margin: auto -2px
}

.container.grid-list-sm :not(:only-child) .layout:first-child {
    margin-top: -2px
}

.container.grid-list-sm :not(:only-child) .layout:last-child {
    margin-bottom: -2px
}

.container.grid-list-md .layout .flex {
    padding: 4px
}

.container.grid-list-md .layout:only-child {
    margin: -4px
}

.container.grid-list-md .layout:not(:only-child) {
    margin: auto 8px
}

.container.grid-list-md :not(:only-child) .layout:first-child {
    margin-top: -4px
}

.container.grid-list-md :not(:only-child) .layout:last-child {
    margin-bottom: -4px
}

.container.grid-list-lg {
    padding: 16px
}

.container.grid-list-lg .layout .flex {
    padding: 8px
}

.container.grid-list-lg .layout:only-child {
    margin: -8px
}

.container.grid-list-lg .layout:not(:only-child) {
    margin: auto -8px
}

.container.grid-list-lg :not(:only-child) .layout:first-child {
    margin-top: -8px
}

.container.grid-list-lg :not(:only-child) .layout:last-child {
    margin-bottom: -8px
}

.container.grid-list-xl {
    padding: 24px
}

.container.grid-list-xl .layout .flex {
    padding: 12px
}

.container.grid-list-xl .layout:only-child {
    margin: -12px
}

.container.grid-list-xl .layout:not(:only-child) {
    margin: auto -12px
}

.container.grid-list-xl :not(:only-child) .layout:first-child {
    margin-top: -12px
}

.container.grid-list-xl :not(:only-child) .layout:last-child {
    margin-bottom: -12px
}

.layout {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    min-width: 0
}

.layout.row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
}

.layout.row.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse
}

.layout.column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.layout.column>.flex {
    max-width: 100%
}

.layout.column.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse
}

.layout.wrap {
    flex-wrap: wrap
}

@media (min-width:0) {
    .flex.xs1 {
        flex-basis: 8.333333333333332%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 8.333333333333332%
    }

    .flex.order-xs1 {
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .flex.xs2 {
        flex-basis: 16.666666666666664%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 16.666666666666664%
    }

    .flex.order-xs2 {
        -webkit-box-ordinal-group: 3;
        order: 2
    }

    .flex.xs3 {
        flex-basis: 25%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 25%
    }

    .flex.order-xs3 {
        -webkit-box-ordinal-group: 4;
        order: 3
    }

    .flex.xs4 {
        flex-basis: 33.33333333333333%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 33.33333333333333%
    }

    .flex.order-xs4 {
        -webkit-box-ordinal-group: 5;
        order: 4
    }

    .flex.xs5 {
        flex-basis: 41.66666666666667%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 41.66666666666667%
    }

    .flex.order-xs5 {
        -webkit-box-ordinal-group: 6;
        order: 5
    }

    .flex.xs6 {
        flex-basis: 50%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .flex.order-xs6 {
        -webkit-box-ordinal-group: 7;
        order: 6
    }

    .flex.xs7 {
        flex-basis: 58.333333333333336%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 58.333333333333336%
    }

    .flex.order-xs7 {
        -webkit-box-ordinal-group: 8;
        order: 7
    }

    .flex.xs8 {
        flex-basis: 66.66666666666666%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 66.66666666666666%
    }

    .flex.order-xs8 {
        -webkit-box-ordinal-group: 9;
        order: 8
    }

    .flex.xs9 {
        flex-basis: 75%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 75%
    }

    .flex.order-xs9 {
        -webkit-box-ordinal-group: 10;
        order: 9
    }

    .flex.xs10 {
        flex-basis: 83.33333333333334%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 83.33333333333334%
    }

    .flex.order-xs10 {
        -webkit-box-ordinal-group: 11;
        order: 10
    }

    .flex.xs11 {
        flex-basis: 91.66666666666666%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 91.66666666666666%
    }

    .flex.order-xs11 {
        -webkit-box-ordinal-group: 12;
        order: 11
    }

    .flex.xs12 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .flex.order-xs12 {
        -webkit-box-ordinal-group: 13;
        order: 12
    }

    .flex.offset-xs0 {
        margin-left: 0
    }

    .flex.offset-xs1 {
        margin-left: 8.333333333333332%
    }

    .flex.offset-xs2 {
        margin-left: 16.666666666666664%
    }

    .flex.offset-xs3 {
        margin-left: 25%
    }

    .flex.offset-xs4 {
        margin-left: 33.33333333333333%
    }

    .flex.offset-xs5 {
        margin-left: 41.66666666666667%
    }

    .flex.offset-xs6 {
        margin-left: 50%
    }

    .flex.offset-xs7 {
        margin-left: 58.333333333333336%
    }

    .flex.offset-xs8 {
        margin-left: 66.66666666666666%
    }

    .flex.offset-xs9 {
        margin-left: 75%
    }

    .flex.offset-xs10 {
        margin-left: 83.33333333333334%
    }

    .flex.offset-xs11 {
        margin-left: 91.66666666666666%
    }

    .flex.offset-xs12 {
        margin-left: 100%
    }
}

@media (min-width:600px) {
    .flex.sm1 {
        flex-basis: 8.333333333333332%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 8.333333333333332%
    }

    .flex.order-sm1 {
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .flex.sm2 {
        flex-basis: 16.666666666666664%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 16.666666666666664%
    }

    .flex.order-sm2 {
        -webkit-box-ordinal-group: 3;
        order: 2
    }

    .flex.sm3 {
        flex-basis: 25%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 25%
    }

    .flex.order-sm3 {
        -webkit-box-ordinal-group: 4;
        order: 3
    }

    .flex.sm4 {
        flex-basis: 33.33333333333333%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 33.33333333333333%
    }

    .flex.order-sm4 {
        -webkit-box-ordinal-group: 5;
        order: 4
    }

    .flex.sm5 {
        flex-basis: 41.66666666666667%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 41.66666666666667%
    }

    .flex.order-sm5 {
        -webkit-box-ordinal-group: 6;
        order: 5
    }

    .flex.sm6 {
        flex-basis: 50%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .flex.order-sm6 {
        -webkit-box-ordinal-group: 7;
        order: 6
    }

    .flex.sm7 {
        flex-basis: 58.333333333333336%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 58.333333333333336%
    }

    .flex.order-sm7 {
        -webkit-box-ordinal-group: 8;
        order: 7
    }

    .flex.sm8 {
        flex-basis: 66.66666666666666%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 66.66666666666666%
    }

    .flex.order-sm8 {
        -webkit-box-ordinal-group: 9;
        order: 8
    }

    .flex.sm9 {
        flex-basis: 75%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 75%
    }

    .flex.order-sm9 {
        -webkit-box-ordinal-group: 10;
        order: 9
    }

    .flex.sm10 {
        flex-basis: 83.33333333333334%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 83.33333333333334%
    }

    .flex.order-sm10 {
        -webkit-box-ordinal-group: 11;
        order: 10
    }

    .flex.sm11 {
        flex-basis: 91.66666666666666%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 91.66666666666666%
    }

    .flex.order-sm11 {
        -webkit-box-ordinal-group: 12;
        order: 11
    }

    .flex.sm12 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .flex.order-sm12 {
        -webkit-box-ordinal-group: 13;
        order: 12
    }

    .flex.offset-sm0 {
        margin-left: 0
    }

    .flex.offset-sm1 {
        margin-left: 8.333333333333332%
    }

    .flex.offset-sm2 {
        margin-left: 16.666666666666664%
    }

    .flex.offset-sm3 {
        margin-left: 25%
    }

    .flex.offset-sm4 {
        margin-left: 33.33333333333333%
    }

    .flex.offset-sm5 {
        margin-left: 41.66666666666667%
    }

    .flex.offset-sm6 {
        margin-left: 50%
    }

    .flex.offset-sm7 {
        margin-left: 58.333333333333336%
    }

    .flex.offset-sm8 {
        margin-left: 66.66666666666666%
    }

    .flex.offset-sm9 {
        margin-left: 75%
    }

    .flex.offset-sm10 {
        margin-left: 83.33333333333334%
    }

    .flex.offset-sm11 {
        margin-left: 91.66666666666666%
    }

    .flex.offset-sm12 {
        margin-left: 100%
    }
}

@media (min-width:960px) {
    .flex.md1 {
        flex-basis: 8.333333333333332%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 8.333333333333332%
    }

    .flex.order-md1 {
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .flex.md2 {
        flex-basis: 16.666666666666664%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 16.666666666666664%
    }

    .flex.order-md2 {
        -webkit-box-ordinal-group: 3;
        order: 2
    }

    .flex.md3 {
        flex-basis: 25%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 25%
    }

    .flex.order-md3 {
        -webkit-box-ordinal-group: 4;
        order: 3
    }

    .flex.md4 {
        flex-basis: 33.33333333333333%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 33.33333333333333%
    }

    .flex.order-md4 {
        -webkit-box-ordinal-group: 5;
        order: 4
    }

    .flex.md5 {
        flex-basis: 41.66666666666667%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 41.66666666666667%
    }

    .flex.order-md5 {
        -webkit-box-ordinal-group: 6;
        order: 5
    }

    .flex.md6 {
        flex-basis: 50%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .flex.order-md6 {
        -webkit-box-ordinal-group: 7;
        order: 6
    }

    .flex.md7 {
        flex-basis: 58.333333333333336%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 58.333333333333336%
    }

    .flex.order-md7 {
        -webkit-box-ordinal-group: 8;
        order: 7
    }

    .flex.md8 {
        flex-basis: 66.66666666666666%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 66.66666666666666%
    }

    .flex.order-md8 {
        -webkit-box-ordinal-group: 9;
        order: 8
    }

    .flex.md9 {
        flex-basis: 75%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 75%
    }

    .flex.order-md9 {
        -webkit-box-ordinal-group: 10;
        order: 9
    }

    .flex.md10 {
        flex-basis: 83.33333333333334%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 83.33333333333334%
    }

    .flex.order-md10 {
        -webkit-box-ordinal-group: 11;
        order: 10
    }

    .flex.md11 {
        flex-basis: 91.66666666666666%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 91.66666666666666%
    }

    .flex.order-md11 {
        -webkit-box-ordinal-group: 12;
        order: 11
    }

    .flex.md12 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .flex.order-md12 {
        -webkit-box-ordinal-group: 13;
        order: 12
    }

    .flex.offset-md0 {
        margin-left: 0
    }

    .flex.offset-md1 {
        margin-left: 8.333333333333332%
    }

    .flex.offset-md2 {
        margin-left: 16.666666666666664%
    }

    .flex.offset-md3 {
        margin-left: 25%
    }

    .flex.offset-md4 {
        margin-left: 33.33333333333333%
    }

    .flex.offset-md5 {
        margin-left: 41.66666666666667%
    }

    .flex.offset-md6 {
        margin-left: 50%
    }

    .flex.offset-md7 {
        margin-left: 58.333333333333336%
    }

    .flex.offset-md8 {
        margin-left: 66.66666666666666%
    }

    .flex.offset-md9 {
        margin-left: 75%
    }

    .flex.offset-md10 {
        margin-left: 83.33333333333334%
    }

    .flex.offset-md11 {
        margin-left: 91.66666666666666%
    }

    .flex.offset-md12 {
        margin-left: 100%
    }
}

@media (min-width:1264px) {
    .flex.lg1 {
        flex-basis: 8.333333333333332%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 8.333333333333332%
    }

    .flex.order-lg1 {
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .flex.lg2 {
        flex-basis: 16.666666666666664%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 16.666666666666664%
    }

    .flex.order-lg2 {
        -webkit-box-ordinal-group: 3;
        order: 2
    }

    .flex.lg3 {
        flex-basis: 25%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 25%
    }

    .flex.order-lg3 {
        -webkit-box-ordinal-group: 4;
        order: 3
    }

    .flex.lg4 {
        flex-basis: 33.33333333333333%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 33.33333333333333%
    }

    .flex.order-lg4 {
        -webkit-box-ordinal-group: 5;
        order: 4
    }

    .flex.lg5 {
        flex-basis: 41.66666666666667%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 41.66666666666667%
    }

    .flex.order-lg5 {
        -webkit-box-ordinal-group: 6;
        order: 5
    }

    .flex.lg6 {
        flex-basis: 50%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .flex.order-lg6 {
        -webkit-box-ordinal-group: 7;
        order: 6
    }

    .flex.lg7 {
        flex-basis: 58.333333333333336%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 58.333333333333336%
    }

    .flex.order-lg7 {
        -webkit-box-ordinal-group: 8;
        order: 7
    }

    .flex.lg8 {
        flex-basis: 66.66666666666666%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 66.66666666666666%
    }

    .flex.order-lg8 {
        -webkit-box-ordinal-group: 9;
        order: 8
    }

    .flex.lg9 {
        flex-basis: 75%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 75%
    }

    .flex.order-lg9 {
        -webkit-box-ordinal-group: 10;
        order: 9
    }

    .flex.lg10 {
        flex-basis: 83.33333333333334%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 83.33333333333334%
    }

    .flex.order-lg10 {
        -webkit-box-ordinal-group: 11;
        order: 10
    }

    .flex.lg11 {
        flex-basis: 91.66666666666666%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 91.66666666666666%
    }

    .flex.order-lg11 {
        -webkit-box-ordinal-group: 12;
        order: 11
    }

    .flex.lg12 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .flex.order-lg12 {
        -webkit-box-ordinal-group: 13;
        order: 12
    }

    .flex.offset-lg0 {
        margin-left: 0
    }

    .flex.offset-lg1 {
        margin-left: 8.333333333333332%
    }

    .flex.offset-lg2 {
        margin-left: 16.666666666666664%
    }

    .flex.offset-lg3 {
        margin-left: 25%
    }

    .flex.offset-lg4 {
        margin-left: 33.33333333333333%
    }

    .flex.offset-lg5 {
        margin-left: 41.66666666666667%
    }

    .flex.offset-lg6 {
        margin-left: 50%
    }

    .flex.offset-lg7 {
        margin-left: 58.333333333333336%
    }

    .flex.offset-lg8 {
        margin-left: 66.66666666666666%
    }

    .flex.offset-lg9 {
        margin-left: 75%
    }

    .flex.offset-lg10 {
        margin-left: 83.33333333333334%
    }

    .flex.offset-lg11 {
        margin-left: 91.66666666666666%
    }

    .flex.offset-lg12 {
        margin-left: 100%
    }
}

@media (min-width:1904px) {
    .flex.xl1 {
        flex-basis: 8.333333333333332%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 8.333333333333332%
    }

    .flex.order-xl1 {
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .flex.xl2 {
        flex-basis: 16.666666666666664%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 16.666666666666664%
    }

    .flex.order-xl2 {
        -webkit-box-ordinal-group: 3;
        order: 2
    }

    .flex.xl3 {
        flex-basis: 25%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 25%
    }

    .flex.order-xl3 {
        -webkit-box-ordinal-group: 4;
        order: 3
    }

    .flex.xl4 {
        flex-basis: 33.33333333333333%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 33.33333333333333%
    }

    .flex.order-xl4 {
        -webkit-box-ordinal-group: 5;
        order: 4
    }

    .flex.xl5 {
        flex-basis: 41.66666666666667%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 41.66666666666667%
    }

    .flex.order-xl5 {
        -webkit-box-ordinal-group: 6;
        order: 5
    }

    .flex.xl6 {
        flex-basis: 50%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .flex.order-xl6 {
        -webkit-box-ordinal-group: 7;
        order: 6
    }

    .flex.xl7 {
        flex-basis: 58.333333333333336%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 58.333333333333336%
    }

    .flex.order-xl7 {
        -webkit-box-ordinal-group: 8;
        order: 7
    }

    .flex.xl8 {
        flex-basis: 66.66666666666666%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 66.66666666666666%
    }

    .flex.order-xl8 {
        -webkit-box-ordinal-group: 9;
        order: 8
    }

    .flex.xl9 {
        flex-basis: 75%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 75%
    }

    .flex.order-xl9 {
        -webkit-box-ordinal-group: 10;
        order: 9
    }

    .flex.xl10 {
        flex-basis: 83.33333333333334%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 83.33333333333334%
    }

    .flex.order-xl10 {
        -webkit-box-ordinal-group: 11;
        order: 10
    }

    .flex.xl11 {
        flex-basis: 91.66666666666666%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 91.66666666666666%
    }

    .flex.order-xl11 {
        -webkit-box-ordinal-group: 12;
        order: 11
    }

    .flex.xl12 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .flex.order-xl12 {
        -webkit-box-ordinal-group: 13;
        order: 12
    }

    .flex.offset-xl0 {
        margin-left: 0
    }

    .flex.offset-xl1 {
        margin-left: 8.333333333333332%
    }

    .flex.offset-xl2 {
        margin-left: 16.666666666666664%
    }

    .flex.offset-xl3 {
        margin-left: 25%
    }

    .flex.offset-xl4 {
        margin-left: 33.33333333333333%
    }

    .flex.offset-xl5 {
        margin-left: 41.66666666666667%
    }

    .flex.offset-xl6 {
        margin-left: 50%
    }

    .flex.offset-xl7 {
        margin-left: 58.333333333333336%
    }

    .flex.offset-xl8 {
        margin-left: 66.66666666666666%
    }

    .flex.offset-xl9 {
        margin-left: 75%
    }

    .flex.offset-xl10 {
        margin-left: 83.33333333333334%
    }

    .flex.offset-xl11 {
        margin-left: 91.66666666666666%
    }

    .flex.offset-xl12 {
        margin-left: 100%
    }
}

.child-flex>*,
.flex {
    -webkit-box-flex: 1;
    flex: 1 1 auto
}

.align-start {
    -webkit-box-align: start;
    align-items: flex-start
}

.align-end {
    -webkit-box-align: end;
    align-items: flex-end
}

.align-center {
    -webkit-box-align: center;
    align-items: center
}

.align-baseline {
    -webkit-box-align: baseline;
    align-items: baseline
}

.align-content-start {
    align-content: flex-start
}

.align-content-end {
    align-content: flex-end
}

.align-content-center {
    align-content: center
}

.align-content-space-between {
    align-content: space-between
}

.align-content-space-around {
    align-content: space-around
}

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

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

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

.justify-space-around {
    justify-content: space-around
}

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

.grow,
.spacer {
    -webkit-box-flex: 1 !important;
    flex-grow: 1 !important
}

.grow {
    flex-shrink: 0 !important
}

.shrink {
    -webkit-box-flex: 0 !important;
    flex-grow: 0 !important;
    flex-shrink: 1 !important
}

.scroll-y {
    overflow-y: auto
}

.fill-height {
    height: 100%
}

.hide-overflow {
    overflow: hidden !important
}

.show-overflow {
    overflow: visible !important
}

.ellipsis,
.no-wrap {
    white-space: nowrap
}

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

.d-flex {
    display: -webkit-box !important;
    display: flex !important
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: inline-flex !important
}

.d-flex>*,
.d-inline-flex>* {
    -webkit-box-flex: 1 !important;
    flex: 1 1 auto !important
}

.d-block {
    display: block !important
}

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

.d-inline {
    display: inline !important
}

.application .theme--light.icon,
.theme--light .icon {
    color: rgba(0, 0, 0, .54)
}

.application .theme--light.icon.icon--disabled:not(.input-group__append-icon),
.theme--light .icon.icon--disabled:not(.input-group__append-icon) {
    color: rgba(0, 0, 0, .38) !important
}

.application .theme--dark.icon.icon--disabled:not(.input-group__append-icon),
.theme--dark .icon.icon--disabled:not(.input-group__append-icon) {
    color: hsla(0, 0%, 100%, .5) !important
}

.icon {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: inline-flex;
    font-feature-settings: "liga";
    font-size: 24px;
    -webkit-box-pack: center;
    justify-content: center;
    line-height: 1;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    vertical-align: middle;
    color: #fff
}

.icon.icon--large {
    font-size: 2.5rem
}

.icon.icon--medium {
    font-size: 2rem
}

.icon.icon--x-large {
    font-size: 3rem
}

.icon.icon--disabled {
    pointer-events: none
}

.application .theme--light.input-group input,
.application .theme--light.input-group textarea,
.theme--light .input-group input,
.theme--light .input-group textarea {
    color: rgba(0, 0, 0, .87)
}

.application .theme--light.input-group input:disabled,
.application .theme--light.input-group textarea:disabled,
.theme--light .input-group input:disabled,
.theme--light .input-group textarea:disabled {
    color: rgba(0, 0, 0, .38)
}

.application .theme--light.input-group:not(.input-group--error) .input-group__messages,
.theme--light .input-group:not(.input-group--error) .input-group__messages {
    color: rgba(0, 0, 0, .54)
}

.application .theme--light.input-group.input-group--textarea:not(.input-group--full-width) .input-group__input,
.theme--light .input-group.input-group--textarea:not(.input-group--full-width) .input-group__input {
    border: 2px solid rgba(0, 0, 0, .54)
}

.application .theme--light.input-group.input-group--solo,
.theme--light .input-group.input-group--solo {
    background: #fff
}

.application .theme--light.input-group.input-group--solo-inverted,
.theme--light .input-group.input-group--solo-inverted {
    background: rgba(0, 0, 0, .16)
}

.application .theme--light.input-group.input-group--solo-inverted.input-group--focused,
.theme--light .input-group.input-group--solo-inverted.input-group--focused {
    background: #424242
}

.application .theme--light.input-group.input-group--solo-inverted.input-group--focused .input-group__append-icon,
.application .theme--light.input-group.input-group--solo-inverted.input-group--focused .input-group__prepend-icon,
.application .theme--light.input-group.input-group--solo-inverted.input-group--focused input,
.application .theme--light.input-group.input-group--solo-inverted.input-group--focused label,
.theme--light .input-group.input-group--solo-inverted.input-group--focused .input-group__append-icon,
.theme--light .input-group.input-group--solo-inverted.input-group--focused .input-group__prepend-icon,
.theme--light .input-group.input-group--solo-inverted.input-group--focused input,
.theme--light .input-group.input-group--solo-inverted.input-group--focused label {
    color: #fff
}

.application .theme--light.input-group.input-group--dirty .input-group__selections__comma:not(.input-group__selections__comma--active),
.theme--light .input-group.input-group--dirty .input-group__selections__comma:not(.input-group__selections__comma--active) {
    color: rgba(0, 0, 0, .87)
}

.application .theme--light.input-group:not(.input-group--error) label,
.theme--light .input-group:not(.input-group--error) label {
    color: rgba(0, 0, 0, .54)
}

.application .theme--light.input-group:not(.input-group--error).input-group--disabled .input-group__selections__comma,
.application .theme--light.input-group:not(.input-group--error).input-group--disabled label,
.theme--light .input-group:not(.input-group--error).input-group--disabled .input-group__selections__comma,
.theme--light .input-group:not(.input-group--error).input-group--disabled label {
    color: rgba(0, 0, 0, .38)
}

.application .theme--light.input-group:not(.input-group--error) .input-group__details:before,
.theme--light .input-group:not(.input-group--error) .input-group__details:before {
    background-color: rgba(0, 0, 0, .42)
}

.application .theme--light.input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled) .input-group__input .input-group__append-icon:not(:hover),
.application .theme--light.input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled) .input-group__input .input-group__prepend-icon:not(:hover),
.theme--light .input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled) .input-group__input .input-group__append-icon:not(:hover),
.theme--light .input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled) .input-group__input .input-group__prepend-icon:not(:hover) {
    color: rgba(0, 0, 0, .54)
}

.application .theme--light.input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled):not(.input-group--disabled):not(.input-group--overflow):not(.input-group--segmented):not(.input-group--editable):hover .input-group__details:before,
.theme--light .input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled):not(.input-group--disabled):not(.input-group--overflow):not(.input-group--segmented):not(.input-group--editable):hover .input-group__details:before {
    background-color: rgba(0, 0, 0, .87)
}

.application .theme--light.input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled):not(.input-group--disabled):not(.input-group--overflow):not(.input-group--segmented):not(.input-group--editable):hover.input-group--textarea:not(.input-group--full-width) .input-group__input,
.theme--light .input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled):not(.input-group--disabled):not(.input-group--overflow):not(.input-group--segmented):not(.input-group--editable):hover.input-group--textarea:not(.input-group--full-width) .input-group__input {
    border-color: rgba(0, 0, 0, .87)
}

.application .theme--light.input-group.input-group--editable .input-group__details:before,
.application .theme--light.input-group.input-group--editable .input-group__input:before,
.application .theme--light.input-group.input-group--overflow .input-group__details:before,
.application .theme--light.input-group.input-group--overflow .input-group__input:before,
.application .theme--light.input-group.input-group--segmented .input-group__details:before,
.application .theme--light.input-group.input-group--segmented .input-group__input:before,
.theme--light .input-group.input-group--editable .input-group__details:before,
.theme--light .input-group.input-group--editable .input-group__input:before,
.theme--light .input-group.input-group--overflow .input-group__details:before,
.theme--light .input-group.input-group--overflow .input-group__input:before,
.theme--light .input-group.input-group--segmented .input-group__details:before,
.theme--light .input-group.input-group--segmented .input-group__input:before {
    background-color: rgba(0, 0, 0, .12)
}

.application .theme--light.input-group.input-group--disabled .input-group__input .input-group__append-icon,
.application .theme--light.input-group.input-group--disabled .input-group__input .input-group__prepend-icon,
.theme--light .input-group.input-group--disabled .input-group__input .input-group__append-icon,
.theme--light .input-group.input-group--disabled .input-group__input .input-group__prepend-icon {
    color: rgba(0, 0, 0, .38)
}

.application .theme--light.input-group.input-group--disabled .input-group__details:before,
.theme--light .input-group.input-group--disabled .input-group__details:before {
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, .38)), color-stop(33%, rgba(0, 0, 0, .38)), color-stop(0, transparent));
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .38) 0, rgba(0, 0, 0, .38) 33%, transparent 0)
}

.application .theme--light.input-group .input-group--text-field__prefix,
.application .theme--light.input-group .input-group--text-field__suffix,
.theme--light .input-group .input-group--text-field__prefix,
.theme--light .input-group .input-group--text-field__suffix {
    color: rgba(0, 0, 0, .54)
}

.application .theme--light.input-group .input-group--text-field.input-group--disabled__prefix,
.application .theme--light.input-group .input-group--text-field.input-group--disabled__suffix,
.theme--light .input-group .input-group--text-field.input-group--disabled__prefix,
.theme--light .input-group .input-group--text-field.input-group--disabled__suffix {
    color: rgba(0, 0, 0, .38)
}

.application .theme--dark.input-group input,
.application .theme--dark.input-group textarea,
.theme--dark .input-group input,
.theme--dark .input-group textarea {
    color: #fff
}

.application .theme--dark.input-group input:disabled,
.application .theme--dark.input-group textarea:disabled,
.theme--dark .input-group input:disabled,
.theme--dark .input-group textarea:disabled {
    color: hsla(0, 0%, 100%, .5)
}

.application .theme--dark.input-group:not(.input-group--error) .input-group__messages,
.theme--dark .input-group:not(.input-group--error) .input-group__messages {
    color: hsla(0, 0%, 100%, .7)
}

.application .theme--dark.input-group.input-group--textarea:not(.input-group--full-width) .input-group__input,
.theme--dark .input-group.input-group--textarea:not(.input-group--full-width) .input-group__input {
    border: 2px solid hsla(0, 0%, 100%, .7)
}

.application .theme--dark.input-group.input-group--solo,
.theme--dark .input-group.input-group--solo {
    background: #424242
}

.application .theme--dark.input-group.input-group--solo-inverted,
.theme--dark .input-group.input-group--solo-inverted {
    background: hsla(0, 0%, 100%, .16)
}

.application .theme--dark.input-group.input-group--solo-inverted.input-group--focused,
.theme--dark .input-group.input-group--solo-inverted.input-group--focused {
    background: #fff
}

.application .theme--dark.input-group.input-group--solo-inverted.input-group--focused .input-group__append-icon,
.application .theme--dark.input-group.input-group--solo-inverted.input-group--focused .input-group__prepend-icon,
.application .theme--dark.input-group.input-group--solo-inverted.input-group--focused input,
.application .theme--dark.input-group.input-group--solo-inverted.input-group--focused label,
.theme--dark .input-group.input-group--solo-inverted.input-group--focused .input-group__append-icon,
.theme--dark .input-group.input-group--solo-inverted.input-group--focused .input-group__prepend-icon,
.theme--dark .input-group.input-group--solo-inverted.input-group--focused input,
.theme--dark .input-group.input-group--solo-inverted.input-group--focused label {
    color: rgba(0, 0, 0, .87)
}

.application .theme--dark.input-group.input-group--dirty .input-group__selections__comma:not(.input-group__selections__comma--active),
.theme--dark .input-group.input-group--dirty .input-group__selections__comma:not(.input-group__selections__comma--active) {
    color: #fff
}

.application .theme--dark.input-group:not(.input-group--error) label,
.theme--dark .input-group:not(.input-group--error) label {
    color: hsla(0, 0%, 100%, .7)
}

.application .theme--dark.input-group:not(.input-group--error).input-group--disabled .input-group__selections__comma,
.application .theme--dark.input-group:not(.input-group--error).input-group--disabled label,
.theme--dark .input-group:not(.input-group--error).input-group--disabled .input-group__selections__comma,
.theme--dark .input-group:not(.input-group--error).input-group--disabled label {
    color: hsla(0, 0%, 100%, .5)
}

.application .theme--dark.input-group:not(.input-group--error) .input-group__details:before,
.theme--dark .input-group:not(.input-group--error) .input-group__details:before {
    background-color: hsla(0, 0%, 100%, .7)
}

.application .theme--dark.input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled) .input-group__input .input-group__append-icon:not(:hover),
.application .theme--dark.input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled) .input-group__input .input-group__prepend-icon:not(:hover),
.theme--dark .input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled) .input-group__input .input-group__append-icon:not(:hover),
.theme--dark .input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled) .input-group__input .input-group__prepend-icon:not(:hover) {
    color: hsla(0, 0%, 100%, .7)
}

.application .theme--dark.input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled):not(.input-group--disabled):not(.input-group--overflow):not(.input-group--segmented):not(.input-group--editable):hover .input-group__details:before,
.theme--dark .input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled):not(.input-group--disabled):not(.input-group--overflow):not(.input-group--segmented):not(.input-group--editable):hover .input-group__details:before {
    background-color: #fff
}

.application .theme--dark.input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled):not(.input-group--disabled):not(.input-group--overflow):not(.input-group--segmented):not(.input-group--editable):hover.input-group--textarea:not(.input-group--full-width) .input-group__input,
.theme--dark .input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled):not(.input-group--disabled):not(.input-group--overflow):not(.input-group--segmented):not(.input-group--editable):hover.input-group--textarea:not(.input-group--full-width) .input-group__input {
    border-color: #fff
}

.application .theme--dark.input-group.input-group--editable .input-group__details:before,
.application .theme--dark.input-group.input-group--editable .input-group__input:before,
.application .theme--dark.input-group.input-group--overflow .input-group__details:before,
.application .theme--dark.input-group.input-group--overflow .input-group__input:before,
.application .theme--dark.input-group.input-group--segmented .input-group__details:before,
.application .theme--dark.input-group.input-group--segmented .input-group__input:before,
.theme--dark .input-group.input-group--editable .input-group__details:before,
.theme--dark .input-group.input-group--editable .input-group__input:before,
.theme--dark .input-group.input-group--overflow .input-group__details:before,
.theme--dark .input-group.input-group--overflow .input-group__input:before,
.theme--dark .input-group.input-group--segmented .input-group__details:before,
.theme--dark .input-group.input-group--segmented .input-group__input:before {
    background-color: hsla(0, 0%, 100%, .12)
}

.application .theme--dark.input-group.input-group--disabled .input-group__input .input-group__append-icon,
.application .theme--dark.input-group.input-group--disabled .input-group__input .input-group__prepend-icon,
.theme--dark .input-group.input-group--disabled .input-group__input .input-group__append-icon,
.theme--dark .input-group.input-group--disabled .input-group__input .input-group__prepend-icon {
    color: hsla(0, 0%, 100%, .5)
}

.application .theme--dark.input-group.input-group--disabled .input-group__details:before,
.theme--dark .input-group.input-group--disabled .input-group__details:before {
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, hsla(0, 0%, 100%, .5)), color-stop(33%, hsla(0, 0%, 100%, .5)), color-stop(0, transparent));
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, .5) 33%, transparent 0)
}

.application .theme--dark.input-group .input-group--text-field__prefix,
.application .theme--dark.input-group .input-group--text-field__suffix,
.theme--dark .input-group .input-group--text-field__prefix,
.theme--dark .input-group .input-group--text-field__suffix {
    color: hsla(0, 0%, 100%, .7)
}

.application .theme--dark.input-group .input-group--text-field.input-group--disabled__prefix,
.application .theme--dark.input-group .input-group--text-field.input-group--disabled__suffix,
.theme--dark .input-group .input-group--text-field.input-group--disabled__prefix,
.theme--dark .input-group .input-group--text-field.input-group--disabled__suffix {
    color: hsla(0, 0%, 100%, .5)
}

.input-group {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1;
    flex-wrap: wrap;
    min-width: 24px;
    padding: 18px 0 0;
    position: relative;
    width: 100%;
    outline: 0;
    -webkit-transition: box-shadow .3s cubic-bezier(.25, .8, .5, 1);
    transition: box-shadow .3s cubic-bezier(.25, .8, .5, 1)
}

.input-group input {
    width: 100%
}

.input-group label {
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    height: 30px;
    max-width: 90%;
    min-width: 0;
    overflow: hidden;
    pointer-events: none;
    text-align: left;
    text-overflow: ellipsis;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: .4s cubic-bezier(.25, .8, .25, 1);
    transition: .4s cubic-bezier(.25, .8, .25, 1);
    white-space: nowrap;
    width: 100%;
    z-index: 0
}

.input-group__input {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 0 100%;
    min-width: 0;
    min-height: 30px
}

.input-group__icon-cb {
    cursor: pointer
}

.input-group.input-group--error .input-group__append-icon,
.input-group.input-group--error .input-group__prepend-icon,
.input-group.input-group--focused .input-group__append-icon,
.input-group.input-group--focused .input-group__prepend-icon {
    color: inherit
}

.input-group.input-group--append-icon label,
.input-group.input-group--prepend-icon label,
.input-group.input-group--selection-controls label {
    max-width: 75%
}

.input-group.input-group--append-icon.input-group--prepend-icon label {
    max-width: 65%
}

.input-group .input-group__append-icon {
    padding: 0 6px
}

.input-group .input-group__append-icon,
.input-group .input-group__prepend-icon {
    align-self: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.input-group.input-group--single-line.input-group--dirty label,
.input-group.input-group--solo.input-group--dirty label {
    display: none
}

.input-group.input-group--solo {
    min-height: 46px;
    border-radius: 2px;
    padding: 0;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.input-group.input-group--solo label {
    top: 8px;
    padding-left: 16px;
    -webkit-transform: none !important;
    transform: none !important
}

.input-group.input-group--solo .input-group__input {
    -webkit-box-align: center;
    align-items: center;
    padding: 8px 16px
}

.input-group.input-group--solo .input-group__details {
    display: none
}

.input-group--disabled {
    pointer-events: none
}

.input-group--disabled .input-group__details:before {
    background-color: transparent;
    background-position: bottom;
    background-size: 3px 1px;
    background-repeat: repeat-x
}

.input-group.input-group--text-field:not(.input-group--single-line):not(.input-group--error).input-group--focused label {
    color: inherit
}

.input-group.input-group--text-field:not(.input-group--single-line):not(.input-group--error).input-group--focused .input-group__input {
    border-color: inherit
}

.input-group.input-group--text-field.input-group--focused:not(.input-group--disabled) .input-group__details:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.input-group--required label:after {
    content: "*"
}

.input-group.input-group--error label {
    -webkit-animation: shake .6s cubic-bezier(.25, .8, .5, 1);
    animation: shake .6s cubic-bezier(.25, .8, .5, 1)
}

.input-group.input-group--error .input-group__messages {
    color: inherit
}

.input-group.input-group--error .input-group__details:before {
    background-color: currentColor
}

.input-group .slide-y-transition-leave,
.input-group .slide-y-transition-leave-to {
    position: absolute
}

.input-group__details {
    color: inherit;
    display: -webkit-box;
    display: flex;
    padding-top: 4px;
    -webkit-box-flex: 1;
    flex: 1 0 100%;
    font-size: 12px;
    min-height: 26px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.input-group__details:after,
.input-group__details:before {
    content: "";
    position: absolute;
    left: 0;
    -webkit-transition: .3s cubic-bezier(.4, 0, .2, 1);
    transition: .3s cubic-bezier(.4, 0, .2, 1)
}

.input-group__details:after {
    background-color: currentColor;
    color: inherit;
    top: 0;
    height: 2px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: center center 0;
    transform-origin: center center 0;
    width: 100%;
    z-index: 1
}

.input-group__details:before {
    top: 0;
    height: 1px;
    width: 100%;
    z-index: 0
}

.input-group--hide-details .input-group__details {
    min-height: 2px;
    padding: 0
}

.input-group--async-loading .input-group__details:after,
.input-group--async-loading .input-group__details:before {
    display: none
}

.input-group .progress-linear {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0
}

.input-group__error,
.input-group__hint {
    -webkit-transition: .3s cubic-bezier(.25, .8, .25, 1);
    transition: .3s cubic-bezier(.25, .8, .25, 1)
}

.input-group__error {
    color: inherit
}

.input-group--editable.input-group--active,
.input-group--overflow.input-group--active,
.input-group--segmented.input-group--active {
    background-color: #fff
}

.application .theme--light.jumbotron__content,
.theme--light .jumbotron__content {
    color: rgba(0, 0, 0, .87)
}

.application .theme--dark.jumbotron__content,
.theme--dark .jumbotron__content {
    color: #fff
}

.jumbotron {
    display: block;
    top: 0;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    width: 100%
}

.jumbotron__wrapper {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.jumbotron__background,
.jumbotron__wrapper {
    -webkit-transition: inherit;
    transition: inherit
}

.jumbotron__background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    contain: strict
}

.jumbotron__image {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 100%;
    will-change: transform
}

.jumbotron__content,
.jumbotron__image {
    -webkit-transition: inherit;
    transition: inherit
}

.jumbotron__content {
    height: 100%;
    position: relative
}

.application .theme--light.list,
.theme--light .list {
    background: #fff;
    color: rgba(0, 0, 0, .87)
}

.application .theme--light.list .list__tile__sub-title,
.theme--light .list .list__tile__sub-title {
    color: rgba(0, 0, 0, .54)
}

.application .theme--light.list .list__tile__mask,
.theme--light .list .list__tile__mask {
    color: rgba(0, 0, 0, .38);
    background: #eee
}

.application .theme--light.list .list__group--active:after,
.application .theme--light.list .list__group--active:before,
.application .theme--light.list .list__group__header:hover,
.application .theme--light.list .list__tile--highlighted,
.application .theme--light.list .list__tile--link:hover,
.theme--light .list .list__group--active:after,
.theme--light .list .list__group--active:before,
.theme--light .list .list__group__header:hover,
.theme--light .list .list__tile--highlighted,
.theme--light .list .list__tile--link:hover {
    background: rgba(0, 0, 0, .12)
}

.application .theme--light.list .list__group--disabled .list__group__header__prepend-icon .icon,
.application .theme--light.list .list__group--disabled .list__tile,
.theme--light .list .list__group--disabled .list__group__header__prepend-icon .icon,
.theme--light .list .list__group--disabled .list__tile {
    color: rgba(0, 0, 0, .38) !important
}

.application .theme--dark.list,
.theme--dark .list {
    background: #424242;
    color: #fff
}

.application .theme--dark.list .list__tile__sub-title,
.theme--dark .list .list__tile__sub-title {
    color: hsla(0, 0%, 100%, .7)
}

.application .theme--dark.list .list__tile__mask,
.theme--dark .list .list__tile__mask {
    color: hsla(0, 0%, 100%, .5);
    background: rgba(0, 0, 0, .7)
}

.application .theme--dark.list .list__group--active:after,
.application .theme--dark.list .list__group--active:before,
.application .theme--dark.list .list__group__header:hover,
.application .theme--dark.list .list__tile--highlighted,
.application .theme--dark.list .list__tile--link:hover,
.theme--dark .list .list__group--active:after,
.theme--dark .list .list__group--active:before,
.theme--dark .list .list__group__header:hover,
.theme--dark .list .list__tile--highlighted,
.theme--dark .list .list__tile--link:hover {
    background: hsla(0, 0%, 100%, .12)
}

.application .theme--dark.list .list__group--disabled .list__group__header__prepend-icon .icon,
.application .theme--dark.list .list__group--disabled .list__tile,
.theme--dark .list .list__group--disabled .list__group__header__prepend-icon .icon,
.theme--dark .list .list__group--disabled .list__tile {
    color: hsla(0, 0%, 100%, .5) !important
}

.list {
    list-style-type: none;
    padding: 8px 0;
    -webkit-transition: height .3s cubic-bezier(.4, 0, .2, 1);
    transition: height .3s cubic-bezier(.4, 0, .2, 1)
}

.list .input-group {
    margin: 0
}

.list__tile {
    -webkit-box-align: center;
    align-items: center;
    color: inherit;
    display: -webkit-box;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    height: 48px;
    margin: 0;
    padding: 0 16px;
    position: relative;
    text-decoration: none;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.list__tile--link {
    cursor: pointer
}

.list__tile__action,
.list__tile__content {
    height: 100%
}

.list__tile__sub-title,
.list__tile__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    width: 100%
}

.list__tile__title {
    height: 24px;
    line-height: 24px;
    position: relative;
    text-align: left
}

.list__tile__sub-title {
    font-size: 14px
}

.list__tile__action,
.list__tile__avatar {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    min-width: 56px
}

.list__tile__action {
    -webkit-box-align: center;
    align-items: center
}

.list__tile__action .input-group--selection-controls {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    flex: 0 1;
    padding: 0
}

.list__tile__action .input-group__details {
    display: none
}

.list__tile__action .btn {
    padding: 0;
    margin: 0
}

.list__tile__action .btn--icon {
    margin: -8px
}

.list__tile__action-text {
    color: #9e9e9e;
    font-size: 12px
}

.list__tile__action--stack {
    -webkit-box-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-top: 8px;
    padding-bottom: 8px;
    white-space: nowrap;
    flex-direction: column
}

.list__tile__action--stack,
.list__tile__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.list__tile__content {
    text-align: left;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    overflow: hidden;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column
}

.list__tile__content~.list__tile__action:not(.list__tile__action--stack),
.list__tile__content~.list__tile__avatar {
    -webkit-box-pack: end;
    justify-content: flex-end
}

.list__tile--active .list__tile__action:first-of-type .icon {
    color: inherit
}

.list__tile--disabled {
    opacity: .4 !important;
    pointer-events: none !important
}

.list__tile--avatar {
    height: 56px
}

.list--dense {
    padding-top: 4px;
    padding-bottom: 4px
}

.list--dense .subheader {
    font-size: 13px;
    height: 40px
}

.list--dense .list__group .subheader {
    height: 40px
}

.list--dense .list__tile {
    font-size: 13px
}

.list--dense .list__tile--avatar {
    height: 48px
}

.list--dense .list__tile:not(.list__tile--avatar) {
    height: 40px
}

.list--dense .list__tile .icon {
    font-size: 22px
}

.list--dense .list__tile__sub-title {
    font-size: 13px
}

.list--two-line .list__tile {
    height: 72px
}

.list--two-line.list--dense .list__tile {
    height: 60px
}

.list--three-line .list__tile {
    height: 88px
}

.list--three-line .list__tile__avatar {
    margin-top: -18px
}

.list--three-line .list__tile__sub-title {
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.list--three-line.list--dense .list__tile {
    height: 76px
}

.list>.list__group:before {
    top: 0
}

.list>.list__group:before .list__tile__avatar {
    margin-top: -14px
}

.list__group {
    padding: 0;
    position: relative;
    -webkit-transition: inherit;
    transition: inherit
}

.list__group:after,
.list__group:before {
    content: "";
    height: 1px;
    position: absolute;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    width: 100%
}

.list__group--active~.list__group:before {
    display: none
}

.list__group__header {
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: flex;
    list-style-type: none
}

.list__group__header>div:not(.list__group__header__prepend-icon):not(.list__group__header__append-icon) {
    -webkit-box-flex: 1;
    flex: 1 0 auto
}

.list__group__header .list__group__header__append-icon,
.list__group__header .list__group__header__prepend-icon {
    padding: 0 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.list__group__header--sub-group {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex
}

.list__group__header--sub-group div .list__tile {
    padding-left: 0
}

.list__group__header--sub-group .list__group__header__prepend-icon {
    padding: 0 0 0 40px;
    margin-right: 8px
}

.list__group__header .list__group__header__prepend-icon {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    min-width: 56px
}

.list__group__header--active .list__group__header__append-icon .icon {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.list__group__header--active .list__group__header__prepend-icon .icon {
    color: inherit
}

.list__group__header--active.list__group__header--sub-group .list__group__header__prepend-icon .icon {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.list__group__items {
    position: relative;
    padding: 0;
    -webkit-transition: inherit;
    transition: inherit
}

.list__group__items>div {
    display: block
}

.list__group__items--no-action .list__tile {
    padding-left: 72px
}

.list__group--disabled {
    pointer-events: none
}

.list--subheader {
    padding-top: 0
}

.menu {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.menu--disabled {
    cursor: default
}

.menu--disabled .menu__activator,
.menu--disabled .menu__activator>* {
    cursor: default;
    pointer-events: none
}

.menu__activator {
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    height: inherit;
    position: relative
}

.menu__activator input[readonly] {
    cursor: pointer
}

.menu__content {
    position: absolute;
    border-radius: 2px;
    max-width: 80%;
    overflow-y: auto;
    overflow-x: hidden;
    contain: content;
    will-change: transform;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    display: none
}

.menu .menu__content.menuable__content__active {
    min-width: 120px;
    top: 40px;
    left: -64px;
    transform-origin: left top;
    z-index: 1011;
    display: inline-block
}

.menu__content--active {
    pointer-events: none
}

.menu__content--dropdown {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 1px solid rgba(0, 0, 0, .12)
}

.menu__content>.card {
    contain: content;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.menu>.menu__content {
    max-width: none
}

.menu-transition-enter .list__tile {
    min-width: 0;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    opacity: 0;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    pointer-events: none
}

.menu-transition-enter-to .list__tile {
    pointer-events: auto;
    opacity: 1
}

.menu-transition-enter-to .list__tile--active {
    -webkit-transform: none !important;
    transform: none !important
}

.menu-transition-leave-to {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.menu-transition-leave-active,
.menu-transition-leave-to {
    pointer-events: none
}

.menu-transition-enter,
.menu-transition-leave-to {
    opacity: 0
}

.menu-transition-enter-to,
.menu-transition-leave {
    opacity: 1
}

.menu-transition-enter-active,
.menu-transition-leave-active {
    -webkit-transition: all .5s cubic-bezier(.25, .8, .5, 1);
    transition: all .5s cubic-bezier(.25, .8, .5, 1)
}

.menu-transition-enter.menu__content--auto .list__tile--active {
    opacity: 1;
    -webkit-transform: none !important;
    transform: none !important;
    pointer-events: auto
}

.application .theme--light.navigation-drawer,
.theme--light .navigation-drawer {
    background-color: #fff
}

.application .theme--light.navigation-drawer .divider,
.application .theme--light.navigation-drawer:not(.navigation-drawer--floating) .navigation-drawer__border,
.theme--light .navigation-drawer .divider,
.theme--light .navigation-drawer:not(.navigation-drawer--floating) .navigation-drawer__border {
    background-color: rgba(0, 0, 0, .12)
}

.application .theme--dark.navigation-drawer,
.theme--dark .navigation-drawer {
    background-color: #424242
}

.application .theme--dark.navigation-drawer .divider,
.application .theme--dark.navigation-drawer:not(.navigation-drawer--floating) .navigation-drawer__border,
.theme--dark .navigation-drawer .divider,
.theme--dark .navigation-drawer:not(.navigation-drawer--floating) .navigation-drawer__border {
    background-color: hsla(0, 0%, 100%, .12)
}

.navigation-drawer {
    -webkit-transition: none;
    transition: none;
    display: block;
    left: 0;
    max-width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 0 100px;
    pointer-events: auto;
    top: 0;
    will-change: transform;
    z-index: 3;
    -webkit-overflow-scrolling: touch
}

.navigation-drawer[data-booted=true] {
    -webkit-transition: .2s cubic-bezier(.4, 0, .2, 1);
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-property: background, background-color, border, border-bottom, border-bottom-color, border-bottom-width, border-color, border-left, border-left-color, border-left-width, border-right, border-right-color, border-right-width, border-top, border-top-color, border-top-width, border-width, bottom, box-shadow, color, height, left, margin, margin-bottom, margin-left, margin-right, margin-top, max-width, min-height, min-width, opacity, padding, padding-bottom, padding-left, padding-right, padding-top, right, top, 1904px, -webkit-transform, -webkit-transform-origin;
    transition-property: background, background-color, border, border-bottom, border-bottom-color, border-bottom-width, border-color, border-left, border-left-color, border-left-width, border-right, border-right-color, border-right-width, border-top, border-top-color, border-top-width, border-width, bottom, box-shadow, color, height, left, margin, margin-bottom, margin-left, margin-right, margin-top, max-width, min-height, min-width, opacity, padding, padding-bottom, padding-left, padding-right, padding-top, right, top, 1904px, -webkit-transform, -webkit-transform-origin;
    transition-property: background, background-color, border, border-bottom, border-bottom-color, border-bottom-width, border-color, border-left, border-left-color, border-left-width, border-right, border-right-color, border-right-width, border-top, border-top-color, border-top-width, border-width, bottom, box-shadow, color, height, left, margin, margin-bottom, margin-left, margin-right, margin-top, max-width, min-height, min-width, opacity, padding, padding-bottom, padding-left, padding-right, padding-top, right, top, transform, transform-origin, 1904px;
    transition-property: background, background-color, border, border-bottom, border-bottom-color, border-bottom-width, border-color, border-left, border-left-color, border-left-width, border-right, border-right-color, border-right-width, border-top, border-top-color, border-top-width, border-width, bottom, box-shadow, color, height, left, margin, margin-bottom, margin-left, margin-right, margin-top, max-width, min-height, min-width, opacity, padding, padding-bottom, padding-left, padding-right, padding-top, right, top, transform, transform-origin, 1904px, -webkit-transform, -webkit-transform-origin
}

.navigation-drawer__border {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 1px
}

.navigation-drawer.navigation-drawer--right:after {
    left: 0;
    right: auto
}

.navigation-drawer--right {
    left: auto;
    right: 0
}

.navigation-drawer--right>.navigation-drawer__border {
    right: auto;
    left: 0
}

.navigation-drawer--absolute {
    position: absolute
}

.navigation-drawer--fixed {
    position: fixed
}

.navigation-drawer--floating:after {
    display: none
}

.navigation-drawer--mini-variant {
    overflow: hidden
}

.navigation-drawer--mini-variant .list__group__header__prepend-icon {
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%
}

.navigation-drawer--mini-variant .list__tile__action,
.navigation-drawer--mini-variant .list__tile__avatar {
    -webkit-box-pack: center;
    justify-content: center;
    min-width: 48px
}

.navigation-drawer--mini-variant .list__tile:after,
.navigation-drawer--mini-variant .list__tile__content {
    opacity: 0
}

.navigation-drawer--mini-variant .divider,
.navigation-drawer--mini-variant .list--group,
.navigation-drawer--mini-variant .subheader {
    display: none !important
}

.navigation-drawer--is-mobile,
.navigation-drawer--temporary {
    z-index: 6
}

.navigation-drawer--is-mobile:not(.navigation-drawer--close),
.navigation-drawer--temporary:not(.navigation-drawer--close) {
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12)
}

.navigation-drawer .list {
    background: inherit
}

.navigation-drawer>.list .list__tile {
    -webkit-transition: none;
    transition: none;
    font-weight: 500
}

.navigation-drawer>.list .list__tile--active .list__tile__title {
    color: inherit
}

.navigation-drawer>.list .list--group .list__tile {
    font-weight: 400
}

.navigation-drawer>.list .list--group__header--active:after {
    background: 0 0
}

.navigation-drawer>.list:not(.list--dense) .list__tile {
    font-size: 14px
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    -webkit-transition: .5s cubic-bezier(.25, .8, .5, 1);
    transition: .5s cubic-bezier(.25, .8, .5, 1);
    z-index: 5
}

.overlay--absolute,
.overlay:before {
    position: absolute
}

.overlay:before {
    background-color: #212121;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    right: 0;
    top: 0;
    transition: inherit;
    transition-delay: .15s;
    width: 100%
}

.overlay--active {
    pointer-events: auto;
    touch-action: none
}

.overlay--active:before {
    opacity: .46
}

.application .theme--light.pagination__item,
.theme--light .pagination__item {
    background: #fff;
    color: #000
}

.application .theme--light.pagination__item--active,
.theme--light .pagination__item--active {
    color: #fff
}

.application .theme--light.pagination__navigation,
.theme--light .pagination__navigation {
    background: #fff
}

.application .theme--light.pagination__navigation .icon,
.theme--light .pagination__navigation .icon {
    color: rgba(0, 0, 0, .54)
}

.application .theme--dark.pagination__item,
.theme--dark .pagination__item {
    background: #424242;
    color: #fff
}

.application .theme--dark.pagination__item--active,
.theme--dark .pagination__item--active {
    color: #fff
}

.application .theme--dark.pagination__navigation,
.theme--dark .pagination__navigation {
    background: #424242
}

.application .theme--dark.pagination__navigation .icon,
.theme--dark .pagination__navigation .icon {
    color: #fff
}

.pagination {
    display: -webkit-inline-box;
    display: inline-flex;
    list-style-type: none;
    margin: 0;
    max-width: 100%;
    padding: 0
}

.pagination,
.pagination>li {
    -webkit-box-align: center;
    align-items: center
}

.pagination>li {
    display: -webkit-box;
    display: flex
}

.pagination--circle .pagination__item,
.pagination--circle .pagination__more,
.pagination--circle .pagination__navigation {
    border-radius: 50%
}

.pagination--disabled {
    pointer-events: none;
    opacity: .6
}

.pagination__item {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    border-radius: 4px;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    font-size: 14px;
    background: 0 0;
    height: 34px;
    width: 34px;
    margin: .3rem;
    text-decoration: none;
    -webkit-transition: .3s cubic-bezier(0, 0, .2, 1);
    transition: .3s cubic-bezier(0, 0, .2, 1)
}

.pagination__item--active {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.pagination__navigation {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    text-decoration: none;
    height: 2rem;
    border-radius: 4px;
    width: 2rem;
    margin: .3rem 10px
}

.pagination__navigation .icon {
    font-size: 2rem;
    -webkit-transition: .2s cubic-bezier(.4, 0, .6, 1);
    transition: .2s cubic-bezier(.4, 0, .6, 1);
    vertical-align: middle
}

.pagination__navigation--disabled {
    opacity: .6;
    pointer-events: none
}

.pagination__more {
    margin: .3rem;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    justify-content: center;
    height: 2rem;
    width: 2rem
}

.parallax {
    position: relative;
    overflow: hidden;
    z-index: 0
}

.parallax__image-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    contain: strict
}

.parallax__image {
    position: absolute;
    bottom: 0;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    display: none;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    will-change: transform;
    -webkit-transition: opacity .3s cubic-bezier(.25, .8, .5, 1);
    transition: opacity .3s cubic-bezier(.25, .8, .5, 1);
    z-index: 1
}

.parallax__content {
    color: #fff;
    height: 100%;
    z-index: 2;
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 0 1rem
}

.application .theme--dark.picker,
.theme--dark .picker {
    color: #fff
}

.application .theme--dark.picker .picker__body,
.theme--dark .picker .picker__body {
    background: #424242
}

.application .theme--light.picker .picker__title,
.theme--light .picker .picker__title {
    background: #e0e0e0
}

.application .theme--dark.picker .picker__title,
.theme--dark .picker .picker__title {
    background: #616161
}

.picker {
    border-radius: 2px;
    contain: layout style;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    vertical-align: top
}

.picker .card__row--actions {
    border: none;
    margin-top: -20px
}

.picker--full-width {
    display: -webkit-box;
    display: flex
}

.picker__title {
    color: #fff;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    padding: 16px
}

.picker__title__btn {
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.picker__title__btn.active {
    opacity: 1
}

.picker__title__btn:not(.active) {
    opacity: .6;
    cursor: pointer
}

.picker__title__btn:not(.active):hover {
    opacity: 1
}

.picker__body {
    height: auto;
    overflow: hidden;
    position: relative;
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center
}

.picker__body>div {
    width: 100%
}

.picker__body>div.fade-transition-leave-active {
    position: absolute
}

.picker--landscape .picker__title {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 170px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1
}

.picker--landscape .picker__actions,
.picker--landscape .picker__body {
    margin-left: 170px
}

.progress-circular {
    position: relative;
    display: -webkit-inline-box;
    display: inline-flex
}

.progress-circular svg {
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0
}

.progress-circular--indeterminate svg {
    -webkit-animation: progress-circular-rotate 1.4s linear infinite;
    animation: progress-circular-rotate 1.4s linear infinite;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.progress-circular--indeterminate .progress-circular__overlay {
    -webkit-animation: progress-circular-dash 1.4s ease-in-out infinite;
    animation: progress-circular-dash 1.4s ease-in-out infinite;
    stroke-linecap: round;
    stroke-dasharray: 80, 200;
    stroke-dashoffset: 0px
}

.progress-circular__underlay {
    stroke: rgba(0, 0, 0, .1);
    z-index: 1
}

.progress-circular__overlay {
    stroke: currentColor;
    z-index: 2;
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}

.progress-circular__info {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@-webkit-keyframes progress-circular-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0px
    }

    50% {
        stroke-dasharray: 100, 200;
        stroke-dashoffset: -15px
    }

    to {
        stroke-dasharray: 100, 200;
        stroke-dashoffset: -125px
    }
}

@keyframes progress-circular-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0px
    }

    50% {
        stroke-dasharray: 100, 200;
        stroke-dashoffset: -15px
    }

    to {
        stroke-dasharray: 100, 200;
        stroke-dashoffset: -125px
    }
}

@-webkit-keyframes progress-circular-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes progress-circular-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.progress-linear {
    background: 0 0;
    margin: 1rem 0;
    overflow: hidden;
    width: 100%;
    position: relative
}

.progress-linear__bar {
    width: 100%;
    position: relative;
    z-index: 1
}

.progress-linear__bar,
.progress-linear__bar__determinate {
    height: inherit;
    -webkit-transition: .2s;
    transition: .2s
}

.progress-linear__bar__indeterminate .long,
.progress-linear__bar__indeterminate .short {
    height: inherit;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    will-change: left, right;
    width: auto;
    background-color: inherit
}

.progress-linear__bar__indeterminate--active .long {
    -webkit-animation: indeterminate;
    animation: indeterminate;
    -webkit-animation-duration: 2.2s;
    animation-duration: 2.2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.progress-linear__bar__indeterminate--active .short {
    -webkit-animation: indeterminate-short;
    animation: indeterminate-short;
    -webkit-animation-duration: 2.2s;
    animation-duration: 2.2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.progress-linear__background {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in
}

.progress-linear--query .progress-linear__bar__indeterminate--active .long {
    -webkit-animation: only screen and (min-width: 1904px);
    animation: only screen and (min-width: 1904px);
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.progress-linear--query .progress-linear__bar__indeterminate--active .short {
    -webkit-animation: query-short;
    animation: query-short;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes indeterminate {
    0% {
        left: -90%;
        right: 100%
    }

    60% {
        left: -90%;
        right: 100%
    }

    to {
        left: 100%;
        right: -35%
    }
}

@keyframes indeterminate {
    0% {
        left: -90%;
        right: 100%
    }

    60% {
        left: -90%;
        right: 100%
    }

    to {
        left: 100%;
        right: -35%
    }
}

@-webkit-keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%
    }

    60% {
        left: 107%;
        right: -8%
    }

    to {
        left: 107%;
        right: -8%
    }
}

@keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%
    }

    60% {
        left: 107%;
        right: -8%
    }

    to {
        left: 107%;
        right: -8%
    }
}


@-webkit-keyframes query-short {
    0% {
        right: -200%;
        left: 100%
    }

    60% {
        right: 107%;
        left: -8%
    }

    to {
        right: 107%;
        left: -8%
    }
}

@keyframes query-short {
    0% {
        right: -200%;
        left: 100%
    }

    60% {
        right: 107%;
        left: -8%
    }

    to {
        right: 107%;
        left: -8%
    }
}

.radio-group .input-group__details:after,
.radio-group .input-group__details:before {
    display: none
}

.radio-group .input-group {
    padding: 0
}

.radio-group--column .input-group__input {
    display: block
}

.radio-group--row .input-group__input {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
}

.radio-group.input-group--error .radio .icon--selection-control,
.radio-group.input-group--error .radio label {
    color: inherit
}

.ripple__container {
    border-radius: inherit;
    width: 100%;
    height: 100%;
    z-index: 0;
    contain: strict
}

.ripple__animation,
.ripple__container {
    color: inherit;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    pointer-events: none
}

.ripple__animation {
    border-radius: 50%;
    background: currentColor;
    opacity: 0;
    -webkit-transition: .4s cubic-bezier(0, 0, .2, 1);
    transition: .4s cubic-bezier(0, 0, .2, 1);
    will-change: transform, opacity
}

.ripple__animation--enter {
    -webkit-transition: none;
    transition: none
}

.ripple__animation--visible {
    opacity: .15
}

.application .theme--light.input-group--select.input-group--editable .input-group__input:hover,
.application .theme--light.input-group--select.input-group--editable.input-group--focused .input-group__input,
.application .theme--light.input-group--select.input-group--overflow .input-group__input:hover,
.application .theme--light.input-group--select.input-group--overflow.input-group--focused .input-group__input,
.application .theme--light.input-group--select.input-group--segmented .input-group__input:hover,
.application .theme--light.input-group--select.input-group--segmented.input-group--focused .input-group__input,
.theme--light .input-group--select.input-group--editable .input-group__input:hover,
.theme--light .input-group--select.input-group--editable.input-group--focused .input-group__input,
.theme--light .input-group--select.input-group--overflow .input-group__input:hover,
.theme--light .input-group--select.input-group--overflow.input-group--focused .input-group__input,
.theme--light .input-group--select.input-group--segmented .input-group__input:hover,
.theme--light .input-group--select.input-group--segmented.input-group--focused .input-group__input {
    background: #fff
}

.application .theme--dark.input-group--select.input-group--editable .input-group__input:hover,
.application .theme--dark.input-group--select.input-group--editable.input-group--focused .input-group__input,
.application .theme--dark.input-group--select.input-group--overflow .input-group__input:hover,
.application .theme--dark.input-group--select.input-group--overflow.input-group--focused .input-group__input,
.application .theme--dark.input-group--select.input-group--segmented .input-group__input:hover,
.application .theme--dark.input-group--select.input-group--segmented.input-group--focused .input-group__input,
.theme--dark .input-group--select.input-group--editable .input-group__input:hover,
.theme--dark .input-group--select.input-group--editable.input-group--focused .input-group__input,
.theme--dark .input-group--select.input-group--overflow .input-group__input:hover,
.theme--dark .input-group--select.input-group--overflow.input-group--focused .input-group__input,
.theme--dark .input-group--select.input-group--segmented .input-group__input:hover,
.theme--dark .input-group--select.input-group--segmented.input-group--focused .input-group__input {
    background: #424242
}

.input-group--select .input-group--select__autocomplete {
    display: block;
    height: 0
}

.input-group--select .input-group--select__autocomplete--index {
    background-color: transparent !important
}

.input-group--select .input-group__append-icon {
    -webkit-transition: .3s cubic-bezier(0, 0, .2, 1);
    transition: .3s cubic-bezier(0, 0, .2, 1)
}

.input-group--select .input-group__append-icon.input-group__icon-clearable {
    -webkit-transition: none;
    transition: none
}

.input-group--select.input-group--focused .input-group--select__autocomplete,
.input-group--select:not(.input-group--dirty) .input-group--select__autocomplete {
    padding-bottom: 1px;
    height: 30px
}

.input-group--select.input-group--focused .input-group--select__autocomplete {
    display: inline-block;
    opacity: 1
}

.input-group--select.input-group--focused.input-group--select--selecting-index .input-group--select__autocomplete {
    opacity: 0
}

.input-group--select.input-group--focused.input-group--open .input-group__append-icon:not(.input-group__icon-clearable) {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.input-group--select .input-group__input {
    cursor: pointer
}

.input-group--select.input-group--disabled {
    cursor: default;
    pointer-events: none
}

.input-group--select .input-group__selections {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%
}

.input-group--select .input-group__selections__comma {
    display: -webkit-inline-box;
    display: inline-flex;
    font-size: 16px;
    padding: 3px 4px 3px 0
}

.input-group--select .input-group__selections__comma--active {
    color: inherit
}

.input-group--select .menu {
    display: inline
}

.input-group--select .fade-transition-leave-active {
    position: absolute;
    left: 0
}

.input-group--select.input-group--autocomplete.input-group--search-focused .input-group__selections__comma {
    display: none
}

.input-group--autocomplete .input-group__selections {
    cursor: text
}

.input-group.input-group--chips .input-group__input {
    padding-top: 0;
    padding-bottom: 0
}

.input-group.input-group--editable,
.input-group.input-group--editable .input-group__append-icon,
.input-group.input-group--overflow,
.input-group.input-group--overflow .input-group__append-icon,
.input-group.input-group--segmented,
.input-group.input-group--segmented .input-group__append-icon {
    padding: 0
}

.input-group.input-group--editable .input-group__selections,
.input-group.input-group--editable input,
.input-group.input-group--overflow .input-group__selections,
.input-group.input-group--overflow input,
.input-group.input-group--segmented .input-group__selections,
.input-group.input-group--segmented input {
    height: 48px
}

.input-group.input-group--editable .input-group__selections__comma,
.input-group.input-group--editable input,
.input-group.input-group--overflow .input-group__selections__comma,
.input-group.input-group--overflow input,
.input-group.input-group--segmented .input-group__selections__comma,
.input-group.input-group--segmented input {
    top: 0;
    left: 0;
    padding-left: 16px
}

.input-group.input-group--editable .input-group__selections,
.input-group.input-group--overflow .input-group__selections,
.input-group.input-group--segmented .input-group__selections {
    width: calc(100% - 55px)
}

.input-group.input-group--editable .input-group__selections .btn,
.input-group.input-group--overflow .input-group__selections .btn,
.input-group.input-group--segmented .input-group__selections .btn {
    border-radius: 0;
    margin: 0;
    height: 48px;
    width: 100%
}

.input-group.input-group--editable .input-group__selections .btn .btn__content,
.input-group.input-group--overflow .input-group__selections .btn .btn__content,
.input-group.input-group--segmented .input-group__selections .btn .btn__content {
    -webkit-box-pack: start;
    justify-content: start
}

.input-group.input-group--editable .input-group__input,
.input-group.input-group--overflow .input-group__input,
.input-group.input-group--segmented .input-group__input {
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.input-group.input-group--editable.input-group--focused .input-group__input,
.input-group.input-group--overflow.input-group--focused .input-group__input,
.input-group.input-group--segmented.input-group--focused .input-group__input {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.input-group.input-group--editable label,
.input-group.input-group--overflow label,
.input-group.input-group--segmented label {
    left: 16px !important;
    top: 9px !important
}

.input-group.input-group--editable .input-group__details:after,
.input-group.input-group--overflow .input-group__details:after,
.input-group.input-group--segmented .input-group__details:after {
    display: none
}

.input-group.input-group--editable .input-group__input,
.input-group.input-group--overflow .input-group__input,
.input-group.input-group--segmented .input-group__input {
    padding: 0
}

.input-group.input-group--editable .input-group__input:before,
.input-group.input-group--overflow .input-group__input:before,
.input-group.input-group--segmented .input-group__input:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    top: 0;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.input-group.input-group--editable .input-group__append-icon,
.input-group.input-group--overflow .input-group__append-icon,
.input-group.input-group--segmented .input-group__append-icon {
    width: 55px
}

.input-group--editable .input-group__input:hover:after,
.input-group--segmented .input-group__input:after,
.input-group.input-group--focused.input-group--editable .input-group__input:after {
    background-color: rgba(0, 0, 0, .12);
    content: "";
    position: absolute;
    right: 55px;
    height: 48px;
    top: 0;
    width: 1px
}

.menu__content--select .input-group--selection-controls__ripple {
    display: none
}

.menu__content--autocomplete,
.menu__content--autocomplete>.card {
    border-radius: 0
}

.application .theme--light.input-group--selection-controls label,
.theme--light .input-group--selection-controls label {
    color: rgba(0, 0, 0, .87)
}

.application .theme--light.input-group--selection-controls .icon--selection-control,
.theme--light .input-group--selection-controls .icon--selection-control {
    color: rgba(0, 0, 0, .54)
}

.application .theme--light.input-group--selection-controls.input-group--active .icon--selection-control,
.theme--light .input-group--selection-controls.input-group--active .icon--selection-control {
    color: inherit
}

.application .theme--light.input-group--selection-controls.input-group--disabled .input-group__input,
.theme--light .input-group--selection-controls.input-group--disabled .input-group__input {
    color: rgba(0, 0, 0, .38)
}

.application .theme--light.input-group--selection-controls.input-group--disabled .input-group__input .icon--checkbox,
.application .theme--light.input-group--selection-controls.input-group--disabled .input-group__input .icon--radio,
.theme--light .input-group--selection-controls.input-group--disabled .input-group__input .icon--checkbox,
.theme--light .input-group--selection-controls.input-group--disabled .input-group__input .icon--radio {
    color: inherit
}

.application .theme--dark.input-group--selection-controls label,
.theme--dark .input-group--selection-controls label {
    color: #fff
}

.application .theme--dark.input-group--selection-controls .icon--selection-control,
.theme--dark .input-group--selection-controls .icon--selection-control {
    color: hsla(0, 0%, 100%, .7)
}

.application .theme--dark.input-group--selection-controls.input-group--active .icon--selection-control,
.theme--dark .input-group--selection-controls.input-group--active .icon--selection-control {
    color: inherit
}

.application .theme--dark.input-group--selection-controls.input-group--disabled .input-group__input,
.theme--dark .input-group--selection-controls.input-group--disabled .input-group__input {
    color: hsla(0, 0%, 100%, .5)
}

.application .theme--dark.input-group--selection-controls.input-group--disabled .input-group__input .icon--checkbox,
.application .theme--dark.input-group--selection-controls.input-group--disabled .input-group__input .icon--radio,
.theme--dark .input-group--selection-controls.input-group--disabled .input-group__input .icon--checkbox,
.theme--dark .input-group--selection-controls.input-group--disabled .input-group__input .icon--radio {
    color: inherit
}

.icon--checkbox {
    width: 16px !important;
    height: 16px !important;
    border: 2px solid;
    border-radius: 3px
}

.input-group--selection-controls.input-group--tab-focused .input-group--selection-controls__ripple:before,
.input-group--tab-focused .input-group:focus .input-group--selection-controls__ripple:before {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: .15
}

.input-group.input-group--selection-controls {
    display: -webkit-box;
    display: flex;
    padding: 0
}

.input-group.input-group--selection-controls .icon--selection-control {
    cursor: pointer;
    position: absolute;
    left: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: .3s cubic-bezier(.4, 0, .6, 1);
    transition: .3s cubic-bezier(.4, 0, .6, 1)
}

.input-group.input-group--selection-controls .input-group__details:after,
.input-group.input-group--selection-controls .input-group__details:before {
    display: none
}

.input-group.input-group--selection-controls .input-group__input {
    color: inherit;
    width: 100%;
    position: relative
}

.input-group.input-group--selection-controls .input-group__input .icon--selection-control {
    align-self: center;
    height: 30px;
    margin: auto
}

.input-group.input-group--selection-controls.input-group--error .input-group__input .icon--selection-control,
.input-group.input-group--selection-controls.input-group--error label {
    color: inherit
}

.input-group.input-group--selection-controls label {
    cursor: pointer;
    position: absolute;
    left: 32px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
    padding-left: 0
}

.input-group.input-group--selection-controls:not(.input-group--disabled) label {
    pointer-events: all
}

.input-group--selection-controls__ripple {
    border-radius: 50%;
    height: 48px;
    width: 48px;
    cursor: pointer;
    position: absolute;
    -webkit-transform: translate(-12px, -50%);
    transform: translate(-12px, -50%);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    top: 50%;
    left: 0
}

.input-group--selection-controls__ripple:before {
    content: "";
    position: absolute;
    width: 36px;
    height: 36px;
    background: currentColor;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(.3);
    transform: translate(-50%, -50%) scale(.3);
    opacity: 0;
    -webkit-transition: .4s cubic-bezier(0, 0, .2, 1);
    transition: .4s cubic-bezier(0, 0, .2, 1);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.input-group--prepend-icon.input-group--selection-controls .icon--selection-control,
.input-group--prepend-icon.input-group--selection-controls .input-group--selection-controls__ripple {
    left: 38px
}

.input-group--prepend-icon.input-group--selection-controls label {
    left: 76px
}

.input-group--append-icon.input-group--selection-controls .input-group__append-icon {
    position: absolute;
    left: 32px
}

.input-group--append-icon.input-group--selection-controls.input-group--selection-controls label {
    left: 76px
}

.input-group--append-icon.input-group--prepend-icon.input-group--selection-controls .input-group__append-icon {
    left: 72px
}

.input-group--append-icon.input-group--prepend-icon.input-group--selection-controls.input-group--selection-controls label {
    left: 112px
}

.input-group--prepend-icon.radio-group--row .icon--selection-control,
.input-group--prepend-icon.radio-group--row .input-group--selection-controls__ripple {
    left: 14px
}

.input-group--prepend-icon.radio-group--row label {
    left: 52px
}

.application .theme--light.input-group--slider label,
.theme--light .input-group--slider label {
    color: rgba(0, 0, 0, .54)
}

.application .theme--light.input-group--slider .slider__track,
.application .theme--light.input-group--slider .slider__track-fill,
.theme--light .input-group--slider .slider__track,
.theme--light .input-group--slider .slider__track-fill {
    background: rgba(0, 0, 0, .26)
}

.application .theme--light.input-group--slider .slider__tick,
.application .theme--light.input-group--slider .slider__track__container:after,
.theme--light .input-group--slider .slider__tick,
.theme--light .input-group--slider .slider__track__container:after {
    border: 1px solid rgba(0, 0, 0, .87)
}

.application .theme--light.input-group--slider:not(.input-group--dirty) .slider__thumb--label,
.theme--light .input-group--slider:not(.input-group--dirty) .slider__thumb--label {
    background: rgba(0, 0, 0, .26)
}

.application .theme--light.input-group--slider:not(.input-group--dirty) .slider__thumb,
.theme--light .input-group--slider:not(.input-group--dirty) .slider__thumb {
    border: 3px solid rgba(0, 0, 0, .26)
}

.application .theme--light.input-group--slider:not(.input-group--dirty):focus .slider__thumb,
.theme--light .input-group--slider:not(.input-group--dirty):focus .slider__thumb {
    border: 3px solid rgba(0, 0, 0, .38)
}

.application .theme--light.input-group--slider.input-group--disabled .slider__thumb,
.theme--light .input-group--slider.input-group--disabled .slider__thumb {
    background: 0 0;
    border: 3px solid rgba(0, 0, 0, .26)
}

.application .theme--light.input-group--slider.input-group--disabled.input-group--dirty .slider__thumb,
.theme--light .input-group--slider.input-group--disabled.input-group--dirty .slider__thumb {
    background: rgba(0, 0, 0, .26);
    border: 0 solid transparent
}

.application .theme--light.input-group--slider:focus .slider__track,
.theme--light .input-group--slider:focus .slider__track {
    background: rgba(0, 0, 0, .38)
}

.application .theme--dark.input-group--slider label,
.theme--dark .input-group--slider label {
    color: hsla(0, 0%, 100%, .7)
}

.application .theme--dark.input-group--slider .slider__track,
.application .theme--dark.input-group--slider .slider__track-fill,
.theme--dark .input-group--slider .slider__track,
.theme--dark .input-group--slider .slider__track-fill {
    background: hsla(0, 0%, 100%, .2)
}

.application .theme--dark.input-group--slider .slider__tick,
.application .theme--dark.input-group--slider .slider__track__container:after,
.theme--dark .input-group--slider .slider__tick,
.theme--dark .input-group--slider .slider__track__container:after {
    border: 1px solid #fff
}

.application .theme--dark.input-group--slider:not(.input-group--dirty) .slider__thumb--label,
.theme--dark .input-group--slider:not(.input-group--dirty) .slider__thumb--label {
    background: hsla(0, 0%, 100%, .2)
}

.application .theme--dark.input-group--slider:not(.input-group--dirty) .slider__thumb,
.theme--dark .input-group--slider:not(.input-group--dirty) .slider__thumb {
    border: 3px solid hsla(0, 0%, 100%, .2)
}

.application .theme--dark.input-group--slider:not(.input-group--dirty):focus .slider__thumb,
.theme--dark .input-group--slider:not(.input-group--dirty):focus .slider__thumb {
    border: 3px solid hsla(0, 0%, 100%, .3)
}

.application .theme--dark.input-group--slider.input-group--disabled .slider__thumb,
.theme--dark .input-group--slider.input-group--disabled .slider__thumb {
    background: 0 0;
    border: 3px solid hsla(0, 0%, 100%, .2)
}

.application .theme--dark.input-group--slider.input-group--disabled.input-group--dirty .slider__thumb,
.theme--dark .input-group--slider.input-group--disabled.input-group--dirty .slider__thumb {
    background: hsla(0, 0%, 100%, .2);
    border: 0 solid transparent
}

.application .theme--dark.input-group--slider:focus .slider__track,
.theme--dark .input-group--slider:focus .slider__track {
    background: hsla(0, 0%, 100%, .3)
}

.input-group.input-group--slider {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
    padding-right: 16px
}

.input-group.input-group--slider .input-group__details:after,
.input-group.input-group--slider .input-group__details:before {
    display: none
}

.input-group.input-group--slider .input-group__input {
    -webkit-box-flex: 1;
    flex: 1 1 100%
}

.input-group.input-group--slider label {
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    width: auto;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: inline-flex;
    font-size: 18px;
    -webkit-transform: none;
    transform: none
}

.input-group.input-group--slider label+.input-group__input {
    margin-left: 16px;
    -webkit-box-flex: 1;
    flex: 1 0 auto
}

.input-group.input-group--slider.input-group--active .slider__thumb {
    -webkit-transform: translateY(-50%) scale(1.2);
    transform: translateY(-50%) scale(1.2)
}

.input-group.input-group--slider.input-group--active .slider__track {
    -webkit-transition: none;
    transition: none
}

.input-group.input-group--slider.input-group--active .slider__thumb-container--label .slider__thumb,
.input-group.input-group--slider.input-group--active .slider__thumb-container--label .slider__thumb:hover {
    -webkit-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0)
}

.input-group.input-group--slider.input-group--active .slider__thumb-container,
.input-group.input-group--slider.input-group--active .slider__track-fill {
    -webkit-transition: none;
    transition: none
}

.input-group.input-group--slider.input-group--active.input-group--ticks .slider__tick,
.input-group.input-group--slider.input-group--active.input-group--ticks .slider__track__container:after {
    opacity: 1
}

.input-group.input-group--slider.input-group--disabled {
    pointer-events: none
}

.input-group.input-group--slider.input-group--disabled .slider__thumb {
    -webkit-transform: translateY(-50%) scale(.5);
    transform: translateY(-50%) scale(.5);
    background: 0 0
}

.input-group.input-group--slider.input-group--disabled.input-group--dirty {
    border-color: transparent
}

.input-group.input-group--slider.input-group--prepend-icon .slider {
    margin-left: 40px
}

.input-group.input-group--slider.input-group--append-icon .slider {
    margin-right: 40px
}

.slider {
    cursor: default;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    height: 30px;
    -webkit-box-flex: 1;
    flex: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.slider__track__container {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 2px;
    width: 100%;
    overflow: hidden
}

.slider__track__container:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 2px;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    width: 2px;
    opacity: 0
}

.slider__thumb,
.slider__tick,
.slider__track {
    position: absolute;
    top: 0
}

.slider__track {
    -webkit-transform-origin: right;
    transform-origin: right;
    overflow: hidden
}

.slider__track,
.slider__track-fill {
    height: 2px;
    left: 0;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    width: 100%
}

.slider__track-fill {
    position: absolute;
    -webkit-transform-origin: left;
    transform-origin: left
}

.slider__ticks-container {
    position: absolute;
    left: 0;
    height: 2px;
    width: 100%;
    top: 50%;
    overflow: hidden
}

.slider__tick {
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    opacity: 0
}

.slider__thumb-container {
    position: absolute
}

.slider__thumb,
.slider__thumb-container {
    top: 50%;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.slider__thumb {
    width: 16px;
    height: 16px;
    left: -8px;
    border-radius: 50%;
    background: 0 0;
    -webkit-transform: translateY(-50%) scale(.8);
    transform: translateY(-50%) scale(.8);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.slider__thumb--label__container {
    left: 0;
    top: 0
}

.slider__thumb--label,
.slider__thumb--label__container {
    position: absolute;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.slider__thumb--label {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    font-size: 12px;
    color: #fff;
    width: 28px;
    height: 28px;
    border-radius: 50% 50% 0;
    left: -14px;
    top: -40px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.slider__thumb--label span {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.slider__track,
.slider__track-fill {
    position: absolute
}

.application .theme--light.small-dialog__actions,
.application .theme--light.small-dialog__content,
.theme--light .small-dialog__actions,
.theme--light .small-dialog__content {
    background: #fff
}

.application .theme--light.small-dialog a,
.theme--light .small-dialog a {
    color: rgba(0, 0, 0, .87)
}

.application .theme--dark.small-dialog__actions,
.application .theme--dark.small-dialog__content,
.theme--dark .small-dialog__actions,
.theme--dark .small-dialog__content {
    background: #424242
}

.application .theme--dark.small-dialog a,
.theme--dark .small-dialog a {
    color: #fff
}

.small-dialog {
    display: block;
    width: 100%;
    height: 100%
}

.small-dialog__content {
    padding: 0 24px
}

.small-dialog__actions {
    text-align: right
}

.small-dialog a {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
    text-decoration: none
}

.small-dialog a>* {
    width: 100%
}

.small-dialog .menu__activator {
    height: 100%
}

.snack {
    position: fixed;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: #fff;
    pointer-events: none;
    z-index: 1000;
    font-size: 14px;
    left: 0;
    right: 0
}

.snack--absolute {
    position: absolute
}

.snack--top {
    top: 0
}

.snack--bottom {
    bottom: 0
}

.snack__wrapper {
    background-color: #323232;
    pointer-events: auto;
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
}

.snack__content,
.snack__wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%
}

.snack__content {
    height: 48px;
    padding: 14px 24px;
    -webkit-box-pack: justify;
    justify-content: space-between;
    overflow: hidden
}

.snack__content .btn {
    color: #fff;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    margin: 0 0 0 24px;
    height: auto;
    min-width: auto;
    width: auto
}

.snack__content .btn__content {
    padding: 8px;
    margin: -8px
}

.snack__content .btn__content:before {
    display: none
}

.snack--multi-line .snack__content {
    height: 80px;
    padding: 24px
}

.snack--vertical .snack__content {
    height: 112px;
    padding: 24px 24px 14px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: stretch;
    align-items: stretch
}

.snack--vertical .snack__content .btn.btn {
    -webkit-box-pack: end;
    justify-content: flex-end;
    margin-left: 0;
    margin-top: 24px
}

.snack--vertical .snack__content .btn__content {
    padding: 0;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    margin: 0
}

.snack--auto-height .snack__content {
    height: auto
}

@media only screen and (min-width:600px) {
    .snack__wrapper {
        width: auto;
        max-width: 568px;
        min-width: 288px;
        margin: 0 auto;
        border-radius: 2px
    }

    .snack--left .snack__wrapper {
        margin-left: 0
    }

    .snack--right .snack__wrapper {
        margin-right: 0
    }

    .snack--left,
    .snack--right {
        margin: 0 24px
    }

    .snack--left.snack--top,
    .snack--right.snack--top {
        -webkit-transform: translateY(24px);
        transform: translateY(24px)
    }

    .snack--left.snack--bottom,
    .snack--right.snack--bottom {
        -webkit-transform: translateY(-24px);
        transform: translateY(-24px)
    }

    .snack__content .btn:first-of-type {
        margin-left: 48px
    }
}

.snack-transition-enter-active,
.snack-transition-leave-active {
    -webkit-transition: -webkit-transform .4s cubic-bezier(.25, .8, .5, 1);
    transition: -webkit-transform .4s cubic-bezier(.25, .8, .5, 1);
    transition: transform .4s cubic-bezier(.25, .8, .5, 1);
    transition: transform .4s cubic-bezier(.25, .8, .5, 1), -webkit-transform .4s cubic-bezier(.25, .8, .5, 1)
}

.snack-transition-enter-active .snack__content,
.snack-transition-leave-active .snack__content {
    -webkit-transition: opacity .3s linear .1s;
    transition: opacity .3s linear .1s
}

.snack-transition-enter .snack__content {
    opacity: 0
}

.snack-transition-enter-to .snack__content,
.snack-transition-leave .snack__content {
    opacity: 1
}

.snack-transition-enter.snack.snack--top,
.snack-transition-leave-to.snack.snack--top {
    -webkit-transform: translateY(calc(-100% - 8px));
    transform: translateY(calc(-100% - 8px))
}

.snack-transition-enter.snack.snack--bottom,
.snack-transition-leave-to.snack.snack--bottom {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.speed-dial {
    position: relative
}

.speed-dial--absolute {
    position: absolute
}

.speed-dial--fixed {
    position: fixed
}

.speed-dial--absolute,
.speed-dial--fixed {
    z-index: 4
}

.speed-dial--absolute>.btn--floating,
.speed-dial--fixed>.btn--floating {
    margin: 0
}

.speed-dial--top:not(.speed-dial--absolute) {
    top: 16px
}

.speed-dial--top.speed-dial--absolute {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.speed-dial--bottom:not(.speed-dial--absolute) {
    bottom: 16px
}

.speed-dial--bottom.speed-dial--absolute {
    bottom: 50%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.speed-dial--left {
    left: 16px
}

.speed-dial--right {
    right: 16px
}

.speed-dial--direction-left .speed-dial__list,
.speed-dial--direction-right .speed-dial__list {
    height: 100%;
    top: 0
}

.speed-dial--direction-bottom .speed-dial__list,
.speed-dial--direction-top .speed-dial__list {
    left: 0;
    width: 100%
}

.speed-dial--direction-top .speed-dial__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
    bottom: 100%
}

.speed-dial--direction-right .speed-dial__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    left: 100%
}

.speed-dial--direction-bottom .speed-dial__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    top: 100%
}

.speed-dial--direction-left .speed-dial__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
    right: 100%
}

.speed-dial__list {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute
}

.speed-dial__list .btn:first-child {
    -webkit-transition-delay: .05s;
    transition-delay: .05s
}

.speed-dial__list .btn:nth-child(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.speed-dial__list .btn:nth-child(3) {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.speed-dial__list .btn:nth-child(4) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.speed-dial__list .btn:nth-child(5) {
    -webkit-transition-delay: .25s;
    transition-delay: .25s
}

.speed-dial__list .btn:nth-child(6) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.speed-dial__list .btn:nth-child(7) {
    -webkit-transition-delay: .35s;
    transition-delay: .35s
}

.application .theme--light.stepper,
.theme--light .stepper {
    background: #fff
}

.application .theme--light.stepper .stepper__step:not(.stepper__step--active):not(.stepper__step--complete):not(.stepper__step--error) .stepper__step__step,
.theme--light .stepper .stepper__step:not(.stepper__step--active):not(.stepper__step--complete):not(.stepper__step--error) .stepper__step__step {
    background: rgba(0, 0, 0, .38)
}

.application .theme--light.stepper .stepper__step__step,
.application .theme--light.stepper .stepper__step__step .icon,
.theme--light .stepper .stepper__step__step,
.theme--light .stepper .stepper__step__step .icon {
    color: #fff
}

.application .theme--light.stepper .stepper__header .divider,
.theme--light .stepper .stepper__header .divider {
    background: rgba(0, 0, 0, .12)
}

.application .theme--light.stepper .stepper__step--active .stepper__label,
.theme--light .stepper .stepper__step--active .stepper__label {
    text-shadow: 0 0 0 #000
}

.application .theme--light.stepper .stepper__step--editable:hover,
.theme--light .stepper .stepper__step--editable:hover {
    background: rgba(0, 0, 0, .06)
}

.application .theme--light.stepper .stepper__step--editable:hover .stepper__label,
.theme--light .stepper .stepper__step--editable:hover .stepper__label {
    text-shadow: 0 0 0 #000
}

.application .theme--light.stepper .stepper__step--complete .stepper__label,
.theme--light .stepper .stepper__step--complete .stepper__label {
    color: rgba(0, 0, 0, .87)
}

.application .theme--light.stepper .stepper__step--inactive.stepper__step--editable:not(.stepper__step--error):hover .stepper__step__step,
.theme--light .stepper .stepper__step--inactive.stepper__step--editable:not(.stepper__step--error):hover .stepper__step__step {
    background: rgba(0, 0, 0, .54)
}

.application .theme--light.stepper .stepper__label,
.theme--light .stepper .stepper__label {
    color: rgba(0, 0, 0, .38)
}

.application .theme--light.stepper .stepper__label small,
.application .theme--light.stepper--non-linear .stepper__step:not(.stepper__step--complete):not(.stepper__step--error) .stepper__label,
.theme--light .stepper .stepper__label small,
.theme--light .stepper--non-linear .stepper__step:not(.stepper__step--complete):not(.stepper__step--error) .stepper__label {
    color: rgba(0, 0, 0, .54)
}

.application .theme--light.stepper--vertical .stepper__content:not(:last-child),
.theme--light .stepper--vertical .stepper__content:not(:last-child) {
    border-left: 1px solid rgba(0, 0, 0, .12)
}

.application .theme--dark.stepper,
.theme--dark .stepper {
    background: #303030
}

.application .theme--dark.stepper .stepper__step:not(.stepper__step--active):not(.stepper__step--complete):not(.stepper__step--error) .stepper__step__step,
.theme--dark .stepper .stepper__step:not(.stepper__step--active):not(.stepper__step--complete):not(.stepper__step--error) .stepper__step__step {
    background: hsla(0, 0%, 100%, .5)
}

.application .theme--dark.stepper .stepper__step__step,
.application .theme--dark.stepper .stepper__step__step .icon,
.theme--dark .stepper .stepper__step__step,
.theme--dark .stepper .stepper__step__step .icon {
    color: #fff
}

.application .theme--dark.stepper .stepper__header .divider,
.theme--dark .stepper .stepper__header .divider {
    background: hsla(0, 0%, 100%, .12)
}

.application .theme--dark.stepper .stepper__step--active .stepper__label,
.theme--dark .stepper .stepper__step--active .stepper__label {
    text-shadow: 0 0 0 #fff
}

.application .theme--dark.stepper .stepper__step--editable:hover,
.theme--dark .stepper .stepper__step--editable:hover {
    background: hsla(0, 0%, 100%, .06)
}

.application .theme--dark.stepper .stepper__step--editable:hover .stepper__label,
.theme--dark .stepper .stepper__step--editable:hover .stepper__label {
    text-shadow: 0 0 0 #fff
}

.application .theme--dark.stepper .stepper__step--complete .stepper__label,
.theme--dark .stepper .stepper__step--complete .stepper__label {
    color: hsla(0, 0%, 100%, .87)
}

.application .theme--dark.stepper .stepper__step--inactive.stepper__step--editable:not(.stepper__step--error):hover .stepper__step__step,
.theme--dark .stepper .stepper__step--inactive.stepper__step--editable:not(.stepper__step--error):hover .stepper__step__step {
    background: hsla(0, 0%, 100%, .75)
}

.application .theme--dark.stepper .stepper__label,
.theme--dark .stepper .stepper__label {
    color: hsla(0, 0%, 100%, .5)
}

.application .theme--dark.stepper .stepper__label small,
.application .theme--dark.stepper--non-linear .stepper__step:not(.stepper__step--complete):not(.stepper__step--error) .stepper__label,
.theme--dark .stepper .stepper__label small,
.theme--dark .stepper--non-linear .stepper__step:not(.stepper__step--complete):not(.stepper__step--error) .stepper__label {
    color: hsla(0, 0%, 100%, .7)
}

.application .theme--dark.stepper--vertical .stepper__content:not(:last-child),
.theme--dark .stepper--vertical .stepper__content:not(:last-child) {
    border-left: 1px solid hsla(0, 0%, 100%, .12)
}

.stepper {
    overflow: hidden;
    position: relative
}

.stepper,
.stepper__header {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.stepper__header {
    height: 72px;
    -webkit-box-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.stepper__header .divider {
    align-self: center;
    margin: 0 -16px
}

.stepper__items {
    position: relative;
    overflow: hidden
}

.stepper__step__step {
    -webkit-box-align: center;
    align-items: center;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: inline-flex;
    font-size: 12px;
    -webkit-box-pack: center;
    justify-content: center;
    height: 24px;
    margin-right: 8px;
    min-width: 24px;
    width: 24px;
    -webkit-transition: .3s cubic-bezier(.25, .8, .25, 1);
    transition: .3s cubic-bezier(.25, .8, .25, 1)
}

.stepper__step__step .icon {
    font-size: 18px
}

.stepper__step {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    padding: 24px;
    position: relative
}

.stepper__step--active .stepper__label {
    -webkit-transition: .3s cubic-bezier(.4, 0, .6, 1);
    transition: .3s cubic-bezier(.4, 0, .6, 1)
}

.stepper__step--editable {
    cursor: pointer
}

.stepper__step.stepper__step--error .stepper__step__step {
    background: 0 0;
    color: inherit
}

.stepper__step.stepper__step--error .stepper__step__step .icon {
    font-size: 24px;
    color: inherit
}

.stepper__step.stepper__step--error .stepper__label {
    color: inherit;
    text-shadow: none;
    font-weight: 500
}

.stepper__step.stepper__step--error .stepper__label small {
    color: inherit
}

.stepper__label {
    -webkit-box-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    text-align: left
}

.stepper__label small {
    font-size: 12px;
    font-weight: 300;
    text-shadow: none
}

.stepper__wrapper {
    overflow: hidden;
    -webkit-transition: none;
    transition: none
}

.stepper__content {
    top: 0;
    padding: 24px 24px 16px;
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    width: 100%
}

.stepper__content>.btn {
    margin: 24px 8px 8px 0
}

.stepper--is-booted .stepper__content,
.stepper--is-booted .stepper__wrapper {
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.stepper--vertical {
    padding-bottom: 36px
}

.stepper--vertical .stepper__content {
    margin: -8px -36px -16px 36px;
    padding: 16px 60px 16px 23px;
    width: auto
}

.stepper--vertical .stepper__step {
    padding: 24px 24px 16px
}

.stepper--vertical .stepper__step__step {
    margin-right: 12px
}

.stepper--alt-labels .stepper__header {
    height: auto
}

.stepper--alt-labels .stepper__header .divider {
    margin: 35px -67px 0;
    align-self: flex-start
}

.stepper--alt-labels .stepper__step {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    flex-basis: 175px
}

.stepper--alt-labels .stepper__step small {
    align-self: center
}

.stepper--alt-labels .stepper__step__step {
    margin-right: 0;
    margin-bottom: 11px
}

@media only screen and (max-width:959px) {
    .stepper:not(.stepper--vertical) .stepper__label {
        display: none
    }

    .stepper:not(.stepper--vertical) .stepper__step__step {
        margin-right: 0
    }
}

.application .theme--light.subheader,
.theme--light .subheader {
    color: rgba(0, 0, 0, .54)
}

.application .theme--dark.subheader,
.theme--dark .subheader {
    color: hsla(0, 0%, 100%, .7)
}

.subheader {
    height: 48px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    padding: 0 16px
}

.subheader--inset {
    margin-left: 56px
}

.application .theme--light.switch:not(.input-group--dirty) .input-group--selection-controls__container,
.theme--light .switch:not(.input-group--dirty) .input-group--selection-controls__container {
    color: rgba(0, 0, 0, .38) !important
}

.application .theme--light.switch .input-group--selection-controls__ripple:after,
.theme--light .switch .input-group--selection-controls__ripple:after {
    background-color: #fafafa
}

.application .theme--light.switch .input-group--selection-controls__ripple:not(.input-group--selection-controls__ripple--active),
.theme--light .switch .input-group--selection-controls__ripple:not(.input-group--selection-controls__ripple--active) {
    color: rgba(0, 0, 0, .38)
}

.application .theme--light.switch .input-group--selection-controls__ripple--active:after,
.theme--light .switch .input-group--selection-controls__ripple--active:after {
    background-color: currentColor
}

.application .theme--light.switch .input-group--selection-controls__toggle,
.theme--light .switch .input-group--selection-controls__toggle {
    color: rgba(0, 0, 0, .38)
}

.application .theme--light.switch .input-group--selection-controls__toggle--active,
.theme--light .switch .input-group--selection-controls__toggle--active {
    color: inherit
}

.application .theme--light.switch.input-group--disabled .input-group--selection-controls__ripple:after,
.theme--light .switch.input-group--disabled .input-group--selection-controls__ripple:after {
    background-color: #bdbdbd !important
}

.application .theme--light.switch.input-group--disabled .input-group--selection-controls__toggle,
.theme--light .switch.input-group--disabled .input-group--selection-controls__toggle {
    color: rgba(0, 0, 0, .12) !important
}

.application .theme--dark.switch:not(.input-group--dirty) .input-group--selection-controls__container,
.theme--dark .switch:not(.input-group--dirty) .input-group--selection-controls__container {
    color: hsla(0, 0%, 100%, .3) !important
}

.application .theme--dark.switch .input-group--selection-controls__ripple:after,
.theme--dark .switch .input-group--selection-controls__ripple:after {
    background-color: #bdbdbd
}

.application .theme--dark.switch .input-group--selection-controls__ripple:not(.input-group--selection-controls__ripple--active),
.theme--dark .switch .input-group--selection-controls__ripple:not(.input-group--selection-controls__ripple--active) {
    color: hsla(0, 0%, 100%, .3)
}

.application .theme--dark.switch .input-group--selection-controls__ripple--active:after,
.theme--dark .switch .input-group--selection-controls__ripple--active:after {
    background-color: currentColor
}

.application .theme--dark.switch .input-group--selection-controls__toggle,
.theme--dark .switch .input-group--selection-controls__toggle {
    color: hsla(0, 0%, 100%, .3)
}

.application .theme--dark.switch .input-group--selection-controls__toggle--active,
.theme--dark .switch .input-group--selection-controls__toggle--active {
    color: inherit
}

.application .theme--dark.switch.input-group--disabled .input-group--selection-controls__ripple:after,
.theme--dark .switch.input-group--disabled .input-group--selection-controls__ripple:after {
    background-color: #424242 !important
}

.application .theme--dark.switch.input-group--disabled .input-group--selection-controls__toggle,
.theme--dark .switch.input-group--disabled .input-group--selection-controls__toggle {
    color: hsla(0, 0%, 100%, .1) !important
}

.input-group.input-group--selection-controls {
    z-index: 0
}

.input-group.input-group--selection-controls.switch.input-group--append-icon label,
.input-group.input-group--selection-controls.switch.input-group--prepend-icon label {
    left: 62px
}

.input-group.input-group--selection-controls.switch.input-group--prepend-icon .input-group--selection-controls__container {
    margin-left: 6px
}

.input-group.input-group--selection-controls.switch.input-group--append-icon .input-group__append-icon {
    left: 40px
}

.input-group.input-group--selection-controls.switch .input-group--selection-controls__container {
    color: inherit;
    position: relative;
    width: 36px
}

.input-group.input-group--selection-controls.switch .input-group--selection-controls__container[class*="--text"] .input-group--selection-controls__ripple--active:after {
    background-color: currentColor
}

.input-group.input-group--selection-controls.switch .input-group--selection-controls__toggle {
    background-color: currentColor;
    color: inherit;
    position: absolute;
    height: 14px;
    top: 50%;
    left: 0;
    width: 34px;
    border-radius: 8px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.input-group.input-group--selection-controls.switch .input-group--selection-controls__toggle.input-group--selection-controls__toggle--active {
    opacity: .5
}

.input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple {
    -webkit-transform: translate(-15px, -24px);
    transform: translate(-15px, -24px);
    -webkit-transition: .3s cubic-bezier(.25, .8, .25, 1);
    transition: .3s cubic-bezier(.25, .8, .25, 1);
    z-index: 1;
    left: 0
}

.input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple:after {
    content: "";
    position: absolute;
    display: inline-block;
    cursor: pointer;
    width: 20px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 20px;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple--active {
    -webkit-transform: translate(2px, -24px);
    transform: translate(2px, -24px)
}

.input-group.input-group--selection-controls.switch label {
    padding-left: 14px
}

.application .theme--light.system-bar,
.theme--light .system-bar {
    background-color: #e0e0e0;
    color: rgba(0, 0, 0, .54)
}

.application .theme--light.system-bar .icon,
.theme--light .system-bar .icon {
    color: rgba(0, 0, 0, .54)
}

.application .theme--light.system-bar--lights-out,
.theme--light .system-bar--lights-out {
    background-color: hsla(0, 0%, 100%, .7) !important
}

.application .theme--dark.system-bar,
.theme--dark .system-bar {
    background-color: #000;
    color: hsla(0, 0%, 100%, .7)
}

.application .theme--dark.system-bar .icon,
.theme--dark .system-bar .icon {
    color: hsla(0, 0%, 100%, .7)
}

.application .theme--dark.system-bar--lights-out,
.theme--dark .system-bar--lights-out {
    background-color: rgba(0, 0, 0, .2) !important
}

.system-bar {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    padding: 0 8px
}

.system-bar .icon {
    font-size: 16px
}

.system-bar--absolute,
.system-bar--fixed {
    left: 0;
    top: 0;
    width: 100%;
    z-index: 3
}

.system-bar--fixed {
    position: fixed
}

.system-bar--absolute {
    position: absolute
}

.system-bar--status .icon {
    margin-right: 4px
}

.system-bar--window .icon {
    font-size: 20px;
    margin-right: 8px
}

.application .theme--light.table,
.theme--light .table {
    background-color: #fff;
    color: rgba(0, 0, 0, .87)
}

.application .theme--light.table thead tr:first-child,
.theme--light .table thead tr:first-child {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.application .theme--light.table thead th,
.theme--light .table thead th {
    color: rgba(0, 0, 0, .54)
}

.application .theme--light.table tbody tr:not(:last-child),
.theme--light .table tbody tr:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.application .theme--light.table tbody tr[active],
.theme--light .table tbody tr[active] {
    background: #f5f5f5
}

.application .theme--light.table tbody tr:hover:not(.datatable__expand-row),
.theme--light .table tbody tr:hover:not(.datatable__expand-row) {
    background: #eee
}

.application .theme--light.table tfoot tr,
.theme--light .table tfoot tr {
    border-top: 1px solid rgba(0, 0, 0, .12)
}

.application .theme--dark.table,
.theme--dark .table {
    background-color: #424242;
    color: #fff
}

.application .theme--dark.table thead tr:first-child,
.theme--dark .table thead tr:first-child {
    border-bottom: 1px solid hsla(0, 0%, 100%, .12)
}

.application .theme--dark.table thead th,
.theme--dark .table thead th {
    color: hsla(0, 0%, 100%, .7)
}

.application .theme--dark.table tbody tr:not(:last-child),
.theme--dark .table tbody tr:not(:last-child) {
    border-bottom: 1px solid hsla(0, 0%, 100%, .12)
}

.application .theme--dark.table tbody tr[active],
.theme--dark .table tbody tr[active] {
    background: #505050
}

.application .theme--dark.table tbody tr:hover:not(.datatable__expand-row),
.theme--dark .table tbody tr:hover:not(.datatable__expand-row) {
    background: #616161
}

.application .theme--dark.table tfoot tr,
.theme--dark .table tfoot tr {
    border-top: 1px solid hsla(0, 0%, 100%, .12)
}

.table__overflow {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden
}

table.table {
    border-radius: 2px;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    max-width: 100%
}

table.table tbody td:first-child,
table.table tbody td:not(:first-child),
table.table tbody th:first-child,
table.table tbody th:not(:first-child),
table.table thead td:first-child,
table.table thead td:not(:first-child),
table.table thead th:first-child,
table.table thead th:not(:first-child) {
    padding: 0 24px
}

table.table thead tr {
    height: 56px
}

table.table thead th {
    font-weight: 500;
    font-size: 12px;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

table.table thead th.sortable {
    pointer-events: auto
}

table.table thead th>div {
    width: 100%
}

table.table tbody tr {
    -webkit-transition: background .3s cubic-bezier(.25, .8, .5, 1);
    transition: background .3s cubic-bezier(.25, .8, .5, 1);
    will-change: background
}

table.table tbody td,
table.table tbody th {
    height: 48px
}

table.table tbody td {
    font-weight: 400;
    font-size: 13px
}

table.table .input-group--selection-controls {
    padding: 0
}

table.table .input-group--selection-controls .input-group__details {
    display: none
}

table.table .input-group--selection-controls.checkbox .icon {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

table.table .input-group--selection-controls.checkbox .input-group--selection-controls__ripple {
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

table.table tfoot tr {
    height: 48px
}

table.table tfoot tr td {
    padding: 0 24px
}

.application .theme--light.tabs__bar,
.theme--light .tabs__bar {
    background-color: #fff
}

.application .theme--light.tabs__bar .tabs__div,
.theme--light .tabs__bar .tabs__div {
    color: rgba(0, 0, 0, .87)
}

.application .theme--light.tabs__bar .tabs__item--disabled,
.theme--light .tabs__bar .tabs__item--disabled {
    color: rgba(0, 0, 0, .26)
}

.application .theme--dark.tabs__bar,
.theme--dark .tabs__bar {
    background-color: #424242
}

.application .theme--dark.tabs__bar .tabs__div,
.theme--dark .tabs__bar .tabs__div {
    color: #fff
}

.application .theme--dark.tabs__bar .tabs__item--disabled,
.theme--dark .tabs__bar .tabs__item--disabled {
    color: hsla(0, 0%, 100%, .3)
}

.tabs,
.tabs__bar {
    position: relative
}

.tabs__icon {
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-inline-box;
    display: inline-flex;
    height: 100%;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 32px
}

.tabs__icon--prev {
    left: 4px
}

.tabs__icon--next {
    right: 4px
}

.tabs__wrapper {
    overflow-x: auto;
    contain: content;
    display: -webkit-box;
    display: flex
}

.tabs__wrapper--show-arrows {
    margin-left: 40px;
    margin-right: 40px
}

.tabs__wrapper--show-arrows .tabs__container--align-with-title {
    padding-left: 16px
}

@media only screen and (max-width:599px) {
    .tabs__wrapper--show-arrows .tabs__container--align-with-title {
        padding-left: 24px
    }
}

.tabs__container {
    display: -webkit-box;
    display: flex;
    height: 48px;
    list-style-type: none;
    -webkit-transition: -webkit-transform .6s cubic-bezier(.86, 0, .07, 1);
    transition: -webkit-transform .6s cubic-bezier(.86, 0, .07, 1);
    transition: transform .6s cubic-bezier(.86, 0, .07, 1);
    transition: transform .6s cubic-bezier(.86, 0, .07, 1), -webkit-transform .6s cubic-bezier(.86, 0, .07, 1);
    white-space: nowrap;
    position: relative
}

.tabs__container,
.tabs__container--overflow .tabs__div {
    -webkit-box-flex: 1;
    flex: 1 0 auto
}

.tabs__container--grow .tabs__div {
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    max-width: none
}

.tabs__container--icons-and-text {
    height: 72px
}

.tabs__container--align-with-title {
    padding-left: 56px
}

@media only screen and (max-width:599px) {
    .tabs__container--align-with-title {
        padding-left: 64px
    }
}

.tabs__container--centered .tabs__div,
.tabs__container--fixed-tabs .tabs__div,
.tabs__container--icons-and-text .tabs__div {
    min-width: 72px
}

@media only screen and (min-width:600px) {

    .tabs__container--centered .tabs__div,
    .tabs__container--fixed-tabs .tabs__div,
    .tabs__container--icons-and-text .tabs__div {
        min-width: 160px
    }
}

@media only screen and (max-width:599px) {
    .tabs__container--fixed-tabs .tabs__div {
        -webkit-box-flex: 1;
        flex: 1 0 auto
    }
}

.tabs__container--centered .tabs__slider-wrapper+.tabs__div,
.tabs__container--centered>.tabs__div:first-child,
.tabs__container--fixed-tabs .tabs__slider-wrapper+.tabs__div,
.tabs__container--fixed-tabs>.tabs__div:first-child,
.tabs__container--right .tabs__slider-wrapper+.tabs__div,
.tabs__container--right>.tabs__div:first-child {
    margin-left: auto
}

.tabs__container--centered>.tabs__div:last-child,
.tabs__container--fixed-tabs>.tabs__div:last-child {
    margin-right: auto
}

.tabs__container--icons-and-text .tabs__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse
}

.tabs__container--icons-and-text .tabs__item .icon {
    margin-bottom: 6px
}

.tabs__div {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    height: inherit;
    max-width: 264px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle
}

.tabs__div,
.tabs__item {
    -webkit-box-align: center;
    align-items: center
}

.tabs__item {
    color: inherit;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1;
    flex-basis: 264px;
    height: 100%;
    -webkit-box-pack: center;
    justify-content: center;
    max-width: inherit;
    padding: 6px 12px;
    text-decoration: none;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: normal
}

.tabs__item:not(.tabs__item--active) {
    opacity: .7
}

.tabs__item--disabled {
    pointer-events: none
}

.tabs__slider {
    height: 2px;
    width: 100%
}

.tabs__slider-wrapper {
    bottom: 0;
    margin: 0 !important;
    position: absolute;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.tabs__items {
    overflow: hidden;
    position: relative
}

.tabs__content {
    width: 100%;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.86, 0, .07, 1);
    transition: -webkit-transform .4s cubic-bezier(.86, 0, .07, 1);
    transition: transform .4s cubic-bezier(.86, 0, .07, 1);
    transition: transform .4s cubic-bezier(.86, 0, .07, 1), -webkit-transform .4s cubic-bezier(.86, 0, .07, 1)
}

.application .theme--light.input-group--text-field.input-group--text-field-box .input-group__input,
.theme--light .input-group--text-field.input-group--text-field-box .input-group__input {
    background: hsla(0, 0%, 100%, .6)
}

.application .theme--light.input-group--text-field input::-webkit-input-placeholder,
.application .theme--light.input-group--text-field textarea::-webkit-input-placeholder,
.theme--light .input-group--text-field input::-webkit-input-placeholder,
.theme--light .input-group--text-field textarea::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.application .theme--light.input-group--text-field input::-moz-placeholder,
.application .theme--light.input-group--text-field textarea::-moz-placeholder,
.theme--light .input-group--text-field input::-moz-placeholder,
.theme--light .input-group--text-field textarea::-moz-placeholder {
    color: rgba(0, 0, 0, .38)
}

.application .theme--light.input-group--text-field input:-ms-input-placeholder,
.application .theme--light.input-group--text-field textarea:-ms-input-placeholder,
.theme--light .input-group--text-field input:-ms-input-placeholder,
.theme--light .input-group--text-field textarea:-ms-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.application .theme--light.input-group--text-field input::-ms-input-placeholder,
.application .theme--light.input-group--text-field textarea::-ms-input-placeholder,
.theme--light .input-group--text-field input::-ms-input-placeholder,
.theme--light .input-group--text-field textarea::-ms-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.application .theme--light.input-group--text-field input::placeholder,
.application .theme--light.input-group--text-field textarea::placeholder,
.theme--light .input-group--text-field input::placeholder,
.theme--light .input-group--text-field textarea::placeholder {
    color: rgba(0, 0, 0, .38)
}

.application .theme--light.input-group--text-field:not(.input-group--error) .input-group__counter,
.theme--light .input-group--text-field:not(.input-group--error) .input-group__counter {
    color: rgba(0, 0, 0, .54)
}

.application .theme--dark.input-group--text-field.input-group--text-field-box .input-group__input,
.theme--dark .input-group--text-field.input-group--text-field-box .input-group__input {
    background: hsla(0, 0%, 100%, .1)
}

.application .theme--dark.input-group--text-field input::-webkit-input-placeholder,
.application .theme--dark.input-group--text-field textarea::-webkit-input-placeholder,
.theme--dark .input-group--text-field input::-webkit-input-placeholder,
.theme--dark .input-group--text-field textarea::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.application .theme--dark.input-group--text-field input::-moz-placeholder,
.application .theme--dark.input-group--text-field textarea::-moz-placeholder,
.theme--dark .input-group--text-field input::-moz-placeholder,
.theme--dark .input-group--text-field textarea::-moz-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.application .theme--dark.input-group--text-field input:-ms-input-placeholder,
.application .theme--dark.input-group--text-field textarea:-ms-input-placeholder,
.theme--dark .input-group--text-field input:-ms-input-placeholder,
.theme--dark .input-group--text-field textarea:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.application .theme--dark.input-group--text-field input::-ms-input-placeholder,
.application .theme--dark.input-group--text-field textarea::-ms-input-placeholder,
.theme--dark .input-group--text-field input::-ms-input-placeholder,
.theme--dark .input-group--text-field textarea::-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.application .theme--dark.input-group--text-field input::placeholder,
.application .theme--dark.input-group--text-field textarea::placeholder,
.theme--dark .input-group--text-field input::placeholder,
.theme--dark .input-group--text-field textarea::placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.application .theme--dark.input-group--text-field:not(.input-group--error) .input-group__counter,
.theme--dark .input-group--text-field:not(.input-group--error) .input-group__counter {
    color: hsla(0, 0%, 100%, .7)
}

.input-group--text-field label {
    position: absolute;
    top: 18px;
    left: 0
}

.input-group--text-field input {
    padding-bottom: 1px
}

.input-group--text-field input,
.input-group--text-field textarea {
    font-size: 16px
}

.input-group--text-field input::-webkit-input-placeholder,
.input-group--text-field textarea::-webkit-input-placeholder {
    color: inherit;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.input-group--text-field input::-moz-placeholder,
.input-group--text-field textarea::-moz-placeholder {
    color: inherit;
    -moz-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.input-group--text-field input:-ms-input-placeholder,
.input-group--text-field textarea:-ms-input-placeholder {
    color: inherit;
    -ms-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.input-group--text-field input::-ms-input-placeholder,
.input-group--text-field textarea::-ms-input-placeholder {
    color: inherit;
    -ms-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.input-group--text-field input::placeholder,
.input-group--text-field textarea::placeholder {
    color: inherit;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.input-group--text-field input {
    box-shadow: none;
    -webkit-box-flex: 1;
    flex: 1;
    height: 30px;
    margin: 0;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.input-group--text-field input:focus {
    outline: 0
}

.input-group--text-field input:disabled {
    pointer-events: none
}

.input-group--text-field textarea {
    -webkit-box-flex: 1;
    flex: 1 1
}

.input-group--text-field textarea:focus {
    outline: 0
}

.input-group--text-field.input-group--textarea label {
    top: 13px
}

.input-group--text-field.input-group--textarea .input-group__input {
    border-radius: 2px;
    -webkit-transition: .4s cubic-bezier(.25, .8, .25, 1);
    transition: .4s cubic-bezier(.25, .8, .25, 1)
}

.input-group--text-field.input-group--textarea textarea {
    font-size: 16px;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.input-group--text-field.input-group--textarea:not(.input-group--full-width) label {
    top: 30px;
    left: 15px
}

.input-group--text-field.input-group--textarea:not(.input-group--full-width) .input-group__input {
    padding: 30px 0 0 13px
}

.input-group--text-field.input-group--textarea .input-group__details:after,
.input-group--text-field.input-group--textarea .input-group__details:before {
    opacity: 0
}

.input-group--text-field .input-group__counter {
    margin-left: auto;
    white-space: nowrap
}

.input-group--text-field .input-group__counter--error {
    color: inherit
}

.input-group--text-field.input-group--placeholder.input-group--dirty input::-webkit-input-placeholder,
.input-group--text-field.input-group--placeholder.input-group--dirty textarea::-webkit-input-placeholder {
    opacity: 0
}

.input-group--text-field.input-group--placeholder.input-group--dirty input::-moz-placeholder,
.input-group--text-field.input-group--placeholder.input-group--dirty textarea::-moz-placeholder {
    opacity: 0
}

.input-group--text-field.input-group--placeholder.input-group--dirty input:-ms-input-placeholder,
.input-group--text-field.input-group--placeholder.input-group--dirty textarea:-ms-input-placeholder {
    opacity: 0
}

.input-group--text-field.input-group--placeholder.input-group--dirty input::-ms-input-placeholder,
.input-group--text-field.input-group--placeholder.input-group--dirty textarea::-ms-input-placeholder {
    opacity: 0
}

.input-group--text-field.input-group--placeholder.input-group--dirty input::placeholder,
.input-group--text-field.input-group--placeholder.input-group--dirty textarea::placeholder {
    opacity: 0
}

.input-group--text-field.input-group--no-resize textarea {
    resize: none
}

.input-group--text-field.input-group--prepend-icon .input-group__prepend-icon {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    min-width: 40px
}

.input-group--text-field.input-group--prepend-icon .input-group__details {
    margin-left: auto;
    max-width: calc(100% - 40px)
}

.input-group--text-field.input-group--prepend-icon label {
    left: 40px
}

.input-group--text-field:not(.input-group--single-line).input-group--focused label,
.input-group--text-field:not(.input-group--single-line).input-group--placeholder label {
    opacity: 1
}

.input-group--text-field:not(.input-group--single-line).input-group--focused:not(.input-group--textarea) label,
.input-group--text-field:not(.input-group--single-line).input-group--placeholder:not(.input-group--textarea) label {
    -webkit-transform: translateY(-18px) scale(.75);
    transform: translateY(-18px) scale(.75)
}

.input-group--text-field:not(.input-group--single-line).input-group--focused:not(.input-group--full-width).input-group--textarea label,
.input-group--text-field:not(.input-group--single-line).input-group--placeholder:not(.input-group--full-width).input-group--textarea label {
    -webkit-transform: translateY(-8px) scale(.75);
    transform: translateY(-8px) scale(.75)
}

.input-group--text-field:not(.input-group--single-line).input-group--focused.input-group--text-field-box label,
.input-group--text-field:not(.input-group--single-line).input-group--placeholder.input-group--text-field-box label {
    -webkit-transform: translateY(-10px) scale(.75);
    transform: translateY(-10px) scale(.75)
}

.input-group--text-field.input-group--dirty.input-group--select label,
.input-group--text-field.input-group--dirty:not(.input-group--textarea) label {
    -webkit-transform: translateY(-18px) scale(.75);
    transform: translateY(-18px) scale(.75)
}

.input-group--text-field.input-group--dirty:not(.input-group--full-width).input-group--textarea label {
    -webkit-transform: translateY(-8px) scale(.75);
    transform: translateY(-8px) scale(.75)
}

.input-group--text-field.input-group--multi-line textarea {
    padding-top: 4px
}

.input-group--text-field.input-group--full-width {
    padding: 16px
}

.input-group--text-field.input-group--full-width label {
    margin-left: 16px
}

.input-group--text-field.input-group--full-width .input-group__details:after,
.input-group--text-field.input-group--full-width .input-group__details:before {
    display: none
}

.input-group--prefix:not(.input-group--focused):not(.input-group--dirty) label {
    left: 16px
}

.input-group--prefix .input-group--text-field__prefix,
.input-group--prefix .input-group--text-field__suffix,
.input-group--suffix .input-group--text-field__prefix,
.input-group--suffix .input-group--text-field__suffix {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: inline-flex;
    font-size: 16px;
    margin-top: 1px
}

.input-group--prefix .input-group--text-field__prefix,
.input-group--suffix .input-group--text-field__prefix {
    margin-right: 3px
}

.input-group--prefix .input-group--text-field__suffix,
.input-group--suffix .input-group--text-field__suffix {
    margin-left: 3px
}

.input-group--text-field-box input,
.input-group--text-field-box textarea {
    cursor: pointer
}

.input-group--text-field-box label {
    left: 16px
}

.input-group--text-field-box .input-group__input {
    -webkit-box-align: end;
    align-items: flex-end;
    border-radius: 4px 4px 0 0;
    cursor: pointer;
    min-height: 56px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.input-group--text-field-box .input-group__details {
    padding: 8px 16px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.input-group--text-field-box .input-group__details:after,
.input-group--text-field-box .input-group__details:before {
    height: 2px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.input-group--text-field-box.input-group--multi-line textarea {
    padding-left: 24px;
    padding-right: 24px
}

.input-group--text-field-box:not(.input-group--textarea).input-group--multi-line .input-group__input {
    padding-top: 26px
}

.input-group--text-field-box:not(.input-group--textarea).input-group--multi-line label {
    top: 26px
}

.input-group--text-field-box:not(.input-group--textarea):not(.input-group--multi-line) .input-group__input {
    padding-left: 16px;
    padding-right: 16px
}

.input-group--text-field-box:not(.input-group--textarea):not(.input-group--multi-line) label {
    top: 32px
}

.input-group--text-field-box:not(.input-group--textarea):not(.input-group--single-line).input-group--dirty label,
.input-group--text-field-box:not(.input-group--textarea):not(.input-group--single-line).input-group--focused label {
    -webkit-transform: translateY(-10px) scale(.75);
    transform: translateY(-10px) scale(.75)
}

.input-group--text-field-box.input-group--prepend-icon .input-group__details:after,
.input-group--text-field-box.input-group--prepend-icon .input-group__details:before {
    margin-left: 56px;
    max-width: calc(100% - 56px)
}

.input-group--text-field-box.input-group--prepend-icon label {
    left: 56px
}

.application .theme--light.time-picker-clock,
.theme--light .time-picker-clock {
    background: #e0e0e0
}

.application .theme--light.time-picker-clock>span.disabled,
.theme--light .time-picker-clock>span.disabled {
    color: rgba(0, 0, 0, .26)
}

.application .theme--light.time-picker-clock>span.disabled.active,
.theme--light .time-picker-clock>span.disabled.active {
    color: hsla(0, 0%, 100%, .3)
}

.application .theme--light.time-picker-clock--indeterminate .time-picker-clock__hand,
.theme--light .time-picker-clock--indeterminate .time-picker-clock__hand {
    background-color: #bdbdbd
}

.application .theme--light.time-picker-clock--indeterminate .time-picker-clock__hand:after,
.theme--light .time-picker-clock--indeterminate .time-picker-clock__hand:after {
    color: #bdbdbd
}

.application .theme--light.time-picker-clock--indeterminate>span.active,
.theme--light .time-picker-clock--indeterminate>span.active {
    background-color: #bdbdbd
}

.application .theme--dark.time-picker-clock,
.theme--dark .time-picker-clock {
    background: #616161
}

.application .theme--dark.time-picker-clock>span.disabled,
.application .theme--dark.time-picker-clock>span.disabled.active,
.theme--dark .time-picker-clock>span.disabled,
.theme--dark .time-picker-clock>span.disabled.active {
    color: hsla(0, 0%, 100%, .3)
}

.application .theme--dark.time-picker-clock--indeterminate .time-picker-clock__hand,
.theme--dark .time-picker-clock--indeterminate .time-picker-clock__hand {
    background-color: #757575
}

.application .theme--dark.time-picker-clock--indeterminate .time-picker-clock__hand:after,
.theme--dark .time-picker-clock--indeterminate .time-picker-clock__hand:after {
    color: #757575
}

.application .theme--dark.time-picker-clock--indeterminate>span.active,
.theme--dark .time-picker-clock--indeterminate>span.active {
    background-color: #757575
}

.time-picker-clock {
    border-radius: 100%;
    position: relative;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.time-picker-clock__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 10px
}

.time-picker-clock__hand {
    height: calc(50% - 28px);
    width: 2px;
    bottom: 50%;
    left: calc(50% - 1px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    position: absolute;
    will-change: transform;
    z-index: 1
}

.time-picker-clock__hand:before {
    background: 0 0;
    border: 2px solid;
    border-color: inherit;
    border-radius: 100%;
    width: 10px;
    height: 10px;
    top: -3%
}

.time-picker-clock__hand:after,
.time-picker-clock__hand:before {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.time-picker-clock__hand:after {
    height: 8px;
    width: 8px;
    top: 100%;
    border-radius: 100%;
    border-style: solid;
    border-color: inherit;
    background-color: inherit
}

.time-picker-clock>span {
    -webkit-box-align: center;
    align-items: center;
    border-radius: 100%;
    cursor: default;
    display: -webkit-box;
    display: flex;
    font-size: 16px;
    -webkit-box-pack: center;
    justify-content: center;
    left: calc(50% - 20px);
    height: 40px;
    position: absolute;
    text-align: center;
    top: calc(50% - 20px);
    width: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.time-picker-clock>span>span {
    z-index: 1
}

.time-picker-clock>span:after,
.time-picker-clock>span:before {
    content: "";
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 14px;
    width: 14px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 40px;
    width: 40px
}

.time-picker-clock>span.active {
    color: #fff;
    cursor: default;
    z-index: 2
}

.time-picker-clock>span.disabled {
    pointer-events: none
}

.time-picker-title {
    color: #fff;
    display: -webkit-box;
    display: flex;
    line-height: 1;
    -webkit-box-pack: end;
    justify-content: flex-end
}

.time-picker-title__time {
    white-space: nowrap
}

.time-picker-title__time .picker__title__btn,
.time-picker-title__time span {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: inline-flex;
    height: 70px;
    font-size: 70px;
    -webkit-box-pack: center;
    justify-content: center
}

.time-picker-title__ampm {
    align-self: flex-end;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    font-size: 16px;
    margin: 8px 0 6px 8px;
    text-transform: uppercase
}

.time-picker-title__ampm div:only-child {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
}

.picker__title--landscape .time-picker-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    height: 100%
}

.picker__title--landscape .time-picker-title__time {
    text-align: right
}

.picker__title--landscape .time-picker-title__time .picker__title__btn,
.picker__title--landscape .time-picker-title__time span {
    height: 55px;
    font-size: 55px
}

.picker__title--landscape .time-picker-title__ampm {
    margin: 16px 0 0;
    align-self: auto;
    text-align: center
}

.application .theme--light.toolbar,
.theme--light .toolbar {
    background-color: #f5f5f5;
    color: rgba(0, 0, 0, .87)
}

.application .theme--dark.toolbar,
.theme--dark .toolbar {
    background-color: #212121;
    color: #fff
}

.toolbar {
    -webkit-transition: none;
    transition: none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    display: block;
    position: relative;
    width: 100%;
    will-change: padding-left
}

.toolbar[data-booted=true] {
    -webkit-transition: .2s cubic-bezier(.4, 0, .2, 1);
    transition: .2s cubic-bezier(.4, 0, .2, 1)
}

.toolbar .input-group--solo .input-group__details {
    display: none
}

.toolbar .input-group--single-line:not(.input-group--solo) {
    padding: 0
}

.toolbar .input-group--single-line:not(.input-group--solo) label {
    top: auto
}

.toolbar .tabs {
    width: 100%
}

.toolbar__title {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em;
    margin-left: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.toolbar__content,
.toolbar__extension {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex
}

.toolbar__content>.list,
.toolbar__extension>.list {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    margin: 0 !important;
    max-height: 100%
}

.toolbar__content>.btn:last-child,
.toolbar__content>.menu:last-child,
.toolbar__extension>.btn:last-child,
.toolbar__extension>.menu:last-child {
    margin-right: 8px
}

.toolbar__content>.btn:first-child,
.toolbar__content>.menu:first-child,
.toolbar__extension>.btn:first-child,
.toolbar__extension>.menu:first-child {
    margin-left: 8px
}

.toolbar__content>:not(.btn):not(.menu):first-child:not(:only-child),
.toolbar__extension>:not(.btn):not(.menu):first-child:not(:only-child) {
    margin-left: 16px
}

.toolbar__content>:not(.btn):not(.menu):last-child:not(:only-child),
.toolbar__extension>:not(.btn):not(.menu):last-child:not(:only-child) {
    margin-right: 16px
}

.toolbar__items {
    display: -webkit-box;
    display: flex;
    height: inherit;
    max-width: 100%;
    padding: 0
}

.toolbar__items .btn {
    -webkit-box-align: stretch;
    align-items: stretch
}

.toolbar__items .tooltip,
.toolbar__items .tooltip>span {
    height: inherit
}

.toolbar__items .btn,
.toolbar__items .menu,
.toolbar__items .menu__activator {
    height: inherit;
    margin: 0
}

@media only screen and (max-width:599px) {

    .toolbar .toolbar__content>.btn:last-child,
    .toolbar .toolbar__extension>.btn:last-child {
        margin-right: 17px
    }

    .toolbar .toolbar__content>.btn:first-child,
    .toolbar .toolbar__extension>.btn:first-child {
        margin-left: 17px
    }

    .toolbar .toolbar__content>:not(.btn):not(.menu):first-child:not(:only-child),
    .toolbar .toolbar__extension>:not(.btn):not(.menu):first-child:not(:only-child) {
        margin-left: 24px
    }

    .toolbar .toolbar__content>:not(.btn):not(.menu):last-child:not(:only-child),
    .toolbar .toolbar__extension>:not(.btn):not(.menu):last-child:not(:only-child) {
        margin-right: 24px
    }
}

.toolbar--card {
    border-radius: 2px 2px 0 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.toolbar--fixed {
    position: fixed;
    z-index: 2
}

.toolbar--absolute,
.toolbar--fixed {
    top: 0;
    left: 0
}

.toolbar--absolute {
    position: absolute;
    z-index: 2
}

.toolbar--floating {
    display: -webkit-inline-box;
    display: inline-flex;
    margin: 16px;
    width: auto
}

.toolbar--clipped {
    z-index: 3
}

.tooltip {
    position: relative
}

.tooltip__content {
    background: #616161;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    padding: 5px 8px;
    position: absolute;
    text-transform: none;
    -webkit-transition: .15s cubic-bezier(.25, .8, .5, 1);
    transition: .15s cubic-bezier(.25, .8, .5, 1);
    width: auto;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.tooltip__content[class*=-active] {
    pointer-events: none
}

@media only screen and (max-width:959px) {
    .tooltip .tooltip__content {
        padding: 10px 16px
    }
}

.swiper-container1,
.swiper-container_testi {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: opacity .3s;
    -o-transition: .3s opacity;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: top .2s, -webkit-transform .2s;
    transition: top .2s, -webkit-transform .2s;
    -o-transition: .2s transform, .2s top;
    transition: transform .2s, top .2s;
    transition: transform .2s, top .2s, -webkit-transform .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: left .2s, -webkit-transform .2s;
    transition: left .2s, -webkit-transform .2s;
    -o-transition: .2s transform, .2s left;
    transition: transform .2s, left .2s;
    transition: transform .2s, left .2s, -webkit-transform .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: right .2s, -webkit-transform .2s;
    transition: right .2s, -webkit-transform .2s;
    -o-transition: .2s transform, .2s right;
    transition: transform .2s, right .2s;
    transition: transform .2s, right .2s, -webkit-transform .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

@media screen and (min-width:320px) {

    .xsmall-1,
    .xsmall-1-1 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .xsmall-1-2,
    .xsmall-2 {
        flex-basis: 50%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .xsmall-2-2 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .xsmall-1-3,
    .xsmall-3 {
        flex-basis: 33.333333333333336%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 33.333333333333336%
    }

    .xsmall-2-3 {
        flex-basis: 66.66666666666667%;
        max-width: 66.66666666666667%
    }

    .xsmall-2-3,
    .xsmall-3-3 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xsmall-3-3 {
        flex-basis: 100%;
        max-width: 100%
    }

    .xsmall-1-4,
    .xsmall-4 {
        flex-basis: 25%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 25%
    }

    .xsmall-2-4 {
        flex-basis: 50%;
        max-width: 50%
    }

    .xsmall-2-4,
    .xsmall-3-4 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xsmall-3-4 {
        flex-basis: 75%;
        max-width: 75%
    }

    .xsmall-4-4 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .xsmall-1-5,
    .xsmall-5 {
        flex-basis: 20%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 20%
    }

    .xsmall-2-5 {
        flex-basis: 40%;
        max-width: 40%
    }

    .xsmall-2-5,
    .xsmall-3-5 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xsmall-3-5 {
        flex-basis: 60%;
        max-width: 60%
    }

    .xsmall-4-5 {
        flex-basis: 80%;
        max-width: 80%
    }

    .xsmall-4-5,
    .xsmall-5-5 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xsmall-5-5 {
        flex-basis: 100%;
        max-width: 100%
    }

    .xsmall-1-6,
    .xsmall-6 {
        flex-basis: 16.666666666666668%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 16.666666666666668%
    }

    .xsmall-2-6 {
        flex-basis: 33.333333333333336%;
        max-width: 33.333333333333336%
    }

    .xsmall-2-6,
    .xsmall-3-6 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xsmall-3-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .xsmall-4-6 {
        flex-basis: 66.66666666666667%;
        max-width: 66.66666666666667%
    }

    .xsmall-4-6,
    .xsmall-5-6 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xsmall-5-6 {
        flex-basis: 83.33333333333334%;
        max-width: 83.33333333333334%
    }

    .xsmall-6-6 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .xsmall-1-7,
    .xsmall-7 {
        flex-basis: 14.285714285714286%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 14.285714285714286%
    }

    .xsmall-2-7 {
        flex-basis: 28.571428571428573%;
        max-width: 28.571428571428573%
    }

    .xsmall-2-7,
    .xsmall-3-7 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xsmall-3-7 {
        flex-basis: 42.85714285714286%;
        max-width: 42.85714285714286%
    }

    .xsmall-4-7 {
        flex-basis: 57.142857142857146%;
        max-width: 57.142857142857146%
    }

    .xsmall-4-7,
    .xsmall-5-7 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xsmall-5-7 {
        flex-basis: 71.42857142857143%;
        max-width: 71.42857142857143%
    }

    .xsmall-6-7 {
        flex-basis: 85.71428571428572%;
        max-width: 85.71428571428572%
    }

    .xsmall-6-7,
    .xsmall-7-7 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xsmall-7-7 {
        flex-basis: 100%;
        max-width: 100%
    }

    .xsmall-1-8,
    .xsmall-8 {
        flex-basis: 12.5%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 12.5%
    }

    .xsmall-2-8 {
        flex-basis: 25%;
        max-width: 25%
    }

    .xsmall-2-8,
    .xsmall-3-8 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xsmall-3-8 {
        flex-basis: 37.5%;
        max-width: 37.5%
    }

    .xsmall-4-8 {
        flex-basis: 50%;
        max-width: 50%
    }

    .xsmall-4-8,
    .xsmall-5-8 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xsmall-5-8 {
        flex-basis: 62.5%;
        max-width: 62.5%
    }

    .xsmall-6-8 {
        flex-basis: 75%;
        max-width: 75%
    }

    .xsmall-6-8,
    .xsmall-7-8 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xsmall-7-8 {
        flex-basis: 87.5%;
        max-width: 87.5%
    }

    .xsmall-8-8 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .xsmall-1-9,
    .xsmall-9 {
        flex-basis: 11.11111111111111%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 11.11111111111111%
    }

    .xsmall-2-9 {
        flex-basis: 22.22222222222222%;
        max-width: 22.22222222222222%
    }

    .xsmall-2-9,
    .xsmall-3-9 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xsmall-3-9 {
        flex-basis: 33.33333333333333%;
        max-width: 33.33333333333333%
    }

    .xsmall-4-9 {
        flex-basis: 44.44444444444444%;
        max-width: 44.44444444444444%
    }

    .xsmall-4-9,
    .xsmall-5-9 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xsmall-5-9 {
        flex-basis: 55.55555555555556%;
        max-width: 55.55555555555556%
    }

    .xsmall-6-9 {
        flex-basis: 66.66666666666666%;
        max-width: 66.66666666666666%
    }

    .xsmall-6-9,
    .xsmall-7-9 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xsmall-7-9 {
        flex-basis: 77.77777777777777%;
        max-width: 77.77777777777777%
    }

    .xsmall-8-9 {
        flex-basis: 88.88888888888889%;
        max-width: 88.88888888888889%
    }

    .xsmall-8-9,
    .xsmall-9-9 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xsmall-9-9 {
        flex-basis: 100%;
        max-width: 100%
    }

    .xsmall-1-10,
    .xsmall-10 {
        flex-basis: 10%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 10%
    }

    .xsmall-2-10 {
        flex-basis: 20%;
        max-width: 20%
    }

    .xsmall-2-10,
    .xsmall-3-10 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xsmall-3-10 {
        flex-basis: 30%;
        max-width: 30%
    }

    .xsmall-4-10 {
        flex-basis: 40%;
        max-width: 40%
    }

    .xsmall-4-10,
    .xsmall-5-10 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xsmall-5-10 {
        flex-basis: 50%;
        max-width: 50%
    }

    .xsmall-6-10 {
        flex-basis: 60%;
        max-width: 60%
    }

    .xsmall-6-10,
    .xsmall-7-10 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xsmall-7-10 {
        flex-basis: 70%;
        max-width: 70%
    }

    .xsmall-8-10 {
        flex-basis: 80%;
        max-width: 80%
    }

    .xsmall-8-10,
    .xsmall-9-10 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xsmall-9-10 {
        flex-basis: 90%;
        max-width: 90%
    }

    .xsmall-10-10 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .xsmall-1-11,
    .xsmall-11 {
        flex-basis: 9.090909090909092%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 9.090909090909092%
    }

    .xsmall-2-11 {
        flex-basis: 18.181818181818183%;
        max-width: 18.181818181818183%
    }

    .xsmall-2-11,
    .xsmall-3-11 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xsmall-3-11 {
        flex-basis: 27.272727272727273%;
        max-width: 27.272727272727273%
    }

    .xsmall-4-11 {
        flex-basis: 36.36363636363637%;
        max-width: 36.36363636363637%
    }

    .xsmall-4-11,
    .xsmall-5-11 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xsmall-5-11 {
        flex-basis: 45.45454545454546%;
        max-width: 45.45454545454546%
    }

    .xsmall-6-11 {
        flex-basis: 54.54545454545455%;
        max-width: 54.54545454545455%
    }

    .xsmall-6-11,
    .xsmall-7-11 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xsmall-7-11 {
        flex-basis: 63.63636363636364%;
        max-width: 63.63636363636364%
    }

    .xsmall-8-11 {
        flex-basis: 72.72727272727273%;
        max-width: 72.72727272727273%
    }

    .xsmall-8-11,
    .xsmall-9-11 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xsmall-9-11 {
        flex-basis: 81.81818181818183%;
        max-width: 81.81818181818183%
    }

    .xsmall-10-11 {
        flex-basis: 90.90909090909092%;
        max-width: 90.90909090909092%
    }

    .xsmall-10-11,
    .xsmall-11-11 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xsmall-11-11 {
        flex-basis: 100.00000000000001%;
        max-width: 100.00000000000001%
    }

    .xsmall-1-12,
    .xsmall-12 {
        flex-basis: 8.333333333333334%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 8.333333333333334%
    }

    .xsmall-2-12 {
        flex-basis: 16.666666666666668%;
        max-width: 16.666666666666668%
    }

    .xsmall-2-12,
    .xsmall-3-12 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xsmall-3-12 {
        flex-basis: 25%;
        max-width: 25%
    }

    .xsmall-4-12 {
        flex-basis: 33.333333333333336%;
        max-width: 33.333333333333336%
    }

    .xsmall-4-12,
    .xsmall-5-12 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xsmall-5-12 {
        flex-basis: 41.66666666666667%;
        max-width: 41.66666666666667%
    }

    .xsmall-6-12 {
        flex-basis: 50%;
        max-width: 50%
    }

    .xsmall-6-12,
    .xsmall-7-12 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xsmall-7-12 {
        flex-basis: 58.333333333333336%;
        max-width: 58.333333333333336%
    }

    .xsmall-8-12 {
        flex-basis: 66.66666666666667%;
        max-width: 66.66666666666667%
    }

    .xsmall-8-12,
    .xsmall-9-12 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xsmall-9-12 {
        flex-basis: 75%;
        max-width: 75%
    }

    .xsmall-10-12 {
        flex-basis: 83.33333333333334%;
        max-width: 83.33333333333334%
    }

    .xsmall-10-12,
    .xsmall-11-12 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xsmall-11-12 {
        flex-basis: 91.66666666666667%;
        max-width: 91.66666666666667%
    }

    .xsmall-12-12 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }
}

@media screen and (min-width:480px) {

    .small-1,
    .small-1-1 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .small-1-2,
    .small-2 {
        flex-basis: 50%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .small-2-2 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .small-1-3,
    .small-3 {
        flex-basis: 33.333333333333336%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 33.333333333333336%
    }

    .small-2-3 {
        flex-basis: 66.66666666666667%;
        max-width: 66.66666666666667%
    }

    .small-2-3,
    .small-3-3 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .small-3-3 {
        flex-basis: 100%;
        max-width: 100%
    }

    .small-1-4,
    .small-4 {
        flex-basis: 25%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 25%
    }

    .small-2-4 {
        flex-basis: 50%;
        max-width: 50%
    }

    .small-2-4,
    .small-3-4 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .small-3-4 {
        flex-basis: 75%;
        max-width: 75%
    }

    .small-4-4 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .small-1-5,
    .small-5 {
        flex-basis: 20%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 20%
    }

    .small-2-5 {
        flex-basis: 40%;
        max-width: 40%
    }

    .small-2-5,
    .small-3-5 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .small-3-5 {
        flex-basis: 60%;
        max-width: 60%
    }

    .small-4-5 {
        flex-basis: 80%;
        max-width: 80%
    }

    .small-4-5,
    .small-5-5 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .small-5-5 {
        flex-basis: 100%;
        max-width: 100%
    }

    .small-1-6,
    .small-6 {
        flex-basis: 16.666666666666668%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 16.666666666666668%
    }

    .small-2-6 {
        flex-basis: 33.333333333333336%;
        max-width: 33.333333333333336%
    }

    .small-2-6,
    .small-3-6 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .small-3-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .small-4-6 {
        flex-basis: 66.66666666666667%;
        max-width: 66.66666666666667%
    }

    .small-4-6,
    .small-5-6 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .small-5-6 {
        flex-basis: 83.33333333333334%;
        max-width: 83.33333333333334%
    }

    .small-6-6 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .small-1-7,
    .small-7 {
        flex-basis: 14.285714285714286%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 14.285714285714286%
    }

    .small-2-7 {
        flex-basis: 28.571428571428573%;
        max-width: 28.571428571428573%
    }

    .small-2-7,
    .small-3-7 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .small-3-7 {
        flex-basis: 42.85714285714286%;
        max-width: 42.85714285714286%
    }

    .small-4-7 {
        flex-basis: 57.142857142857146%;
        max-width: 57.142857142857146%
    }

    .small-4-7,
    .small-5-7 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .small-5-7 {
        flex-basis: 71.42857142857143%;
        max-width: 71.42857142857143%
    }

    .small-6-7 {
        flex-basis: 85.71428571428572%;
        max-width: 85.71428571428572%
    }

    .small-6-7,
    .small-7-7 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .small-7-7 {
        flex-basis: 100%;
        max-width: 100%
    }

    .small-1-8,
    .small-8 {
        flex-basis: 12.5%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 12.5%
    }

    .small-2-8 {
        flex-basis: 25%;
        max-width: 25%
    }

    .small-2-8,
    .small-3-8 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .small-3-8 {
        flex-basis: 37.5%;
        max-width: 37.5%
    }

    .small-4-8 {
        flex-basis: 50%;
        max-width: 50%
    }

    .small-4-8,
    .small-5-8 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .small-5-8 {
        flex-basis: 62.5%;
        max-width: 62.5%
    }

    .small-6-8 {
        flex-basis: 75%;
        max-width: 75%
    }

    .small-6-8,
    .small-7-8 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .small-7-8 {
        flex-basis: 87.5%;
        max-width: 87.5%
    }

    .small-8-8 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .small-1-9,
    .small-9 {
        flex-basis: 11.11111111111111%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 11.11111111111111%
    }

    .small-2-9 {
        flex-basis: 22.22222222222222%;
        max-width: 22.22222222222222%
    }

    .small-2-9,
    .small-3-9 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .small-3-9 {
        flex-basis: 33.33333333333333%;
        max-width: 33.33333333333333%
    }

    .small-4-9 {
        flex-basis: 44.44444444444444%;
        max-width: 44.44444444444444%
    }

    .small-4-9,
    .small-5-9 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .small-5-9 {
        flex-basis: 55.55555555555556%;
        max-width: 55.55555555555556%
    }

    .small-6-9 {
        flex-basis: 66.66666666666666%;
        max-width: 66.66666666666666%
    }

    .small-6-9,
    .small-7-9 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .small-7-9 {
        flex-basis: 77.77777777777777%;
        max-width: 77.77777777777777%
    }

    .small-8-9 {
        flex-basis: 88.88888888888889%;
        max-width: 88.88888888888889%
    }

    .small-8-9,
    .small-9-9 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .small-9-9 {
        flex-basis: 100%;
        max-width: 100%
    }

    .small-1-10,
    .small-10 {
        flex-basis: 10%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 10%
    }

    .small-2-10 {
        flex-basis: 20%;
        max-width: 20%
    }

    .small-2-10,
    .small-3-10 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .small-3-10 {
        flex-basis: 30%;
        max-width: 30%
    }

    .small-4-10 {
        flex-basis: 40%;
        max-width: 40%
    }

    .small-4-10,
    .small-5-10 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .small-5-10 {
        flex-basis: 50%;
        max-width: 50%
    }

    .small-6-10 {
        flex-basis: 60%;
        max-width: 60%
    }

    .small-6-10,
    .small-7-10 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .small-7-10 {
        flex-basis: 70%;
        max-width: 70%
    }

    .small-8-10 {
        flex-basis: 80%;
        max-width: 80%
    }

    .small-8-10,
    .small-9-10 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .small-9-10 {
        flex-basis: 90%;
        max-width: 90%
    }

    .small-10-10 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .small-1-11,
    .small-11 {
        flex-basis: 9.090909090909092%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 9.090909090909092%
    }

    .small-2-11 {
        flex-basis: 18.181818181818183%;
        max-width: 18.181818181818183%
    }

    .small-2-11,
    .small-3-11 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .small-3-11 {
        flex-basis: 27.272727272727273%;
        max-width: 27.272727272727273%
    }

    .small-4-11 {
        flex-basis: 36.36363636363637%;
        max-width: 36.36363636363637%
    }

    .small-4-11,
    .small-5-11 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .small-5-11 {
        flex-basis: 45.45454545454546%;
        max-width: 45.45454545454546%
    }

    .small-6-11 {
        flex-basis: 54.54545454545455%;
        max-width: 54.54545454545455%
    }

    .small-6-11,
    .small-7-11 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .small-7-11 {
        flex-basis: 63.63636363636364%;
        max-width: 63.63636363636364%
    }

    .small-8-11 {
        flex-basis: 72.72727272727273%;
        max-width: 72.72727272727273%
    }

    .small-8-11,
    .small-9-11 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .small-9-11 {
        flex-basis: 81.81818181818183%;
        max-width: 81.81818181818183%
    }

    .small-10-11 {
        flex-basis: 90.90909090909092%;
        max-width: 90.90909090909092%
    }

    .small-10-11,
    .small-11-11 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .small-11-11 {
        flex-basis: 100.00000000000001%;
        max-width: 100.00000000000001%
    }

    .small-1-12,
    .small-12 {
        flex-basis: 8.333333333333334%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 8.333333333333334%
    }

    .small-2-12 {
        flex-basis: 16.666666666666668%;
        max-width: 16.666666666666668%
    }

    .small-2-12,
    .small-3-12 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .small-3-12 {
        flex-basis: 25%;
        max-width: 25%
    }

    .small-4-12 {
        flex-basis: 33.333333333333336%;
        max-width: 33.333333333333336%
    }

    .small-4-12,
    .small-5-12 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .small-5-12 {
        flex-basis: 41.66666666666667%;
        max-width: 41.66666666666667%
    }

    .small-6-12 {
        flex-basis: 50%;
        max-width: 50%
    }

    .small-6-12,
    .small-7-12 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .small-7-12 {
        flex-basis: 58.333333333333336%;
        max-width: 58.333333333333336%
    }

    .small-8-12 {
        flex-basis: 66.66666666666667%;
        max-width: 66.66666666666667%
    }

    .small-8-12,
    .small-9-12 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .small-9-12 {
        flex-basis: 75%;
        max-width: 75%
    }

    .small-10-12 {
        flex-basis: 83.33333333333334%;
        max-width: 83.33333333333334%
    }

    .small-10-12,
    .small-11-12 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .small-11-12 {
        flex-basis: 91.66666666666667%;
        max-width: 91.66666666666667%
    }

    .small-12-12 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }
}

@media screen and (min-width:800px) {

    .medium-1,
    .medium-1-1 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .medium-1-2,
    .medium-2 {
        flex-basis: 50%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .medium-2-2 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .medium-1-3,
    .medium-3 {
        flex-basis: 33.333333333333336%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 33.333333333333336%
    }

    .medium-2-3 {
        flex-basis: 66.66666666666667%;
        max-width: 66.66666666666667%
    }

    .medium-2-3,
    .medium-3-3 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .medium-3-3 {
        flex-basis: 100%;
        max-width: 100%
    }

    .medium-1-4,
    .medium-4 {
        flex-basis: 25%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 25%
    }

    .medium-2-4 {
        flex-basis: 50%;
        max-width: 50%
    }

    .medium-2-4,
    .medium-3-4 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .medium-3-4 {
        flex-basis: 75%;
        max-width: 75%
    }

    .medium-4-4 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .medium-1-5,
    .medium-5 {
        flex-basis: 20%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 20%
    }

    .medium-2-5 {
        flex-basis: 40%;
        max-width: 40%
    }

    .medium-2-5,
    .medium-3-5 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .medium-3-5 {
        flex-basis: 60%;
        max-width: 60%
    }

    .medium-4-5 {
        flex-basis: 80%;
        max-width: 80%
    }

    .medium-4-5,
    .medium-5-5 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .medium-5-5 {
        flex-basis: 100%;
        max-width: 100%
    }

    .medium-1-6,
    .medium-6 {
        flex-basis: 16.666666666666668%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 16.666666666666668%
    }

    .medium-2-6 {
        flex-basis: 33.333333333333336%;
        max-width: 33.333333333333336%
    }

    .medium-2-6,
    .medium-3-6 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .medium-3-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .medium-4-6 {
        flex-basis: 66.66666666666667%;
        max-width: 66.66666666666667%
    }

    .medium-4-6,
    .medium-5-6 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .medium-5-6 {
        flex-basis: 83.33333333333334%;
        max-width: 83.33333333333334%
    }

    .medium-6-6 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .medium-1-7,
    .medium-7 {
        flex-basis: 14.285714285714286%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 14.285714285714286%
    }

    .medium-2-7 {
        flex-basis: 28.571428571428573%;
        max-width: 28.571428571428573%
    }

    .medium-2-7,
    .medium-3-7 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .medium-3-7 {
        flex-basis: 42.85714285714286%;
        max-width: 42.85714285714286%
    }

    .medium-4-7 {
        flex-basis: 57.142857142857146%;
        max-width: 57.142857142857146%
    }

    .medium-4-7,
    .medium-5-7 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .medium-5-7 {
        flex-basis: 71.42857142857143%;
        max-width: 71.42857142857143%
    }

    .medium-6-7 {
        flex-basis: 85.71428571428572%;
        max-width: 85.71428571428572%
    }

    .medium-6-7,
    .medium-7-7 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .medium-7-7 {
        flex-basis: 100%;
        max-width: 100%
    }

    .medium-1-8,
    .medium-8 {
        flex-basis: 12.5%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 12.5%
    }

    .medium-2-8 {
        flex-basis: 25%;
        max-width: 25%
    }

    .medium-2-8,
    .medium-3-8 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .medium-3-8 {
        flex-basis: 37.5%;
        max-width: 37.5%
    }

    .medium-4-8 {
        flex-basis: 50%;
        max-width: 50%
    }

    .medium-4-8,
    .medium-5-8 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .medium-5-8 {
        flex-basis: 62.5%;
        max-width: 62.5%
    }

    .medium-6-8 {
        flex-basis: 75%;
        max-width: 75%
    }

    .medium-6-8,
    .medium-7-8 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .medium-7-8 {
        flex-basis: 87.5%;
        max-width: 87.5%
    }

    .medium-8-8 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .medium-1-9,
    .medium-9 {
        flex-basis: 11.11111111111111%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 11.11111111111111%
    }

    .medium-2-9 {
        flex-basis: 22.22222222222222%;
        max-width: 22.22222222222222%
    }

    .medium-2-9,
    .medium-3-9 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .medium-3-9 {
        flex-basis: 33.33333333333333%;
        max-width: 33.33333333333333%
    }

    .medium-4-9 {
        flex-basis: 44.44444444444444%;
        max-width: 44.44444444444444%
    }

    .medium-4-9,
    .medium-5-9 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .medium-5-9 {
        flex-basis: 55.55555555555556%;
        max-width: 55.55555555555556%
    }

    .medium-6-9 {
        flex-basis: 66.66666666666666%;
        max-width: 66.66666666666666%
    }

    .medium-6-9,
    .medium-7-9 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .medium-7-9 {
        flex-basis: 77.77777777777777%;
        max-width: 77.77777777777777%
    }

    .medium-8-9 {
        flex-basis: 88.88888888888889%;
        max-width: 88.88888888888889%
    }

    .medium-8-9,
    .medium-9-9 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .medium-9-9 {
        flex-basis: 100%;
        max-width: 100%
    }

    .medium-1-10,
    .medium-10 {
        flex-basis: 10%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 10%
    }

    .medium-2-10 {
        flex-basis: 20%;
        max-width: 20%
    }

    .medium-2-10,
    .medium-3-10 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .medium-3-10 {
        flex-basis: 30%;
        max-width: 30%
    }

    .medium-4-10 {
        flex-basis: 40%;
        max-width: 40%
    }

    .medium-4-10,
    .medium-5-10 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .medium-5-10 {
        flex-basis: 50%;
        max-width: 50%
    }

    .medium-6-10 {
        flex-basis: 60%;
        max-width: 60%
    }

    .medium-6-10,
    .medium-7-10 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .medium-7-10 {
        flex-basis: 70%;
        max-width: 70%
    }

    .medium-8-10 {
        flex-basis: 80%;
        max-width: 80%
    }

    .medium-8-10,
    .medium-9-10 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .medium-9-10 {
        flex-basis: 90%;
        max-width: 90%
    }

    .medium-10-10 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .medium-1-11,
    .medium-11 {
        flex-basis: 9.090909090909092%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 9.090909090909092%
    }

    .medium-2-11 {
        flex-basis: 18.181818181818183%;
        max-width: 18.181818181818183%
    }

    .medium-2-11,
    .medium-3-11 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .medium-3-11 {
        flex-basis: 27.272727272727273%;
        max-width: 27.272727272727273%
    }

    .medium-4-11 {
        flex-basis: 36.36363636363637%;
        max-width: 36.36363636363637%
    }

    .medium-4-11,
    .medium-5-11 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .medium-5-11 {
        flex-basis: 45.45454545454546%;
        max-width: 45.45454545454546%
    }

    .medium-6-11 {
        flex-basis: 54.54545454545455%;
        max-width: 54.54545454545455%
    }

    .medium-6-11,
    .medium-7-11 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .medium-7-11 {
        flex-basis: 63.63636363636364%;
        max-width: 63.63636363636364%
    }

    .medium-8-11 {
        flex-basis: 72.72727272727273%;
        max-width: 72.72727272727273%
    }

    .medium-8-11,
    .medium-9-11 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .medium-9-11 {
        flex-basis: 81.81818181818183%;
        max-width: 81.81818181818183%
    }

    .medium-10-11 {
        flex-basis: 90.90909090909092%;
        max-width: 90.90909090909092%
    }

    .medium-10-11,
    .medium-11-11 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .medium-11-11 {
        flex-basis: 100.00000000000001%;
        max-width: 100.00000000000001%
    }

    .medium-1-12,
    .medium-12 {
        flex-basis: 8.333333333333334%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 8.333333333333334%
    }

    .medium-2-12 {
        flex-basis: 16.666666666666668%;
        max-width: 16.666666666666668%
    }

    .medium-2-12,
    .medium-3-12 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .medium-3-12 {
        flex-basis: 25%;
        max-width: 25%
    }

    .medium-4-12 {
        flex-basis: 33.333333333333336%;
        max-width: 33.333333333333336%
    }

    .medium-4-12,
    .medium-5-12 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .medium-5-12 {
        flex-basis: 41.66666666666667%;
        max-width: 41.66666666666667%
    }

    .medium-6-12 {
        flex-basis: 50%;
        max-width: 50%
    }

    .medium-6-12,
    .medium-7-12 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .medium-7-12 {
        flex-basis: 58.333333333333336%;
        max-width: 58.333333333333336%
    }

    .medium-8-12 {
        flex-basis: 66.66666666666667%;
        max-width: 66.66666666666667%
    }

    .medium-8-12,
    .medium-9-12 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .medium-9-12 {
        flex-basis: 75%;
        max-width: 75%
    }

    .medium-10-12 {
        flex-basis: 83.33333333333334%;
        max-width: 83.33333333333334%
    }

    .medium-10-12,
    .medium-11-12 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .medium-11-12 {
        flex-basis: 91.66666666666667%;
        max-width: 91.66666666666667%
    }

    .medium-12-12 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }
}

@media screen and (min-width:1080px) {

    .large-1,
    .large-1-1 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .large-1-2,
    .large-2 {
        flex-basis: 50%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .large-2-2 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .large-1-3,
    .large-3 {
        flex-basis: 33.333333333333336%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 33.333333333333336%
    }

    .large-2-3 {
        flex-basis: 66.66666666666667%;
        max-width: 66.66666666666667%
    }

    .large-2-3,
    .large-3-3 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .large-3-3 {
        flex-basis: 100%;
        max-width: 100%
    }

    .large-1-4,
    .large-4 {
        flex-basis: 25%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 25%
    }

    .large-2-4 {
        flex-basis: 50%;
        max-width: 50%
    }

    .large-2-4,
    .large-3-4 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .large-3-4 {
        flex-basis: 75%;
        max-width: 75%
    }

    .large-4-4 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .large-1-5,
    .large-5 {
        flex-basis: 20%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 20%
    }

    .large-2-5 {
        flex-basis: 40%;
        max-width: 40%
    }

    .large-2-5,
    .large-3-5 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .large-3-5 {
        flex-basis: 60%;
        max-width: 60%
    }

    .large-4-5 {
        flex-basis: 80%;
        max-width: 80%
    }

    .large-4-5,
    .large-5-5 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .large-5-5 {
        flex-basis: 100%;
        max-width: 100%
    }

    .large-1-6,
    .large-6 {
        flex-basis: 16.666666666666668%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 16.666666666666668%
    }

    .large-2-6 {
        flex-basis: 33.333333333333336%;
        max-width: 33.333333333333336%
    }

    .large-2-6,
    .large-3-6 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .large-3-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .large-4-6 {
        flex-basis: 66.66666666666667%;
        max-width: 66.66666666666667%
    }

    .large-4-6,
    .large-5-6 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .large-5-6 {
        flex-basis: 83.33333333333334%;
        max-width: 83.33333333333334%
    }

    .large-6-6 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .large-1-7,
    .large-7 {
        flex-basis: 14.285714285714286%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 14.285714285714286%
    }

    .large-2-7 {
        flex-basis: 28.571428571428573%;
        max-width: 28.571428571428573%
    }

    .large-2-7,
    .large-3-7 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .large-3-7 {
        flex-basis: 42.85714285714286%;
        max-width: 42.85714285714286%
    }

    .large-4-7 {
        flex-basis: 57.142857142857146%;
        max-width: 57.142857142857146%
    }

    .large-4-7,
    .large-5-7 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .large-5-7 {
        flex-basis: 71.42857142857143%;
        max-width: 71.42857142857143%
    }

    .large-6-7 {
        flex-basis: 85.71428571428572%;
        max-width: 85.71428571428572%
    }

    .large-6-7,
    .large-7-7 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .large-7-7 {
        flex-basis: 100%;
        max-width: 100%
    }

    .large-1-8,
    .large-8 {
        flex-basis: 12.5%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 12.5%
    }

    .large-2-8 {
        flex-basis: 25%;
        max-width: 25%
    }

    .large-2-8,
    .large-3-8 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .large-3-8 {
        flex-basis: 37.5%;
        max-width: 37.5%
    }

    .large-4-8 {
        flex-basis: 50%;
        max-width: 50%
    }

    .large-4-8,
    .large-5-8 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .large-5-8 {
        flex-basis: 62.5%;
        max-width: 62.5%
    }

    .large-6-8 {
        flex-basis: 75%;
        max-width: 75%
    }

    .large-6-8,
    .large-7-8 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .large-7-8 {
        flex-basis: 87.5%;
        max-width: 87.5%
    }

    .large-8-8 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .large-1-9,
    .large-9 {
        flex-basis: 11.11111111111111%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 11.11111111111111%
    }

    .large-2-9 {
        flex-basis: 22.22222222222222%;
        max-width: 22.22222222222222%
    }

    .large-2-9,
    .large-3-9 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .large-3-9 {
        flex-basis: 33.33333333333333%;
        max-width: 33.33333333333333%
    }

    .large-4-9 {
        flex-basis: 44.44444444444444%;
        max-width: 44.44444444444444%
    }

    .large-4-9,
    .large-5-9 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .large-5-9 {
        flex-basis: 55.55555555555556%;
        max-width: 55.55555555555556%
    }

    .large-6-9 {
        flex-basis: 66.66666666666666%;
        max-width: 66.66666666666666%
    }

    .large-6-9,
    .large-7-9 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .large-7-9 {
        flex-basis: 77.77777777777777%;
        max-width: 77.77777777777777%
    }

    .large-8-9 {
        flex-basis: 88.88888888888889%;
        max-width: 88.88888888888889%
    }

    .large-8-9,
    .large-9-9 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .large-9-9 {
        flex-basis: 100%;
        max-width: 100%
    }

    .large-1-10,
    .large-10 {
        flex-basis: 10%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 10%
    }

    .large-2-10 {
        flex-basis: 20%;
        max-width: 20%
    }

    .large-2-10,
    .large-3-10 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .large-3-10 {
        flex-basis: 30%;
        max-width: 30%
    }

    .large-4-10 {
        flex-basis: 40%;
        max-width: 40%
    }

    .large-4-10,
    .large-5-10 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .large-5-10 {
        flex-basis: 50%;
        max-width: 50%
    }

    .large-6-10 {
        flex-basis: 60%;
        max-width: 60%
    }

    .large-6-10,
    .large-7-10 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .large-7-10 {
        flex-basis: 70%;
        max-width: 70%
    }

    .large-8-10 {
        flex-basis: 80%;
        max-width: 80%
    }

    .large-8-10,
    .large-9-10 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .large-9-10 {
        flex-basis: 90%;
        max-width: 90%
    }

    .large-10-10 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .large-1-11,
    .large-11 {
        flex-basis: 9.090909090909092%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 9.090909090909092%
    }

    .large-2-11 {
        flex-basis: 18.181818181818183%;
        max-width: 18.181818181818183%
    }

    .large-2-11,
    .large-3-11 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .large-3-11 {
        flex-basis: 27.272727272727273%;
        max-width: 27.272727272727273%
    }

    .large-4-11 {
        flex-basis: 36.36363636363637%;
        max-width: 36.36363636363637%
    }

    .large-4-11,
    .large-5-11 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .large-5-11 {
        flex-basis: 45.45454545454546%;
        max-width: 45.45454545454546%
    }

    .large-6-11 {
        flex-basis: 54.54545454545455%;
        max-width: 54.54545454545455%
    }

    .large-6-11,
    .large-7-11 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .large-7-11 {
        flex-basis: 63.63636363636364%;
        max-width: 63.63636363636364%
    }

    .large-8-11 {
        flex-basis: 72.72727272727273%;
        max-width: 72.72727272727273%
    }

    .large-8-11,
    .large-9-11 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .large-9-11 {
        flex-basis: 81.81818181818183%;
        max-width: 81.81818181818183%
    }

    .large-10-11 {
        flex-basis: 90.90909090909092%;
        max-width: 90.90909090909092%
    }

    .large-10-11,
    .large-11-11 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .large-11-11 {
        flex-basis: 100.00000000000001%;
        max-width: 100.00000000000001%
    }

    .large-1-12,
    .large-12 {
        flex-basis: 8.333333333333334%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 8.333333333333334%
    }

    .large-2-12 {
        flex-basis: 16.666666666666668%;
        max-width: 16.666666666666668%
    }

    .large-2-12,
    .large-3-12 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .large-3-12 {
        flex-basis: 25%;
        max-width: 25%
    }

    .large-4-12 {
        flex-basis: 33.333333333333336%;
        max-width: 33.333333333333336%
    }

    .large-4-12,
    .large-5-12 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .large-5-12 {
        flex-basis: 41.66666666666667%;
        max-width: 41.66666666666667%
    }

    .large-6-12 {
        flex-basis: 50%;
        max-width: 50%
    }

    .large-6-12,
    .large-7-12 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .large-7-12 {
        flex-basis: 58.333333333333336%;
        max-width: 58.333333333333336%
    }

    .large-8-12 {
        flex-basis: 66.66666666666667%;
        max-width: 66.66666666666667%
    }

    .large-8-12,
    .large-9-12 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .large-9-12 {
        flex-basis: 75%;
        max-width: 75%
    }

    .large-10-12 {
        flex-basis: 83.33333333333334%;
        max-width: 83.33333333333334%
    }

    .large-10-12,
    .large-11-12 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .large-11-12 {
        flex-basis: 91.66666666666667%;
        max-width: 91.66666666666667%
    }

    .large-12-12 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }
}

@media screen and (min-width:1300px) {

    .xlarge-1,
    .xlarge-1-1 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .xlarge-1-2,
    .xlarge-2 {
        flex-basis: 50%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .xlarge-2-2 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .xlarge-1-3,
    .xlarge-3 {
        flex-basis: 33.333333333333336%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 33.333333333333336%
    }

    .xlarge-2-3 {
        flex-basis: 66.66666666666667%;
        max-width: 66.66666666666667%
    }

    .xlarge-2-3,
    .xlarge-3-3 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xlarge-3-3 {
        flex-basis: 100%;
        max-width: 100%
    }

    .xlarge-1-4,
    .xlarge-4 {
        flex-basis: 25%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 25%
    }

    .xlarge-2-4 {
        flex-basis: 50%;
        max-width: 50%
    }

    .xlarge-2-4,
    .xlarge-3-4 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xlarge-3-4 {
        flex-basis: 75%;
        max-width: 75%
    }

    .xlarge-4-4 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .xlarge-1-5,
    .xlarge-5 {
        flex-basis: 20%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 20%
    }

    .xlarge-2-5 {
        flex-basis: 40%;
        max-width: 40%
    }

    .xlarge-2-5,
    .xlarge-3-5 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xlarge-3-5 {
        flex-basis: 60%;
        max-width: 60%
    }

    .xlarge-4-5 {
        flex-basis: 80%;
        max-width: 80%
    }

    .xlarge-4-5,
    .xlarge-5-5 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xlarge-5-5 {
        flex-basis: 100%;
        max-width: 100%
    }

    .xlarge-1-6,
    .xlarge-6 {
        flex-basis: 16.666666666666668%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 16.666666666666668%
    }

    .xlarge-2-6 {
        flex-basis: 33.333333333333336%;
        max-width: 33.333333333333336%
    }

    .xlarge-2-6,
    .xlarge-3-6 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xlarge-3-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .xlarge-4-6 {
        flex-basis: 66.66666666666667%;
        max-width: 66.66666666666667%
    }

    .xlarge-4-6,
    .xlarge-5-6 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xlarge-5-6 {
        flex-basis: 83.33333333333334%;
        max-width: 83.33333333333334%
    }

    .xlarge-6-6 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .xlarge-1-7,
    .xlarge-7 {
        flex-basis: 14.285714285714286%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 14.285714285714286%
    }

    .xlarge-2-7 {
        flex-basis: 28.571428571428573%;
        max-width: 28.571428571428573%
    }

    .xlarge-2-7,
    .xlarge-3-7 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xlarge-3-7 {
        flex-basis: 42.85714285714286%;
        max-width: 42.85714285714286%
    }

    .xlarge-4-7 {
        flex-basis: 57.142857142857146%;
        max-width: 57.142857142857146%
    }

    .xlarge-4-7,
    .xlarge-5-7 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xlarge-5-7 {
        flex-basis: 71.42857142857143%;
        max-width: 71.42857142857143%
    }

    .xlarge-6-7 {
        flex-basis: 85.71428571428572%;
        max-width: 85.71428571428572%
    }

    .xlarge-6-7,
    .xlarge-7-7 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xlarge-7-7 {
        flex-basis: 100%;
        max-width: 100%
    }

    .xlarge-1-8,
    .xlarge-8 {
        flex-basis: 12.5%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 12.5%
    }

    .xlarge-2-8 {
        flex-basis: 25%;
        max-width: 25%
    }

    .xlarge-2-8,
    .xlarge-3-8 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xlarge-3-8 {
        flex-basis: 37.5%;
        max-width: 37.5%
    }

    .xlarge-4-8 {
        flex-basis: 50%;
        max-width: 50%
    }

    .xlarge-4-8,
    .xlarge-5-8 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xlarge-5-8 {
        flex-basis: 62.5%;
        max-width: 62.5%
    }

    .xlarge-6-8 {
        flex-basis: 75%;
        max-width: 75%
    }

    .xlarge-6-8,
    .xlarge-7-8 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xlarge-7-8 {
        flex-basis: 87.5%;
        max-width: 87.5%
    }

    .xlarge-8-8 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .xlarge-1-9,
    .xlarge-9 {
        flex-basis: 11.11111111111111%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 11.11111111111111%
    }

    .xlarge-2-9 {
        flex-basis: 22.22222222222222%;
        max-width: 22.22222222222222%
    }

    .xlarge-2-9,
    .xlarge-3-9 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xlarge-3-9 {
        flex-basis: 33.33333333333333%;
        max-width: 33.33333333333333%
    }

    .xlarge-4-9 {
        flex-basis: 44.44444444444444%;
        max-width: 44.44444444444444%
    }

    .xlarge-4-9,
    .xlarge-5-9 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xlarge-5-9 {
        flex-basis: 55.55555555555556%;
        max-width: 55.55555555555556%
    }

    .xlarge-6-9 {
        flex-basis: 66.66666666666666%;
        max-width: 66.66666666666666%
    }

    .xlarge-6-9,
    .xlarge-7-9 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xlarge-7-9 {
        flex-basis: 77.77777777777777%;
        max-width: 77.77777777777777%
    }

    .xlarge-8-9 {
        flex-basis: 88.88888888888889%;
        max-width: 88.88888888888889%
    }

    .xlarge-8-9,
    .xlarge-9-9 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xlarge-9-9 {
        flex-basis: 100%;
        max-width: 100%
    }

    .xlarge-1-10,
    .xlarge-10 {
        flex-basis: 10%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 10%
    }

    .xlarge-2-10 {
        flex-basis: 20%;
        max-width: 20%
    }

    .xlarge-2-10,
    .xlarge-3-10 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xlarge-3-10 {
        flex-basis: 30%;
        max-width: 30%
    }

    .xlarge-4-10 {
        flex-basis: 40%;
        max-width: 40%
    }

    .xlarge-4-10,
    .xlarge-5-10 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xlarge-5-10 {
        flex-basis: 50%;
        max-width: 50%
    }

    .xlarge-6-10 {
        flex-basis: 60%;
        max-width: 60%
    }

    .xlarge-6-10,
    .xlarge-7-10 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xlarge-7-10 {
        flex-basis: 70%;
        max-width: 70%
    }

    .xlarge-8-10 {
        flex-basis: 80%;
        max-width: 80%
    }

    .xlarge-8-10,
    .xlarge-9-10 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xlarge-9-10 {
        flex-basis: 90%;
        max-width: 90%
    }

    .xlarge-10-10 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .xlarge-1-11,
    .xlarge-11 {
        flex-basis: 9.090909090909092%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 9.090909090909092%
    }

    .xlarge-2-11 {
        flex-basis: 18.181818181818183%;
        max-width: 18.181818181818183%
    }

    .xlarge-2-11,
    .xlarge-3-11 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xlarge-3-11 {
        flex-basis: 27.272727272727273%;
        max-width: 27.272727272727273%
    }

    .xlarge-4-11 {
        flex-basis: 36.36363636363637%;
        max-width: 36.36363636363637%
    }

    .xlarge-4-11,
    .xlarge-5-11 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xlarge-5-11 {
        flex-basis: 45.45454545454546%;
        max-width: 45.45454545454546%
    }

    .xlarge-6-11 {
        flex-basis: 54.54545454545455%;
        max-width: 54.54545454545455%
    }

    .xlarge-6-11,
    .xlarge-7-11 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xlarge-7-11 {
        flex-basis: 63.63636363636364%;
        max-width: 63.63636363636364%
    }

    .xlarge-8-11 {
        flex-basis: 72.72727272727273%;
        max-width: 72.72727272727273%
    }

    .xlarge-8-11,
    .xlarge-9-11 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xlarge-9-11 {
        flex-basis: 81.81818181818183%;
        max-width: 81.81818181818183%
    }

    .xlarge-10-11 {
        flex-basis: 90.90909090909092%;
        max-width: 90.90909090909092%
    }

    .xlarge-10-11,
    .xlarge-11-11 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xlarge-11-11 {
        flex-basis: 100.00000000000001%;
        max-width: 100.00000000000001%
    }

    .xlarge-1-12,
    .xlarge-12 {
        flex-basis: 8.333333333333334%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 8.333333333333334%
    }

    .xlarge-2-12 {
        flex-basis: 16.666666666666668%;
        max-width: 16.666666666666668%
    }

    .xlarge-2-12,
    .xlarge-3-12 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xlarge-3-12 {
        flex-basis: 25%;
        max-width: 25%
    }

    .xlarge-4-12 {
        flex-basis: 33.333333333333336%;
        max-width: 33.333333333333336%
    }

    .xlarge-4-12,
    .xlarge-5-12 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xlarge-5-12 {
        flex-basis: 41.66666666666667%;
        max-width: 41.66666666666667%
    }

    .xlarge-6-12 {
        flex-basis: 50%;
        max-width: 50%
    }

    .xlarge-6-12,
    .xlarge-7-12 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xlarge-7-12 {
        flex-basis: 58.333333333333336%;
        max-width: 58.333333333333336%
    }

    .xlarge-8-12 {
        flex-basis: 66.66666666666667%;
        max-width: 66.66666666666667%
    }

    .xlarge-8-12,
    .xlarge-9-12 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xlarge-9-12 {
        flex-basis: 75%;
        max-width: 75%
    }

    .xlarge-10-12 {
        flex-basis: 83.33333333333334%;
        max-width: 83.33333333333334%
    }

    .xlarge-10-12,
    .xlarge-11-12 {
        -webkit-box-flex: 0;
        flex-grow: 0
    }

    .xlarge-11-12 {
        flex-basis: 91.66666666666667%;
        max-width: 91.66666666666667%
    }

    .xlarge-12-12 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%
    }
}

.container.grid-list-lg .layout .flex {
    padding: 15px
}

.container.grid-list-lg .layout:only-child {
    margin: 0 -15px
}

.container.grid-list-md .layout .flex {
    padding: 10px
}

.container.grid-list-md .layout:only-child {
    margin: 0 -10px
}

@media screen and (min-width:320px) {
    .grid-list-cs .layout {
        margin: 0
    }

    .grid-list-cs .layout .flex {
        padding: 6px
    }
}

@media screen and (min-width:641px) {
    .grid-list-cs .layout {
        margin: 0
    }
}

@media screen and (max-width:1079px) {
    .hidden-medium-and-down {
        display: none !important
    }
}

@media screen and (min-width:960px) {
    .grid-list-cs .layout .flex {
        padding: 10px
    }
}

@media screen and (min-width:1610px) {
    .grid-list-cs .layout {
        margin: 0 -10px
    }
}

html {
    background-color: #111;
    -webkit-font-smoothing: antialiased;
    width: 100%;
    overflow-x: hidden
}

html,
html:lang(hi-IN) {
    font-size: 16px
}

.application {
    font-family: Roboto, sans-serif !important
}

html:lang(hi-IN) .application {
    font-family: Noto Sans, sans-serif !important
}

.application.theme--dark {
    background-color: #111
}

.application--wrap {
    overflow-x: hidden
}

header {
    position: fixed;
    width: 100%;
    z-index: 1000
}

footer {
    background-color: #0a0a0a;
    position: relative;
    z-index: 2
}

.container {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0
}

.fontType2 {
    font-family: Teko, sans-serif
}

.container-sm {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
    padding: 0
}

a {
    text-decoration: none
}

ul {
    list-style-type: none
}

p {
    line-height: 30px
}

.fakeusernamepassword {
    height: 0;
    width: 0;
    opacity: 0;
    position: absolute;
    z-index: -9999
}

.fade-enter-active,
.fade-leave-active {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

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

.input-group {
    font-size: 1rem
}

.input-group label {
    color: hsla(0, 0%, 100%, .3) !important
}

.input-group__details {
    min-height: 1px
}

.input-group__details:before {
    background-color: hsla(0, 0%, 100%, .3) !important
}

.form-group {
    margin-bottom: 10px
}

.overlay--active {
    background-color: rgba(0, 0, 0, .8)
}

.overlay {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.input-group--text-field input,
.input-group--text-field textarea {
    font-size: 1.15rem
}

.game-desc-container {
    background: #111;
    padding: 30px 60px;
    border-radius: 20px;
    margin-top: 20px
}

.game-desc-container p {
    margin-bottom: 0;
    color: #8f99a3
}

.game-desc-container p strong {
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 1.333rem;
    color: #f9bb22;
    display: block
}

.game-desc-container iframe {
    margin: 20px auto;
    display: table
}

.carousel-banner-green {
    background-color: #a2ce2d !important
}

.carousel-banner-red {
    background-color: #da4a4c !important
}

.carousel-banner-blue {
    background-color: #1a75ff !important
}

.carousel-banner-yellow {
    background-color: #f9bb22 !important
}

.dark-form-group-jw .input-group__input {
    height: 50px;
    padding: 0 20px;
    -webkit-box-align: center;
    align-items: center
}

.dark-form-group-jw .input-group__details {
    display: none
}

.dark-form-group-jw .input-group {
    background-color: #1a1a1a;
    border-radius: 25px
}

@media only screen and (min-width:0px) and (max-width:1600px) {
    .container {
        padding: 0 10px
    }
}

@media only screen and (min-width:0px) and (max-width:960px) {
    html {
        font-size: 14px
    }

    html:lang(hi-IN) {
        font-size: 15px
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .container.grid-list-lg .layout .flex {
        padding: 10px
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {

    html,
    html:lang(hi-IN) {
        font-size: 13px
    }
}

[class*=" jw-"],
[class^=jw-] {
    font-family: jw-icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.jw-paytm:before {
    content: "\E900"
}

.jw-upi:before {
    content: "\E901"
}

.jw-phonepe:before {
    content: "\E902"
}

.jw-cashthru:before {
    content: "\E903"
}

.jw-astropay:before {
    content: "\E904"
}

.jw-easypay:before {
    content: "\E905"
}

.jw-bank-transfer:before {
    content: "\E906"
}

.jw-trophy:before {
    content: "\E907"
}

.jw-football:before {
    content: "\E908"
}

.jw-all:before {
    content: "\E909"
}

.jw-joystick:before {
    content: "\E90A"
}

.jw-casinolive:before {
    content: "\E90B"
}

.jw-egames:before {
    content: "\E90C"
}

.jw-fishing:before {
    content: "\E90D"
}

.jw-slot:before {
    content: "\E90E"
}

.jw-table:before {
    content: "\E90F"
}

.jw-gamepad:before {
    content: "\E910"
}

.jw-coins:before {
    content: "\E911"
}

.jw-loyalty:before {
    content: "\E912"
}

.jw-wallet:before {
    content: "\E913"
}

.jw-money:before {
    content: "\E914"
}

.jw-credit:before {
    content: "\E915"
}

.jw-rupee-o:before {
    content: "\E916"
}

.jw-partners:before {
    content: "\E917"
}

.jw-icon-loyalty-2:before {
    content: "\E918"
}

.homeIcon[data-v-83649ba6] {
    display: none;
    margin-right: 20px
}

.toolbar-logo[data-v-83649ba6] {
    width: 76px;
    cursor: pointer
}

.toolbar-logo img[data-v-83649ba6] {
    width: 100%
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .homeIcon[data-v-83649ba6] {
        display: inline
    }

    .toolbar-logo[data-v-83649ba6] {
        display: none
    }

    .menu.multiLangWrapper {
        display: none
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .homeIcon[data-v-83649ba6] {
        margin-right: 5px;
        font-size: 1.2rem
    }
}

@media only screen and (min-width:0px) and (max-width:360px) {
    .homeIcon[data-v-83649ba6] {
        margin-right: 10px;
        font-size: 1.2rem
    }
}

.menu__content.eventMessageMenu.menuable__content__active {
    left: -270px !important
}

.eventMessageMenu.menu__content {
    box-shadow: none !important
}

.eventMessageMenu:after {
    content: '';
    position: absolute;
    top: 8px;
    right: 10px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #dfe6ea transparent;
    border-radius: 0
}

.unreadEventBadge .badge__badge {
    width: 5px;
    height: 5px;
    top: 7px;
    right: 7px
}

.unreadBadgeTab .badge__badge {
    width: 5px;
    height: 5px;
    top: -5px;
    left: 18px
}

.eventMessgaeIcon {
    font-size: 1.2rem;
    padding: 10px
}

.eventMessgaeIcon.animate {
    -webkit-animation: nudge 2s infinite;
    animation: nudge 2s infinite
}

.eventMessageWrapper {
    background-color: #dfe6ea;
    height: auto;
    height: 400px;
    overflow: hidden;
    border-radius: 10px;
    margin-top: 20px
}

.eventMessageWrapper .eventMessageContainer .tabs__items {
    margin-top: 5px;
    margin-bottom: -15px
}

.eventMessageWrapper .event-type-tabs .icon {
    font-size: 1.2rem;
    color: #8f99a3
}

.eventMessageWrapper .event-type-tabs .tabs__container {
    padding: 0 30px
}

.eventMessageWrapper .event-type-tabs .tabs__div {
    margin: 15px;
    height: 45px;
    width: 45px
}

.eventMessageWrapper .event-type-tabs .tabs__slider.primary {
    background-color: transparent !important
}

.eventMessageWrapper .event-type-tabs .tabs__item {
    -webkit-transition: none;
    transition: none
}

.eventMessageWrapper .event-type-tabs a.tabs__item.tabs__item--active {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .2)
}

.eventMessageWrapper ul {
    padding: 0 10px 10px;
    height: 340px;
    overflow-y: scroll;
    overflow-x: hidden;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}

.eventMessageWrapper ul li:nth-last-child(2) {
    margin-bottom: 10px
}

.eventMessageWrapper ul li.message-card {
    background-color: #ebf3f6;
    border-radius: 10px;
    margin-top: 10px;
    padding: 6px 12px;
    color: #8f99a3;
    font-size: .8rem;
    cursor: pointer;
    min-height: 80px;
    box-shadow: 0 2px 5px 2px rgba(0, 0, 0, .1)
}

.eventMessageWrapper ul li.message-card .messageTitle {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.eventMessageWrapper ul {
    justify-content: flex-start;
}
.eventMessageWrapper ul li.message-card span {
    color: #8f99a3;
    font-weight: 700
}

.eventMessageWrapper ul li.message-card:first-child,
.eventMessageWrapper ul li.message-card:last-child {
    margin-top: 0;
    margin-bottom: 0
}

.eventMessageWrapper ul li.message-card .desc {
    max-height: 40px;
    overflow: hidden;
    margin-top: 3px
}

.eventMessageWrapper ul li.message-card .desc p {
    line-height: 20px
}

.eventMessageWrapper ul li.message-card .desc p span {
    font-weight: 400;
    color: #8f99a3
}

.eventMessageWrapper ul li.message-card.unread {
    background-color: #fff
}

.eventMessageWrapper ul li.message-card.unread span {
    color: #f9bb22
}

.eventMessageWrapper ul li.viewall {
    text-align: center;
    font-size: 1rem;
    /* margin: auto 0 10px;
    padding-bottom: 10px */
}

.eventMessageWrapper ul li.viewall>span {
    margin-bottom: 0;
    color: #8f99a3;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer
}

.eventMessageWrapper ul li.viewall>span i {
    margin-left: -5px;
    font-size: 1rem;
    color: #8f99a3;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.eventMessageWrapper ul li.viewall>span:hover {
    font-weight: 700
}

.eventMessageWrapper ul li.viewall>span:hover i {
    margin-left: 0
}

@-webkit-keyframes nudge {
    0% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg)
    }

    5% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg)
    }

    10% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    15% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    20% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    25% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    30% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes nudge {
    0% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg)
    }

    5% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg)
    }

    10% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    15% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    20% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    25% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    30% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@media only screen and (min-width:0px) and (max-width:960px) {
    /* .eventMessageMenu:after {
        top: -10px
    } */

    .eventMessageWrapper ul li .desc {
        max-height: 35px
    }

    .eventMessageWrapper ul {
        padding: 0 25px 10px 10px
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .eventMessageWrapper {
        margin-top: 16px
    }

    .eventMessageMenu:after {
        top: -15px
    }
}

@media only screen and (min-width:0px) and (max-width:360px) {
    .unreadEventBadge .badge__badge {
        top: 0;
        right: 3px
    }

    .eventMessgaeIcon {
        padding: 0 !important;
        margin: 0 5px
    }
}

.rightDrawerIconClose {
    position: absolute;
    top: 30px;
    right: 10px;
    color: #fff !important
}

@media only screen and (min-width:0px) and (max-width:1024px) {
    .rightDrawerIconClose {
        right: 18px;
    }
}

.rightDrawerIcon[data-v-e541e6c0] {
    padding: 10px;
    font-size: 1.2rem
}

.rightDrawerHolder[data-v-e541e6c0] {
    padding-bottom: 0;
    background-color: #212325 !important
}

.rightDrawerHolder .drawerHeader[data-v-e541e6c0] {
    background-color: #111;
    padding: 10px;
    color: #8f99a3;
    position: relative
}

.rightDrawerHolder .drawerHeader .close[data-v-e541e6c0] {
    display: none;
    position: absolute;
    top: 20px;
    right: 20px
}

.rightDrawerHolder .drawerHeader .logo[data-v-e541e6c0] {
    width: 120px;
    margin: 0 auto 15px
}

.rightDrawerHolder .drawerHeader .logo img[data-v-e541e6c0] {
    width: 100%;
    cursor: pointer;
}

.rightDrawerHolder .drawerHeader .logo .ver[data-v-e541e6c0] {
    font-family: Teko, sans-serif;
    float: right;
    color: #fff;
    margin-top: -5px
}

.rightDrawerHolder .drawerHeader .logo .ver strong[data-v-e541e6c0] {
    color: #f9bb22
}

.rightDrawerHolder .drawerHeader ul.langSwitcher[data-v-e541e6c0] {
    margin-top: 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start
}

.rightDrawerHolder .drawerHeader ul.langSwitcher li[data-v-e541e6c0] {
    font-weight: 300;
    text-transform: capitalize;
    margin-right: 15px;
    font-size: .8rem
}

.rightDrawerHolder .drawerHeader ul.langSwitcher li a[data-v-e541e6c0] {
    color: #8f99a3;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center
}

.rightDrawerHolder .drawerHeader ul.langSwitcher li a p[data-v-e541e6c0] {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1rem;
    background-color: #1a1a1a;
    width: 50px;
    border: 2px solid transparent;
    box-shadow: inset 0 0 0 2px transparent;
    height: 50px;
    overflow: hidden;
    border-radius: 100%;
    margin-bottom: 5px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.rightDrawerHolder .drawerHeader ul.langSwitcher li a.nuxt-link-exact-active p[data-v-e541e6c0],
.rightDrawerHolder .drawerHeader ul.langSwitcher li a:hover p[data-v-e541e6c0] {
    border: 2px solid #f9bb22
}

.rightDrawerHolder .drawerHeader ul.langSwitcher li a.nuxt-link-exact-active[data-v-e541e6c0] {
    color: #fff
}

.rightDrawerHolder .drawerHeader p[data-v-e541e6c0] {
    font-size: 1rem;
    margin-bottom: 0;
    text-align: left
}

.rightDrawerHolder .drawerHeader p.username[data-v-e541e6c0] {
    color: #f1f1f1
}

.rightDrawerHolder .drawer-links ul[data-v-e541e6c0] {
    margin: 0 20px;
    padding: 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .3)
}

.rightDrawerHolder .drawer-links ul .nuxt-link-exact-active[data-v-e541e6c0] {
    background-color: #292c2f
}

.rightDrawerHolder .drawer-links ul li a[data-v-e541e6c0] {
    color: #8f99a3;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 20px;
    display: block;
    margin: 10px 0;
    border-radius: 10px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 14.4px;
    text-decoration: none;
    cursor: pointer;
}

@media only screen and (min-width:0px) and (max-width:1024px) {
    .rightDrawerHolder .drawer-links ul li a[data-v-e541e6c0] {
        font-size: 11.7px;
    }
}

.rightDrawerHolder .drawer-links ul li a i[data-v-e541e6c0] {
    color: #a2ce2d;
    margin-right: 20px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.rightDrawerHolder .drawer-links ul li a[data-v-e541e6c0]:hover {
    background-color: #292c2f
}

.rightDrawerHolder .drawer-links ul li.highlight a[data-v-e541e6c0] {
    -webkit-animation: highlight-data-v-e541e6c0 2s infinite;
    animation: highlight-data-v-e541e6c0 2s infinite
}

.rightDrawerHolder .drawer-links ul li .logoutIcon[data-v-e541e6c0] {
    color: #da4a4c
}

.rightDrawerHolder .drawer-links ul.lastchild[data-v-e541e6c0] {
    padding: 0;
    border-bottom: none
}

.rightDrawerHolder .drawer-links ul.lastchild li a[data-v-e541e6c0] {
    background-color: transparent
}

@-webkit-keyframes highlight-data-v-e541e6c0 {
    0% {
        color: #f9bb22
    }

    50% {
        color: #fff
    }

    to {
        color: #f9bb22
    }
}

@keyframes highlight-data-v-e541e6c0 {
    0% {
        color: #f9bb22
    }

    50% {
        color: #fff
    }

    to {
        color: #f9bb22
    }
}

.menuWrapper:after {
    content: '';
    position: absolute;
    top: -2px;
    right: 10px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    border-radius: 0
}

.badge {
    min-width: auto !important;
    padding: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
    text-align: inherit !important;
    white-space: inherit !important;
    vertical-align: inherit !important;
    background-color: inherit !important;
    border-radius: inherit !important
}

.unreadBadgeTab.badge--overlap {
    padding: 0 !important
}

.mdi-settings:before {
    content: "\F493"
}

ul.menulist li span.badge__badge {
    font-size: .8rem;
    top: -5px;
    right: -28px;
    border-radius: 30%;
    width: auto;
    height: auto;
    padding: 1px 2.5px
}

ul.menulist li .icon-lucky-draw {
    width: 25px;
    margin-right: 10px;
    display: inline-block
}

ul.menulist li .badge-spin-count span.badge__badge {
    right: -20px
}

.detail .menu__content {
    border-radius: 10px
}

.teko {
    font-family: Teko, sans-serif;
    font-size: 1.4rem
}

.low-balance-holder {
    display: -webkit-box;
    display: flex;
    background: #fff;
    width: 255px;
    position: absolute;
    border-radius: 10px;
    margin-top: 10px;
    margin-left: -65px
}

.low-balance-holder a {
    box-shadow: 0 0 0 !important;
    width: 90%
}

.low-balance-holder:before {
    font-family: Material Design Icons;
    color: #fff;
    font-size: 36px;
    content: "\F360";
    position: absolute;
    top: -30px;
    left: 70%
}

.low-balance-holder .toast-content-wrapper {
    display: -webkit-box;
    display: flex;
    width: 80%;
    margin: auto
}

.low-balance-holder .toast-content-wrapper p {
    font-size: .75rem;
    color: #1a1a1a;
    line-height: 14px;
    padding: 10px;
    margin: 0
}

.low-balance-holder .icon-close {
    margin: 0 6px;
    position: absolute;
    right: 0
}

.low-balance-holder .icon-close .icon {
    font-size: 14px;
    color: #1a1a1a;
    cursor: pointer
}

.detail>ul {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.detail>ul>li {
    margin: 0 20px
}

.detail>ul>li button {
    color: #f9bb22;
    background-color: #1a1a1a ;
}

.detail>ul>li>a {
    background-color: #1a1a1a;
    padding: 5px 15px;
    border-radius: 40px;
    color: #fff;
    display: block;
    text-align: right
}

.detail>ul>li>a i {
    margin-right: 5px;
    color: #f9bb22
}

.detail>ul>li>a i:first-child {
    float: left;
    /* margin-top: 2px */
}

.detail>ul>li>a .addbalance {
    color: #a2ce2d;
    margin-left: 10px;
    margin-right: -5px;
    font-size: 2rem
}

.detail>ul>li> .Exposure-amount-box, .detail>ul>li> .balance-box, .detail>ul>li> .loyalty-box  {
    min-width: 80px;
    max-width: 180px;
    width: 180px;
    margin-left: 8px;
    max-height: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    padding:2px 10px;
    border-radius: 40px;

}
.detail>ul>li> .Exposure-amount-box a, .detail>ul>li> .balance-box a, .detail>ul>li> .loyalty-box a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-family: Teko, sans-serif;
    font-size: 22px;
    color: white;
    gap: 5px;

}

 .detail>ul>li.lowBalance .balance-box,  .detail>ul>li.lowBalance .Exposure-amount-box,  .detail>ul>li.lowBalance .loyalty-box   {
    box-shadow: 0 0 8px #da4a4c;
}

.detail>ul>li.Balance .balance-box,  .detail>ul>li.Balance .Exposure-amount-box,  .detail>ul>li.Balance .loyalty-box {
    box-shadow: 0 0 8px #c0f46a;
}
.bal_nill_shadow{
    box-shadow: 0 0 8px #da4a4c !important;
}
.bal_show_shadow{
    box-shadow: 0 0 8px #c0f46a !important;
}

.loyaltyPointsList, .exposure-list, .balance-list {
    min-width: 80px;
    max-width: 180px;
    width: 180px;
    display: flex;
    justify-content: center;

}

.balance-box .wallet_balance {
    overflow: hidden;
    overflow-wrap:unset;
    width: 100%;
    /* text-align: center; */

}


@media(max-width: 500px) {
    .loyaltyPointsList, .exposure-list, .balance-list {
        width: 100%;
    }
    .detail>ul>li> .Exposure-amount-box, .detail>ul>li> .balance-box, .detail>ul>li> .loyalty-box {
        width: 90%;
        margin-left: 0;
        padding: 2px 5px;
    }
    .detail>ul>li> .Exposure-amount-box a, .detail>ul>li> .balance-box a, .detail>ul>li> .loyalty-box a{ font-size: 18px;}
    .detail>ul>li.Balance a i.i-coin {font-size:15px;}
    .detail>ul>li.Balance a i.addbalance {font-size:18px;}
}
@media (max-width: 700px) {
    .loyaltyPointsList {
        display: none;
    }
}

@media(max-width: 390px){
    .balance-box .wallet_balance,.detail>ul>li> .Exposure-amount-box .Exposure-amount  { font-size: 15px;}
}
@media(max-width: 350px){
    .detail>ul>li> .Exposure-amount-box a, .detail>ul>li> .balance-box a, .detail>ul>li> .loyalty-box a{ font-size: 15px;}
    .balance-box .wallet_balance,.detail>ul>li> .Exposure-amount-box .Exposure-amount  { font-size: 11px;}
}


.detail>ul>li>a.balance span {
    width:100%;
    padding-top: 1px;
}
.detail>ul>li.lowBalance a i{
font-size: 18px;
margin-left: 5px;
}

.detail>ul>li>a.loyalty {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.loyaltiPointsImg {
    height: 24px;
    width: 24px;
    object-fit: contain;
    margin-top: 0;
    margin-right: 10px
}

@media only screen and (max-width:800px) {
    .loyaltiPointsImg {
        width: 12px;
        height: 12px;
        margin: 0
    }
}


.detail>ul>li.lowBalance a i {
    color: #da4a4c
}
.detail>ul>li a i.i-coin {
    font-size: 20px;
}

.detail>ul>li.Balance a i.i-coin {
    color: #f9bb22;
}
.detail>ul>li.Balance a i.addbalance {color: #a2ce2d;}


.detail>ul>li.lowBalance a i.addbalance {
    -webkit-animation: heartbeat-data-v-7aac90e5 5s infinite;
    animation: heartbeat-data-v-7aac90e5 5s infinite
}

.detail>ul>li.upTier a {
    border: 2px solid #a2ce2d
}

.detail>ul>li.upTier a i {
    color: #a2ce2d
}

p.username {
    margin-bottom: 0
}

p.username i {
    color: #f9bb22
}

p.username i.userIcon {
    display: none
}

ul.menulist {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px 10px;
    margin-top: 10px;
    text-align: left
}

ul.menulist .divider,
ul.menulist .languageSwitchWrap {
    display: none
}

ul.menulist li {
    margin: 10px 0;
    padding: 0 6px
}

ul.menulist li .langText,
ul.menulist li a {
    color: #8f99a3;
    display: block;
    font-weight: 600;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 13px
}

ul.menulist li .langText i,
ul.menulist li a i {
    color: #8f99a3;
    opacity: .5;
    margin-right: 15px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 1.3rem
}

ul.menulist li:first-child {
    margin: 0
}

ul.menulist li:hover a,
ul.menulist li:hover a i {
    color: #f9bb22
}

.rotate {
    -webkit-animation: spinaa-data-v-7aac90e5 1s linear infinite forwards;
    animation: spinaa-data-v-7aac90e5 1s linear infinite forwards
}

@-webkit-keyframes heartbeat-data-v-7aac90e5 {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    2% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    4% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    6% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartbeat-data-v-7aac90e5 {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    2% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    4% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    6% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes spinaa-data-v-7aac90e5 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes spinaa-data-v-7aac90e5 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .menuWrapper:after {
        top: -14px
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .menuWrapper:after {
        top: -18px;
        font-size: 2.2rem
    }
}


@media only screen and (min-width:0px) and (max-width:800px) {
    .detail {
        width: 90%
    }

    .detail>ul {
        -webkit-box-pack: start;
        justify-content: flex-start
    }


    .detail>ul>li:last-child {
        -webkit-box-flex: 2;
        flex-grow: 2;
        text-align: right
    }

    .detail>ul>li:last-child ul li {
        text-align: left
    }

    .detail>ul span.fullusername {
        display: none
    }

    .detail>ul p.username {
        background-color: #1a1a1a;
        border-radius: 50%;
        margin-right: 10px
    }

    .detail>ul i.userIcon {
        font-size: 1.2rem;
        display: block;
        color: #fff;
        padding: 10px
    }

    .languageSwitchWrap {
        display: -webkit-box !important;
        display: flex !important;
        -webkit-box-flex: 0;
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: 1.42em
    }

    .languageSwitchWrap li {
        margin: 0 0 5px !important
    }

    .languageSwitchWrap li img {
        width: 20px;
        height: 14px
    }

    .languageSwitchWrap .flag-wrapper {
        position: absolute;
        right: 0;
        display: -webkit-box;
        display: flex;
        margin-right: 5px
    }

    .divider {
        display: block !important;
        border-color: transparent !important
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .detail>ul>li>a {
        padding: 2px 10px
    }

    .detail>ul>li>a i {
        font-size: 1.25rem;
        margin-top: 4px !important
    }

    .detail>ul>li>a .addbalance {
        margin-top: 0 !important;
        font-size: 1.5rem;
        margin-left: 0;
        margin-right: -5px
    }

}

@media only screen and (min-width:0px) and (max-width:480px) {
    .low-balance-holder {
        left: 20px;
        margin-left: 0
    }

    .detail>ul>li {
        margin: 0 3px
    }

    .detail>ul>li>a i {
        font-size: 1rem;
        margin-top: 4px !important
    }

    .detail>ul>li>a .addbalance {
        font-size: 1.2rem;
        margin-right: -5px
    }


    .teko {
        font-size: 1.1rem
    }

    ul.menulist {
        margin-top: 5px
    }

    ul.menulist .langText {
        display: -webkit-box !important;
        display: flex !important
    }

    ul.menulist .langText li {
        margin: 0 0 5px;
        padding: 0
    }

    ul.menulist .langText li:first-child {
        margin-right: 10px
    }

    ul.menulist .langText li:nth-child(2) {
        margin-left: 10px
    }

    ul.menulist .langText li img {
        width: 20px
    }

    p.username {
        margin-right: 0 !important
    }

    .rightDrawerHolder .drawerHeader[data-v-e541e6c0]{
        padding: 10px 18px;
    }
}

@media only screen and (min-width:0px) and (max-width:360px) {
    .low-balance-holder {
        left: 10px
    }

    .low-balance-holder:before {
        left: 50%
    }

    .detail>ul>li {
        margin: 0 3px
    }

    .detail>ul>li>a.loyalty {
        padding: 2px 5px
    }

    .detail>ul>li>a.loyalty i {
        margin-right: 0 !important
    }


    .detail>ul>li>a i {
        font-size: 1rem;
        margin-top: 4px !important
    }

    .detail>ul>li>a .addbalance {
        font-size: 1.2rem;
        margin-right: -5px
    }


    .teko {
        font-size: 1.2rem
    }

    i.userIcon {
        padding: 0 !important;
        max-height: 27px
    }
}

.loginWrapper {
    display: -webkit-box;
    display: flex;
    margin-right: 40px
}

.loginWrapper .error-container {
    position: absolute;
    top: 4px;
    right: 5px
}

.loginWrapper .error-container .errorList {
    font-size: .8rem
}

form.horizontal {
    display: -webkit-box;
    display: flex
}

form.horizontal .form-input .form-group {
    position: relative;
    margin: 0 10px;
    display: -webkit-box;
    display: flex
}

form.horizontal .form-input .form-group>div {
    position: relative
}

form.horizontal .form-input .form-group input {
    font-size: 1rem
}

form.horizontal .form-input .form-group label {
    float: right;
    color: #8f99a3;
    font-size: .8rem
}

form.horizontal .form-input .form-group label input {
    vertical-align: bottom
}

form.horizontal .form-input .form-group a {
    text-decoration: none;
    color: #8f99a3;
    font-size: .8rem;
    float: right
}

form.horizontal .form-input .form-group .input-group {
    padding: 0 5px
}

form.horizontal .form-input .form-group .error-container {
    position: absolute;
    top: 4px;
    right: 5px
}

form.horizontal .form-input .form-group .error-container .errorList {
    font-size: .8rem
}

form.horizontal .form-input .form-group.loginOption {
    display: -webkit-box;
    display: flex;
    padding-top: 5px
}

form.horizontal .form-input .form-group.loginOption label {
    width: 50%;
    text-align: right;
    cursor: pointer;
    padding: 6px 5px 0 0;
    font-weight: 400;
    margin: 0
}

form.horizontal .form-input .form-group .loginErrorWrapper {
    text-align: right;
    font-size: .7rem;
    position: absolute;
    right: 5px;
    bottom: -15px;
    color: #da4a4c
}

.loginbutton {
    display: none
}

.signupButton .sign-upbtn {
    margin-left: 10px !important
}
.sign-upbtn {
    margin-left: 0 !important
}

.btnLogin {
    height: 45px
}

@media only screen and (min-width:0px) and (max-width:1280px) {
    .loginWrapper[data-v-2f82cb31] {
        margin-right: 20px
    }

    .sign-upbtn[data-v-2f82cb31] {
        margin-left: 20px !important
    }
}

@media only screen and (min-width:0px) and (max-width:960px) {
    form.horizontal[data-v-2f82cb31] {
        display: none
    }

    .loginbutton[data-v-2f82cb31] {
        display: inline
    }

    .loginWrapper[data-v-2f82cb31] {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: end;
        justify-content: flex-end;
        -webkit-box-flex: 2;
        flex-grow: 2
    }
}

@media only screen and (min-width:0px) and (max-width:800px) {
    .loginWrapper[data-v-2f82cb31] {
        -webkit-box-pack: start;
        justify-content: flex-start
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .jwbtn[data-v-2f82cb31] {
        padding: 7px 12px
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .loginWrapper[data-v-2f82cb31] {
        width: 70%;
        margin-right: 0
    }

    .sign-upbtn[data-v-2f82cb31] {
        margin-left: 10px !important
    }
}

@media only screen and (min-width:0px) and (max-width:359px) {
    .loginWrapper[data-v-2f82cb31] {
        width: 80%
    }

    .loginbutton .jwbtn-primary-transparent[data-v-2f82cb31] {
        padding: 8px 10px;
        margin: 6px 8px;
        min-width: 80px;
        font-size: .8rem
    }

    .jwbtn-primary.sign-upbtn[data-v-2f82cb31] {
        padding: 8px 10px;
        margin: 6px 8px;
        min-width: 80px;
        font-size: .77rem
    }

    .sign-upbtn[data-v-2f82cb31] {
        margin-left: 10px !important
    }

    .loginbutton .jwbtn[data-v-2f82cb31],
    .signupButton .jwbtn[data-v-2f82cb31] {
        min-width: 95px;
        padding: 7px 10px
    }
}

.primaryToolbar {
    position: relative;
    z-index: 1003;
    padding: 10px 22px 10px 15px;
    width: 100%;
    background-color: #111;
    box-shadow: 0 0 10px #000;
    min-height: 40px
}

.primaryToolbar .toolbar-wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center
}

.primaryToolbar .show {
    margin-right: 10px
}

.primaryToolbar .multiLangWrapper .langSelected,
.primaryToolbar .show .langSelected {
    display: -webkit-box;
    display: flex;
    overflow: hidden;
    background: #1a1a1a;
    border-radius: 50%;
    padding: 8px
}

.primaryToolbar .multiLangWrapper .langSelected .langLabel,
.primaryToolbar .show .langSelected .langLabel {
    text-transform: uppercase;
    margin-left: 5px
}

.primaryToolbar .multiLangWrapper .langSelected img,
.primaryToolbar .show .langSelected img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    /* vertical-align: text-top */
}

.fontResize {
    font-size: 15px !important
}

.langTooltip {
    margin: auto
}

.langSwitcher {
    background-color: #111
}

.langSwitcher a {
    color: #fff;
    display: block;
    text-decoration: none
}

.langSwitcher .langList {
    text-align: right;
    padding: 10px 5px
}

.langSwitcher .langList .flag {
    width: 20px;
    height: 12px;
    vertical-align: middle
}

.right-section {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.right-section .eventMessage {
    margin: auto;
    background-color: #1a1a1a;
    border-radius: 50%
}



@media only screen and (min-width:0px) and (max-width:1280px) {
    .right-section .eventMessage {
        margin-right: 10px
    }
}

@media only screen and (min-width:0px) and (max-width:1170px) {

    .multiLangWrapper,
    .show {
        margin-right: 20px !important
    }
}

@media only screen and (min-width:0px) and (max-width:800px) {
    .langLabel {
        margin-left: 0 !important;
        display: block
    }

    .right-section {
        width: 100%
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .primaryToolbar {
        padding: 5px 0
    }

    .right-section .eventMessage {
        margin-right: 5px
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .right-section .eventMessage {
        margin-right: 7px
    }

    .right-section .eventMessage {
        margin: 0 !important
    }
}

@media only screen and (min-width:0px) and (max-width:360px) {
    .primaryToolbar {
        width: 100%;
        margin-left: 2px
    }

    .primaryToolbar .container {
        padding: 0 2px
    }

    .toolbar-wrapper {
        width: 100%
    }

    .right-section {
        margin-left: 0px
    }
    .detail>ul>li.lowBalance a i{
        margin-left: 0px;
        }

    .eventMessage {
        text-align: center;
        background: 0 0 !important
    }
}

@media only screen and (min-width:0px) and (max-width:320px) {
    .toolbar-wrapper {
        width: 100%
    }
}

.secondaryToolbar[data-v-12f1b9ac] {
    width: 100%;
    display: block;
    background-color: #1a1a1a;
    position: relative
}

.secondaryToolbar .container[data-v-12f1b9ac] {
    padding: 0;
    display: -webkit-box;
    display: flex
}

.secondaryToolbar ul[data-v-12f1b9ac] {
    white-space: nowrap
}

.secondaryToolbar ul li.downloadListWrapper[data-v-12f1b9ac] {
    height: 100%
}

.secondaryToolbar ul li.downloadListWrapper a[data-v-12f1b9ac] {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 100%
}

.secondaryToolbar ul li.downloadListWrapper a i[data-v-12f1b9ac] {
    margin: 0
}

.secondaryToolbar ul li.downloadListWrapper a:hover .downloadAppTxt[data-v-12f1b9ac] {
    visibility: visible;
    width: auto;
    opacity: 1;
    margin-left: 10px
}

.secondaryToolbar ul li.downloadListWrapper a .downloadAppTxt[data-v-12f1b9ac] {
    visibility: hidden;
    width: 0;
    -webkit-transition: width 1s, opacity 1s;
    transition: width 1s, opacity 1s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    opacity: 0
}

.secondaryToolbar ul li a[data-v-12f1b9ac] {
    color: #8f99a3;
    padding: 15px;
    display: flex;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    align-items: center;
    cursor: pointer;
}

.secondaryToolbar ul li a i[data-v-12f1b9ac],
.secondaryToolbar ul li a img[data-v-12f1b9ac] {
    color: #8f99a3;
    margin-right: 10px;
    margin-top: -1px;
    font-size: 1.2rem;
    width: 19px;
    height: 19px
}

.secondaryToolbar ul li a span[data-v-12f1b9ac] {
    white-space: nowrap;
    font-size: 1rem
}

.secondaryToolbar ul li a.nuxt-link-active[data-v-12f1b9ac],
.secondaryToolbar ul li a[data-v-12f1b9ac]:hover {
    position: relative;
    color: #fff
}

.secondaryToolbar ul li a.nuxt-link-active i[data-v-12f1b9ac],
.secondaryToolbar ul li a:hover i[data-v-12f1b9ac] {
    color: #fff
}

.secondaryToolbar ul li a.downloadApp[data-v-12f1b9ac] {
    background-color: hsla(0, 0%, 100%, .1);
    position: relative;
    color: #fff
}

.secondaryToolbar ul li a.downloadApp i[data-v-12f1b9ac] {
    color: #fff
}

.secondaryToolbar ul li a.downloadApp img[data-v-12f1b9ac] {
    position: absolute;
    top: 0;
    left: 0;
    cursor: none;
    visibility: hidden;
    -webkit-transform: scale(0);
    transform: scale(0);
    width: 200px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 10
}

.secondaryToolbar ul.navigation[data-v-12f1b9ac] {
    display: -webkit-box;
    display: flex;
    overflow-y: auto;
}
.secondaryToolbar ul.navigation[data-v-12f1b9ac]::-webkit-scrollbar{
    height: 0;
}
::-webkit-scrollbar {
    height: 3px;
  }
  ::-webkit-scrollbar-thumb {
    background: #1a1a1a;
  }

.secondaryToolbar ul.navigation li[data-v-12f1b9ac] {
    margin: 0 5px
}

.secondaryToolbar .active i[data-v-12f1b9ac],
.secondaryToolbar .active[data-v-12f1b9ac] {
    color: #fff
}

@media only screen and (min-width:0px) and (max-width:1170px) {
    .downloadAppTxt[data-v-12f1b9ac] {
        display: none !important
    }
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .secondaryToolbar ul li a[data-v-12f1b9ac] {
        padding: 10px
    }
}

@media only screen and (min-width:0px) and (max-width:800px) {
    .secondaryToolbar ul li a[data-v-12f1b9ac] {
        text-align: center;
        padding: 7px;
        font-size: 14px;
        display: flex;
        flex-direction: column
    }

    .secondaryToolbar ul li a span[data-v-12f1b9ac] {
        display: block
    }

    .secondaryToolbar ul li a i[data-v-12f1b9ac],
    .secondaryToolbar ul li a img[data-v-12f1b9ac] {
        margin: 0
    }

    .secondaryToolbar ul li a picture img[data-v-12f1b9ac] {
        margin: 0
    }
}

ul.footerLink {
    display: -webkit-box;
    display: flex;
    justify-content: space-around;
    margin: 0 auto
}

ul.footerLink li {
    margin-right: 30px
}

ul.footerLink li:last-child {
    margin-right: 0
}

ul.footerLink li.footerLogo {
    width: 20%;
    text-align: center
}

ul.footerLink li.footerLogo p {
    margin: 15px auto;
    font-size: .8rem;
    width: 70%;
    line-height: 1.5rem
}

ul.footerLink li.footerLogo p span {
    color: #f9bb22
}

ul.footerLink li.footerLogo .footer-logo {
    width: 100px;
    margin: 0 auto;
    padding-bottom: 7px
}

ul.footerLink li.footerLogo .footer-logo img {
    width: 100%
}

ul.footerLink li.socialIcons {
    width: 25%
}

ul.footerLink li h3 {
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 10px;
    font-size: 1.17em;
    line-height: 1.5
}

ul.footerLink li h3.social-title {
    padding: 0 10px;
    text-align: center
}

ul.footerLink li ul.submenu li {
    padding: 3px 0;
    font-size: .9rem
}

ul.footerLink li ul.submenu li a {
    color: #8f99a3;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    text-decoration: none
}

ul.footerLink li ul.submenu li a:hover {
    color: #f9bb22
}

ul.footerLink li ul.submenu.social-icons {
    display: -webkit-box;
    display: flex;
    /* flex-wrap: nowrap; */
    -webkit-box-pack: center;
    justify-content: center
}

ul.footerLink li ul.submenu.social-icons li {
    text-align: center;
    margin: 10px
}

ul.footerLink li ul.submenu.social-icons li a {
    border-radius: 100%;
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    text-decoration: none
}

ul.footerLink li ul.submenu.social-icons li a.whatsapp{
    background-color: #65b162;
}

ul.footerLink li ul.submenu.social-icons li a.whatsapp:hover{
    background-color: #ffffff;
}
ul.footerLink li ul.submenu.social-icons li a.whatsapp:hover i{
    color: #65b162;
}
ul.footerLink li ul.submenu.social-icons li a.facebook {
    background-color: #3a5999
}

ul.footerLink li ul.submenu.social-icons li a.facebook:hover i {
    color: #3a5999
}

ul.footerLink li ul.submenu.social-icons li a.twitter[data-v-28421640] {
    border: 1px solid #FFF;
}
.twitter:hover .xicon {
	fill: #000;
}
ul.footerLink li ul.submenu.social-icons li a.twitter:hover i {
    color: #00b6f1
}

ul.footerLink li ul.submenu.social-icons li a.pinterest {
    background-color: #cd202a
}

ul.footerLink li ul.submenu.social-icons li a.pinterest:hover i {
    color: #cd202a
}

ul.footerLink li ul.submenu.social-icons li a.instagram {
    background: radial-gradient(circle farthest-corner at 32%, at 106%, #ffe17d 0, #ffcd69 10%, #fa9137 28%, #eb4141 42%, transparent 82%), linear-gradient(135deg, #234bd7 12%, #c33cbe 58%);
    background: radial-gradient(circle farthest-corner at 32% 106%, #ffe17d 0, #ffcd69 10%, #fa9137 28%, #eb4141 42%, transparent 82%), linear-gradient(135deg, #234bd7 12%, #c33cbe 58%)
}

ul.footerLink li ul.submenu.social-icons li a.instagram:hover {
    background: #fff !important
}

ul.footerLink li ul.submenu.social-icons li a.instagram:hover i {
    background: radial-gradient(circle farthest-corner at 32%, at 106%, #ffe17d 0, #ffcd69 10%, #fa9137 28%, #eb4141 42%, transparent 82%), linear-gradient(135deg, #234bd7 12%, #c33cbe 58%);
    background: radial-gradient(circle farthest-corner at 32% 106%, #ffe17d 0, #ffcd69 10%, #fa9137 28%, #eb4141 42%, transparent 82%), linear-gradient(135deg, #234bd7 12%, #c33cbe 58%);
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

ul.footerLink li ul.submenu.social-icons li a.google-plus {
    background-color: #e14b33
}

ul.footerLink li ul.submenu.social-icons li a.google-plus:hover i {
    color: #e14b33
}

ul.footerLink li ul.submenu.social-icons li a.email {
    background-color: #414141
}

ul.footerLink li ul.submenu.social-icons li a.email:hover i {
    color: #414141
}

ul.footerLink li ul.submenu.social-icons li a:hover {
    background-color: #fff
}

ul.footerLink li ul.badge-livechat {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center
}

@media only screen and (min-width:0px) and (max-width:1280px) {
    ul.footerLink li {
        margin-right: 0
    }

    ul.footerLink li ul.submenu.social-icons li {
        margin: 5px 0;
        width: 33.33%
    }

    ul.footerLink li ul.submenu.social-icons li a {
        width: 30px;
        height: 30px
    }

    ul.footerLink li ul.submenu.social-icons li a i {
        font-size: 1.3rem
    }
}

@media only screen and (min-width:0px) and (max-width:1170px) {
    /* ul.footerLink li ul.submenu.social-icons {
        flex-wrap: wrap;
    } */
    ul.footerLink li h3.social-title {
        padding: 0 10px
    }
}

@media only screen and (min-width:0px) and (max-width:800px) {
    ul.footerLink {
        flex-wrap: wrap
    }

    ul.footerLink li.footerLogo,
    ul.footerLink li.socialIcons {
        flex-basis: 100%;
        text-align: center
    }

    ul.footerLink li.socialIcons {
        margin: 20px 0 10px
    }

    ul.footerLink li ul.submenu.social-icons {
        -webkit-box-pack: center;
        justify-content: center
    }

    ul.footerLink li ul.submenu.social-icons li:nth-child(3n+1) {
        margin: 0 10px
    }

    ul.footerLink li ul.submenu.social-icons li {
        width: auto;
        margin: 0 10px
    }

    ul.footerLink li ul.submenu.social-icons li a {
        width: 35px;
        height: 35px
    }

    ul.footerLink li ul.submenu.social-icons li a i {
        font-size: 1.5rem
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    ul.footerLink li ul.submenu.social-icons li:nth-child(3n+1) {
        margin: 0 5px
    }

    ul.footerLink {
        -webkit-box-pack: start;
        justify-content: flex-start
    }

    ul.footerLink li.liMenu {
        flex-basis: 50%;
        padding: 0 15px;
        margin: 10px 0
    }

    ul.footerLink li ul.submenu.social-icons li {
        margin: 0 5px
    }
}

.v-marquee[data-v-66cacb22] {
    white-space: nowrap;
    overflow: hidden
}

.v-marquee>div[data-v-66cacb22] {
    display: inline-block;
    -webkit-animation: marquee linear infinite;
    animation: marquee linear infinite
}

.v-marquee .pause[data-v-66cacb22] {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.v-marquee .running[data-v-66cacb22] {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.detail>div {
    margin: 40px 0
}

.detail h3 {
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 20px;
    font-size: 17.72px
}

.detail[data-v-25e325a1] {
    text-align: right !important;
    margin: auto !important;
    font-size: 16px
}

.detail .payment-download-wrapper[data-v-25e325a1] {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start;
    margin: 10px auto
}

.detail .payment-download-wrapper ul.paymentMethods[data-v-25e325a1] {
    flex-wrap: wrap;
    margin-top: -10px !important
}

.detail .payment-download-wrapper ul.flex[data-v-25e325a1] {
    margin: 20px 0
}

.detail .payment-download-wrapper ul.flex li[data-v-25e325a1],
.detail .payment-download-wrapper ul.flex[data-v-25e325a1] {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.detail .payment-download-wrapper ul.flex li[data-v-25e325a1] {
    margin: 10px 20px;
    width: fit-content;
    height: 30px;
    max-height: 30px;
    /* min-height: 60px;
    min-width: 100px */
}

.detail .payment-download-wrapper ul.flex li img[data-v-25e325a1] {
    height: 100%;
    width: 100%;
}
@media (max-width:1204px){
    .detail .payment-download-wrapper ul.flex li[data-v-25e325a1] {
        margin: 0 20px;
        min-height: 60px;
        min-width: 100px
    }
    
    .detail .payment-download-wrapper ul.flex li img[data-v-25e325a1] {
        max-width: 90px;
        max-height: 90px
    }
}



.detail .payment-download-wrapper ul.flex li img.jcb[data-v-25e325a1],
.detail .payment-download-wrapper ul.flex li img.mastercard[data-v-25e325a1] {
    max-width: 60px;
    max-height: 60px
}

.detail .payment-download-wrapper .mobile-download[data-v-25e325a1] {
    display: -webkit-box;
    display: flex;
    /* margin-top: 35px; */
    flex-wrap: wrap
}

.detail .payment-download-wrapper .mobile-download img[data-v-25e325a1] {
    cursor: pointer;
    margin: 10px 0
}

.detail .game-providers .swiper-slide[data-v-25e325a1] {
    min-height: 50px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.detail .game-providers .swiper-slide img[data-v-25e325a1] {
    max-height: 30px
}

@media only screen and (min-width:0px) and (max-width:800px) {
    .detail ul.paymentMethods[data-v-25e325a1] {
        margin-top: -20px !important
    }
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .detail ul.flex li[data-v-25e325a1] {
        margin: 10px 15px
    }

    .payment-download-wrapper[data-v-25e325a1] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .payment-download-wrapper .payment-methods[data-v-25e325a1] {
        margin: 0 auto
    }

    .payment-download-wrapper .mobile-download[data-v-25e325a1] {
        margin: 0 auto;
        margin-top: 10px !important
    }

    .payment-download-wrapper .mobile-download img[data-v-25e325a1] {
        margin: 0 10px !important
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .detail ul.flex li[data-v-25e325a1] {
        margin: 5px;
        -webkit-transform: scale(.85);
        transform: scale(.85)
    }

    .detail .mobile-download[data-v-25e325a1] {
        -webkit-box-pack: center;
        justify-content: center
    }

    .detail .mobile-download img[data-v-25e325a1] {
        margin: 5px !important
    }
}

.footer-links[data-v-2f9aef96] {
    padding:40px 0 20px;
    border-top: 1px solid hsla(0, 0%, 100%, .05)
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .footer-links[data-v-2f9aef96] {
        padding: 10px 0
    }
}

.sfooter[data-v-25f85a64] {
    background-color: #111;
    padding: 10px 0
}

.sfooter h4[data-v-25f85a64] {
    color: #f9bb22;
    text-align: center
}

.sfooter .content[data-v-25f85a64] {
    margin: 15px 0;
    font-size: 1rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    color: #8f99a3;
    font-size: .9rem;
    line-height: 30px
}

.sfooter .content .flew-row[data-v-25f85a64] {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center
}

.sfooter .content .flew-row p[data-v-25f85a64] {
    margin-right: 40px
}

.sfooter .content .flew-row .logo[data-v-25f85a64] {
    min-width: 250px
}

.sfooter .content .flew-row .logo iframe[data-v-25f85a64] {
    background: 0 0
}

.sfooter .content .flew-row .logo img[data-v-25f85a64] {
    width: 100%;
    padding: 10px
}

.sfooter .content .netEntLink[data-v-25f85a64] {
    color: #fff
}

.sfooter .content .netEntLink[data-v-25f85a64]:hover {
    text-decoration: underline
}

.sfooter .content .icon[data-v-25f85a64] {
    color: #fff;
    cursor: pointer;
    text-align: center
}

.sfooter .content span.ext-link[data-v-25f85a64] {
    color: #f9bb22
}

.sfooter .content a.ext-link[data-v-25f85a64] {
    color: #fff
}

.sfooter .fade-enter-active[data-v-25f85a64],
.sfooter .fade-leave-active[data-v-25f85a64] {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.sfooter .fade-enter[data-v-25f85a64],
.sfooter .fade-leave-to[data-v-25f85a64] {
    opacity: 0
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .sfooter .content .flew-row .logo[data-v-25f85a64] {
        min-width: 175px
    }
}

@media only screen and (min-width:0px) and (max-width:800px) {
    .sfooter .content .flew-row .logo[data-v-25f85a64] {
        min-width: 150px
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .sfooter[data-v-25f85a64] {
        padding: 10px 0
    }

    .sfooter .content .flew-row[data-v-25f85a64] {
        flex-wrap: wrap
    }

    .sfooter .content .flew-row p[data-v-25f85a64] {
        margin-right: 0;
        padding-top: 25px
    }

    .sfooter .content .flew-row .logo[data-v-25f85a64] {
        min-width: auto;
        width: 200px;
        margin: 0 auto
    }
}

.footerNav[data-v-b99befb8] {
    padding: 15px 0;
    background-color: #111
}

.footerNav ul[data-v-b99befb8] {
    justify-content: center;
    display: -webkit-box;
    display: flex;
    margin: 0
}

.footerNav ul li {
    margin: 0 20px;
    font-size: .8rem
}

.footerNav ul li:first-child {
    margin-left: 0
}

.footerNav ul li a {
    color: #fff;
    text-decoration: none
}

@media only screen and (min-width:0px) and (max-width:1280px) {
    .footerNav[data-v-b99befb8] {
        padding-bottom: 15px
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .footerNav ul li[data-v-b99befb8] {
        margin: 0 10px
    }
    .footerNav ul[data-v-b99befb8] {
        flex-wrap: wrap;
        justify-content: center;
    }
    .footerNav ul li{
        font-size: 14px;
    }
    .lang_tn .footerNav ul li[data-v-b99befb8]{
        text-align: center;
    }
}


@media only screen and (min-width:0px) and (max-width:578px) {
    .footerNav ul li[data-v-b99befb8] {
        font-size: 14px;
        margin: 0 15px;
        line-height: 2;
        text-align: center;
    }
    .footerNav[data-v-b99befb8]{
        padding-top: 20px;
        padding-bottom: 40px;
    }
}


@media only screen and (min-width:0px) and (max-width:480px) {
    .footerNav ul li[data-v-b99befb8] {
        font-size: 12px;
        margin: 0px 15px;
    }
    .lang_tn .footerNav ul li{
		text-align: center;
	}
}

/* @media only screen and (min-width:0px) and (max-width:375px) {
    .footerNav ul li[data-v-b99befb8] {
        margin: 0px 10px;
    }
} */
.carousel-swiper .swiper-pagination {
    bottom: 8px !important;
    right: 0;
    left: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-right: 10px
}

.carousel-swiper .swiper-pagination .swiper-pagination-bullet {
    background-color: #fff;
    height: 10px;
    width: 10px;
    margin: 5px
}

.carousel-swiper .promoWrapper {
    width: 100%
}

.carousel-swiper .promoWrapper .overlayMessage {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 11;
    background: rgba(0, 0, 0, .4);
    background: -webkit-gradient(left top, right top, color-stop(0, rgba(0, 0, 0, .4)), color-stop(60%, transparent));
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .4)), color-stop(60%, transparent));
    background: linear-gradient(90deg, rgba(0, 0, 0, .4) 0, transparent 60%)
}

.carousel-swiper .promoWrapper .overlayMessage .contentMessage {
    max-width: 1600px;
    margin: auto;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
    color: #fff;
    padding: 10px 20px
}

.carousel-swiper .promoWrapper .overlayMessage h2 {
    font-size: 1.3rem
}

.carousel-swiper .promoWrapper .overlayMessage p {
    margin: 0;
    font-size: .9rem;
    font-weight: 500
}

.carousel-swiper .promoWrapper .overlayMessage .jwbtn-banner {
    min-width: 150px;
    height: 30px;
    border-radius: 10px;
    background-color: #a2ce2d;
    color: #fff;
    margin-left: 20px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    text-transform: uppercase;
    cursor: pointer;
    font-size: .95rem
}

.carousel-swiper .promoWrapper .overlayMessage .jwbtn-banner:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.carousel-swiper .promoWrapper .swiper-slide {
    display: block;
    z-index: 9
}

.carousel-swiper .promoWrapper .swiper-slide.swiper-slide-active {
    z-index: 10
}

.carousel-swiper .promoWrapper .swiper-slide .item {
    height: 399.936px;
    display: -webkit-box;
    display: flex
}

.carousel-swiper .promoWrapper .swiper-slide .item img {
    width: auto;
    margin: auto
}

@media only screen and (min-width:0px) and (max-width:1920px) {
    .carousel-swiper .promoWrapper .swiper-slide .item {
        margin-left: calc((100vw - 1920px)/ 2);
        height: 399.936px
    }
}

@media only screen and (min-width:0px) and (max-width:1600px) {
    .carousel-swiper .promoWrapper .swiper-slide .item {
        margin-right: calc((100% - 1920px)/ 2);
        margin-left: calc((100% - 1920px)/ 2);
        height: 25vw
    }

    .carousel-swiper .promoWrapper .swiper-slide .item img {
        width: 120vw;
        display: block
    }
}

@media screen and (max-width:640px) {
    .carousel-swiper .promoWrapper .overlayMessage {
        background: 0 0;
        background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(8, 0, 0, 0)), color-stop(90%, rgba(0, 0, 0, .7)));
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(90%, rgba(0, 0, 0, .7)));
        background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .7) 90%)
    }

    .carousel-swiper .promoWrapper .overlayMessage .contentMessage {
        -webkit-box-pack: center;
        justify-content: center;
        padding: 10px 10px 5px
    }

    .carousel-swiper .promoWrapper .overlayMessage .contentMessage>div {
        display: none
    }

    .carousel-swiper .promoWrapper .overlayMessage .jwbtn-banner {
        margin-left: 5px;
        height: 20px;
        border-radius: 25px;
        font-size: .9rem;
        padding: 3px 8px
    }

    .carousel-swiper .swiper-pagination-bullet {
        height: 8px !important;
        width: 8px !important;
        margin: 2px !important
    }
}

@media screen and (max-width:480px) {
    .carousel-swiper .promoWrapper .overlayMessage {
        display: none !important
    }
}

.loginModal-wrapper[data-v-399cb8e3] {
    background-color: #1a1a1a;
    padding: 20px 60px;
    border-radius: 10px;
    position: relative
}

.loginModal-wrapper .closeBtn[data-v-399cb8e3] {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 2.5rem;
    color: #8f99a3;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer
}

.loginModal-wrapper .closeBtn[data-v-399cb8e3]:hover {
    color: #fff;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.loginModal-wrapper h2[data-v-399cb8e3] {
    text-align: center;
    color: #8f99a3;
    margin: 20px;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.5
}

.loginModal-wrapper h2 i[data-v-399cb8e3] {
    color: #8f99a3;
    margin-top: -5px
}

.loginModal-wrapper form[data-v-399cb8e3] {
    text-align: center;
    position: relative
}

.loginModal-wrapper form .jwbtn[data-v-399cb8e3] {
    margin: 20px 0 !important;
}

.loginModal-wrapper .login-footer[data-v-399cb8e3] {
    margin-top: 20px;
    text-align: center;
    font-size: .9rem;
    color: #8f99a3
}

.loginModal-wrapper .login-footer p[data-v-399cb8e3] {
    margin: 5px 0
}

.loginModal-wrapper .login-footer .forgotPassword[data-v-399cb8e3] {
    color: #8f99a3;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer
}

.loginModal-wrapper .login-footer .forgotPassword[data-v-399cb8e3]:hover {
    color: #f9bb22
}

.loginModal-wrapper .loginErrorWrapper[data-v-399cb8e3] {
    text-align: right;
    font-size: .8rem;
    position: absolute;
    right: 0;
    margin-top: -10px;
    color: #da4a4c
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .loginModal-wrapper[data-v-399cb8e3] {
        padding: 10px 30px
    }

    .loginModal-wrapper h2[data-v-399cb8e3] {
        margin: 10px;
        font-size: 19px;
    }

    .loginModal-wrapper .login-footer[data-v-399cb8e3] {
        margin-top: 20px
    }
}

.forgotModal-wrapper[data-v-0cf3a698] {
    background-color: #1a1a1a;
    padding: 20px 60px;
    border-radius: 10px;
    position: relative
}

.forgotModal-wrapper .iconForgot[data-v-0cf3a698] {
    padding-right: 10px
}

.forgotModal-wrapper .closeBtn[data-v-0cf3a698] {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 2.5rem;
    color: #8f99a3;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer
}

.forgotModal-wrapper .closeBtn[data-v-0cf3a698]:hover {
    color: #fff;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.forgotModal-wrapper .defaultErrorMessage[data-v-0cf3a698] {
    font-size: .8rem;
    color: #da4a4c;
    display: block;
    text-align: right
}

.forgotModal-wrapper .captcha-wrapper[data-v-0cf3a698] {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.forgotModal-wrapper .captcha-wrapper .captchaInput[data-v-0cf3a698] {
    -webkit-box-flex: 1;
    flex-grow: 1
}

.forgotModal-wrapper .captchaContainer[data-v-0cf3a698] {
    cursor: pointer
}

.forgotModal-wrapper .captchaContainer img[data-v-0cf3a698] {
    height: 40px;
    border-radius: 2.5px
}

.forgotModal-wrapper .captchaContainer div[data-v-0cf3a698] {
    font-size: .8rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.forgotModal-wrapper h2[data-v-0cf3a698] {
    text-align: center;
    color: #8f99a3;
    margin: 20px
}

.forgotModal-wrapper h2 i[data-v-0cf3a698] {
    color: #8f99a3;
    margin-top: -5px
}

.forgotModal-wrapper form[data-v-0cf3a698] {
    text-align: center
}

.forgotModal-wrapper form .jwbtn[data-v-0cf3a698] {
    margin-top: 20px;
    border-radius: 5px
}

.forgotModal-wrapper .forgot-footer[data-v-0cf3a698] {
    margin-top: 40px;
    text-align: center;
    font-size: .9rem;
    color: #8f99a3
}

.forgotModal-wrapper .forgot-footer p[data-v-0cf3a698] {
    margin: 5px 0
}

.forgotModal-wrapper .forgot-footer .forgotPassword[data-v-0cf3a698] {
    color: #8f99a3;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.forgotModal-wrapper .forgot-footer .forgotPassword[data-v-0cf3a698]:hover {
    color: #f9bb22
}

.forgotModalContainer .error-container {
    position: relative !important
}

.forgotModalContainer .error-container .errorList {
    margin-top: 0
}

.modalWrapper[data-v-2ba14b97] {
    background-color: #1a1a1a;
    padding: 30px 40px 50px;
    border-radius: 10px;
    position: relative;
    color: #8f99a3
}

.modalWrapper .closeBtn[data-v-2ba14b97] {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 1.5rem;
    color: #8f99a3;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer
}

.modalWrapper .closeBtn[data-v-2ba14b97]:hover {
    color: #fff;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.modalWrapper .titleLabel[data-v-2ba14b97] {
    text-align: center;
    margin-bottom: 20px;
    font-size: 1.5rem;
    font-weight: 700;
    color: #da4a4c
}

.modalWrapper .titleLabel .titleIcon[data-v-2ba14b97] {
    color: #da4a4c !important;
    padding-right: 10px;
    vertical-align: baseline;
    vertical-align: initial
}

.modalWrapper .messageBody[data-v-2ba14b97] {
    text-align: center
}

.modalWrapper .messageBody .highlight[data-v-2ba14b97] {
    color: #fff;
    font-weight: 700
}

.modalWrapper .messageBody .support[data-v-2ba14b97] {
    color: #f9bb22;
    font-weight: 700;
    cursor: pointer;
    border-bottom: 1px dotted #f9bb22
}

.notificationContainer .snackBar {
    position: fixed;
    display: block
}

.notificationContainer .snackBar .snack__wrapper {
    float: right !important
}

.notificationContainer .snackBar .snack__wrapper .snack__content {
    height: auto
}

.game-holder[data-v-fb8b3520] {
    border-radius: 10px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
    overflow: hidden
}

.game-holder .game-image-wrapper[data-v-fb8b3520],
.game-holder[data-v-fb8b3520] {
    position: relative
}

.game-holder .game-image-wrapper .game-image-holder[data-v-fb8b3520] {
    padding-top: 60%;
    position: relative;
    border-radius: 11px;
    overflow: hidden;
    z-index: 1
}

.game-holder .game-image-wrapper .game-image-holder .maintenance-overlay[data-v-fb8b3520] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    background-image: url(/_nuxt/img/6ef65f8.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.game-holder .game-image-wrapper .game-image-holder[data-v-fb8b3520]:after {
    content: "";
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.game-holder .game-image-wrapper .game-image-holder .gameActionIcon[data-v-fb8b3520] {
    position: absolute;
    z-index: 100;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.game-holder .game-image-wrapper .game-image-holder .fav-icon[data-v-fb8b3520] {
    left: 10px;
    top: -100%;
    font-size: 1.3rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.game-holder .game-image-wrapper .game-image-holder .fav-icon[data-v-fb8b3520]:hover {
    color: #da4a4c
}

.game-holder .game-image-wrapper .game-image-holder .brand-name[data-v-fb8b3520] {
    right: 10px;
    top: -100%;
    font-size: .9rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 500
}

.game-holder .game-image-wrapper .game-image-holder .game-action[data-v-fb8b3520] {
    position: absolute;
    top: 200%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    color: #fff;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center
}

.game-holder .game-image-wrapper .game-image-holder .game-action p[data-v-fb8b3520] {
    margin: 0;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    opacity: .6
}

.game-holder .game-image-wrapper .game-image-holder .game-action .playBtn[data-v-fb8b3520] {
    font-size: 1.2rem;
    font-weight: 700
}

.game-holder .game-image-wrapper .game-image-holder .game-action p.demoBtn[data-v-fb8b3520] {
    font-size: .9rem
}

.game-holder .game-image-wrapper .game-image-holder .game-image-bg[data-v-fb8b3520] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50%
}

.game-holder .game-image-wrapper .game-image-holder .game-image-overlay[data-v-fb8b3520] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #1a1a1a;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.game-holder .game-image-wrapper .game-image-holder .game-image-overlay i[data-v-fb8b3520] {
    font-size: 4rem;
    color: #111
}

.game-holder .game-image-wrapper .game-image-holder .game-info[data-v-fb8b3520] {
    z-index: 102;
    position: absolute;
    bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    color: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%;
    padding: 5px 10px;
    font-size: .85rem;
    box-sizing: border-box
}

.game-holder .game-image-wrapper .game-image-holder .game-info span[data-v-fb8b3520] {
    position: relative;
    z-index: 1
}

.game-holder .game-image-wrapper .game-image-holder .game-info .game-name[data-v-fb8b3520] {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    width: 100%
}

.game-holder .game-image-wrapper .game-image-holder .game-info .game-count[data-v-fb8b3520] {
    display: none
}

.game-holder .game-image-wrapper .game-image-holder .game-info i[data-v-fb8b3520] {
    margin-right: 3px;
    font-size: 1.3rem
}

.game-holder .game-image-wrapper .game-image-holder .game-info[data-v-fb8b3520]:before {
    content: "";
    height: 0;
    box-shadow: 0 0 25px 25px rgba(0, 0, 0, .9);
    width: calc(100% + 20px);
    position: absolute;
    bottom: 0;
    left: -10px
}

.game-holder:hover .game-image-holder .game-info .game-name[data-v-fb8b3520] {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    width: 55% !important
}

.game-holder:hover .game-image-holder .game-info .game-count[data-v-fb8b3520] {
    display: block !important
}

.game-holder:hover .game-image-holder[data-v-fb8b3520]:after {
    background-color: rgba(0, 0, 0, .6)
}

.game-holder:hover .game-image-holder .maintenance-overlay[data-v-fb8b3520] {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.game-holder:hover .game-image-holder .game-image-bg[data-v-fb8b3520] {
    -webkit-filter: blur(5px);
    filter: blur(5px);
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
    transition: -webkit-transform 1s ease;
    -webkit-transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease
}

.game-holder:hover .game-image-holder .brand-name[data-v-fb8b3520],
.game-holder:hover .game-image-holder .fav-icon[data-v-fb8b3520] {
    top: 10px
}

.game-holder:hover .game-image-holder .game-action[data-v-fb8b3520] {
    top: 50%
}

.game-holder:hover .game-image-holder .game-action .demoBtn[data-v-fb8b3520]:hover,
.game-holder:hover .game-image-holder .game-action .playBtn[data-v-fb8b3520]:hover {
    opacity: 1
}

@media only screen and (min-width:0px) and (max-width:1280px) {
    .game-holder .game-info[data-v-fb8b3520] {
        font-size: 1rem
    }

    .game-holder .game-image-wrapper .game-image-holder .playBtn[data-v-fb8b3520] {
        font-size: 1.2rem
    }

    .game-holder .game-image-wrapper .game-image-holder p.demoBtn[data-v-fb8b3520] {
        padding: 7px 0
    }
}

@media only screen and (min-width:0px) and (max-width:800px) {
    .game-holder .game-image-wrapper .game-image-holder .playBtn[data-v-fb8b3520] {
        font-size: 1rem
    }

    .game-holder .game-image-wrapper .game-image-holder .playBtn i[data-v-fb8b3520] {
        font-size: 1.5rem
    }

    .game-holder .game-info[data-v-fb8b3520] {
        font-size: .8rem
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .game-holder .game-image-wrapper .game-image-holder .game-action .playBtn[data-v-fb8b3520] {
        font-size: 1rem;
        line-height: 25px
    }

    .game-holder .game-image-wrapper .game-image-holder .game-action .demoBtn[data-v-fb8b3520] {
        font-size: .7rem;
        padding: 0
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .game-holder .game-image-wrapper .game-image-holder .game-action .playBtn[data-v-fb8b3520] {
        font-size: .9rem
    }

    .game-holder .game-image-wrapper .game-image-holder .game-action .demoBtn[data-v-fb8b3520] {
        padding: 0;
        font-size: .7rem
    }

    .game-holder .game-image-wrapper .game-image-holder .playBtn i[data-v-fb8b3520] {
        margin-right: 2px
    }

    .loginModal-wrapper form .jwbtn[data-v-399cb8e3]{
        margin-bottom: 20px !important;
    }
}

.verificationCode {
    margin: 10px auto;
    width: 80%;
    max-width: 360px
}

.verificationCode input {
    font-size: 3rem;
    font-family: Teko, sans-serif;
    text-align: center;
    letter-spacing: 1.5rem;
    height: 50px;
    color: #f9bb22 !important
}

.otpContainer[data-v-40d7ff07] {
    border-radius: 20px;
    background-color: #1a1a1a;
    padding: 70px 40px;
    text-align: center;
    position: relative
}

.otpContainer .closeBtn[data-v-40d7ff07] {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 2.5rem;
    color: #8f99a3;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer
}

.otpContainer .closeBtn[data-v-40d7ff07]:hover {
    color: #fff;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.otpContainer p[data-v-40d7ff07] {
    color: #8f99a3;
    margin-bottom: 0
}

.otpContainer h2[data-v-40d7ff07] {
    font-family: Teko, sans-serif;
    text-align: center;
    font-weight: 400;
    font-size: 2.5rem
}

.otpContainer .codeWrapper[data-v-40d7ff07] {
    margin: 30px 0
}

.otpContainer .codeWrapper .jwbtn[data-v-40d7ff07] {
    margin-top: 20px;
    min-width: 200px;
    padding: 15px 0
}

.otpContainer .codeWrapper .errmsg[data-v-40d7ff07] {
    color: #da4a4c;
    font-size: .8rem
}

.otpContainer .resendWrap[data-v-40d7ff07] {
    padding-top: 30px;
    border-top: 1px solid hsla(0, 0%, 100%, .1);
    display: block
}

.otpContainer .resendWrap .resendContainer[data-v-40d7ff07] {
    display: -webkit-box;
    display: flex;
    justify-content: space-around;
    -webkit-box-align: center;
    align-items: center
}

.otpContainer .resendWrap .defaultErrorMessage[data-v-40d7ff07] {
    color: #da4a4c;
    display: block;
    font-size: .9rem
}

.otpContainer .resendWrap .resendPin[data-v-40d7ff07] {
    cursor: pointer;
    border-radius: 40px;
    background-color: #fff;
    padding: 10px 0;
    text-align: center;
    font-size: .8rem;
    color: #8f99a3;
    font-weight: 800;
    width: 150px
}

.otpContainer .resendWrap .resendPin.disabled[data-v-40d7ff07] {
    background-color: grey;
    color: #fff;
    cursor: not-allowed
}

.otpContainer .resendWrap .resendPin.requesting>div[data-v-40d7ff07] {
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.otpContainer .resendWrap .resendPin i[data-v-40d7ff07] {
    font-size: 1rem;
    color: #8f99a3
}

p.note[data-v-40d7ff07] {
    margin: 20px 0;
    font-size: .8rem;
    cursor: pointer
}

p.note span.link[data-v-40d7ff07] {
    color: #f9bb22
}

@media only screen and (max-width:480px) {
    .otpContainer[data-v-40d7ff07] {
        padding: 70px 30px
    }

    .otpContainer .resendWrap[data-v-40d7ff07] {
        padding-top: 20px
    }

    .otpContainer .resendWrap .resendContainer[data-v-40d7ff07] {
        display: inline-block
    }

    .otpContainer .resendWrap .resendPin[data-v-40d7ff07] {
        margin: 15px auto
    }
}

@media only screen and (max-width:359px) {
    .otpContainer[data-v-40d7ff07] {
        padding: 70px 15px
    }

    .otpContainer .resendWrap[data-v-40d7ff07] {
        padding-top: 15px
    }

    .otpContainer .resendWrap .resendContainer[data-v-40d7ff07] {
        display: inline-block
    }

    .otpContainer .resendWrap .resendPin[data-v-40d7ff07] {
        margin: 15px auto
    }
}

.welcomeBonusWrapper {
    background-color: rgba(0, 0, 0, .8);
    position: relative;
    box-shadow: 0 0 50px 5px rgba(0, 0, 0, .3) !important
}

.welcomeBonusWrapper .chip {
    background-color: transparent
}

.welcomeBonusWrapper .chip5 {
    background-image: url(/_nuxt/img/8abe5ff.png);
    width: 100px;
    height: 100px;
    bottom: 25%;
    left: 25%
}

.welcomeBonusWrapper .chip4,
.welcomeBonusWrapper .chip5 {
    position: absolute;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.welcomeBonusWrapper .chip4 {
    background-image: url(/_nuxt/img/ae72ac8.png);
    width: 220px;
    height: 220px;
    bottom: 10%;
    right: 26%
}

.welcomeBonusWrapper .chip3 {
    background-image: url(/_nuxt/img/b9fe462.png);
    width: 50px;
    height: 50px;
    top: 45%;
    right: 22%
}

.welcomeBonusWrapper .chip2,
.welcomeBonusWrapper .chip3 {
    position: absolute;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.welcomeBonusWrapper .chip2 {
    background-image: url(/_nuxt/img/cd2c577.png);
    width: 120px;
    height: 120px;
    top: 10%;
    right: 24%
}

.welcomeBonusWrapper .chip1 {
    position: absolute;
    background-image: url(/_nuxt/img/ccd58d5.png);
    width: 100px;
    height: 100px;
    top: 18%;
    left: 27%;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.welcomeBonusWrapper .welcomePromoHolder {
    position: absolute;
    width: 90%;
    max-width: 700px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9999
}

.welcomeBonusWrapper .welcomePromoHolder .sunnyImg {
    background-color: #111;
    height: 150px;
    position: relative;
    border-radius: 20px 20px 0 0
}

.welcomeBonusWrapper .welcomePromoHolder .sunnyImg .closeBtn {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 2rem;
    color: #8f99a3;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer
}

.welcomeBonusWrapper .welcomePromoHolder .sunnyImg .closeBtn:hover {
    color: #fff;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.welcomeBonusWrapper .welcomePromoHolder .sunnyImg img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.welcomeBonusWrapper .welcomePromoHolder .promoInfo {
    background-color: #1a1a1a;
    padding: 40px 20px;
    border-radius: 0 0 20px 20px;
    text-align: center
}

.welcomeBonusWrapper .welcomePromoHolder .promoInfo .promoContent {
    color: #fff;
    font-size: 1.2rem
}

.welcomeBonusWrapper .welcomePromoHolder .promoInfo .promoContent span {
    color: #f9bb22
}

.welcomeBonusWrapper .welcomePromoHolder .promoInfo .downloadApp {
    width: 100%;
    max-width: 260px
}

.welcomeBonusWrapper .welcomePromoHolder .promoInfo .sub-title {
    font-family: Teko, sans-serif;
    font-size: 2rem;
    font-weight: 400
}

.welcomeBonusWrapper .welcomePromoHolder .promoInfo .confirmContent {
    width: 90%;
    margin: 20px auto
}

.welcomeBonusWrapper .welcomePromoHolder .promoInfo h2 {
    font-family: Teko, sans-serif;
    vertical-align: center;
    font-size: 2.5rem;
    font-weight: 400
}

.welcomeBonusWrapper .welcomePromoHolder .promoInfo h2 span {
    color: #f9bb22
}

.welcomeBonusWrapper .welcomePromoHolder .promoInfo h2 img {
    margin-top: -20px;
    display: inline;
    vertical-align: middle;
    width: 100px
}

.welcomeBonusWrapper .welcomePromoHolder .promoInfo p {
    color: #8f99a3;
    margin: 20px 0
}

.welcomeBonusWrapper .welcomePromoHolder .promoInfo .claimBtn {
    width: 100%;
    max-width: 360px;
    padding: 10px 0;
    font-size: 1.2rem
}

.welcomeBonusWrapper .welcomePromoHolder .promoInfo .swiperMainWrapper {
    position: relative
}

.welcomeBonusWrapper .welcomePromoHolder .promoInfo .swiperMainWrapper i.navIcon {
    position: absolute;
    top: 40%;
    z-index: 200;
    font-size: 1.75rem;
    color: #8f99a3;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    outline: 0;
    cursor: pointer
}

.welcomeBonusWrapper .welcomePromoHolder .promoInfo .swiperMainWrapper i.navIcon.swiper-button-disabled {
    color: rgba(143, 153, 163, .3);
    cursor: not-allowed
}

.welcomeBonusWrapper .welcomePromoHolder .promoInfo .swiperMainWrapper i.navIcon.prev {
    left: -20px
}

.welcomeBonusWrapper .welcomePromoHolder .promoInfo .swiperMainWrapper i.navIcon.next {
    right: -20px
}

.welcomeBonusWrapper .welcomePromoHolder .promoInfo .swiperMainWrapper .lowBalGameCard .playBtn {
    width: 100%;
    font-size: 1.2rem;
    top: -10px
}

.welcomeBonusWrapper .welcomePromoHolder .promoInfo .swiperMainWrapper .lowBalGameCard .playBtn i {
    font-size: 1.5rem
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .welcomeBonusWrapper .welcomePromoHolder .sunnyImg img {
        width: 80%
    }

    .welcomeBonusWrapper .welcomePromoHolder .promoInfo .confirmContent {
        width: 100%
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .welcomeBonusWrapper .welcomePromoHolder .sunnyImg[data-v-ae6257e2] {
        height: 120px
    }

    .welcomeBonusWrapper .chip4[data-v-ae6257e2] {
        width: 160px;
        height: 160px
    }

    .welcomeBonusWrapper .chip2[data-v-ae6257e2] {
        width: 100px;
        height: 100px
    }

    .welcomeBonusWrapper .welcomePromoHolder .sunnyImg .closeBtn[data-v-ae6257e2] {
        top: 10px;
        right: 10px
    }
}

@media only screen and (min-width:0px) and (max-width:1300px) {
    .welcomeBonusWrapper .welcomePromoHolder .sunnyImg[data-v-ae6257e2] {
        height: 100px
    }
}

.news-wrapper[data-v-c5b7cc60] {
    background-color: rgba(0, 0, 0, .3)
}

.news-wrapper .news[data-v-c5b7cc60] {
    display: -webkit-box;
    display: flex;
    cursor: default
}

.news-wrapper .news li[data-v-c5b7cc60] {
    margin: 0 20px;
    padding: 2px 0;
    font-size: .9rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: #8f99a3
}

.news-wrapper .news li span[data-v-c5b7cc60] {
    color: #f9bb22
}

.news-wrapper .news li.new[data-v-c5b7cc60] {
    color: #fff
}

.news-wrapper .news li.new[data-v-c5b7cc60]:before {
    content: "NEW";
    color: #fff;
    font-size: .65rem;
    border-radius: 5px;
    background-color: #da4a4c;
    padding: 0 5px;
    margin-right: 3px
}

.game-image-bg {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50%
}

.lowBalContainer {
    overflow: visible !important;
    display: -webkit-box;
    display: flex;
    position: relative;
    min-height: 400px;
    background-color: #1a1a1a;
    border-radius: 20px;
    -webkit-box-pack: normal;
    justify-content: normal
}

.lowBalContainer .closeBtn {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 1.5rem;
    cursor: pointer
}

.lowBalContainer .fontTeko {
    font-family: Teko, sans-serif
}

.lowBalContainer .bgWrapper {
    background-image: url(/_nuxt/img/f49d262.png);
    background-size: contain;
    min-width: 300px;
    background-position: bottom;
    position: relative;
    left: -30px
}

.lowBalContainer .lowBalanceWrapper {
    margin: auto
}

.lowBalContainer .lowBalanceWrapper .lowBalanceHeader {
    text-align: center;
    padding: 0 0 40px
}

.lowBalContainer .lowBalanceWrapper .lowBalanceHeader .headLabel {
    font-size: 1.5rem
}

.lowBalContainer .lowBalanceWrapper .contentWrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    align-items: stretch
}

.lowBalContainer .lowBalanceWrapper .contentWrapper .lowBaloption {
    margin: auto;
    padding: 0 10px 60px;
    min-width: 40px
}

.lowBalContainer .lowBalanceWrapper .contentWrapper .gameContent {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 45%
}

.lowBalContainer .lowBalanceWrapper .contentWrapper .gameContent .game-img-wrapper {
    width: 80%;
    border-radius: 10px;
    overflow: hidden
}

.lowBalContainer .lowBalanceWrapper .contentWrapper .gameContent .game-img-wrapper .gameimg-holder {
    position: relative;
    padding-top: 60%;
    width: 100%;
    margin: auto
}

.lowBalContainer .lowBalanceWrapper .contentWrapper .gameContent .game-img-wrapper .gameimg-holder .gameimg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%
}

.lowBalContainer .lowBalanceWrapper .contentWrapper .gameContent .game-img-wrapper .gameimg-holder .bankimg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(/_nuxt/img/f703faf.png)
}

.lowBalContainer .lowBalanceWrapper .contentWrapper .gameContent img {
    border-radius: 20px;
    margin-bottom: 10px;
    width: 90%
}

.lowBalContainer .lowBalanceWrapper .contentWrapper .gameContent .lowBalBtn {
    margin-top: 20px;
    min-width: 250px;
    border-radius: 10px
}

@media only screen and (max-width:960px) {
    .lowBalContainer .bgWrapper {
        min-width: 250px
    }
}

@media only screen and (min-width:0px) and (max-width:800px) {
    .lowBalContainer {
        background-image: none
    }

    .bgWrapper {
        display: none
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .lowBalContainer .lowBalanceWrapper .contentWrapper .gameContent {
        padding: 5px
    }

    .lowBalBtn {
        min-width: 200px !important
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .lowBalContainer .lowBalanceWrapper .contentWrapper .gameContent {
        padding: 5px
    }

    .lowBalContainer .lowBalanceWrapper .contentWrapper .gameContent .game-img-wrapper .gameimg-holder .bankimg {
        background-size: 60% 100%
    }

    .lowBalBtn {
        min-width: 155px !important
    }
}

@media only screen and (min-width:0px) and (max-width:360px) {
    .lowBalContainer .lowBalanceWrapper .contentWrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .lowBalContainer .lowBalanceWrapper .contentWrapper .gameContent {
        margin: auto;
        width: 65%
    }

    .lowBalContainer .lowBalanceWrapper .contentWrapper .lowBaloption {
        padding: 0 10px
    }

    .lowBalContainer .lowBalanceWrapper .contentWrapper .lowBaloption p {
        margin: 10px 0
    }

    .lowBalContainer .lowBalanceWrapper .lowBalanceHeader {
        margin-top: 20px;
        padding: 0
    }
}

.floaterAction[data-v-7128cc44] {
    position: fixed;
    width: 80px;
    z-index: 99;
}

.floaterAction .customColor[data-v-7128cc44] {
    background: #f9bb22 !important
}

.floaterAction .liveChat[data-v-7128cc44] {
    background-color: #fff !important;
    color: #f9bb22
}

.floaterAction .telegram[data-v-7128cc44] {
    background-color: #08c !important;
    color: #fff
}

.floaterAction .telegram:hover+.telegram-holder[data-v-7128cc44] {
    -webkit-transform: scaleX(1) !important;
    transform: scaleX(1) !important
}

.floaterAction .telegram-holder[data-v-7128cc44] {
    position: absolute;
    left: 80px;
    width: 220px;
    height: 270px;
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #1a1a1a;
    border-radius: 10px;
    padding: 10px
}

.floaterAction p[data-v-7128cc44] {
    margin-bottom: 5px;
    line-height: 20px;
    font-size: .86rem
}

.floaterAction .txt-id[data-v-7128cc44] {
    color: #f9bb22;
    font-size: 1rem
}

.posterSwiperWrapper {
    width: 100%;
    height: 100%;
    padding: 10px;
    border-radius: 20px;
    background-color: #1a1a1a
}

.posterSwiperWrapper .poster-swiper {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    width: 100%;
    padding-top: 28.57%;
}

.posterSwiperWrapper .poster-swiper.loader div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.posterSwiperWrapper .poster-swiper.loader div i {
    font-size: 2.5rem;
    color: #8f99a3
}

.posterSwiperWrapper .poster-swiper .swiper-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.posterSwiperWrapper .poster-swiper .swiper-wrapper .swiper-slide img {
    width: 100%
}

.posterSwiperWrapper .poster-swiper .swiper-pagination {
    text-align: right;
    padding-right: 10px;
    bottom: 0
}

.posterSwiperWrapper .poster-swiper .swiper-pagination .swiper-pagination-bullet {
    background: 0 0;
    border: 1px solid #fff;
    opacity: 1;
    width: 9px;
    height: 9px;
    margin: 0 2px
}

.posterSwiperWrapper .poster-swiper .swiper-pagination .swiper-pagination-bullet-active {
    background: #fff !important
}

.netwinContainer {
    width: 100%;
    height: 100%;
    padding: 10px;
    border-radius: 20px;
    overflow: hidden;
    background: #372164;
    background: -webkit-gradient(left top, right top, color-stop(0, #372164), color-stop(100%, #562daa));
    background: -webkit-gradient(linear, left top, right top, from(#372164), to(#562daa));
    background: linear-gradient(90deg, #372164 0, #562daa)
}

.netwinContainer .netwinWrapper {
    position: relative;
    padding-top: 28.57%;
    border-radius: 10px
}

.netwinContainer .netwinWrapper.loader div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.netwinContainer .netwinWrapper:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 10px;
    background: #281848;
    background: -webkit-gradient(left top, right top, color-stop(0, #281848), color-stop(100%, #3d2078));
    background: -webkit-gradient(linear, left top, right top, from(#281848), to(#3d2078));
    background: linear-gradient(90deg, #281848 0, #3d2078)
}

.netwinContainer .swiper-container {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%
}

.netwinContainer .swiper-container.netwin-swiper-1 {
    left: 0
}

.netwinContainer .swiper-container.netwin-swiper-2 {
    left: 50%
}

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

.netwinContainer .swiper-container .swiper-wrapper .swiper-slide:nth-child(2n) .winnerDetail {
    background-color: rgba(0, 0, 0, .1)
}

.netwinContainer .swiper-container .swiper-wrapper .swiper-slide .winnerDetail {
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex
}

.netwinContainer .swiper-container .swiper-wrapper .swiper-slide .winnerDetail .gameImage,
.netwinContainer .swiper-container .swiper-wrapper .swiper-slide .winnerDetail .gameName {
    cursor: pointer
}

.netwinContainer .swiper-container .swiper-wrapper .swiper-slide .winnerDetail .wrapper {
    display: -webkit-box;
    display: flex;
    padding: 0 5px;
    width: 100%
}

.netwinContainer .swiper-container .swiper-wrapper .swiper-slide .winnerDetail .wrapper .gameImageWrapper {
    width: 30%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center
}

.netwinContainer .swiper-container .swiper-wrapper .swiper-slide .winnerDetail .wrapper .gameImageWrapper .imageWrapper {
    height: 50px;
    width: 50px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 0, .2)
}

.netwinContainer .swiper-container .swiper-wrapper .swiper-slide .winnerDetail .wrapper .gameImageWrapper .imageWrapper img {
    max-height: 50px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.netwinContainer .swiper-container .swiper-wrapper .swiper-slide .winnerDetail .wrapper .details {
    width: 70%
}

.netwinContainer .swiper-container .swiper-wrapper .swiper-slide .winnerDetail .wrapper .details .contentWrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    font-size: .9rem
}

.netwinContainer .swiper-container .swiper-wrapper .swiper-slide .winnerDetail .wrapper .details .contentWrapper span,
.netwinContainer .swiper-container .swiper-wrapper .swiper-slide .winnerDetail .wrapper .details .contentWrapper>div {
    width: 50%
}

.netwinContainer .swiper-container .swiper-wrapper .swiper-slide .winnerDetail .wrapper .details .contentWrapper .netwinAmount,
.netwinContainer .swiper-container .swiper-wrapper .swiper-slide .winnerDetail .wrapper .details .contentWrapper span,
.netwinContainer .swiper-container .swiper-wrapper .swiper-slide .winnerDetail .wrapper .details .contentWrapper>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.currencyIcon,
.netwinAmount {
    font-weight: 400;
    margin: 0
}

.netwinContainer .swiper-container .swiper-wrapper .swiper-slide .winnerDetail .wrapper .details .contentWrapper .amountWrapper {
    display: -webkit-box;
    display: flex;
    font-family: Teko, sans-serif;
    font-size: 1.3rem
}

.netwinContainer .swiper-container .swiper-wrapper .swiper-slide .winnerDetail .wrapper .details .contentWrapper .amountWrapper .currencyIcon {
    color: #f9bb22;
    padding-right: 5px
}

.netwinContainer .swiper-container .swiper-wrapper .swiper-slide .winnerDetail .wrapper .details .contentWrapper.otherDetails {
    font-size: .8rem;
    color: #8f99a3
}

@media screen and (max-width:960px) {
    .netwinContainer .swiper-container .wrapper .contentWrapper .winnerUsername {
        font-size: 1rem
    }
}

.redeemPoints {
    flex-basis: 50%;
    color: #8f99a3;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin: 30px 0 10px
}

.redeemPoints .redeemTxt {
    margin-bottom: 10px
}

.redeemPoints .remainingLP {
    margin-top: 20px
}

.redeemPoints .remainingLP .remaining {
    display: block;
    margin-left: 20px;
    font-size: 2rem
}

.redeemPoints .redeemInputWrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin-bottom: 10px
}

.redeemPoints .redeemInputWrapper .redeemInput {
    margin: 0 10px;
    max-width: 250px;
    position: relative
}

.redeemPoints .redeemInputWrapper .redeemInput .error-container {
    text-align: left
}

.redeemPoints .redeemInputWrapper .redeemInput span.maxPoint {
    position: absolute;
    top: 10px;
    right: 10px;
    border: 1px solid #f9bb22;
    border-radius: 15px;
    padding: 5px 15px;
    color: #fff;
    font-size: .8em;
    background-color: #826725;
    cursor: pointer
}

.redeemPoints .redeemInputWrapper .redeemInput span.disabled {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    cursor: default
}

.redeemPoints span.remainingLP {
    margin-left: 15px
}

.redeemPoints p {
    margin-bottom: 20px !important
}

.redeemPoints p.note {
    font-style: italic
}

.redeemPoints p.note.fontRed {
    color: #da4a4c
}

.redeemPoints .redeemBtn {
    font-weight: 500;
    font-size: 1.5rem;
    margin: 0;
    min-height: 50px;
    font-family: Teko, sans-serif;
    padding: 10px 30px
}

.redeemPoints .redeemBtn i {
    font-size: 1.5rem
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .redeemPoints {
        margin: 0 0 30px
    }

    .redeemPoints .redeemInputWrapper .redeemInput {
        max-width: 180px
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .redeemPoints .redeemInputWrapper .redeemInput {
        max-width: 100px;
        margin: 0 5px
    }
}

@media only screen and (min-width:0px) and (max-width:440px) {
    .loyaltyContainer .current-lp .loyaltyPointLabel .loyaltyPointText {
        margin-left: 60px !important
    }
}

@media only screen and (min-width:0px) and (max-width:400px) {
    .loyaltyContainer .current-lp .loyaltyPointLabel {
        min-width: 180px !important;
        margin: 20px 0 !important
    }

    .loyaltyContainer .current-lp .loyaltyPointLabel .loyaltyLogo {
        height: 140% !important
    }

    .loyaltyContainer .current-lp .loyaltyPointLabel .loyaltyPointText {
        margin-left: 80px !important
    }
}

.upgrade-success-modal {
    border-radius: 10px;
    max-width: 700px !important;
    overflow: visible
}

.upgrade-success-modal .overlayImg {
    z-index: -1;
    width: 100vw;
    height: 100vh;
    background-image: url(/_nuxt/img/0fd0b8a.png);
    background-position: 50%;
    background-repeat: no-repeat;
    position: fixed;
    top: 0;
    left: 0
}

.upgrade-success-modal .upgrade-details {
    border-radius: 10px;
    background-color: #1a1a1a;
    width: 100%;
    padding: 50px 40px 30px;
    position: relative
}

.upgrade-success-modal .upgradeModal {
    padding: 0 !important
}

.upgrade-success-modal .upgradeModal .closeBtn {
    top: 10px;
    right: 10px;
    z-index: 10;
    font-size: .95rem;
    position: absolute;
    cursor: pointer
}

.upgrade-success-modal .upgradeModal h2 {
    text-align: center;
    color: #f9bb22;
    padding: 10px 0
}

.upgrade-success-modal .upgradeModal .details {
    padding: 10px 80px 40px 60px
}

.upgrade-success-modal .upgradeModal .details p {
    font-weight: 500
}

.upgrade-success-modal .upgradeModal .details p .tierName {
    color: #f9bb22
}

.upgrade-success-modal .upgradeModal .details .nextData {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 30px
}

.upgrade-success-modal .upgradeModal .details .nextData .loyaltyDetails .newData {
    line-height: 0
}

.upgrade-success-modal .upgradeModal .details .nextData .loyaltyDetails .newData .titleText {
    color: #8f99a3;
    line-height: 15px;
    display: inline-block;
    width: 210px
}

.upgrade-success-modal .upgradeModal .details .nextData .loyaltyDetails .upgradableText span.anotherUpgradeText {
    line-height: 25px
}

.upgrade-success-modal .upgradeModal .details .nextData .loyaltyDetails .upgradableText,
.upgrade-success-modal .upgradeModal .details .nextData .loyaltyDetails .upgradableText i {
    color: #a2ce2d
}

.upgrade-success-modal .upgradeModal .details .nextData .loyaltyImage {
    margin-top: -40px
}

.upgrade-success-modal .upgradeModal .upgradeBannerWrapper {
    margin: 0
}

.upgrade-success-modal .upgradeModal .upgradeBannerWrapper .imageWrapper {
    position: relative;
    left: 0;
    top: 0;
    border-radius: 10px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.upgrade-success-modal .upgradeModal .upgradeBannerWrapper .imageWrapper .upgradeBanner {
    position: relative;
    top: 0;
    left: 0;
    border-radius: inherit
}

.upgrade-success-modal .upgradeModal .upgradeBannerWrapper .imageWrapper .sunnyImage {
    position: absolute;
    bottom: 7px;
    left: 50%
}

.fontWhite {
    color: #fff;
    font-size: 1.5em
}

.fontWhite,
.jeetPrivilegeContainer .teko {
    font-family: Teko, sans-serif
}

.jeetPrivilegeContainer p {
    margin: 0;
    line-height: 20px
}

.jeetPrivilegeContainer .text-primary {
    color: #f9bb22
}

.jeetPrivilegeContainer .text-grey {
    color: #8f99a3
}

.jeetPrivilegeContainer .accountTitle {
    margin-bottom: 10px
}

.jeetPrivilegeContainer .grayscale {
    opacity: .4;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.jeetPrivilegeContainer .upgradeButton {
    min-height: 56px;
    min-width: 155px
}

.jeetPrivilegeContainer .upgradeButton.animate {
    -webkit-animation: nudge 2s infinite;
    animation: nudge 2s infinite
}

@-webkit-keyframes nudge {
    0% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }

    5% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }

    10% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }

    15% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }

    20% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }

    25% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }

    30% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes nudge {
    0% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }

    5% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }

    10% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }

    15% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }

    20% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }

    25% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }

    30% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.jeetPrivilegeContainer .disableBtn {
    cursor: not-allowed
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper {
    margin-bottom: 30px
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .headerContent {
    text-align: center;
    margin-bottom: 50px;
    width: 100%
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .headerContent .label {
    display: inline-block;
    margin: 20px 0
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .headerContent .loyaltyPointLabel {
    display: block;
    text-align: center;
    max-width: 325px;
    min-width: 200px;
    margin: auto;
    background-color: #333;
    font-size: 2.5rem;
    border-radius: 35px;
    background-image: url(/_nuxt/img/38d0ffb.jpg);
    position: relative;
    color: #fff;
    border: 3px solid #f9bb22
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .headerContent .loyaltyPointLabel .loyaltyLogo {
    position: absolute;
    left: 25px;
    height: 150%;
    top: -25%;
    margin-right: 15px
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .headerContent .loyaltyPointLabel .loyaltyPointText {
    margin-left: 30px
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .tierDetailWrapper .tierListWrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    font-size: 1.25rem;
    width: 80%;
    margin: auto
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .tierDetailWrapper .tierListWrapper .active {
    -webkit-filter: grayscale(0) !important;
    filter: grayscale(0) !important;
    opacity: 1 !important
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .tierDetailWrapper .tierListWrapper .active p {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .tierDetailWrapper .tierListWrapper .active p:first-child {
    color: #f9bb22
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .tierDetailWrapper .tierListWrapper .active p:nth-child(2) {
    color: #fff;
    font-weight: 500
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .tierDetailWrapper .tierListWrapper .tierWrapper {
    padding: 0 0 30px;
    margin-right: 10px;
    position: relative
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .tierDetailWrapper .tierListWrapper .tierWrapper .tierArrowPointer {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #222;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .tierDetailWrapper .tierListWrapper .tierWrapper:last-child {
    padding-right: 0
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .tierDetailWrapper .tierListWrapper .tierWrapper .tierImageWrapper img {
    max-height: 90px;
    max-width: 90px
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .tierDetailWrapper .tierListWrapper .detail {
    font-size: 1.25rem
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .tierDetailWrapper .tierListWrapper .detail p {
    text-align: center
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .tierDetailWrapper .tierListWrapper .detail p:first-child {
    margin: 15px 0 5px;
    text-transform: uppercase
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper {
    background-color: #222;
    padding: 25px;
    border-radius: 10px
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierInfo {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2);
    padding-bottom: 20px;
    margin-bottom: 20px
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierInfo p {
    font-size: .95rem;
    line-height: 30px
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierInfo .label {
    width: 175px;
    display: inline-block
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierInfo .result {
    font-size: 1.3rem;
    text-transform: uppercase
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierInfo .currentTierWrapper {
    flex-basis: 50%;
    padding-right: 5px
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierInfo .nextTierWrapper {
    flex-basis: 50%;
    padding-left: 5px
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierRedeem {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierRedeem .nextTierInfo {
    flex-basis: 50%;
    border-radius: 10px;
    background-color: #292929;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    align-items: stretch
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierRedeem .nextTierInfo .upgradeContentWrapper {
    margin: 30px 0 10px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierRedeem .nextTierInfo .upgradeContentWrapper p {
    color: #8f99a3;
    text-align: center;
    margin-bottom: 10px
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierRedeem .nextTierInfo .upgradeContentWrapper p span {
    color: #fff;
    font-weight: 700
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierRedeem .nextTierInfo .upgradeContentWrapper img {
    width: 85px;
    margin-bottom: 10px
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierRedeem .nextTierInfo .upgradeContentWrapper .upGradableImage {
    width: auto
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierRedeem .nextTierInfo .upgradeContentWrapper .jwbtn {
    font-weight: 500;
    font-size: 1.5rem;
    margin: 0;
    padding: 10px 30px
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierRedeem .nextTierInfo .upgradeContentWrapper .jwbtn div {
    white-space: nowrap
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierRedeem .nextTierInfo .upgradeContentWrapper .jwbtn i {
    font-size: 1.5rem
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierRedeem .nextTierInfo .upgradeContentWrapper .nextLvlPoints {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    width: 80%;
    margin-top: 20px;
    margin-bottom: 10px
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierRedeem .nextTierInfo .upgradeContentWrapper .nextLvlPoints div:first-child {
    padding-right: 7.5px;
    font-size: 2em;
    min-width: 140px;
    margin-top: -4px
}

@media only screen and (min-width:0px) and (max-width:1170px) {
    .jeetPrivilegeWrapper .tierListWrapper {
        width: 100% !important
    }
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .jeetPrivilegeContainer .jeetPrivilegeWrapper .tierListWrapper {
        -webkit-box-pack: center !important;
        justify-content: center !important
    }

    .jeetPrivilegeContainer .jeetPrivilegeWrapper .tierListWrapper .tierWrapper {
        margin-right: 15px !important
    }

    .jeetPrivilegeContainer .jeetPrivilegeWrapper .tier .label {
        width: 140px !important
    }

    .jeetPrivilegeContainer .jeetPrivilegeWrapper .currentTierWrapper,
    .jeetPrivilegeContainer .jeetPrivilegeWrapper .nextTierWrapper {
        -webkit-box-pack: center !important;
        justify-content: center !important
    }

    .jeetPrivilegeContainer .jeetPrivilegeWrapper .notActive {
        display: none
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .upgrade-success-modal .upgradeModal .upgradeBannerWrapper .imageWrapper .upgradeBanner {
        left: -60px
    }

    .upgrade-success-modal .upgradeModal .details .nextData .loyaltyImage {
        display: none
    }

    .upgrade-success-modal .upgradeModal .details .nextData .loyaltyDetails .newData .titleText {
        width: 170px
    }

    .jeetPrivilegeContainer .jeetPrivilegeWrapper .tierImageWrapper img {
        height: 60px !important
    }

    .jeetPrivilegeContainer .jeetPrivilegeWrapper .currentTierWrapper {
        margin-bottom: 30px
    }

    .jeetPrivilegeContainer .jeetPrivilegeWrapper .currentTierWrapper,
    .jeetPrivilegeContainer .jeetPrivilegeWrapper .nextTierInfo,
    .jeetPrivilegeContainer .jeetPrivilegeWrapper .nextTierWrapper,
    .jeetPrivilegeContainer .jeetPrivilegeWrapper .redeemPoints {
        flex-basis: 100% !important;
        padding: 0 !important
    }

    .jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierRedeem .redeemPoints {
        text-align: center
    }

    .jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierRedeem .redeemPoints .redeemInputWrapper {
        -webkit-box-pack: center;
        justify-content: center
    }

    .jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierRedeem .redeemPoints .redeemBtn {
        margin: 0 auto
    }

    .jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierRedeem .nextTierInfo .upgradeContentWrapper {
        text-align: center
    }

    .jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierRedeem .nextTierInfo .upgradeContentWrapper .nextLvlPoints {
        -webkit-box-pack: center;
        justify-content: center
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .upgrade-success-modal .upgradeModal .details {
        padding: 10px 20px 20px 40px
    }

    .upgrade-success-modal .upgradeModal .upgradeBannerWrapper .imageWrapper .upgradeBanner {
        left: -100px
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .upgrade-success-modal .upgradeModal .details {
        padding: 10px 20px 20px 30px
    }

    .upgrade-success-modal .upgradeModal .upgradeBannerWrapper .imageWrapper .upgradeBanner {
        left: -150px
    }
}

.align-grid-item-center {
    -webkit-box-pack: center;
    justify-content: center
}

.align-grid-item-center,
.align-grid-item-flex-end {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.align-grid-item-flex-end {
    -webkit-box-pack: end;
    justify-content: flex-end
}

.upgradeTierWrapper {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    padding: 10px;
    overflow: hidden;
    background: #372164;
    background: -webkit-gradient(left top, right top, color-stop(0, #372164), color-stop(100%, #562daa));
    background: -webkit-gradient(linear, left top, right top, from(#372164), to(#562daa));
    background: linear-gradient(90deg, #372164 0, #562daa)
}

.upgradeTierWrapper .hide99Details {
    display: none
}

.upgradeTierWrapper .upgradeTierContainer {
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 27.37% 10px 10px
}

.upgradeTierWrapper .upgradeTierContainer:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 10px;
    background: #281848;
    background: -webkit-gradient(left top, right top, color-stop(0, #281848), color-stop(100%, #3d2078));
    background: -webkit-gradient(linear, left top, right top, from(#281848), to(#3d2078));
    background: linear-gradient(90deg, #281848 0, #3d2078)
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-rows: repeat(2, 50%);
    padding: 0 20px
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .finalLevelTemplate {
    grid-template-columns: 80% 10% 10% !important;
    grid-template-areas: " . . ." "tier-text tier-text next-img-start" "bar-start bar-end next-img-end" "button-start button-middle button-end" !important
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper {
    display: grid;
    grid-template-columns: 10% 70% 10% 10%;
    grid-template-rows: repeat(4, 25%);
    grid-template-areas: ". . . ." "curr-img-start tier-text tier-text next-img-start" "curr-img-end bar-start bar-end next-img-end" ". button-start button-middle button-end"
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .tierTitle {
    grid-row: 2;
    grid-area: tier-text;
    font-size: .8rem;
    -webkit-box-pack: start;
    justify-content: flex-start;
    font-weight: 500
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .tierTitle .nextTierDetails {
    color: #f9bb22;
    margin-left: 5px
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .tierTitle .highestTier {
    color: #f9bb22
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .tierTitle .nextLvl {
    color: #f9bb22;
    text-transform: uppercase
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .progressBar {
    grid-row: 3;
    grid-column-start: bar-start;
    grid-column-end: bar-end;
    margin-top: 0;
    border-radius: 4px;
    -webkit-box-flex: 2;
    flex-grow: 2
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .progressBar .progress-linear__background {
    height: 2px !important;
    margin-top: 2px
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .progressBar .progress-linear__bar .progress-linear__bar__determinate {
    background-size: 18px 12px;
    background-repeat: repeat-x;
    background: -webkit-gradient(left top, right top, color-stop(0, #f722f7), color-stop(100%, #8925f4));
    background: -webkit-gradient(linear, left top, right top, from(#f722f7), to(#8925f4));
    background: linear-gradient(90deg, #f722f7 0, #8925f4);
    border-radius: 4px
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .progressBar .progress-linear__bar .progress-linear__bar__determinate:after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: inherit;
    border-radius: 1em;
    -webkit-animation: progress 1s linear infinite;
    animation: progress 1s linear infinite;
    background-repeat: repeat-x;
    background-size: 30px 30px;
    background-image: linear-gradient(-45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
}

@-webkit-keyframes progress {
    to {
        background-position: 30px 0
    }
}

@keyframes progress {
    to {
        background-position: 30px 0
    }
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .nextTierImgWrapper {
    grid-row: 2;
    grid-row-start: next-img-start;
    grid-row-end: next-img-end
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .currentTierImgWrapper img,
.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .nextTierImgWrapper img {
    width: 40px
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .currentTierImgWrapper {
    grid-row: 2;
    grid-row-start: curr-img-start;
    grid-row-end: curr-img-end
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .upgradeBtn {
    grid-row: 4;
    grid-column-start: button-start;
    grid-column-end: button-end;
    font-size: .8rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #a2ce2d;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .upgradeBtn i {
    text-decoration: none;
    -webkit-animation: updownEffect 2s ease-in-out infinite;
    animation: updownEffect 2s ease-in-out infinite;
    padding-right: 5px;
    color: #a2ce2d
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .upgradeBtn:hover,
.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .upgradeBtn:hover i {
    color: #f9bb22
}

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

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

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

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

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

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

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .quickNav {
    display: grid;
    grid-template-columns: repeat(4, 25%);
    grid-template-areas: "img-1 img-2 img-3 img-4";
    border-top: 2px dotted hsla(0, 0%, 58%, .25)
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .quickNav div .imgWrapper {
    cursor: pointer;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    text-transform: uppercase;
    font-size: .8rem;
    display: grid;
    grid-template-rows: 75% 25%;
    grid-template-areas: "image" "nav-text"
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .quickNav div .imgWrapper .imgWrap {
    -webkit-transition: .3s ease;
    transition: .3s ease;
    grid-area: image
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .quickNav div .imgWrapper .imgWrap .badge__badge {
    height: 5px;
    width: 5px;
    top: -5px;
    right: -5px
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .quickNav div .imgWrapper .navText {
    grid-area: nav-text
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .quickNav div .imgWrapper img {
    width: 35px;
    margin-bottom: 10px
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .quickNav div .imgWrapper span {
    color: $color-text-white;
    font-weight: 600
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .quickNav div :hover span {
    color: $color-text-yellow
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .quickNav div :hover .imgWrap {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .quickNav .depositRouter {
    grid-row-start: 2;
    grid-area: img-1
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .quickNav .withdrawRouter {
    grid-row-start: 2;
    grid-area: img-2
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .quickNav .lineRouter {
    grid-row-start: 2;
    grid-area: img-3
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .quickNav .spinWinRouter {
    grid-row-start: 2;
    grid-area: img-4
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .referralDisabled {
    grid-template-columns: repeat(3, 30%) 10%;
    grid-template-areas: ". . . ." "img-1 img-2 img-3 ." ". . . ."
}

.upgradeTierWrapper .loaderWrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important
}

.upgradeTierWrapper .upgradeWrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

@media only screen and (min-width:1600px) {
    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .upgradeBtn {
        grid-area: tier-text
    }
}

@media only screen and (min-width:960px) and (max-width:1080px) {
    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper {
        grid-template-areas: ". tier-text tier-text . " "curr-img-start tier-text tier-text next-img-start" "curr-img-end bar-start bar-end next-img-end" ". button-start button-middle button-end"
    }

    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .currentTierImgWrapper img,
    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .nextTierImgWrapper img {
        width: 25px
    }

    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .finalLevelTemplate {
        grid-template-areas: "tier-text tier-text . " "tier-text tier-text next-img-start" "bar-start bar-end next-img-end" "button-start button-middle button-end" !important
    }

    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .quickNav div .imgWrapper img {
        width: 30px
    }
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper {
        grid-template-areas: ". . . ." "curr-img-start tier-text tier-text next-img-start" "curr-img-end bar-start bar-end next-img-end" ". button-start button-middle button-end"
    }

    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .finalLevelTemplate {
        grid-template-areas: ". . . " "tier-text tier-text next-img-start" "bar-start bar-end next-img-end" "button-start button-middle button-end" !important
    }
}

@media only screen and (min-width:640px) and (max-width:960px) {
    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .upgradeBtn {
        grid-area: tier-text
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer {
        grid-template-rows: 60% 40%
    }

    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .currentTierImgWrapper img,
    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .nextTierImgWrapper img {
        width: 25px
    }

    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .upgradeBtn i {
        font-size: 1.2rem
    }

    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .quickNav div .imgWrapper img {
        width: 25px;
        margin-bottom: 2px
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .upgradeTierWrapper .upgradeTierContainer {
        padding: 38.57% 10px 10px
    }

    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper {
        grid-template-areas: ". tier-text tier-text . " "curr-img-start tier-text tier-text next-img-start" "curr-img-end bar-start bar-end next-img-end" ". button-start button-middle button-end"
    }

    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .tierTitle {
        padding: 0 5px
    }

    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .finalLevelTemplate {
        grid-template-areas: "tier-text tier-text . " "tier-text tier-text next-img-start" "bar-start bar-end next-img-end" "button-start button-middle button-end" !important
    }

    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .quickNav div .imgWrapper {
        font-size: .8rem
    }

    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .quickNav div .imgWrapper img {
        width: 20px
    }
}

@media only screen and (min-width:0px) and (max-width:400px) {
    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .v-progress-linear {
        margin-top: 5px
    }
}

@media only screen and (min-width:0px) and (max-width:360px) {
    .upgradeTierWrapper .upgradeTierContainer {
        padding: 45% 10px 10px
    }
}

.gameGrid .gameSection1 {
    margin: 0 -10px !important
}

input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 30px #111;
    -webkit-text-fill-color: #fff
}

img[lazy=loading] {
    background-position: 50%
}

.swiper-lazy-preloader:after,
img[lazy=loading] {
    background-size: 25px 25px
}

.application.theme--dark {
    background-color: #111
}

.application.theme--dark.blur .application--wrap {
    -webkit-filter: blur(5px);
    filter: blur(5px)
}

.noGames {
    color: #8f99a3;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    min-height: 450px;
    font-size: 1.5rem
}

.netwinJackpotWrapper,
.noGames {
    display: -webkit-box;
    display: flex
}

.netwinJackpotWrapper {
    margin: 30px auto 15px
}

input {
    padding: 0 5px
}

header {
    position: fixed;
    width: 100%;
    z-index: 150
}

div.input-group__details {
    min-height: 0
}

div.input-group {
    padding-top: 0
}

.input-group--text-field label {
    position: relative !important;
    top: 15px;
    color: #8f99a3 !important;
    font-weight: 400;
    margin-bottom: 0
}

.tabs__item:not(.tabs__item--active) {
    opacity: 1
}

.promotion-ribbon-wrapper {
    margin-top: 10px;
    margin-bottom: 10px
}

.promotion-ribbon-wrapper .promotion-ribbon a {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.promotion-ribbon-wrapper .promotion-ribbon a img {
    width: calc(100% - 20px);
    margin: 0 auto
}

.gamesToolbar.secGameToolbar {
    position: relative;
    z-index: 1000;
    top: -1000px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.gamesToolbar.secGameToolbar ul li {
    padding: 10px 25px
}

.gamesToolbar.secGameToolbar.fixed ul li {
    padding: 5px 17px;
    font-size: 1rem
}

.gamesToolbar.secGameToolbar.fixed {
    top: 0;
    box-shadow: 0 6px 10px rgba(0, 0, 0, .5)
}
.homeWidgets{
    padding: 15px;
}
.testimonialWrapper{
    padding: 0px 40px;
}


.container-fluid{
    padding: 0px 15px;
}

@media only screen and (min-width:1200px){

    .container-fluid{
        padding-right: var(--bs-gutter-x, 0.75rem) !important;
        padding-left: var(--bs-gutter-x, 0.75rem) !important;
    
    }
}
.promotionListWrapper{
    padding-bottom: 15px;
}
@media only screen and (min-width:0px) and (max-width:1300px) {
    .netwinJackpotWrapper {
        padding-right: 0
    }

.testimonialWrapper{
    padding: 0px 20px;
}
}
@media only screen and (max-width:1024px){

.testimonialWrapper{
    padding: 0px;
}
}
@media only screen and (min-width:0px) and (max-width:960px) {
    .promotion-ribbon-wrapper {
        display: none
    }

    .homeWidgetWrapper .homeWidgets .flex {
        padding: 6px !important
    }

    .homeWidgetWrapper .homeWidgets .flex .netwinContainer,
    .homeWidgetWrapper .homeWidgets .flex .posterSwiperWrapper {
        padding: 5px !important;
        border-radius: 10px !important
    }

    .homeWidgetWrapper .homeWidgets .flex .netwinContainer .netwinWrapper,
    .homeWidgetWrapper .homeWidgets .flex .netwinContainer .poster-swiper,
    .homeWidgetWrapper .homeWidgets .flex .posterSwiperWrapper .netwinWrapper,
    .homeWidgetWrapper .homeWidgets .flex .posterSwiperWrapper .poster-swiper {
        border-radius: 5px !important
    }

    .homeWidgetWrapper .homeWidgets .authPoster {
        display: none
    }
}

@media only screen and (min-width:0px) and (max-width:800px) {
    .gamesToolbar.secGameToolbar ul li {
        padding: 10px 15px;
        font-size: .8rem
    }
}

@media only screen and (min-width:0px) and (max-width:600px) {
    .homeWidgets .posterComponentWrapper {
        display: none
    }

    .homeWidgets .netwinWrapper {
        padding-top: 20% !important
    }

    .gamesToolbar.secGameToolbar.fixed ul li {
        padding: 5px 10px
    }

    .netwinJackpotWrapper {
        padding: 0 0 0 10px;
        margin: 15px auto
    }
    .live-casino-main .live-casino-wrapper, .layout.wrap{
        padding: 0;
    }
    .homeWidgetWrapper .container-fluid{
        padding: 0;
    }
}

.application.theme--dark[data-v-6429f106] {
    background-color: #111
}

.application.theme--dark.blur .application--wrap[data-v-6429f106] {
    -webkit-filter: blur(5px);
    filter: blur(5px)
}

input[data-v-4082ca64]:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 30px #111;
    -webkit-text-fill-color: #fff
}

.application.theme--dark[data-v-4082ca64] {
    background-color: #111
}

.application.theme--dark.blur .application--wrap[data-v-4082ca64] {
    -webkit-filter: blur(5px);
    filter: blur(5px)
}

header[data-v-4082ca64] {
    position: fixed;
    width: 100%;
    z-index: 150
}

.footerNav[data-v-4082ca64] {
    padding-bottom: 15px
}

.application.theme--dark {
    background-color: #111
}

.transaction-content-wrapper {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    overflow-x: hidden
}

.transaction-content-wrapper .transaction-status p {
    font-size: 1.3rem;
    color: #fff
}

.transaction-content-wrapper .transaction-container {
    width: 100%;
    margin: 0 auto;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    overflow-y: auto;
    padding: 20px
}

.transaction-content-wrapper .transaction-status {
    margin: 0 auto;
    display: block;
    text-align: center
}

.transaction-content-wrapper .transaction-status img {
    margin: 0 auto;
    width: 100px;
    height: 100px;
    display: block
}

.transaction-content-wrapper .user-info {
    background: #1a1a1a;
    border-radius: 10px;
    margin: 30px auto 0;
    padding: 20px;
    width: 100%;
    max-width: 500px;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap
}

.transaction-content-wrapper .user-info-field {
    margin-bottom: 20px;
    display: -webkit-box;
    display: flex;
    width: 100%;
    word-break: break-word
}

.transaction-content-wrapper .user-info-field h3,
.transaction-content-wrapper .user-info-field p {
    -webkit-box-flex: 1;
    flex: 1;
    padding: 0 10px
}

.transaction-content-wrapper .user-info-field h3,
.transaction-content-wrapper .user-info-field p {
    text-align: left !important
}

.transaction-content-wrapper .user-info-field:last-child {
    margin-bottom: 0;
    margin-top: 10px
}

.transaction-content-wrapper .user-info-field p {
    font-size: 1rem;
    text-align: center;
    color: #f9bb22;
    margin-bottom: 5px
}

.transaction-content-wrapper .user-info h3 {
    font-family: Teko, sans-serif !important;
    font-size: 2rem;
    text-align: center;
    color: #fff;
    font-weight: 300;
    line-height: 35px;
    word-break: break-all
}

.transaction-content-wrapper .color-primary {
    color: #f9bb22;
    display: inline-block
}

.transaction-content-wrapper .contact-us {
    color: #8f99a3;
    text-align: center;
    margin-top: 50px
}

.transaction-content-wrapper .contact-us a {
    text-decoration: none;
    color: #f9bb22
}

.transaction-content-wrapper .contact-us a:hover {
    text-decoration: underline
}

.transaction-content-wrapper .err-msg {
    text-align: center;
    color: #da4a4c;
    font-style: italic;
    width: 100%
}

@media only screen and (max-width:640px) {
    .transaction-content-wrapper .user-info h3 {
        font-size: 1.5rem
    }
}

.error-container {
    text-align: right;
    font-size: 12px
}
.withdraw_bank_branch_error .errorList,.withdraw_user_bank_error .errorList {
    margin-top: 10px;
}
.errorList {
    color: #da4a4c;
    display: block;
    width: 100%;
    margin-top: 25px
}

.darkTextField {
    background-color: #1a1a1a;
    border-radius: 25px
}

.darkTextField .input-group__details {
    display: none
}

.darkTextField .input-group__input {
    height: 50px;
    padding: 0 20px;
    -webkit-box-align: center;
    align-items: center
}

.amountPrefix {
    font-family: Teko, sans-serif
}

.amountPrefix .input-group__input .input-group--text-field__prefix {
    font-size: 1.5rem;
    color: #fff;
    margin-top: 0
}

.amountPrefix .input-group__input input {
    font-size: 1.5rem
}

.extensionPrefix .input-group__input .input-group--text-field__prefix {
    font-family: Teko, sans-serif;
    font-size: 1.28rem
}

.extensionPrefix .input-group__input input {
    font-family: Teko, sans-serif;
    font-size: 1.3rem
}

.jwbtn[data-v-5cade90e] {
    border-radius: 10px;
    border: none;
    padding: 10px 15px;
    margin: 6px 8px;
    min-width: 110px;
    color: #fff;
    cursor: pointer;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    display: inline-block;
    position: relative;
    font-weight: 600;
    font-size: 1rem;
    overflow: hidden;
    text-transform: uppercase;
    outline: 0;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .3)
}

.jwbtn i[data-v-5cade90e] {
    margin-right: 3px;
    margin-top: -3px;
    font-size: 1.2rem
}

.jwbtn[data-v-5cade90e]:not(.disabled):disabled {
    -webkit-filter: brightness(.4);
    filter: brightness(.4);
    cursor: wait
}

.jwbtn.disabled[data-v-5cade90e]:disabled {
    -webkit-filter: brightness(.4);
    filter: brightness(.4);
    cursor: not-allowed
}

.jwbtn.fullwidth[data-v-5cade90e] {
    width: 100%;
    margin: 6px 0
}

.jwbtn.round[data-v-5cade90e] {
    border-radius: 1000px
}

.jwbtn-primary[data-v-5cade90e] {
    background-color: #f9bb22 !important;
    box-shadow: inset 0 0 0 1px #f9bb22
}

.jwbtn-primary[data-v-5cade90e]:hover:enabled {
    background-color: transparent !important
}

.jwbtn-blue[data-v-5cade90e] {
    background-color: #1d3043 !important;
    box-shadow: inset 0 0 0 1px #1d3043
}

.jwbtn-blue[data-v-5cade90e]:hover:enabled {
    background-color: transparent !important
}

.jwbtn-green[data-v-5cade90e] {
    background-color: transparent !important;
    box-shadow: inset 0 0 0 1px #f9bb22
}

.jwbtn-green[data-v-5cade90e]:hover:enabled {
    background-color: #f9bb22 !important
}
.otpContainer .jwbtn-green[data-v-5cade90e]:hover {
    background-color: #f9bb22 !important
}
#join_popup .jwbtn-green[data-v-5cade90e] {
    background-color: #f9bb22 !important;
    box-shadow: inset 0 0 0 1px #f9bb22;
  }
  #join_popup .jwbtn-green[data-v-5cade90e]:hover {
    background-color: transparent !important;
    box-shadow: inset 0 0 0 1px #f9bb22;
  }
/* otpContainer */

.jwbtn-green-border[data-v-5cade90e] {
    background-color: #a2ce2d !important;
    box-shadow: inset 0 0 0 1px #a2ce2d
}

.jwbtn-primary-transparent[data-v-5cade90e] {
    background-color: transparent !important;
    box-shadow: inset 0 0 0 1px #f9bb22
}

.jwbtn-primary-transparent[data-v-5cade90e]:hover:enabled {
    background-color: #f9bb22 !important
}

.jwbtn-red[data-v-5cade90e] {
    background-color: #da4a4c !important;
    box-shadow: inset 0 0 0 1px #da4a4c
}

.jwbtn-red-transparent[data-v-5cade90e],
.jwbtn-red[data-v-5cade90e]:hover {
    background-color: transparent !important
}

.jwbtn-red-transparent[data-v-5cade90e] {
    box-shadow: inset 0 0 0 1px #da4a4c
}

.jwbtn-red-transparent[data-v-5cade90e]:hover {
    background-color: #da4a4c !important
}

.jwbtn-white[data-v-5cade90e] {
    background-color: #fff;
    text-shadow: none
}

.jwbtn-white i[data-v-5cade90e],
.jwbtn-white[data-v-5cade90e] {
    color: #a2ce2d
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .jwbtn[data-v-5cade90e] {
        border-radius: 40px
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .jwbtn[data-v-5cade90e] {
        padding: 8px 10px;
        margin: 0
    }
}

.loader-overlay[data-v-7bb34b1a] {
    width: 100vw;
    height: 100vh;
    position: fixed;
    overflow: hidden;
    z-index: 99999;
    background-color: rgba(0, 0, 0, .8)
}

.loader-overlay.dark[data-v-7bb34b1a] {
    background-color: #000
}

.loader-overlay img[data-v-7bb34b1a] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.error-container[data-v-7be2a7fe] {
    text-align: right;
    font-size: 12px
}

.errorList[data-v-7be2a7fe] {
    color: #da4a4c;
    display: block;
    width: 100%;
    margin-top: 5px
}

.application .theme--dark.list .list__tile__mask,
.theme--dark .list .list__tile__mask {
    background-color: transparent;
    color: #f9bb22
}

.menu__content--autocomplete {
    margin-top: 20px
}

.darkSelector .input-group__input {
    background-color: #1a1a1a;
    height: 50px;
    border-radius: 25px;
    padding: 0 0 0 20px
}

.darkSelector .input-group__details {
    display: none
}

.error-container[data-v-763cb3e9] {
    text-align: right;
    font-size: 12px
}

.errorList[data-v-763cb3e9] {
    color: #da4a4c;
    display: block;
    width: 100%;
    margin-top: 5px
}

.amountTextField {
    background-color: #1a1a1a;
    border-radius: 25px
}

.amountTextField .input-group__input {
    height: 50px;
    padding: 0 20px;
    -webkit-box-align: center;
    align-items: center
}

.amountTextField .input-group__input .input-group--text-field__prefix {
    color: #f9bb22 !important;
    margin-top: 0
}

.amountTextField .input-group__details {
    display: none
}

.lds-ripple[data-v-ae6b0330] {
    position: relative
}

.lds-ripple div[data-v-ae6b0330] {
    box-sizing: content-box;
    position: absolute;
    border-width: 2px;
    border-style: solid;
    opacity: 1;
    border-radius: 50%;
    -webkit-animation: lds-ripple-data-v-ae6b0330 1s cubic-bezier(0, .2, .8, 1) infinite;
    animation: lds-ripple-data-v-ae6b0330 1s cubic-bezier(0, .2, .8, 1) infinite
}

.lds-ripple div[data-v-ae6b0330]:first-child {
    border-color: #fff
}

.lds-ripple div[data-v-ae6b0330]:nth-child(2) {
    border-color: #eee;
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.lds-ripple[data-v-ae6b0330] {
    width: 20px !important;
    height: 20px !important;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-100%, -35%);
    transform: translate(-100%, -35%)
}
.login_loader .lds-ripple[data-v-ae6b0330]{
    -webkit-transform: translate(-100%, 0%);
    transform: translate(-100%, 0%)
}
@-webkit-keyframes lds-ripple-data-v-ae6b0330 {
    0% {
        top: 15px;
        left: 15px;
        width: 0;
        height: 0;
        opacity: 1
    }

    to {
        top: 0;
        left: 0;
        width: 31px;
        height: 31px;
        opacity: 0
    }
}

@keyframes lds-ripple-data-v-ae6b0330 {
    0% {
        top: 15px;
        left: 15px;
        width: 0;
        height: 0;
        opacity: 1
    }

    to {
        top: 0;
        left: 0;
        width: 31px;
        height: 31px;
        opacity: 0
    }
}

.jwModal-wrapper .card {
    position: relative;
    border-radius: 10px;
    padding: 40px;
    background-color: #1a1a1a
}

.jwModal-wrapper .card .card__title {
    text-align: center
}

.jwModal-wrapper .card .card__title h3 {
    color: #8f99a3;
    text-align: center;
    width: 100%;
    font-size: 1.4rem;
    margin-bottom: 20px
}

.jwModal-wrapper .card .card__text {
    color: #f1f1f1;
    padding: 0 50px;
    font-size: 1rem
}

.jwModal-wrapper .card .closeBtn {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 1rem;
    color: #8f99a3;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer
}

.jwModal-wrapper .card .closeBtn:hover {
    color: #fff;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .jwModal-wrapper .card {
        padding: 30px !important
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .jwModal-wrapper .card .card__text {
        padding: 0 25px !important
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .login_loader.new_text .lds-ripple[data-v-ae6b0330]{
        transform: translate(0, 0%);
        width: 100% !important;
        top: 0;
        left: 0;
    }
    .jwModal-wrapper .card {
        padding: 15px !important
    }

    .jwModal-wrapper .card .card__title h3 {
        font-size: 1.2rem !important
    }

    .jwModal-wrapper .card .card__title {
        padding: 40px 5px 10px !important
    }

    .jwModal-wrapper .card .card__text {
        padding: 0 15px !important
    }
}

.toolTipWrapper {
    background-color: rgba(0, 0, 0, .7);
    box-shadow: inset 0 0 1px 1px hsla(0, 0%, 100%, .05);
    padding: 10px;
    border-radius: 10px
}

.toolTipWrapper .messageWrapper {
    color: #fff;
    font-weight: 700
}

.toolTipWrapper .messageWrapper span {
    word-wrap: break-word;
    text-align: center;
    display: block
}

.game-container[data-v-58a96ce8] {
    text-align: center;
    border-bottom: 1px solid hsla(0, 0%, 100%, .05)
}

.game-container h2[data-v-58a96ce8] {
    margin: 20px 0;
    font-weight: 400
}

.game-container h2 strong[data-v-58a96ce8] {
    font-weight: 700
}

.game-container>p[data-v-58a96ce8] {
    color: #8f99a3;
    width: 75%;
    margin: 0 auto 30px;
    font-size: .85rem
}

.game-container a[data-v-58a96ce8] {
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    color: #8f99a3;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.game-container a i[data-v-58a96ce8] {
    color: #8f99a3
}

.game-container a:hover i[data-v-58a96ce8],
.game-container a[data-v-58a96ce8]:hover {
    color: #f9bb22
}

.game-container .featuredSlider[data-v-58a96ce8] {
    width: 80%;
    margin: 0 auto;
    position: relative
}

.game-container .featuredSlider .swiper-slide[data-v-58a96ce8] {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    opacity: .4;
    -webkit-filter: brightness(.3);
    filter: brightness(.3)
}

.game-container .featuredSlider .swiper-slide.swiper-slide-active[data-v-58a96ce8] {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-filter: brightness(1);
    filter: brightness(1)
}

.game-container i.navIcon[data-v-58a96ce8] {
    position: absolute;
    top: 50%;
    z-index: 200;
    font-size: 3rem;
    color: #8f99a3;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    outline: 0;
    cursor: pointer
}

.game-container i.navIcon.swiper-button-disabled[data-v-58a96ce8] {
    color: rgba(143, 153, 163, .3);
    cursor: not-allowed
}

.game-container i.navIcon.prev[data-v-58a96ce8] {
    left: -40px
}

.game-container i.navIcon.next[data-v-58a96ce8] {
    right: -40px
}

.game-container .favoriteSlider[data-v-58a96ce8] {
    position: relative
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .game-container p[data-v-58a96ce8] {
        width: 95%
    }

    .game-container a[data-v-58a96ce8] {
        margin: 0 !important
    }
}

.testimonialContainer[data-v-cb938668] {
    padding: 40px 0
}

.testimonialContainer h2[data-v-cb938668] {
    text-align: center;
    margin-bottom: 20px
}

.testimonialContainer .testimonialSlider[data-v-cb938668] {
    position: relative
}

.testimonialContainer .testimonialSlider .testimonialContent[data-v-cb938668] {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin: 10px;
    padding: 15px 20px;
    background-color: #fff;
    border-radius: 10px;
    height: 220px;
    overflow: hidden
}

.testimonialContainer .testimonialSlider .testimonialContent p[data-v-cb938668] {
    font-size: 1rem;
    margin-bottom: 0;
    color: #fff;
    line-height: 20px
}

.testimonialContainer .testimonialSlider .testimonialContent .testimonial-img[data-v-cb938668] {
    display: grid;
    position: relative;
    margin: 0 auto;
    height: 40px;
    -webkit-box-align: center;
    align-items: center
}

.testimonialContainer .testimonialSlider .testimonialContent .testimonial-img img[data-v-cb938668] {
    vertical-align: middle;
    width: 70%;
    margin: 0 auto
}

.testimonialContainer .testimonialSlider .testimonialContent .testimonial-txts[data-v-cb938668] {
    border-top: 1px solid rgba(143, 153, 163, .7);
    margin: 10px 0
}

.testimonialContainer .testimonialSlider .testimonialContent .testimonial-title[data-v-cb938668] {
    font-size: 1rem;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #111;
    font-weight: 700
}

.testimonialContainer .testimonialSlider .testimonialContent .testimonial-content[data-v-cb938668] {
    color: #8f99a3;
    -webkit-box-flex: 2;
    flex-grow: 2;
    font-style: italic;
    font-size: .85rem
}

.testimonialContainer .testimonialSlider .testimonialContent .testimonial-content[data-v-cb938668]:after,
.testimonialContainer .testimonialSlider .testimonialContent .testimonial-content[data-v-cb938668]:before {
    font-family: Material Design Icons;
    color: #fff
}

.testimonialContainer .testimonialSlider .testimonialContent .testimonial-content[data-v-cb938668]:before {
    content: "\F756"
}

.testimonialContainer .testimonialSlider .testimonialContent .testimonial-content[data-v-cb938668]:after {
    content: "\F27E"
}

.testimonialContainer .testimonialSlider .testimonialContent .testimonial-reviewedby[data-v-cb938668] {
    color: #f9bb22;
    text-align: right;
    font-style: italic;
    font-weight: 700
}

.testimonialContainer .testimonialSlider .testimonial-img[data-v-cb938668]:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.testimonialContainer .testimonialSlider i.navIcon[data-v-cb938668] {
    position: absolute;
    top: 50%;
    z-index: 1;
    font-size: 3rem;
    color: #8f99a3;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    outline: 0;
    cursor: pointer
}

.testimonialContainer .testimonialSlider i.navIcon.swiper-button-disabled[data-v-cb938668] {
    color: rgba(143, 153, 163, .3);
    cursor: not-allowed
}

.testimonialContainer .testimonialSlider i.navIcon.prev[data-v-cb938668] {
    left: -40px
}

.testimonialContainer .testimonialSlider i.navIcon.next[data-v-cb938668] {
    right: -40px
}

@media only screen and (min-width:0px) and (max-width:1280px) {
    .testimonialContainer .testimonialSlider .testimonialContent[data-v-cb938668] {
        height: 240px
    }
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .testimonialContainer .testimonialSlider .testimonialContent[data-v-cb938668] {
        height: 180px
    }

    .testimonialContainer .testimonialSlider .testimonialContent .testimonial-title[data-v-cb938668] {
        font-size: 1rem;
        margin-bottom: 10px
    }
}

@media only screen and (min-width:0px) and (max-width:800px) {
    .testimonialContainer .testimonialSlider .testimonialContent[data-v-cb938668] {
        height: 200px
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .testimonialContainer h2[data-v-cb938668] {
        margin-bottom: 10px
    }

    .testimonialContainer .testimonialSlider .testimonialContent[data-v-cb938668] {
        margin: 0 20px
    }

    .testimonialContainer[data-v-cb938668] {
        padding: 20px 0
    }

    .testimonialContainer .testimonialSlider .testimonialContent[data-v-cb938668] {
        height: 160px
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .testimonialContainer .testimonialSlider .testimonialContent[data-v-cb938668] {
        height: 200px
    }
}

@media only screen and (min-width:0px) and (max-width:360px) {
    .testimonialContainer .testimonialSlider .testimonialContent[data-v-cb938668] {
        height: 210px
    }
}

.featuredGames[data-v-7fdc8ba0] {
    position: relative;
    width: 100%;
    border-radius: 10px;
    overflow: hidden
}

.featuredGames[data-v-7fdc8ba0]:before {
    content: "";
    position: absolute;
    left: -2px;
    top: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: #a1902e;
    background: -webkit-gradient(left top, right bottom, color-stop(0, #a1902e), color-stop(35%, #ffdb66), color-stop(40%, #baa73e), color-stop(44%, #fff8d4), color-stop(48%, #6e5706), color-stop(52%, #574300), color-stop(56%, #fff6c7), color-stop(76%, #ab8f00), color-stop(100%, #ab8f00));
    background: linear-gradient(135deg, #a1902e, #ffdb66 35%, #baa73e 40%, #fff8d4 44%, #6e5706 48%, #574300 52%, #fff6c7 56%, #ab8f00 76%, #ab8f00);
    -webkit-animation: BorderAnimation-data-v-7fdc8ba0 5s linear infinite;
    animation: BorderAnimation-data-v-7fdc8ba0 5s linear infinite
}

.featuredGames .featured-wrapper {
    position: relative;
    z-index: 10;
    padding: 20px;
    height: 100%;
    width: 100%
}

.featuredGames .featured-wrapper h2 {
    text-align: center;
    position: relative;
    z-index: 5;
    margin: 0;
    margin-bottom: 10px;
    font-size: 1.4em
}

.featuredGames .featured-wrapper .featuredSlider[data-v-7fdc8ba0] {
    width: 90%;
    margin: 0 auto;
    display: -webkit-box;
    display: flex;
    z-index: 5;
    align-self: center;
    position: relative
}

.featuredGames .featured-wrapper .featuredSlider .featSwiper[data-v-7fdc8ba0] {
    width: 75%;
    margin: 0 auto
}

.featuredGames .featured-wrapper .featuredSlider .navIcon[data-v-7fdc8ba0] {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform:translate(-50%, -50%);
    cursor: pointer;
    outline: 0
}

.featuredGames .featured-wrapper .featuredSlider .navIcon.prevFeat[data-v-7fdc8ba0] {
    left: 32px
}

.featuredGames .featured-wrapper .featuredSlider .navIcon.nextFeat[data-v-7fdc8ba0] {
    right: 10px
}

.featuredGames .featured-wrapper .featSwiperBg[data-v-7fdc8ba0] {
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    z-index: 1;
    border-radius: 10px;
    background-color: #1a1a1a
}

.featuredGames .featured-wrapper .featSwiperBg .swiper-slide[data-v-7fdc8ba0] {
    position: relative
}

.featuredGames .featured-wrapper .featSwiperBg .swiper-slide[data-v-7fdc8ba0]:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    background-color: rgba(17, 17, 17, .6)
}

.featuredGames .featured-wrapper .featSwiperBg .swiper-slide img[data-v-7fdc8ba0] {
    -webkit-filter: blur(5px);
    filter: blur(5px);
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

@-webkit-keyframes BorderAnimation-data-v-7fdc8ba0 {
    0% {
        -webkit-transform: scale3d(2, 2, 1) rotate(0);
        transform: scale3d(2, 2, 1) rotate(0)
    }

    to {
        -webkit-transform: scale3d(2, 2, 1) rotate(1turn);
        transform: scale3d(2, 2, 1) rotate(1turn)
    }
}

@keyframes BorderAnimation-data-v-7fdc8ba0 {
    0% {
        -webkit-transform: scale3d(2, 2, 1) rotate(0);
        transform: scale3d(2, 2, 1) rotate(0)
    }

    to {
        -webkit-transform: scale3d(2, 2, 1) rotate(1turn);
        transform: scale3d(2, 2, 1) rotate(1turn)
    }
}

.gamesToolbar.secGameToolbar.fixed .lucky-wrapper .sunny-img[data-v-22fef664],
.gamesToolbar.secGameToolbar.fixed .lucky-wrapper[data-v-22fef664] {
    width: 120px
}

.lucky-wrapper[data-v-22fef664] {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    width: 180px
}

.lucky-wrapper .lucky-contents[data-v-22fef664] {
    background-size: contain;
    background-position: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: inherit
}

.lucky-wrapper .sunny-img[data-v-22fef664] {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.lucky-wrapper p[data-v-22fef664] {
    padding: 9px 0 9px 20px;
    background: 0 0;
    margin: 0 0 0 60px;
    color: #a2ce2d;
    -webkit-transform: skewX(-10deg);
    transform: skewX(-10deg);
    text-transform: uppercase;
    font-weight: 400;
    width: 160px
}

.gamesToolbar.secGameToolbar.fixed .lucky-wrapper p[data-v-22fef664] {
    text-align: center;
    margin-left: 0;
    padding: 0;
    width: 165px
}

@media only screen and (min-width:0px) and (max-width:800px) {
    .lucky-wrapper[data-v-22fef664] {
        width: 150px
    }

    .lucky-wrapper .lucky-contents[data-v-22fef664] {
        background-position: 100%
    }

    .lucky-wrapper .lucky-contents .sunny-img[data-v-22fef664] {
        max-width: 120px
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .lucky-wrapper[data-v-22fef664] {
        width: 120px
    }

    .lucky-wrapper .lucky-contents[data-v-22fef664] {
        background-position: 50%
    }

    .lucky-wrapper .lucky-contents .sunny-img[data-v-22fef664] {
        max-width: 110px
    }

    .gamesToolbar.secGameToolbar.fixed .lucky-wrapper .lucky-contents[data-v-22fef664] {
        background-size: 60%;
        background-position: 0
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .lucky-wrapper[data-v-22fef664] {
        width: 100px
    }

    .lucky-wrapper .lucky-contents .sunny-img[data-v-22fef664] {
        width: 80px
    }

    .gamesToolbar.secGameToolbar.fixed .lucky-wrapper .sunny-img[data-v-22fef664],
    .gamesToolbar.secGameToolbar.fixed .lucky-wrapper[data-v-22fef664] {
        width: 100px
    }
}

.gamesToolbar[data-v-7cdf62af] {
    width: 100%;
    background-color: #1a1a1a;
    font-weight: 600;
    border-radius: 50px;
    padding: 0 10px 0 20px;
    margin-bottom: 0
}

.gamesToolbar.toolbarFixed[data-v-7cdf62af] {
    position: fixed
}

.gamelistsWrapper[data-v-7cdf62af] {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start
}

.gamelistsWrapper.marginRight[data-v-7cdf62af] {
    width: calc(100% - 110px)
}

.gamelistsWrapper ul[data-v-7cdf62af] {
    white-space: nowrap;
    overflow: auto;
    -webkit-box-flex: 2;
    flex-grow: 2
}

.gamelistsWrapper ul li[data-v-7cdf62af] {
    color: #8f99a3;
    padding: 20px 15px;
    display: inline-block;
    font-size: 1rem;
    cursor: pointer;
    position: relative
}

.gamelistsWrapper ul li[data-v-7cdf62af],
.gamelistsWrapper ul li[data-v-7cdf62af]:after {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.gamelistsWrapper ul li[data-v-7cdf62af]:after {
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 5px;
    position: absolute;
    left: 50%;
    bottom: 10px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #f9bb22;
    opacity: 0
}

.gamelistsWrapper ul li a[data-v-7cdf62af]:first-child {
    padding-left: 0
}

.gamelistsWrapper ul li a[data-v-7cdf62af]:last-child {
    padding-right: 0
}

.gamelistsWrapper ul li.selected[data-v-7cdf62af]:after {
    opacity: 1
}

.gamelistsWrapper ul li.selected[data-v-7cdf62af],
.gamelistsWrapper ul li[data-v-7cdf62af]:hover {
    color: #fff
}

.gamelistsWrapper .gameSearch-input[data-v-7cdf62af] {
    width: 270px;
    background-color: #222;
    border-radius: 250px;
    overflow: hidden;
    padding: 10px 10px 10px 45px;
    position: relative;
    color: #8f99a3
}

.gamelistsWrapper .gameSearch-input .searchClear[data-v-7cdf62af] {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #8f99a3;
    cursor: pointer
}

.gamelistsWrapper .gameSearch-input[data-v-7cdf62af]:after {
    content: "\F349";
    font-family: Material Design Icons;
    font-size: 1.5rem;
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.gamelistsWrapper .gameSearch-input .gameSearch {
    width: 100%;
    outline: 0;
    color: #fff;
    font-size: 16px
}

.gamelistsWrapper .gameSearch-input .gameSearch::placeholder {
    color: #75716d
}

.gamelistsWrapper .gameSearch-input .gameSearch.small[data-v-7cdf62af] {
    display: none
}

.gamelistsWrapper .gameSearch-input.notEmpty[data-v-7cdf62af] {
    background-color: #111 !important
}

@media only screen and (min-width:0px) and (max-width:1600px) {
    .gamesToolbar[data-v-7cdf62af] {
        padding: 0 0 0 20px
    }
}

@media only screen and (min-width:0px) and (max-width:1360px) {
    .gamesToolbar[data-v-7cdf62af] {
        padding: 0 0 0 10px
    }
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .gamelistsWrapper ul[data-v-7cdf62af] {
        margin-right: 3px
    }

    .gamelistsWrapper .gameSearch-input[data-v-7cdf62af] {
        width: 200px;
        padding-left: 35px
    }
}

@media only screen and (min-width:0px) and (max-width:800px) {
    .gamelistsWrapper .gameSearch-input[data-v-7cdf62af] {
        width: 170px
    }

    .gamelistsWrapper .gameSearch-input .gameSearch.full[data-v-7cdf62af] {
        display: none
    }

    .gamelistsWrapper .gameSearch-input .gameSearch.small[data-v-7cdf62af] {
        display: block
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .gamelistsWrapper ul[data-v-7cdf62af] {
        margin-right: 10px
    }

    .gamelistsWrapper .gameSearch-input[data-v-7cdf62af] {
        padding: 7px 7px 7px 27px;
        width: 27px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .gamelistsWrapper .gameSearch-input[data-v-7cdf62af]:after {
        left: 7px
    }

    .gamelistsWrapper .gameSearch-input.notEmpty[data-v-7cdf62af],
    .gamelistsWrapper .gameSearch-input[data-v-7cdf62af]:hover {
        width: 170px
    }

    .gamelists ul[data-v-7cdf62af] {
        width: calc(100% - 100px)
    }
}

.homeContentContainer .gameListWrapper {
    min-height: 400px
}

.homeContentContainer .gameListWrapper .viewMore {
    text-transform: capitalize
}

.homeContentContainer i.icon.next,
.homeContentContainer i.icon.prev {
    z-index: 10
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .homeContentContainer .game-container .featuredSlider[data-v-dcbc52d0] {
        width: 100%
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .homeContentContainer #featuredWrapper[data-v-dcbc52d0] {
        padding: 16px 16px 20px !important
    }

    .sfooter .content p[data-v-dcbc52d0] {
        line-height: 20px !important
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .homeContentContainer .game-container .featuredSlider[data-v-dcbc52d0] {
        width: 200%;
        margin-left: -50%
    }
}

._hj-f5b2a1eb-9b07_widget,
._hj-f5b2a1eb-9b07_widget * {
    line-height: normal;
    font-family: Arial, sans-serif, Tahoma !important;
    text-transform: initial !important;
    letter-spacing: normal !important
}

._hj-f5b2a1eb-9b07_widget,
._hj-f5b2a1eb-9b07_widget div {
    height: auto
}

._hj-f5b2a1eb-9b07_widget a,
._hj-f5b2a1eb-9b07_widget button,
._hj-f5b2a1eb-9b07_widget div,
._hj-f5b2a1eb-9b07_widget p,
._hj-f5b2a1eb-9b07_widget span {
    font-weight: 400 !important
}

._hj-f5b2a1eb-9b07_widget a,
._hj-f5b2a1eb-9b07_widget div,
._hj-f5b2a1eb-9b07_widget form,
._hj-f5b2a1eb-9b07_widget img,
._hj-f5b2a1eb-9b07_widget label,
._hj-f5b2a1eb-9b07_widget p,
._hj-f5b2a1eb-9b07_widget span,
._hj-f5b2a1eb-9b07_widget strong {
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
    margin: 0;
    padding: 0;
    float: none !important
}

._hj-f5b2a1eb-9b07_widget span {
    color: inherit
}

._hj-f5b2a1eb-9b07_widget li,
._hj-f5b2a1eb-9b07_widget ol,
._hj-f5b2a1eb-9b07_widget ul {
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important
}

._hj-f5b2a1eb-9b07_widget li:after,
._hj-f5b2a1eb-9b07_widget li:before {
    content: none !important
}

._hj-f5b2a1eb-9b07_widget hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

._hj-f5b2a1eb-9b07_widget button,
._hj-f5b2a1eb-9b07_widget input[type=button],
._hj-f5b2a1eb-9b07_widget input[type=submit] {
    margin: 0;
    padding: 0;
    float: none !important
}

._hj-f5b2a1eb-9b07_widget a img,
._hj-f5b2a1eb-9b07_widget input,
._hj-f5b2a1eb-9b07_widget select {
    vertical-align: middle
}

._hj-f5b2a1eb-9b07_widget ::before,
._hj-f5b2a1eb-9b07_widget :after {
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial
}

@font-face {
    font-family: hotjar;
    src: url("https://script.hotjar.com/font-hotjar_5.fdcf0e.eot");
    src: url("https://script.hotjar.com/font-hotjar_5.fdcf0e.eot#iefix") format("embedded-opentype"), url("https://script.hotjar.com/font-hotjar_5.c9fb91.woff2") format("woff2"), url("https://script.hotjar.com/font-hotjar_5.8598c5.ttf") format("truetype"), url("https://script.hotjar.com/font-hotjar_5.6da396.woff") format("woff"), url("https://script.hotjar.com/font-hotjar_5.a6049d.svg#hotjar") format("svg");
    font-weight: 400;
    font-style: normal
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon {
    speak: none !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    word-wrap: normal !important;
    white-space: nowrap !important;
    line-height: normal !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important
}

div._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon,
div._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon *,
div._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon :after,
div._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon :before,
div._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon:after,
div._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon:before {
    font-family: hotjar !important;
    display: inline-block !important;
    direction: ltr !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon:before {
    color: inherit !important
}

._hj-f5b2a1eb-9b07_icon-left:before {
    content: "\e805"
}

._hj-f5b2a1eb-9b07_icon-down:before {
    content: "\e800"
}

._hj-f5b2a1eb-9b07_icon-up:before {
    content: "\e801"
}

._hj-f5b2a1eb-9b07_icon-right:before {
    content: "\e802"
}

._hj-f5b2a1eb-9b07_icon-x:before {
    content: "\e803"
}

._hj-f5b2a1eb-9b07_icon-ok:before {
    content: "\e804"
}

._hj-f5b2a1eb-9b07_icon-hotjar:before {
    content: "\e806"
}

._hj-f5b2a1eb-9b07_icon-select-element:before {
    content: "\e91a"
}

body._hj-f5b2a1eb-9b07_fullscreen_page {
    height: 100% !important;
    width: 100% !important
}

body._hj-f5b2a1eb-9b07_position_fixed {
    position: fixed;
    -webkit-overflow-scrolling: touch
}

._hj-f5b2a1eb-9b07_lower_zindex:not(._hj-f5b2a1eb-9b07_widget) {
    z-index: 2147483600 !important
}

._hj-f5b2a1eb-9b07_widget {
    font-size: 13px !important;
    position: fixed;
    z-index: 2147483640;
    bottom: -400px;
    right: 100px;
    width: 300px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-transform: translateZ(0) !important
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_position_left {
    right: auto;
    left: 100px
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_rounded_corners {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_shadow {
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15)
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_transition {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_transition_duration_0 {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -ms-transition-duration: 0s;
    transition-duration: 0s
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_pull_left {
    float: left !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_pull_right {
    float: right !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_clear_both {
    display: block !important;
    clear: both !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_hidden {
    display: none !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_link_no_underline,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_link_no_underline:hover {
    text-decoration: none !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_wordwrap {
    word-break: break-word;
    word-wrap: break-word
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_widget_centered {
    right: 50%;
    margin-right: -150px;
    left: auto
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_state {
    display: none
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_icon {
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: -moz-inline-stack;
    display: inline-block !important;
    zoom: 1;
    vertical-align: top
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_open_close {
    text-align: center;
    position: absolute;
    top: -18px;
    right: 20px;
    width: 40px;
    height: 18px;
    padding-top: 2px;
    cursor: pointer;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_open_close ._hj-f5b2a1eb-9b07_widget_icon {
    background-position: -32px 0
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_open_close::before {
    content: "";
    position: absolute;
    left: -4px;
    right: -4px;
    bottom: -8px;
    height: 8px
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_hidden_handle {
    display: none;
    height: 4px;
    cursor: pointer;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_title,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_title span {
    font-weight: 700 !important;
    text-align: center;
    padding: 12px !important;
    margin: 0;
    line-height: 17px !important;
    min-height: 17px;
    word-break: break-word;
    word-wrap: break-word;
    cursor: pointer
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_initiator {
    display: none;
    padding: 0 12px 12px 12px;
    text-align: center
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_initiator button {
    padding-left: 20px;
    padding-right: 20px
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_clear,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_primary {
    cursor: pointer;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 7px 10px !important;
    border: 0 !important;
    outline: 0 !important;
    height: initial !important;
    min-height: initial !important;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    width: auto !important;
    min-width: initial !important;
    zoom: 1
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn:after,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_clear:after,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_primary:after {
    content: none !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_primary {
    background: #00c764 !important;
    color: #fff
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_primary:active,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_primary:focus,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_primary:hover {
    background: #00a251 !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_clear {
    background: 0 0 !important;
    font-weight: 400 !important;
    text-decoration: underline !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_clear:active,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_clear:focus,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_clear:hover {
    background: 0 0 !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_disabled,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_disabled:active,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_disabled:focus,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_disabled:hover {
    cursor: default;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_content {
    padding: 0 12px
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_content_overflow {
    max-height: 280px;
    overflow-y: auto;
    overflow-x: hidden
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_widget_short ._hj-f5b2a1eb-9b07_widget_content {
    padding: 0 11px 0 12px;
    max-height: 120px;
    overflow-y: auto;
    overflow-x: hidden
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_content ._hj-f5b2a1eb-9b07_input_field {
    font-family: Arial, sans-serif, Tahoma;
    font-size: 14px;
    color: #333 !important;
    padding: 6px !important;
    text-indent: 0 !important;
    height: 30px;
    width: 100%;
    min-width: 100%;
    margin: 0 0 12px 0;
    background: #fff;
    border: 1px solid !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0 !important;
    max-width: none !important;
    float: none
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_content ._hj-f5b2a1eb-9b07_input_field:focus {
    border: 1px solid #00a251
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_content textarea._hj-f5b2a1eb-9b07_input_field {
    resize: none;
    height: 100px
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_content ._hj-f5b2a1eb-9b07_button_radio_checkbox {
    position: relative;
    min-height: 45px;
    text-align: left !important;
    height: auto !important;
    height: 45px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_content ._hj-f5b2a1eb-9b07_button_radio_checkbox span._hj-f5b2a1eb-9b07_widget_icon {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 2px solid #aaa;
    width: 22px;
    height: 22px;
    display: block;
    position: absolute;
    left: 12px;
    top: 50%;
    margin-top: -14px;
    background-position: -64px -100px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_content ._hj-f5b2a1eb-9b07_button_radio_checkbox span._hj-f5b2a1eb-9b07_radio_checkbox_text {
    text-align: left !important;
    padding: 14px 20px 14px 50px;
    position: relative;
    display: block;
    word-break: break-word;
    word-wrap: break-word
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_content ._hj-f5b2a1eb-9b07_button_radio_checkbox_full {
    margin-left: -12px;
    margin-right: -12px
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_content ._hj-f5b2a1eb-9b07_button_radio_checkbox._hj-f5b2a1eb-9b07_button_radio_checkbox_active span {
    border-color: #fff;
    background-position: -97px 4px
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_content ._hj-f5b2a1eb-9b07_button_checkbox span._hj-f5b2a1eb-9b07_widget_icon {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_double_control {
    margin: 0 0 12px 0;
    width: 100%
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_double_control ._hj-f5b2a1eb-9b07_double_first {
    min-width: 49% !important;
    width: 49% !important;
    float: left !important;
    margin-bottom: 0
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_double_control ._hj-f5b2a1eb-9b07_double_second {
    min-width: 49% !important;
    width: 49% !important;
    float: left !important;
    margin-bottom: 0;
    margin-left: 2%
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer {
    width: 100%
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_left {
    padding: 21px 0 0 12px;
    font-size: 11px
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_left a,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_left a:active,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_left a:focus,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_left a:hover {
    text-decoration: underline
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_left span {
    background-position: -16px 0;
    margin-right: 4px
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_right {
    padding: 12px 12px 12px 0
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_right button {
    padding-right: 5px
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_right button span {
    background-position: -64px 0;
    margin-left: 8px
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_right button._hj-f5b2a1eb-9b07_btn_disabled span {
    background-position: -48px 0
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_widget_hidden ._hj-f5b2a1eb-9b07_widget_open_close ._hj-f5b2a1eb-9b07_widget_icon {
    background-position: 0 0
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_widget_hidden ._hj-f5b2a1eb-9b07_widget_title {
    display: none
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_widget_hidden ._hj-f5b2a1eb-9b07_widget_hidden_handle {
    display: block
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_widget_collapsed ._hj-f5b2a1eb-9b07_widget_initiator {
    display: block
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_widget_open ._hj-f5b2a1eb-9b07_widget_state_open {
    display: block
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_widget_thankyou ._hj-f5b2a1eb-9b07_widget_state_thankyou,
._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_widget_thankyou_consent ._hj-f5b2a1eb-9b07_widget_state_thankyou_consent {
    display: block
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_widget_thankyou ._hj-f5b2a1eb-9b07_widget_open_close,
._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_widget_thankyou_consent ._hj-f5b2a1eb-9b07_widget_open_close {
    display: none
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_widget_thankyou ._hj-f5b2a1eb-9b07_widget_title,
._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_widget_thankyou_consent ._hj-f5b2a1eb-9b07_widget_title {
    display: none
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_widget_thankyou ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_right ._hj-f5b2a1eb-9b07_btn span,
._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_widget_thankyou_consent ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_right ._hj-f5b2a1eb-9b07_btn span {
    background-position: -80px 0
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_thankyou_message {
    text-align: center;
    padding: 20px;
    margin: 0
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_thankyou_message button {
    margin-top: 12px;
    padding: 7px 20px !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_thankyou_message ._hj-f5b2a1eb-9b07_consent_message_title {
    display: block;
    font-weight: 700 !important;
    font-size: 14px;
    margin-bottom: 16px
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_thankyou_message ._hj-f5b2a1eb-9b07_consent_actions button {
    font-size: 18px !important;
    margin: 20px 5px 0 5px;
    padding: 7px 10px !important;
    width: 50px !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_icon {
    background-image: url(https://script.hotjar.com/widget_icons_light.ddcd59.png) !important
}

._hj-f5b2a1eb-9b07_btn:active,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn:focus,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn:hover {
    background: #666 !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_content ._hj-f5b2a1eb-9b07_input_field {
    border: 1px solid !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_button_radio_checkbox {
    border-bottom: 1px solid !important;
    border-top: 1px solid !important;
    cursor: pointer !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_button_radio_checkbox_last {
    border-bottom: 0 !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_button_radio_checkbox._hj-f5b2a1eb-9b07_button_radio_checkbox_active,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_button_radio_checkbox._hj-f5b2a1eb-9b07_button_radio_checkbox_active:hover {
    color: #fff !important;
    cursor: default
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_switch {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 28px;
    vertical-align: middle;
    margin: -3px 8px 0 0
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_rtl ._hj-f5b2a1eb-9b07_switch {
    margin: -3px 0 0 8px
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_switch>input {
    cursor: pointer;
    display: block !important;
    width: 46px;
    height: 28px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
    opacity: 0;
    margin: 0
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_switch>input+label {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    border: 2px solid rgba(255, 255, 255, .3);
    border-radius: 100px;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    transition: .4s all
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_switch>input:checked+label {
    background: rgba(0, 0, 0, .3);
    border-color: transparent;
    -webkit-transition: 250ms all;
    -moz-transition: 250ms all;
    transition: 250ms all
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_switch>input+label:before {
    content: "";
    transition: .3s all;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 40px;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 5px;
    -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .06), 0 0 0 0 rgba(0, 0, 0, .06), 0 6px 10px 0 rgba(0, 0, 0, .15), 0 0 2px 0 rgba(0, 0, 0, .07), 0 4px 6px 0 rgba(0, 0, 0, .06), 0 1px 1px 0 rgba(0, 0, 0, .11);
    -moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .06), 0 0 0 0 rgba(0, 0, 0, .06), 0 6px 10px 0 rgba(0, 0, 0, .15), 0 0 2px 0 rgba(0, 0, 0, .07), 0 4px 6px 0 rgba(0, 0, 0, .06), 0 1px 1px 0 rgba(0, 0, 0, .11);
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .06), 0 0 0 0 rgba(0, 0, 0, .06), 0 6px 10px 0 rgba(0, 0, 0, .15), 0 0 2px 0 rgba(0, 0, 0, .07), 0 4px 6px 0 rgba(0, 0, 0, .06), 0 1px 1px 0 rgba(0, 0, 0, .11)
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_switch>input+label>span {
    position: absolute;
    z-index: 3;
    color: #f4364c;
    background-color: transparent !important;
    border: 0 !important;
    width: 13px !important;
    height: 14px !important;
    left: 6px;
    top: 5px;
    margin: 0 !important;
    opacity: 0;
    font-size: 14px;
    pointer-events: none !important;
    -webkit-transition: 250ms all;
    -moz-transition: 250ms all;
    transition: 250ms all
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_switch>input:checked+label:before {
    left: 18px
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_switch>input:checked+label>span {
    left: 24px;
    opacity: 1
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_switch>input:checked+label>span:after {
    content: initial !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer {
    border-top: 1px solid !important
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_skin_light,
._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_skin_light ._hj-f5b2a1eb-9b07_widget_open_close {
    -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, .3) !important;
    -moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, .3) !important;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .3) !important
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_skin_light ._hj-f5b2a1eb-9b07_widget_icon {
    background-image: url(https://script.hotjar.com/widget_icons_light.ddcd59.png) !important
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_skin_dark,
._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_skin_dark ._hj-f5b2a1eb-9b07_widget_open_close {
    -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, .6) !important;
    -moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, .6) !important;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .6) !important
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_skin_dark ._hj-f5b2a1eb-9b07_widget_icon {
    background-image: url(https://script.hotjar.com/widget_icons_dark.3a8118.png) !important
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_rtl,
._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_rtl * {
    direction: rtl !important
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_rtl ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_left {
    direction: ltr !important
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_rtl ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_right button {
    padding-right: 10px
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_rtl ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_right button span {
    margin-left: 0
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_rtl._hj-f5b2a1eb-9b07_widget_open ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_right button span {
    display: none
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_rtl ._hj-f5b2a1eb-9b07_widget_content ._hj-f5b2a1eb-9b07_button_radio_checkbox {
    text-align: right !important
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_rtl ._hj-f5b2a1eb-9b07_widget_content ._hj-f5b2a1eb-9b07_button_radio_checkbox span._hj-f5b2a1eb-9b07_widget_icon {
    left: auto;
    right: 12px
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_rtl ._hj-f5b2a1eb-9b07_widget_content ._hj-f5b2a1eb-9b07_button_radio_checkbox span._hj-f5b2a1eb-9b07_radio_checkbox_text {
    text-align: right !important;
    padding: 14px 50px 14px 20px
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_rtl ._hj-f5b2a1eb-9b07_double_control ._hj-f5b2a1eb-9b07_double_first {
    float: right;
    margin-left: 2%
}

._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_rtl ._hj-f5b2a1eb-9b07_double_control ._hj-f5b2a1eb-9b07_double_second {
    float: left;
    margin-left: 0
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_thankyou_message ._hj-f5b2a1eb-9b07_more_info_link {
    text-decoration: underline !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_legal {
    border-top: 0 !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_legal ._hj-f5b2a1eb-9b07_pull_left {
    padding: 0 0 12px 12px;
    font-size: 11px
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_legal ._hj-f5b2a1eb-9b07_pull_right {
    padding: 0 12px 12px 0;
    font-size: 11px
}

#_hj-f5b2a1eb-9b07_feedback[data-state=consent] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_widget_legal ._hj-f5b2a1eb-9b07_pull_left,
#_hj-f5b2a1eb-9b07_feedback[data-state=consent] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_widget_legal ._hj-f5b2a1eb-9b07_pull_right a {
    color: #333 !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_legal ._hj-f5b2a1eb-9b07_pull_left a,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_legal ._hj-f5b2a1eb-9b07_pull_left a:active,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_legal ._hj-f5b2a1eb-9b07_pull_left a:focus,
._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_legal ._hj-f5b2a1eb-9b07_pull_left a:hover {
    text-decoration: underline !important
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon_f_e_default :before {
    color: #3c3c3c;
    margin-left: -1.3984375em
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon_f_e_default .path1:before {
    content: "\e900";
    color: #ffd902;
    margin: 0
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon_f_e_default._hj-f5b2a1eb-9b07_bottom_position_launcher :before {
    color: #fff
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon_f_e_default._hj-f5b2a1eb-9b07_bottom_position_launcher .path1:before {
    color: #f4364c
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon_f_e_default[data-f_e-score="0"] .path2:before {
    content: "\e901"
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon_f_e_default[data-f_e-score="1"] .path2:before {
    content: "\e903"
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon_f_e_default[data-f_e-score="2"] .path2:before {
    content: "\e905"
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon_f_e_default[data-f_e-score="3"] .path2:before {
    content: "\e907"
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon_f_e_default[data-f_e-score="4"] .path2:before {
    content: "\e909"
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon_f_e_default[data-f_e-score=wink] .path2:before {
    content: "\e90b"
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon_f_e_smiley {
    color: #f4364c;
    font-size: 34px
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon_f_e_smiley[data-f_e-score="0"]:before {
    content: "\e91b"
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon_f_e_smiley[data-f_e-score="1"]:before {
    content: "\e91f"
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon_f_e_smiley[data-f_e-score="2"]:before {
    content: "\e91e"
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon_f_e_smiley[data-f_e-score="3"]:before {
    content: "\e91c"
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon_f_e_smiley[data-f_e-score="4"]:before {
    content: "\e91d"
}

#_hj-f5b2a1eb-9b07_feedback {
    bottom: 0;
    right: 0
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_rtl {
    direction: ltr !important
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=bottom_left],
#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_left] {
    bottom: 0;
    left: 0;
    right: auto
}

#_hj-f5b2a1eb-9b07_feedback #_hj-f5b2a1eb-9b07_feedback_minimized {
    display: none;
    opacity: .96;
    height: 60px;
    position: fixed;
    direction: ltr !important
}

#_hj-f5b2a1eb-9b07_feedback #_hj-f5b2a1eb-9b07_feedback_minimized:hover {
    opacity: 1
}

#_hj-f5b2a1eb-9b07_feedback ._hj-f5b2a1eb-9b07_hotjar_buddy {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 50px;
    width: 52px;
    font-size: 37px;
    cursor: pointer
}

#_hj-f5b2a1eb-9b07_feedback ._hj-f5b2a1eb-9b07_hotjar_buddy>span {
    position: relative;
    z-index: 2
}

#_hj-f5b2a1eb-9b07_feedback #_hj-f5b2a1eb-9b07_feedback_minimized ._hj-f5b2a1eb-9b07_hotjar_buddy:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 17px;
    left: 25px;
    background: rgba(0, 0, 0, .48);
    width: 6px;
    height: 1px;
    -webkit-box-shadow: 0 2px 18px 18px rgba(0, 0, 0, .48);
    -moz-box-shadow: 0 2px 18px 18px rgba(0, 0, 0, .48);
    box-shadow: 0 2px 18px 18px rgba(0, 0, 0, .48);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

#_hj-f5b2a1eb-9b07_feedback #_hj-f5b2a1eb-9b07_feedback_minimized:hover ._hj-f5b2a1eb-9b07_hotjar_buddy:after {
    -webkit-box-shadow: 0 2px 18px 18px rgba(0, 0, 0, .65);
    -moz-box-shadow: 0 2px 18px 18px rgba(0, 0, 0, .65);
    box-shadow: 0 2px 18px 18px rgba(0, 0, 0, .65)
}

#_hj-f5b2a1eb-9b07_feedback ._hj-f5b2a1eb-9b07_feedback_minimized_message {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    bottom: 11px;
    padding: 12px 15px;
    width: 180px;
    text-align: center;
    font-size: 12px !important;
    cursor: pointer;
    background: #fff;
    -webkit-box-shadow: 0 2px 18px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 2px 18px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 2px 18px 0 rgba(0, 0, 0, .3);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#_hj-f5b2a1eb-9b07_feedback ._hj-f5b2a1eb-9b07_feedback_minimized_message:before {
    content: "";
    width: 1px;
    height: 1px;
    position: absolute;
    bottom: 13px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent
}

#_hj-f5b2a1eb-9b07_feedback ._hj-f5b2a1eb-9b07_feedback_minimized_message ._hj-f5b2a1eb-9b07_feedback_minimized_message_close {
    opacity: 0;
    position: absolute;
    top: -9px;
    right: -9px;
    width: 21px;
    height: 21px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 11px;
    line-height: 21px !important;
    text-align: center;
    cursor: pointer;
    background-color: #f4364c;
    color: #fff
}

#_hj-f5b2a1eb-9b07_feedback #_hj-f5b2a1eb-9b07_feedback_minimized_message:hover ._hj-f5b2a1eb-9b07_feedback_minimized_message_close {
    opacity: 1
}

#_hj-f5b2a1eb-9b07_feedback ._hj-f5b2a1eb-9b07_feedback_minimized_message span {
    display: none !important;
    color: #333 !important
}

#_hj-f5b2a1eb-9b07_feedback ._hj-f5b2a1eb-9b07_feedback_minimized_message[data-message=initial]>#_hj-f5b2a1eb-9b07_feedback_minimized_text_initial,
#_hj-f5b2a1eb-9b07_feedback ._hj-f5b2a1eb-9b07_feedback_minimized_message[data-message=thankyou]>#_hj-f5b2a1eb-9b07_feedback_minimized_text_thankyou {
    display: block !important
}

#_hj-f5b2a1eb-9b07_feedback #_hj-f5b2a1eb-9b07_feedback_minimized:hover ._hj-f5b2a1eb-9b07_feedback_minimized_message {
    -webkit-box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .33);
    -moz-box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .33);
    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .33)
}

#_hj-f5b2a1eb-9b07_feedback ._hj-f5b2a1eb-9b07_feedback_minimized_label {
    position: relative;
    width: 40px;
    padding: 12px 14px 12px 12px;
    background: #f4364c;
    cursor: pointer;
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
    -moz-transition: -moz-box-shadow .1s ease-in-out;
    -o-transition: -o-box-shadow .1s ease-in-out;
    -ms-transition: -ms-box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important
}

#_hj-f5b2a1eb-9b07_feedback ._hj-f5b2a1eb-9b07_feedback_minimized_label:hover {
    -webkit-box-shadow: 0 0 35px 2px rgba(0, 0, 0, .24);
    -moz-box-shadow: 0 0 35px 2px rgba(0, 0, 0, .24);
    box-shadow: 0 0 35px 2px rgba(0, 0, 0, .24)
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_left] ._hj-f5b2a1eb-9b07_feedback_minimized_label {
    left: -2px;
    border-radius: 0 3px 3px 0
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_left] ._hj-f5b2a1eb-9b07_feedback_minimized_label:hover {
    left: 0
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_right] ._hj-f5b2a1eb-9b07_feedback_minimized_label {
    right: -2px;
    border-radius: 3px 0 0 3px
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_right] ._hj-f5b2a1eb-9b07_feedback_minimized_label:hover {
    right: 0
}

#_hj-f5b2a1eb-9b07_feedback ._hj-f5b2a1eb-9b07_feedback_minimized_label ._hj-f5b2a1eb-9b07_feedback_minimized_label_text {
    color: #fff;
    display: inline-block !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    word-wrap: normal !important;
    white-space: nowrap !important;
    cursor: pointer;
    -webkit-writing-mode: vertical-lr;
    -moz-writing-mode: vertical-lr;
    -ms-writing-mode: tb-rl;
    -o-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_ja ._hj-f5b2a1eb-9b07_feedback_minimized_label {
    padding-top: 86px
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_zh ._hj-f5b2a1eb-9b07_feedback_minimized_label {
    padding-top: 26px
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_ja ._hj-f5b2a1eb-9b07_feedback_minimized_label ._hj-f5b2a1eb-9b07_feedback_minimized_label_text,
#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_zh ._hj-f5b2a1eb-9b07_feedback_minimized_label ._hj-f5b2a1eb-9b07_feedback_minimized_label_text {
    display: block !important;
    -webkit-writing-mode: initial;
    -moz-writing-mode: initial;
    -ms-writing-mode: initial;
    -o-writing-mode: initial;
    writing-mode: initial;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg)
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_zh_TW ._hj-f5b2a1eb-9b07_feedback_minimized_label ._hj-f5b2a1eb-9b07_feedback_minimized_label_text {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

#_hj-f5b2a1eb-9b07_feedback ._hj-f5b2a1eb-9b07_feedback_minimized_label ._hj-f5b2a1eb-9b07_icon_f_e_default {
    display: inline-block !important;
    margin: 10px 0 0 -3px;
    font-size: 14px
}

#_hj-f5b2a1eb-9b07_feedback ._hj-f5b2a1eb-9b07_feedback_minimized_label ._hj-f5b2a1eb-9b07_icon_f_e_default .path1:before {
    color: #fff !important
}

#_hj-f5b2a1eb-9b07_feedback ._hj-f5b2a1eb-9b07_feedback_minimized_label ._hj-f5b2a1eb-9b07_icon_f_e_default .path2:before {
    color: #f4364c !important
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=bottom_right] #_hj-f5b2a1eb-9b07_feedback_minimized {
    bottom: 20px;
    right: 30px
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=bottom_right] ._hj-f5b2a1eb-9b07_feedback_minimized_label {
    display: none !important
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=bottom_right] ._hj-f5b2a1eb-9b07_hotjar_buddy {
    right: 0
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=bottom_right] #_hj-f5b2a1eb-9b07_feedback_open,
#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=bottom_right] #_hj-f5b2a1eb-9b07_feedback_open_close {
    right: 30px
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=bottom_left] #_hj-f5b2a1eb-9b07_feedback_minimized {
    bottom: 20px;
    left: 30px
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=bottom_left] ._hj-f5b2a1eb-9b07_feedback_minimized_label {
    display: none !important
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=bottom_left] ._hj-f5b2a1eb-9b07_hotjar_buddy {
    left: 0
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=bottom_left] #_hj-f5b2a1eb-9b07_feedback_open,
#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=bottom_left] #_hj-f5b2a1eb-9b07_feedback_open_close {
    left: 37px
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=bottom_right] ._hj-f5b2a1eb-9b07_feedback_minimized_message {
    right: 62px
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=bottom_right] ._hj-f5b2a1eb-9b07_feedback_minimized_message:before,
#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_right] ._hj-f5b2a1eb-9b07_feedback_minimized_message:before {
    right: -7px;
    border-left: 7px solid #fff
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=bottom_left] ._hj-f5b2a1eb-9b07_feedback_minimized_message {
    left: 62px
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=bottom_left] ._hj-f5b2a1eb-9b07_feedback_minimized_message:before,
#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_left] ._hj-f5b2a1eb-9b07_feedback_minimized_message:before {
    left: -7px;
    border-right: 7px solid #fff
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_left] #_hj-f5b2a1eb-9b07_feedback_open_close,
#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_right] #_hj-f5b2a1eb-9b07_feedback_open_close {
    display: none
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_left] #_hj-f5b2a1eb-9b07_feedback_open_close_phone,
#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_right] #_hj-f5b2a1eb-9b07_feedback_open_close_phone {
    display: block
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_left] #_hj-f5b2a1eb-9b07_feedback_open,
#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_left] #_hj-f5b2a1eb-9b07_feedback_open.fade,
#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_right] #_hj-f5b2a1eb-9b07_feedback_open,
#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_right] #_hj-f5b2a1eb-9b07_feedback_open.fade {
    bottom: 253px
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_left] ._hj-f5b2a1eb-9b07_hotjar_buddy,
#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_right] ._hj-f5b2a1eb-9b07_hotjar_buddy {
    display: none !important
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_left] ._hj-f5b2a1eb-9b07_feedback_minimized_message,
#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_right] ._hj-f5b2a1eb-9b07_feedback_minimized_message {
    top: 50%;
    bottom: auto
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_left] #_hj-f5b2a1eb-9b07_feedback_minimized {
    bottom: 353px;
    left: 0
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_left] ._hj-f5b2a1eb-9b07_feedback_minimized_message {
    left: 52px
}

#_hj-f5b2a1eb-9b07_feedback[data-minimized-position=middle_right] ._hj-f5b2a1eb-9b07_feedback_minimized_message {
    right: 52px
}

#_hj-f5b2a1eb-9b07_feedback_open_close {
    opacity: 0;
    pointer-events: none;
    position: fixed;
    z-index: 10;
    bottom: 33px;
    width: 44px;
    height: 37px;
    font-size: 20px;
    text-align: center !important;
    cursor: pointer;
    background-color: #f4364c !important;
    color: #fff !important;
    padding-left: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, .18);
    -moz-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, .18);
    box-shadow: 0 2px 10px 1px rgba(0, 0, 0, .18)
}

#_hj-f5b2a1eb-9b07_feedback_open_close_phone {
    display: none;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    background-color: #f4364c;
    color: #fff;
    width: 36px;
    height: 36px;
    z-index: 11;
    right: 20px;
    top: -17px;
    position: absolute;
    border-radius: 50%
}

#_hj-f5b2a1eb-9b07_feedback_open_close span,
#_hj-f5b2a1eb-9b07_feedback_open_close_phone span {
    line-height: 36px !important
}

#_hj-f5b2a1eb-9b07_feedback #_hj-f5b2a1eb-9b07_feedback_open {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    z-index: 10;
    width: 320px;
    bottom: 84px;
    right: 30px;
    background: #fff;
    -webkit-box-shadow: 0 6px 100px 0 rgba(0, 0, 0, .35) !important;
    -moz-box-shadow: 0 6px 100px 0 rgba(0, 0, 0, .35) !important;
    box-shadow: 0 6px 100px 0 rgba(0, 0, 0, .35) !important
}

#_hj-f5b2a1eb-9b07_feedback #_hj-f5b2a1eb-9b07_feedback_open.fade {
    opacity: 1;
    bottom: 92px;
    pointer-events: all
}

#_hj-f5b2a1eb-9b07_feedback #_hj-f5b2a1eb-9b07_feedback_open [data-state] {
    display: none
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_f_e_content {
    margin-top: 30px;
    margin-bottom: 50px
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_f_e_content._hj-f5b2a1eb-9b07_f_e_type_star {
    margin-bottom: 40px
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_f_e_content ._hj-f5b2a1eb-9b07_f_e_option {
    position: relative;
    float: left !important;
    bottom: -50px;
    opacity: 0;
    width: 20%;
    text-align: center;
    font-size: 26px;
    cursor: pointer
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_f_e_content ._hj-f5b2a1eb-9b07_f_e_option.fade {
    bottom: 0;
    opacity: 1;
    font-size: 30px
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_f_e_content ._hj-f5b2a1eb-9b07_f_e_option.fadeTransition {
    -webkit-transition: all .3s cubic-bezier(.175, .885, .32, 1);
    -webkit-transition: all .3s cubic-bezier(.175, .885, .32, 1.35);
    -moz-transition: all .3s cubic-bezier(.175, .885, .32, 1.35);
    -o-transition: all .3s cubic-bezier(.175, .885, .32, 1.35);
    transition: all .3s cubic-bezier(.175, .885, .32, 1.35)
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_f_e_content [data-f_e-option="1"].fadeTransition {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    -ms-transition-delay: .1s;
    transition-delay: .1s
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_f_e_content [data-f_e-option="2"].fadeTransition {
    -webkit-transition-delay: .175s;
    -moz-transition-delay: .175s;
    -o-transition-delay: .175s;
    -ms-transition-delay: .175s;
    transition-delay: .175s
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_f_e_content [data-f_e-option="3"].fadeTransition {
    -webkit-transition-delay: .250s;
    -moz-transition-delay: .250s;
    -o-transition-delay: .250s;
    -ms-transition-delay: .250s;
    transition-delay: .250s
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_f_e_content [data-f_e-option="4"].fadeTransition {
    -webkit-transition-delay: .325s;
    -moz-transition-delay: .325s;
    -o-transition-delay: .325s;
    -ms-transition-delay: .325s;
    transition-delay: .325s
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_f_e_content ._hj-f5b2a1eb-9b07_f_e_text {
    position: absolute;
    font-size: 12px;
    color: #999;
    text-align: center;
    top: 47px;
    left: 0;
    right: 0;
    opacity: 0
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_f_e_content._hj-f5b2a1eb-9b07_f_e_type_default ._hj-f5b2a1eb-9b07_f_e_text {
    padding-left: 6px
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_f_e_content._hj-f5b2a1eb-9b07_f_e_type_star ._hj-f5b2a1eb-9b07_f_e_text {
    display: none
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1 ._hj-f5b2a1eb-9b07_f_e_content:hover ._hj-f5b2a1eb-9b07_f_e_option {
    opacity: .5
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1 ._hj-f5b2a1eb-9b07_f_e_content ._hj-f5b2a1eb-9b07_f_e_option:hover {
    opacity: 1
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1 ._hj-f5b2a1eb-9b07_f_e_content ._hj-f5b2a1eb-9b07_f_e_option:hover ._hj-f5b2a1eb-9b07_f_e_text {
    opacity: 1;
    top: 42px
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1 ._hj-f5b2a1eb-9b07_f_e_comment_holder {
    position: relative;
    display: none
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1 ._hj-f5b2a1eb-9b07_f_e_comment_footer {
    display: none
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1 ._hj-f5b2a1eb-9b07_f_e_comment_holder:before {
    content: "";
    width: 1px;
    height: 1px;
    position: absolute;
    left: auto;
    top: -6px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 5px solid rgba(0, 0, 0, .1)
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-f_e-chosen] ._hj-f5b2a1eb-9b07_f_e_comment_footer {
    display: block;
    padding: 5px 8px 10px 8px
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-f_e-chosen] ._hj-f5b2a1eb-9b07_f_e_comment_footer a {
    color: #333
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1 ._hj-f5b2a1eb-9b07_f_e_comment_footer:empty {
    display: none
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-f_e-chosen] ._hj-f5b2a1eb-9b07_f_e_comment_holder {
    display: block
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-f_e-chosen] ._hj-f5b2a1eb-9b07_f_e_text {
    display: none
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-f_e-chosen] ._hj-f5b2a1eb-9b07_icon_f_e_default {
    font-size: 26px
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-f_e-chosen="0"] ._hj-f5b2a1eb-9b07_f_e_comment_holder:before {
    left: 8.5%
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-f_e-chosen="1"] ._hj-f5b2a1eb-9b07_f_e_comment_holder:before {
    left: 28.5%
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-f_e-chosen="2"] ._hj-f5b2a1eb-9b07_f_e_comment_holder:before {
    left: 48.5%
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-f_e-chosen="3"] ._hj-f5b2a1eb-9b07_f_e_comment_holder:before {
    left: 68.5%
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-f_e-chosen="4"] ._hj-f5b2a1eb-9b07_f_e_comment_holder:before {
    left: 88.5%
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-f_e-chosen] ._hj-f5b2a1eb-9b07_f_e_option {
    opacity: .5
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-f_e-chosen] ._hj-f5b2a1eb-9b07_f_e_option ._hj-f5b2a1eb-9b07_icon_f_e_default .path1:before,
#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-f_e-chosen] ._hj-f5b2a1eb-9b07_f_e_option ._hj-f5b2a1eb-9b07_icon_f_e_smiley {
    color: #ccc
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-f_e-chosen] ._hj-f5b2a1eb-9b07_f_e_option[data-f_e-active],
#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-f_e-chosen] ._hj-f5b2a1eb-9b07_f_e_type_star ._hj-f5b2a1eb-9b07_f_e_option {
    opacity: 1
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-f_e-chosen] ._hj-f5b2a1eb-9b07_f_e_option[data-f_e-active] ._hj-f5b2a1eb-9b07_icon_f_e_smiley {
    color: #f4364c
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-f_e-chosen] ._hj-f5b2a1eb-9b07_f_e_option[data-f_e-active] ._hj-f5b2a1eb-9b07_icon_f_e_default {
    font-size: 26px
}

#_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-f_e-chosen] ._hj-f5b2a1eb-9b07_f_e_option[data-f_e-active] ._hj-f5b2a1eb-9b07_icon_f_e_default .path1:before {
    color: #ffd902
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_toolset_actions {
    margin: -3px -12px 12px -12px;
    background: #eaeaeb !important;
    padding: 10px 20px
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_toolset_actions>div {
    font-size: 22px;
    opacity: .75;
    cursor: pointer;
    display: inline-block;
    position: relative
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_toolset_actions>div._hj-f5b2a1eb-9b07_toolset_action_active {
    color: #f4364c;
    opacity: 1
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_toolset_actions>div:hover {
    opacity: 1
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_toolset_actions>div>._hj-f5b2a1eb-9b07_toolset_tooltip {
    background: #000;
    color: #fff;
    font-size: 12px;
    padding: 8px 12px;
    border-radius: 3px;
    position: absolute;
    left: 40px;
    top: -4px;
    width: 195px;
    opacity: 0;
    pointer-events: none
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_toolset_actions>div>._hj-f5b2a1eb-9b07_toolset_tooltip:before {
    content: "";
    width: 1px;
    height: 1px;
    position: absolute;
    left: -6px;
    top: 10px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 5px solid #000
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_rtl #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_toolset_actions>div>._hj-f5b2a1eb-9b07_toolset_tooltip {
    left: auto;
    right: 40px;
    top: -4px
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget._hj-f5b2a1eb-9b07_rtl #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_toolset_actions>div>._hj-f5b2a1eb-9b07_toolset_tooltip:before {
    left: auto;
    right: -6px;
    border-right: 0;
    border-left: 5px solid #000
}

#_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_toolset_actions>div:hover>._hj-f5b2a1eb-9b07_toolset_tooltip {
    opacity: 1
}

#_hj-f5b2a1eb-9b07_feedback ._hj-f5b2a1eb-9b07_feedback_content_dimmer {
    opacity: 0;
    background: #000;
    position: fixed;
    z-index: -1;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

#_hj-f5b2a1eb-9b07_feedback_content_highlighter {
    display: none;
    border: 4px dashed #ffd902;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: fixed;
    z-index: -1;
    -webkit-box-sizing: initial !important;
    -moz-box-sizing: initial !important;
    box-sizing: initial !important;
    -webkit-transition: border .2s linear;
    -moz-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    -ms-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

#_hj-f5b2a1eb-9b07_feedback_content_highlighter #_hj-f5b2a1eb-9b07_feedback_content_highlighter_close {
    display: none;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    background-color: #f4364c;
    color: #fff;
    z-index: 11;
    right: -12px;
    top: -13px;
    position: absolute;
    border-radius: 50%;
    padding: 5px 7px 3px 7px
}

#_hj-f5b2a1eb-9b07_feedback_page_highlight {
    position: fixed;
    pointer-events: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5
}

#_hj-f5b2a1eb-9b07_feedback_page_highlight>._hj-f5b2a1eb-9b07_feedback_page_highlight_line {
    opacity: 0;
    position: absolute;
    background: #f4364c
}

#_hj-f5b2a1eb-9b07_feedback_page_highlight>#_hj-f5b2a1eb-9b07_feedback_page_highlight_line_top {
    top: 0;
    left: 0;
    right: 0;
    height: 4px
}

#_hj-f5b2a1eb-9b07_feedback_page_highlight>#_hj-f5b2a1eb-9b07_feedback_page_highlight_line_right {
    top: 0;
    bottom: 0;
    right: 0;
    width: 4px
}

#_hj-f5b2a1eb-9b07_feedback_page_highlight>#_hj-f5b2a1eb-9b07_feedback_page_highlight_line_bottom {
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px
}

#_hj-f5b2a1eb-9b07_feedback_page_highlight>#_hj-f5b2a1eb-9b07_feedback_page_highlight_line_left {
    top: 0;
    left: 0;
    bottom: 0;
    width: 4px
}

#_hj-f5b2a1eb-9b07_feedback_page_highlight>#_hj-f5b2a1eb-9b07_feedback_top_message_select {
    opacity: 0;
    position: fixed;
    top: -4px;
    left: 50%;
    width: 260px;
    margin-left: -130px;
    padding: 23px 0 19px 0;
    text-align: center;
    font-size: 13px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    background-color: #ffd902;
    color: #3c3c3c;
    -webkit-box-shadow: 0 2px 25px 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 2px 25px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 25px 3px rgba(0, 0, 0, .3)
}

#_hj-f5b2a1eb-9b07_feedback_page_highlight>#_hj-f5b2a1eb-9b07_feedback_top_message_select:after,
#_hj-f5b2a1eb-9b07_feedback_page_highlight>#_hj-f5b2a1eb-9b07_feedback_top_message_select:before {
    content: "";
    display: block;
    width: 55px;
    height: 50px;
    background-color: #f4364c;
    position: absolute;
    top: 0;
    z-index: -1
}

#_hj-f5b2a1eb-9b07_feedback_page_highlight>#_hj-f5b2a1eb-9b07_feedback_top_message_select:before {
    left: -9px;
    -webkit-transform: skewX(20deg);
    -moz-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg)
}

#_hj-f5b2a1eb-9b07_feedback_page_highlight>#_hj-f5b2a1eb-9b07_feedback_top_message_select:after {
    right: -9px;
    -webkit-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    transform: skewX(-20deg)
}

#_hj-f5b2a1eb-9b07_feedback_page_highlight>#_hj-f5b2a1eb-9b07_feedback_top_message_select #_hj-f5b2a1eb-9b07_feedback_top_message_select_close {
    position: absolute;
    right: 13px;
    top: 21px;
    color: #3c3c3c;
    text-decoration: none;
    cursor: pointer;
    height: 19px;
    width: 19px;
    padding: 3px 0 0 1px;
    border-radius: 50%;
    background: 0 0;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important
}

#_hj-f5b2a1eb-9b07_feedback_page_highlight>#_hj-f5b2a1eb-9b07_feedback_top_message_select #_hj-f5b2a1eb-9b07_feedback_top_message_select_close:hover {
    background: rgba(0, 0, 0, .2)
}

[data-hotjar-cursor-pointer],
[data-hotjar-cursor-pointer] * {
    cursor: pointer !important
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget,
#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget *,
#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_content ._hj-f5b2a1eb-9b07_widget_input_field {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget p {
    color: #333 !important
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_primary,
#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_primary:active,
#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_primary:focus,
#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_primary:hover {
    background: #f4364c !important;
    color: #fff !important;
    font-weight: 400 !important
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_clear {
    color: #aaa !important
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_clear:active,
#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_clear:focus,
#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_clear:hover {
    color: #666 !important
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_disabled,
#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_disabled:active,
#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_disabled:focus,
#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_disabled:hover {
    background: #ccc !important;
    color: #333 !important
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_title {
    padding: 30px !important;
    cursor: default;
    font-size: 17px;
    font-weight: 400 !important;
    line-height: normal !important
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_title a {
    color: inherit !important;
    text-decoration: underline !important
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_content ._hj-f5b2a1eb-9b07_input_field {
    border: 0 !important;
    background: #eaeaeb !important;
    color: #454a55 !important;
    padding: 12px 20px !important;
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: 10px;
    width: 320px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
}

::placeholder {
    color: #000;
    opacity: 1
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_content textarea._hj-f5b2a1eb-9b07_input_field {
    height: 105px !important;
    line-height: 18px !important;
    margin-bottom: 0
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_content input._hj-f5b2a1eb-9b07_input_field {
    height: 46px
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_icon-select-element:before {
    color: #454a55 !important
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_toolset_action_active ._hj-f5b2a1eb-9b07_icon-select-element:before {
    color: inherit !important
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer {
    border-top: 0 !important
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_left {
    padding: 9px 0 20px 20px;
    color: #333
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_left a {
    color: #333
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_left span {
    color: #f4364c
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_right {
    display: none;
    padding-top: 0;
    border-top: 0 !important
}

#_hj-f5b2a1eb-9b07_feedback._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer._hj-f5b2a1eb-9b07_widget_legal ._hj-f5b2a1eb-9b07_pull_right {
    display: block;
    padding-top: 0;
    border-top: 0 !important
}

#_hj-f5b2a1eb-9b07_feedback[name=f_m] {
    width: 80px
}

#_hj-f5b2a1eb-9b07_feedback[name=f_m] #_hj-f5b2a1eb-9b07_feedback_minimized {
    display: block
}

#_hj-f5b2a1eb-9b07_feedback[name=f_m][data-show-message] {
    width: 280px
}

#_hj-f5b2a1eb-9b07_feedback[name=f_m][data-show-message] ._hj-f5b2a1eb-9b07_feedback_minimized_message {
    pointer-events: all;
    opacity: 1
}

#_hj-f5b2a1eb-9b07_feedback[name=f_m][data-minimized-position=bottom_right][data-show-message] ._hj-f5b2a1eb-9b07_feedback_minimized_message {
    right: 70px
}

#_hj-f5b2a1eb-9b07_feedback[name=f_m][data-minimized-position=bottom_left][data-show-message] ._hj-f5b2a1eb-9b07_feedback_minimized_message {
    left: 70px
}

#_hj-f5b2a1eb-9b07_feedback[name=f_m][data-minimized-position=middle_right][data-show-message] ._hj-f5b2a1eb-9b07_feedback_minimized_message {
    right: 60px
}

#_hj-f5b2a1eb-9b07_feedback[name=f_m][data-minimized-position=middle_left][data-show-message] ._hj-f5b2a1eb-9b07_feedback_minimized_message {
    left: 60px
}

#_hj-f5b2a1eb-9b07_feedback[name=f_m] #_hj-f5b2a1eb-9b07_feedback_content_highlighter,
#_hj-f5b2a1eb-9b07_feedback[name=f_m] ._hj-f5b2a1eb-9b07_feedback_content_dimmer {
    display: none
}

#_hj-f5b2a1eb-9b07_feedback[name=f_e] {
    width: 320px
}

#_hj-f5b2a1eb-9b07_feedback[name=f_e] #_hj-f5b2a1eb-9b07_feedback_open_close {
    opacity: 1;
    pointer-events: all
}

#_hj-f5b2a1eb-9b07_feedback[name=f_e] #_hj-f5b2a1eb-9b07_feedback_open [name=f_e] {
    display: block
}

#_hj-f5b2a1eb-9b07_feedback[name=f_e] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_left {
    padding-top: 0
}

#_hj-f5b2a1eb-9b07_feedback[name=f_e] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_btn_clear {
    display: none
}

#_hj-f5b2a1eb-9b07_feedback[name=f_e] #_hj-f5b2a1eb-9b07_state-1 p._hj-f5b2a1eb-9b07_widget_title {
    padding-top: 40px !important;
    padding-bottom: 0 !important
}

#_hj-f5b2a1eb-9b07_feedback[data-state=comment] #_hj-f5b2a1eb-9b07_feedback_open_close {
    opacity: 1;
    pointer-events: all
}

#_hj-f5b2a1eb-9b07_feedback[data-state=comment] #_hj-f5b2a1eb-9b07_feedback_open [name=f_e] {
    display: block
}

#_hj-f5b2a1eb-9b07_feedback[data-state=comment] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_f_e_content {
    margin-bottom: 15px
}

#_hj-f5b2a1eb-9b07_feedback[data-state=comment] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_right {
    display: block
}

#_hj-f5b2a1eb-9b07_feedback[data-state=comment] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_btn_clear {
    display: none
}

#_hj-f5b2a1eb-9b07_feedback[data-state=comment] #_hj-f5b2a1eb-9b07_state-1 p._hj-f5b2a1eb-9b07_widget_title {
    display: none
}

#_hj-f5b2a1eb-9b07_feedback[data-state=email] #_hj-f5b2a1eb-9b07_feedback_open [data-state=email] {
    display: block
}

#_hj-f5b2a1eb-9b07_feedback[data-state=email] #_hj-f5b2a1eb-9b07_feedback_open_close {
    opacity: 1;
    pointer-events: all
}

#_hj-f5b2a1eb-9b07_feedback[data-state=email] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_left {
    display: none
}

#_hj-f5b2a1eb-9b07_feedback[data-state=email] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_right {
    display: block
}

#_hj-f5b2a1eb-9b07_feedback[data-state=consent] #_hj-f5b2a1eb-9b07_feedback_open [data-state=consent] {
    display: block
}

#_hj-f5b2a1eb-9b07_feedback[data-state=consent] #_hj-f5b2a1eb-9b07_feedback_open [data-state=consent] ._hj-f5b2a1eb-9b07_consent_message_text {
    text-align: center;
    padding: 0 14px;
    color: #666 !important
}

#_hj-f5b2a1eb-9b07_feedback[data-state=consent] #_hj-f5b2a1eb-9b07_feedback_open [data-state=consent] ._hj-f5b2a1eb-9b07_consent_message_text a {
    color: #666 !important
}

#_hj-f5b2a1eb-9b07_feedback[data-state=consent] #_hj-f5b2a1eb-9b07_feedback_open [data-state=consent] ._hj-f5b2a1eb-9b07_consent_actions {
    margin-bottom: 30px;
    text-align: center
}

#_hj-f5b2a1eb-9b07_feedback[data-state=consent] #_hj-f5b2a1eb-9b07_feedback_open [data-state=consent] ._hj-f5b2a1eb-9b07_consent_actions button {
    font-size: 18px !important;
    margin: 20px 5px 0 5px !important;
    padding: 7px 10px !important;
    width: 50px !important
}

#_hj-f5b2a1eb-9b07_feedback[data-state=consent] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_left {
    display: none
}

#_hj-f5b2a1eb-9b07_feedback[data-state=consent] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_more_info_link,
#_hj-f5b2a1eb-9b07_feedback[data-state=consent] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_more_info_link:active,
#_hj-f5b2a1eb-9b07_feedback[data-state=consent] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_more_info_link:focus,
#_hj-f5b2a1eb-9b07_feedback[data-state=consent] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_more_info_link:hover,
#_hj-f5b2a1eb-9b07_feedback[data-state=consent] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_more_info_link:visited {
    color: #333 !important;
    text-decoration: underline
}

#_hj-f5b2a1eb-9b07_feedback[data-screenshot] {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100% !important
}

#_hj-f5b2a1eb-9b07_feedback[data-screenshot=element] {
    pointer-events: none
}

#_hj-f5b2a1eb-9b07_feedback[data-screenshot=element] #_hj-f5b2a1eb-9b07_feedback_top_message_select #_hj-f5b2a1eb-9b07_feedback_top_message_select_close {
    pointer-events: all
}

#_hj-f5b2a1eb-9b07_feedback[data-screenshot=element] #_hj-f5b2a1eb-9b07_feedback_open_close {
    display: none !important
}

#_hj-f5b2a1eb-9b07_feedback[data-screenshot=element] #_hj-f5b2a1eb-9b07_feedback_open {
    display: none !important
}

#_hj-f5b2a1eb-9b07_feedback[data-screenshot=element] ._hj-f5b2a1eb-9b07_feedback_content_dimmer {
    opacity: .45
}

#_hj-f5b2a1eb-9b07_feedback[data-screenshot=element] #_hj-f5b2a1eb-9b07_feedback_content_highlighter {
    display: block
}

#_hj-f5b2a1eb-9b07_feedback[data-screenshot=element] #_hj-f5b2a1eb-9b07_feedback_page_highlight>#_hj-f5b2a1eb-9b07_feedback_top_message_select {
    opacity: 1
}

#_hj-f5b2a1eb-9b07_feedback[data-screenshot=element] #_hj-f5b2a1eb-9b07_feedback_page_highlight>._hj-f5b2a1eb-9b07_feedback_page_highlight_line {
    opacity: 1
}

#_hj-f5b2a1eb-9b07_feedback[data-screenshot=element] #_hj-f5b2a1eb-9b07_feedback_page_highlight>#_hj-f5b2a1eb-9b07_feedback_top_message_select:after,
#_hj-f5b2a1eb-9b07_feedback[data-screenshot=element] #_hj-f5b2a1eb-9b07_feedback_page_highlight>#_hj-f5b2a1eb-9b07_feedback_top_message_select:before {
    background: #ffd902 !important
}

#_hj-f5b2a1eb-9b07_feedback[data-screenshot=element] #_hj-f5b2a1eb-9b07_feedback_page_highlight>._hj-f5b2a1eb-9b07_feedback_page_highlight_line {
    background: #ffd902 !important
}

#_hj-f5b2a1eb-9b07_feedback[data-screenshot=elementSelected] ._hj-f5b2a1eb-9b07_feedback_content_dimmer {
    opacity: .45
}

#_hj-f5b2a1eb-9b07_feedback[data-screenshot=elementSelected] #_hj-f5b2a1eb-9b07_feedback_content_highlighter {
    display: block;
    pointer-events: all;
    cursor: pointer;
    border-style: solid;
    border-color: #f4364c !important
}

#_hj-f5b2a1eb-9b07_feedback[data-screenshot=elementSelected] #_hj-f5b2a1eb-9b07_feedback_content_highlighter:before {
    content: "Change";
    position: absolute;
    background: #f4364c;
    color: #fff;
    bottom: -32px;
    right: -4px;
    padding: 8px 12px;
    border-radius: 0 0 3px 3px;
    font-size: 12px
}

#_hj-f5b2a1eb-9b07_feedback[data-screenshot=elementSelected] #_hj-f5b2a1eb-9b07_feedback_content_highlighter_close {
    display: block
}

#_hj-f5b2a1eb-9b07_feedback[data-device=desktop] [data-show-for=phone],
#_hj-f5b2a1eb-9b07_feedback[data-device=desktop] [data-show-for=tablet],
#_hj-f5b2a1eb-9b07_feedback[data-device=phone] [data-show-for=desktop],
#_hj-f5b2a1eb-9b07_feedback[data-device=phone] [data-show-for=tablet],
#_hj-f5b2a1eb-9b07_feedback[data-device=tablet] [data-show-for=desktop],
#_hj-f5b2a1eb-9b07_feedback[data-device=tablet] [data-show-for=phone],
#_hj-f5b2a1eb-9b07_feedback[data-viewmode=desktop] [data-show-for=touch],
#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch] [data-show-for=desktop] {
    display: none !important
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=desktop][data-minimized-position=middle_left] #_hj-f5b2a1eb-9b07_feedback_minimized {
    bottom: 353px;
    left: 0
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=desktop][data-minimized-position=middle_left] ._hj-f5b2a1eb-9b07_feedback_minimized_message {
    left: 52px
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=desktop][data-minimized-position=middle_left] #_hj-f5b2a1eb-9b07_feedback_open {
    left: 22px
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=desktop][data-minimized-position=middle_left] #_hj-f5b2a1eb-9b07_feedback_open.fade {
    left: 37px
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=desktop][data-minimized-position=middle_right] #_hj-f5b2a1eb-9b07_feedback_minimized {
    bottom: 430px;
    right: 0
}

@media screen and (max-height:670px) {
    #_hj-f5b2a1eb-9b07_feedback[data-viewmode=desktop][data-minimized-position=middle_right] #_hj-f5b2a1eb-9b07_feedback_minimized {
        bottom: 310px;
        right: 0
    }
}

@media screen and (min-height:671px) and (max-height:850px) {
    #_hj-f5b2a1eb-9b07_feedback[data-viewmode=desktop][data-minimized-position=middle_right] #_hj-f5b2a1eb-9b07_feedback_minimized {
        bottom: 410px;
        right: 0
    }
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=desktop][data-minimized-position=middle_right] ._hj-f5b2a1eb-9b07_feedback_minimized_message {
    right: 52px
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=desktop][data-minimized-position=middle_right] #_hj-f5b2a1eb-9b07_feedback_open {
    right: 15px
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=desktop][data-minimized-position=middle_right] #_hj-f5b2a1eb-9b07_feedback_open.fade {
    right: 30px
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=desktop] #_hj-f5b2a1eb-9b07_feedback_open_close_phone {
    font-size: 15px;
    width: 27px;
    height: 27px;
    top: -13px
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=desktop] #_hj-f5b2a1eb-9b07_feedback_open_close_phone span {
    line-height: 27px !important
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch][data-state=comment],
#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch][data-state=consent],
#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch][data-state=email],
#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch][name=f_e] {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch] ._hj-f5b2a1eb-9b07_feedback_minimized_message ._hj-f5b2a1eb-9b07_feedback_minimized_message_close {
    opacity: 1 !important
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch] #_hj-f5b2a1eb-9b07_feedback_open_close {
    display: none
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch] #_hj-f5b2a1eb-9b07_feedback_open_close_phone {
    display: block
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch] ._hj-f5b2a1eb-9b07_widget_content input._hj-f5b2a1eb-9b07_input_field,
#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch] ._hj-f5b2a1eb-9b07_widget_content textarea._hj-f5b2a1eb-9b07_input_field {
    font-size: 17px !important;
    margin: 0;
    width: 100%;
    border-radius: 4px 4px 0 0
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch] ._hj-f5b2a1eb-9b07_widget_content textarea._hj-f5b2a1eb-9b07_input_field {
    line-height: 1.4em !important
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch] ._hj-f5b2a1eb-9b07_widget_content input._hj-f5b2a1eb-9b07_input_field {
    line-height: normal !important
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch][data-state=comment] #_hj-f5b2a1eb-9b07_feedback_open,
#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch][data-state=consent] #_hj-f5b2a1eb-9b07_feedback_open,
#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch][data-state=email] #_hj-f5b2a1eb-9b07_feedback_open {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin-left: 0 !important;
    border-radius: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    transition-duration: 0s
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_toolset_actions {
    margin: -4px 0 0 0;
    border-radius: 0 0 4px 4px
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch][data-state=comment] ._hj-f5b2a1eb-9b07_widget_title,
#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch][data-state=consent] ._hj-f5b2a1eb-9b07_widget_title,
#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch][data-state=email] ._hj-f5b2a1eb-9b07_widget_title {
    display: block !important;
    padding: 35px 50px !important;
    font-size: 18px;
    border-bottom: 1px solid #eaeaeb
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch][data-state=comment] ._hj-f5b2a1eb-9b07_widget_content,
#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch][data-state=consent] ._hj-f5b2a1eb-9b07_widget_content,
#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch][data-state=email] ._hj-f5b2a1eb-9b07_widget_content {
    padding: 30px
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch][data-state=comment] #_hj-f5b2a1eb-9b07_feedback_open_close_phone,
#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch][data-state=consent] #_hj-f5b2a1eb-9b07_feedback_open_close_phone,
#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch][data-state=email] #_hj-f5b2a1eb-9b07_feedback_open_close_phone {
    top: 10px;
    background: 0 0;
    color: #333;
    right: 10px;
    font-size: 22px
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch][data-state=consent] ._hj-f5b2a1eb-9b07_consent_message_text {
    font-size: 16px
}

#_hj-f5b2a1eb-9b07_feedback[data-viewmode=touch] #_hj-f5b2a1eb-9b07_feedback_page_highlight>#_hj-f5b2a1eb-9b07_feedback_top_message_select #_hj-f5b2a1eb-9b07_feedback_top_message_select_close {
    top: 16px;
    right: 5px;
    height: 27px;
    width: 27px;
    padding: 4px 0 0 2px;
    font-size: 18px
}

#_hj-f5b2a1eb-9b07_feedback[data-device=tablet] #_hj-f5b2a1eb-9b07_feedback_open {
    bottom: 0;
    left: 50%;
    width: 380px;
    margin-left: -190px
}

#_hj-f5b2a1eb-9b07_feedback[data-device=tablet][name=f_e] #_hj-f5b2a1eb-9b07_feedback_open {
    bottom: 20px
}

#_hj-f5b2a1eb-9b07_feedback[data-device=tablet][data-state=comment] ._hj-f5b2a1eb-9b07_widget_title,
#_hj-f5b2a1eb-9b07_feedback[data-device=tablet][data-state=consent] ._hj-f5b2a1eb-9b07_widget_title,
#_hj-f5b2a1eb-9b07_feedback[data-device=tablet][data-state=email] ._hj-f5b2a1eb-9b07_widget_title {
    font-size: 26px;
    padding: 40px 50px !important
}

#_hj-f5b2a1eb-9b07_feedback[data-device=tablet][data-state=comment] ._hj-f5b2a1eb-9b07_widget_content,
#_hj-f5b2a1eb-9b07_feedback[data-device=tablet][data-state=consent] ._hj-f5b2a1eb-9b07_widget_content,
#_hj-f5b2a1eb-9b07_feedback[data-device=tablet][data-state=email] ._hj-f5b2a1eb-9b07_widget_content {
    padding: 40px 60px
}

#_hj-f5b2a1eb-9b07_feedback[data-device=tablet][data-state=comment] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_f_e_content {
    height: 58px;
    margin-top: 10px;
    margin-bottom: 40px
}

#_hj-f5b2a1eb-9b07_feedback[data-device=tablet] #_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-f_e-chosen] [data-f_e-option] ._hj-f5b2a1eb-9b07_icon {
    height: 40px;
    min-width: 40px;
    font-size: 40px;
    background-size: 40px
}

#_hj-f5b2a1eb-9b07_feedback[data-device=tablet] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_f_e_comment_holder:before {
    display: none !important
}

#_hj-f5b2a1eb-9b07_feedback[data-device=tablet] ._hj-f5b2a1eb-9b07_widget_content textarea._hj-f5b2a1eb-9b07_input_field {
    height: 180px !important;
    font-size: 22px !important;
    padding: 20px !important
}

#_hj-f5b2a1eb-9b07_feedback[data-device=tablet] ._hj-f5b2a1eb-9b07_widget_content input._hj-f5b2a1eb-9b07_input_field {
    height: 80px !important;
    font-size: 22px !important;
    padding: 20px !important
}

#_hj-f5b2a1eb-9b07_feedback[data-device=tablet] ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_left {
    font-size: 14px;
    padding: 22px 0 20px 8%
}

#_hj-f5b2a1eb-9b07_feedback[data-device=tablet] ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_right {
    padding: 0 8% 30px 0
}

#_hj-f5b2a1eb-9b07_feedback[data-device=tablet] ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_right button {
    font-size: 22px !important;
    padding: 14px 28px !important
}

#_hj-f5b2a1eb-9b07_feedback[data-device=phone] #_hj-f5b2a1eb-9b07_feedback_open {
    bottom: 0;
    left: 20px;
    right: 20px;
    width: auto;
    margin-left: 0
}

#_hj-f5b2a1eb-9b07_feedback[data-device=phone][name=f_e] #_hj-f5b2a1eb-9b07_feedback_open {
    bottom: 20px
}

@media (min-width:421px) {
    #_hj-f5b2a1eb-9b07_feedback[data-viewmode=phone][name=f_e] #_hj-f5b2a1eb-9b07_feedback_open {
        left: 50%;
        width: 300px;
        margin-left: -150px
    }
}

#_hj-f5b2a1eb-9b07_feedback[data-device=phone][data-state=comment] #_hj-f5b2a1eb-9b07_feedback_open ._hj-f5b2a1eb-9b07_f_e_content {
    margin-top: 10px;
    margin-bottom: 50px
}

#_hj-f5b2a1eb-9b07_feedback[data-device=phone] ._hj-f5b2a1eb-9b07_widget_content textarea._hj-f5b2a1eb-9b07_input_field {
    height: 110px !important;
    padding: 15px !important
}

#_hj-f5b2a1eb-9b07_feedback[data-device=phone] #_hj-f5b2a1eb-9b07_feedback_open #_hj-f5b2a1eb-9b07_state-1[data-f_e-chosen] [data-f_e-active] ._hj-f5b2a1eb-9b07_f_e_text {
    display: block !important;
    opacity: 1;
    top: 34px;
    line-height: 12px
}

#_hj-f5b2a1eb-9b07_feedback[data-device=phone] ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_left {
    padding: 18px 0 20px 30px
}

#_hj-f5b2a1eb-9b07_feedback[data-device=phone] ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_right {
    padding: 0 30px 30px 0
}

#_hj-f5b2a1eb-9b07_feedback[data-device=phone] ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_right button {
    font-size: 18px !important;
    padding: 12px 20px !important
}

@media print {
    #_hj_feedback_container {
        display: none !important
    }
}

.primary {
    background-color: #fff !important;
    border-color: #fff !important
}

.primary--text {
    color: #f9bb22 !important
}

.primary--text input,
.primary--text textarea {
    caret-color: white !important
}

.primary--after::after {
    background: #fff !important
}

.primary.lighten-5 {
    background-color: #ffffb6 !important;
    border-color: #ffffb6 !important
}

.primary--text.text--lighten-5 {
    color: #ffffb6 !important
}

.primary--text.text--lighten-5 input,
.primary--text.text--lighten-5 textarea {
    caret-color: #ffffb6 !important
}

.primary.lighten-5--after::after {
    background: #ffffb6 !important
}

.primary.lighten-4 {
    background-color: #ff9 !important;
    border-color: #ff9 !important
}

.primary--text.text--lighten-4 {
    color: #ff9 !important
}

.primary--text.text--lighten-4 input,
.primary--text.text--lighten-4 textarea {
    caret-color: #ffff99 !important
}

.primary.lighten-4--after::after {
    background: #ff9 !important
}

.primary.lighten-3 {
    background-color: #ffff7d !important;
    border-color: #ffff7d !important
}

.primary--text.text--lighten-3 {
    color: #ffff7d !important
}

.primary--text.text--lighten-3 input,
.primary--text.text--lighten-3 textarea {
    caret-color: #ffff7d !important
}

.primary.lighten-3--after::after {
    background: #ffff7d !important
}

.primary.lighten-2 {
    background-color: #fff361 !important;
    border-color: #fff361 !important
}

.primary--text.text--lighten-2 {
    color: #fff361 !important
}

.primary--text.text--lighten-2 input,
.primary--text.text--lighten-2 textarea {
    caret-color: #fff361 !important
}

.primary.lighten-2--after::after {
    background: #fff361 !important
}

.primary.lighten-1 {
    background-color: #ffd743 !important;
    border-color: #ffd743 !important
}

.primary--text.text--lighten-1 {
    color: #ffd743 !important
}

.primary--text.text--lighten-1 input,
.primary--text.text--lighten-1 textarea {
    caret-color: #ffd743 !important
}

.primary.lighten-1--after::after {
    background: #ffd743 !important
}

.primary.darken-1 {
    background-color: #daa000 !important;
    border-color: #daa000 !important
}

.primary--text.text--darken-1 {
    color: #daa000 !important
}

.primary--text.text--darken-1 input,
.primary--text.text--darken-1 textarea {
    caret-color: #daa000 !important
}

.primary.darken-1--after::after {
    background: #daa000 !important
}

.primary.darken-2 {
    background-color: #bb8600 !important;
    border-color: #bb8600 !important
}

.primary--text.text--darken-2 {
    color: #bb8600 !important
}

.primary--text.text--darken-2 input,
.primary--text.text--darken-2 textarea {
    caret-color: #bb8600 !important
}

.primary.darken-2--after::after {
    background: #bb8600 !important
}

.primary.darken-3 {
    background-color: #9d6d00 !important;
    border-color: #9d6d00 !important
}

.primary--text.text--darken-3 {
    color: #9d6d00 !important
}

.primary--text.text--darken-3 input,
.primary--text.text--darken-3 textarea {
    caret-color: #9d6d00 !important
}

.primary.darken-3--after::after {
    background: #9d6d00 !important
}

.primary.darken-4 {
    background-color: #805500 !important;
    border-color: #805500 !important
}

.primary--text.text--darken-4 {
    color: #805500 !important
}

.primary--text.text--darken-4 input,
.primary--text.text--darken-4 textarea {
    caret-color: #805500 !important
}

.primary.darken-4--after::after {
    background: #805500 !important
}

.secondary {
    background-color: #1a1a1a !important;
    border-color: #1a1a1a !important
}

.secondary--text {
    color: #1a1a1a !important
}

.secondary--text input,
.secondary--text textarea {
    caret-color: #1a1a1a !important
}

.secondary--after::after {
    background: #1a1a1a !important
}

.secondary.lighten-5 {
    background-color: #8f8f8f !important;
    border-color: #8f8f8f !important
}

.secondary--text.text--lighten-5 {
    color: #8f8f8f !important
}

.secondary--text.text--lighten-5 input,
.secondary--text.text--lighten-5 textarea {
    caret-color: #8f8f8f !important
}

.secondary.lighten-5--after::after {
    background: #8f8f8f !important
}

.secondary.lighten-4 {
    background-color: #757575 !important;
    border-color: #757575 !important
}

.secondary--text.text--lighten-4 {
    color: #757575 !important
}

.secondary--text.text--lighten-4 input,
.secondary--text.text--lighten-4 textarea {
    caret-color: #757575 !important
}

.secondary.lighten-4--after::after {
    background: #757575 !important
}

.secondary.lighten-3 {
    background-color: #5c5c5c !important;
    border-color: #5c5c5c !important
}

.secondary--text.text--lighten-3 {
    color: #5c5c5c !important
}

.secondary--text.text--lighten-3 input,
.secondary--text.text--lighten-3 textarea {
    caret-color: #5c5c5c !important
}

.secondary.lighten-3--after::after {
    background: #5c5c5c !important
}

.secondary.lighten-2 {
    background-color: #454545 !important;
    border-color: #454545 !important
}

.secondary--text.text--lighten-2 {
    color: #454545 !important
}

.secondary--text.text--lighten-2 input,
.secondary--text.text--lighten-2 textarea {
    caret-color: #454545 !important
}

.secondary.lighten-2--after::after {
    background: #454545 !important
}

.secondary.lighten-1 {
    background-color: #2f2f2f !important;
    border-color: #2f2f2f !important
}

.secondary--text.text--lighten-1 {
    color: #2f2f2f !important
}

.secondary--text.text--lighten-1 input,
.secondary--text.text--lighten-1 textarea {
    caret-color: #2f2f2f !important
}

.secondary.lighten-1--after::after {
    background: #2f2f2f !important
}

.secondary.darken-1 {
    background-color: #000 !important;
    border-color: #000 !important
}

.secondary--text.text--darken-1 {
    color: #000 !important
}

.secondary--text.text--darken-1 input,
.secondary--text.text--darken-1 textarea {
    caret-color: #000000 !important
}

.secondary.darken-1--after::after {
    background: #000 !important
}

.secondary.darken-2 {
    background-color: #000 !important;
    border-color: #000 !important
}

.secondary--text.text--darken-2 {
    color: #000 !important
}

.secondary--text.text--darken-2 input,
.secondary--text.text--darken-2 textarea {
    caret-color: #000000 !important
}

.secondary.darken-2--after::after {
    background: #000 !important
}

.secondary.darken-3 {
    background-color: #000 !important;
    border-color: #000 !important
}

.secondary--text.text--darken-3 {
    color: #000 !important
}

.secondary--text.text--darken-3 input,
.secondary--text.text--darken-3 textarea {
    caret-color: #000000 !important
}

.secondary.darken-3--after::after {
    background: #000 !important
}

.secondary.darken-4 {
    background-color: #000 !important;
    border-color: #000 !important
}

.secondary--text.text--darken-4 {
    color: #000 !important
}

.secondary--text.text--darken-4 input,
.secondary--text.text--darken-4 textarea {
    caret-color: #000000 !important
}

.secondary.darken-4--after::after {
    background: #000 !important
}

.accent {
    background-color: #82b1ff !important;
    border-color: #82b1ff !important
}

.accent--text {
    color: #82b1ff !important
}

.accent--text input,
.accent--text textarea {
    caret-color: #82b1ff !important
}

.accent--after::after {
    background: #82b1ff !important
}

.accent.lighten-5 {
    background-color: #fff !important;
    border-color: #fff !important
}

.accent--text.text--lighten-5 {
    color: #fff !important
}

.accent--text.text--lighten-5 input,
.accent--text.text--lighten-5 textarea {
    caret-color: #ffffff !important
}

.accent.lighten-5--after::after {
    background: #fff !important
}

.accent.lighten-4 {
    background-color: #f8ffff !important;
    border-color: #f8ffff !important
}

.accent--text.text--lighten-4 {
    color: #f8ffff !important
}

.accent--text.text--lighten-4 input,
.accent--text.text--lighten-4 textarea {
    caret-color: #f8ffff !important
}

.accent.lighten-4--after::after {
    background: #f8ffff !important
}

.accent.lighten-3 {
    background-color: #daffff !important;
    border-color: #daffff !important
}

.accent--text.text--lighten-3 {
    color: #daffff !important
}

.accent--text.text--lighten-3 input,
.accent--text.text--lighten-3 textarea {
    caret-color: #daffff !important
}

.accent.lighten-3--after::after {
    background: #daffff !important
}

.accent.lighten-2 {
    background-color: #bce8ff !important;
    border-color: #bce8ff !important
}

.accent--text.text--lighten-2 {
    color: #bce8ff !important
}

.accent--text.text--lighten-2 input,
.accent--text.text--lighten-2 textarea {
    caret-color: #bce8ff !important
}

.accent.lighten-2--after::after {
    background: #bce8ff !important
}

.accent.lighten-1 {
    background-color: #9fccff !important;
    border-color: #9fccff !important
}

.accent--text.text--lighten-1 {
    color: #9fccff !important
}

.accent--text.text--lighten-1 input,
.accent--text.text--lighten-1 textarea {
    caret-color: #9fccff !important
}

.accent.lighten-1--after::after {
    background: #9fccff !important
}

.accent.darken-1 {
    background-color: #6596e2 !important;
    border-color: #6596e2 !important
}

.accent--text.text--darken-1 {
    color: #6596e2 !important
}

.accent--text.text--darken-1 input,
.accent--text.text--darken-1 textarea {
    caret-color: #6596e2 !important
}

.accent.darken-1--after::after {
    background: #6596e2 !important
}

.accent.darken-2 {
    background-color: #467dc6 !important;
    border-color: #467dc6 !important
}

.accent--text.text--darken-2 {
    color: #467dc6 !important
}

.accent--text.text--darken-2 input,
.accent--text.text--darken-2 textarea {
    caret-color: #467dc6 !important
}

.accent.darken-2--after::after {
    background: #467dc6 !important
}

.accent.darken-3 {
    background-color: #2364aa !important;
    border-color: #2364aa !important
}

.accent--text.text--darken-3 {
    color: #2364aa !important
}

.accent--text.text--darken-3 input,
.accent--text.text--darken-3 textarea {
    caret-color: #2364aa !important
}

.accent.darken-3--after::after {
    background: #2364aa !important
}

.accent.darken-4 {
    background-color: #004c90 !important;
    border-color: #004c90 !important
}

.accent--text.text--darken-4 {
    color: #004c90 !important
}

.accent--text.text--darken-4 input,
.accent--text.text--darken-4 textarea {
    caret-color: #004c90 !important
}

.accent.darken-4--after::after {
    background: #004c90 !important
}

.error {
    background-color: #da4a4c !important;
    border-color: #da4a4c !important
}

.error--text {
    color: #da4a4c !important
}

.error--text input,
.error--text textarea {
    caret-color: #da4a4c !important
}

.error--after::after {
    background: #da4a4c !important
}

.info {
    background-color: #2196f3 !important;
    border-color: #2196f3 !important
}

.info--text {
    color: #2196f3 !important
}

.info--text input,
.info--text textarea {
    caret-color: #2196f3 !important
}

.info--after::after {
    background: #2196f3 !important
}

.success {
    background-color: #a2ce2d !important;
    border-color: #a2ce2d !important
}

.success--text {
    color: #a2ce2d !important
}

.success--text input,
.success--text textarea {
    caret-color: #a2ce2d !important
}

.success--after::after {
    background: #a2ce2d !important
}

.warning {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important
}

.warning--text {
    color: #ffc107 !important
}

.warning--text input,
.warning--text textarea {
    caret-color: #ffc107 !important
}

.warning--after::after {
    background: #ffc107 !important
}

.primaryDark {
    background-color: #826725 !important;
    border-color: #826725 !important
}

.primaryDark--text {
    color: #826725 !important
}

.primaryDark--text input,
.primaryDark--text textarea {
    caret-color: #826725 !important
}

.primaryDark--after::after {
    background: #826725 !important
}

.bgDark {
    background-color: #111 !important;
    border-color: #111 !important
}

.bgDark--text {
    color: #111 !important
}

.bgDark--text input,
.bgDark--text textarea {
    caret-color: #111111 !important
}

.bgDark--after::after {
    background: #111 !important
}

.colorBlue {
    background-color: #1d3043 !important;
    border-color: #1d3043 !important
}

.colorBlue--text {
    color: #1d3043 !important
}

.colorBlue--text input,
.colorBlue--text textarea {
    caret-color: #1d3043 !important
}

.colorBlue--after::after {
    background: #1d3043 !important
}

.colorGreen {
    background-color: #a2ce2d !important;
    border-color: #a2ce2d !important
}

.colorGreen--text {
    color: #a2ce2d !important
}

.colorGreen--text input,
.colorGreen--text textarea {
    caret-color: #a2ce2d !important
}

.colorGreen--after::after {
    background: #a2ce2d !important
}

.colorRed {
    background-color: #da4a4c !important;
    border-color: #da4a4c !important
}

.colorRed--text {
    color: #da4a4c !important
}

.colorRed--text input,
.colorRed--text textarea {
    caret-color: #da4a4c !important
}

.colorRed--after::after {
    background: #da4a4c !important
}

.colorGrey {
    background-color: #8f99a3 !important;
    border-color: #8f99a3 !important
}

.colorGrey--text {
    color: #8f99a3 !important
}

.colorGrey--text input,
.colorGrey--text textarea {
    caret-color: #8f99a3 !important
}

.colorGrey--after::after {
    background: #8f99a3 !important
}

.scratch-card-holder[data-v-70de4a4c] {
    cursor: pointer;
    display: flex;
    position: fixed;
    bottom: 20px;
    right: 20px;
    border-radius: 10px;
    z-index: 100;
    -webkit-animation: updownEffect-data-v-70de4a4c 2s ease-in-out infinite;
    animation: updownEffect-data-v-70de4a4c 2s ease-in-out infinite;
    width: 300px
}

.scratch-card-holder .toast-content-wrapper[data-v-70de4a4c] {
    display: flex;
    cursor: pointer;
    width: 100%;
    position: relative;
    padding-top: 48.68%
}

.scratch-card-holder .toast-content-wrapper img[data-v-70de4a4c] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%
}

.scratch-card-holder .icon-close[data-v-70de4a4c] {
    position: absolute;
    right: 0;
    width: 22px;
    height: 22px;
    border-radius: 22px;
    background-color: hsla(0, 0%, 100%, .8);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s ease;
    top: -20px
}

.scratch-card-holder .icon-close[data-v-70de4a4c]:hover {
    background-color: #fff
}

.scratch-card-holder .icon-close .icon[data-v-70de4a4c] {
    font-size: 14px;
    color: #1a1a1a;
    cursor: pointer
}

@-webkit-keyframes updownEffect-data-v-70de4a4c {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(5px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes updownEffect-data-v-70de4a4c {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(5px)
    }

    to {
        transform: translateY(0)
    }
}
.remember-input{
    position: relative;
}
.input-group__input .input-type-checkbox {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    margin: 0 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0;
    cursor: pointer;
}

.login_userform .input-group__input span::before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    border: 2px solid hsla(0, 0%, 100%, .7);
    border-radius: 3px;
    top: 5px;
    cursor: pointer
}
.login_userform .input-group--text-field label{
    top: 24px;
}

.login_userform .input-group__input span::after {
    position: absolute;
    content: "";
    display: block;
    top: 7px;
    left: 6px;
    width: 6px;
    height: 12px;
    border-style: solid;
    border-color: #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0
}

.input-group__input .input-type-checkbox:checked ~ span::after {
    border-color: #1a1a1a;
    opacity: 1
}

.input-group__input .input-type-checkbox[type=checkbox]:checked ~  span::before {
    background-color: #f9bb22;
    border-color: #f9bb22
}

.secondaryToolbar ul li a picture {
    width: 17.2px;
    height: 17px;
    margin: 0 14px 0 0 !important;
    position: relative;
    display: inline-block
}
.login-form-btn{
    margin-bottom: 35px !important;
}
@media screen and (max-width:800px) {
    .secondaryToolbar ul li a picture {
        width: 14.2px;
        height: 15px;
        margin: 0 !important;
        position: relative;
        display: inline-block
    }

    .secondaryToolbar ul li a span[data-v-12f1b9ac] {
        font-size: .934rem
    }

    .secondaryToolbar ul li a i[data-v-12f1b9ac],
    .secondaryToolbar ul li a img[data-v-12f1b9ac] {
        color: #8f99a3;
        margin-right: 10px;
        margin-top: -1px;
        font-size: 1.2rem;
        width: 18px;
        height: auto;
    }
}
.lang_te .quick-tournament-info .h4, .lang_te .quick-tournament-info h4 {
    font-size: 14px;
}   
.header-link-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 1px);
    height: 100%;
    object-fit: contain;
    transition: all .3s ease;
    opacity: 0.7;
}
.navigation li .active img{
opacity: 1;
}
.secondaryToolbar ul li a picture .link-active {
    opacity: 0
}

.secondaryToolbar ul li:hover a picture img {
    opacity: 1
}

.secondaryToolbar ul li:hover a picture img.link-active {
    opacity: 1;
    transition: all .3s ease
}

.game-providers .gm_prvd {
    text-align: center !important;
    font-size: 17.72px
}
.application.theme--dark .game-providers  a{
    cursor: initial;
}
.application.theme--dark .terms-condition-container  a:hover,
.application.theme--dark .terms-condition-container  a:focus{
    color: #FFFFFF;
}
.fullusername {
    font-size: 16px
}

.floaterAction .telegram-holder[data-v-947149ce] {
    position: absolute;
    left: 80px;
    width: 220px;
    height: 270px;
    transform: scale3d(0, 0, 0);
    transform-origin: 0 0;
    transition: all .3s ease;
    background-color: #1a1a1a;
    border-radius: 10px;
    padding: 10px
}

.floaterAction .telegram:hover+.telegram-holder[data-v-947149ce] {
    transform: scaleX(1) !important
}

.floaterAction .txt-id[data-v-947149ce] {
    color: #f9bb22;
    font-size: 1rem
}

.floaterAction .liveChat[data-v-947149ce] {
    background-color: #fff !important;
    color: #f9bb22
}

.floaterAction .telegram[data-v-947149ce] {
    background-color: #08c !important;
    color: #fff
}

.speed-dial__list .btn:first-child {
    transition-delay: .05s
}

.floaterAction p[data-v-947149ce] {
    margin-bottom: 5px !important;
    line-height: 20px !important;
    font-size: .86rem
}

.floaterAction .telegram-holder[data-v-947149ce] {
    position: absolute;
    left: 80px;
    width: 220px;
    height: 270px;
    transform: scale3d(0, 0, 0);
    transform-origin: 0 0;
    transition: all .3s ease;
    background-color: #1a1a1a;
    border-radius: 10px;
    padding: 10px
}

a:focus,
a:hover {
    text-decoration: none !important
}
.eventMessageWrapper ul li.message-card.unread:last-child{
    margin-bottom: 8px;
}
.eventMessageWrapper ul li.message-card:first-child{
    margin-top: 8px;
    margin-bottom: 8px;
}
.eventMessageWrapper ul li.message-card.unread:first-child{
    margin-top: 8px;
    margin-bottom: 8px;
}
.eventMessageWrapper ul li.message-card.unread {
    margin: 8px
}



/* .menu.multiLangWrapper {
    display: block
} */

@media only screen and (max-width:1200px) {
    a.btn-yellow.addQuery {
        width: 60%
    }
}

@media only screen and (max-width:800px) {

    .primaryToolbar .multiLangWrapper .langSelected[data-v-3c7e72b2],
    .primaryToolbar .show .langSelected[data-v-3c7e72b2] {
        display: flex;
        overflow: hidden;
        background: #1a1a1a;
        border-radius: 50%;
        padding: 3px !important
    }

    .primaryToolbar .multiLangWrapper .langSelected img[data-v-3c7e72b2],
    .primaryToolbar .show .langSelected img[data-v-3c7e72b2] {
        width: 18px !important;
        height: 18px !important;
        border-radius: 50%;
        /* vertical-align: text-top */
    }

    .detail>ul i.userIcon {
        font-size: 1.2rem;
        display: block;
        color: #fff;
        padding: 5px !important
    }

    .primaryToolbar .multiLangWrapper[data-v-3c7e72b2],
    .primaryToolbar .show[data-v-3c7e72b2] {
        margin-right: 0 !important
    }

    .right-section .rightDrawer .rightDrawerIcon {
        font-size: 1.2rem
    }

    .buttonWrapper {
        /* display: flex;
        flex-direction: row; */
        margin: 4px;
    }

    button#showCreateTicket {
        height: 30px;
        font-size: .9rem;
        margin-top: 2rem
    }

    div#loyaltyPoints {
        padding: 10px 0
    }

    a.btn-yellow.addQuery {
        width: 70%;
        font-size: .9rem;
        padding: 12px
    }
}


@media only screen and (max-width:350px) {
    .homeIcon[data-v-83649ba6] {
        margin-right: 0 !important;
        font-size: 1.3rem !important
    }

    ul.footerLink li ul.submenu li[data-v-28421640] {
        padding: 3px 0;
        font-size: .9rem !important
    }

    .secondaryToolbar ul li a span[data-v-12f1b9ac] {
        font-size: .8rem
    }

    .right-section .rightDrawer .rightDrawerIcon {
        font-size: 1.25rem
    }

    .updateProfileWrapper .form-group.gender {
        flex-wrap: wrap
    }

    a.btn-yellow.addQuery {
        width: 70%;
        font-size: .75rem
    }
}

.text-center {
    text-align: center
}

@media only screen and (min-width:960px) {
    .tierImageWrapper {
        min-height: 90px
    }
}

@media only screen and (min-width:600px) and (max-width:960px) {
    .homeWidgetWrapper .homeWidgets .upgradeTierWidget {
        flex-basis: 50% !important;
        max-width: 50% !important
    }
}

.ghfkj {
    font-size: 35px !important;
    margin-bottom: 10px
}

@media only screen and (max-width:640px) {
    .ghfkj {
        font-size: 20px !important;
        margin-bottom: 2px
    }
}

@media only screen and (min-width:641px) and (max-width:800px) {
    .ghfkj {
        font-size: 20px !important;
        margin-bottom: 10px
    }
}

.testimonial-content {
    margin-top: 25px
}

@media only screen and (min-width:320px) and (max-width:359px) {
    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .quickNav div .imgWrapper {
        font-size: .65rem !important
    }
}

.expansion-panel__container--active .expansion-panel__body {
    display: block !important
}


.notransactions,
.clr_gray {
    margin-top: 10px;
    color: #8f99a3;
}


.theme--dark .table tbody tr:hover:not(.datatable__expand-row) {
    background: transparent !important;
}


.input-group.input-group--selection-controls label:hover {
    color: #ffffff !important;
}

/* .lds-hourglass-2 video {
    width: 200px;
    height: 200px;
} */

.disabled {
    /* cursor: not-allowed; */
    pointer-events: none;
    cursor: pointer;
}

.affiliatePopContainer .closeBtn {
    z-index: 9;
}

@media screen and (max-width: 600px) {
    div.featuredGames .featured-wrapper .featuredSlider .navIcon.prevFeat[data-v-7fdc8ba0] {
        left: 20px;
    }

    div.featuredGames .featured-wrapper .featuredSlider .navIcon.nextFeat[data-v-7fdc8ba0] {
        right: -3px;
    }
}

@media only screen and (min-width: 700px) and (max-width: 1000px) {
    .game-providers .swiper-wrapper {
        width: 150% !important;
    }
}

@media only screen and (min-width: 700px) and (max-width: 1024px) {

    /* .scrollTop {
        display:  block !important;
    } */
}

.aside-overlay {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgb(9,9,9,0.7);
    height: 100%;
    width: 100%;
    transition: 0.3s;
    transform: translateX(100%);
    cursor: auto;
}
.vip_logo{
    display: inline-flex;
    width: fit-content;
    height: auto;
    margin-top: 6px;
}
.before-login-header .aside-overlay {
    z-index: 5;
}

.spribeHomeSliderSection {
    height: auto;
}
.spribeHomeSliderContainer {
    position: relative !important;
    height: auto !important;
    top: unset !important;
    left: unset !important;
}
.topSecHomeSlider {
    height: auto;
    width: 100%;
    overflow: hidden;
    border-radius: unset;
    display: flex;
    flex-direction: column;
}
.topSecHomeSlider .swiper {
    /* padding: 3px 4px 7px 0px; */
    width: 100%;
}
.topSecHomeSlider .swiper-wrapper {
    min-height: unset !important;
    height: auto;
}

.swiper-wrapper-1 .swiper-inner-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 8px;
}

.topSecHomeSlider .swiper-wrapper::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.topSecSlide{
    border-radius: 10px;
    background-color: #191D22;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
    overflow: hidden;
}
.topSecSlide .swiper-slide-small, .topSecSlide.swiper-slide-big {
   position: relative;
}
.topSecSlideImg {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
}
.mobile-view-only {
    display: none;
}
#topSectionRive {
    display: none
}

.swiper-slide-inner{
    display: flex;
    align-items: center;
    width: 100vw;
    position: relative;
    padding: 0 1%;
}
.slider-2 canvas , .slider-3 canvas {
    width: 108%;
    height: 104%;
    position: absolute;
    left: -4%;
    top: -2%;
    object-fit: cover;
    margin-right: 2%;
    z-index: 1;
}

.swiper-slide-small,
.swiper-slide-big {
    margin: 0 1%;
}
.swiper-slide-big {
    width: 63% !important;
    height: 100% !important;
    overflow: hidden;
    position: relative;
}

.swiper-slide-small {
    width: 36% !important;
    height: auto !important;
    position: relative;
}

.canvas-div .game_placeholder{
    position: relative;
    z-index: 0;
}

.home-rive-sec{
    display: none;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 8px;
    padding: 0 2%;
}
.rive-wrapper{
   position:  relative;
    background-color: #191D22;
    border-radius: 10px;
    overflow: hidden;
    perspective: 1px;
}

.rive-wrapper .rive-canvas{
    position: absolute;
    top: -1%;
    left: -1%;
    width: 104%;
    height: 104%;
}

.game_placeholder{
    width: 100%;
    height: 100%;
    position: absolute;
}

.game-slider-title {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    color: #ffffff;
    font-size: 1rem;
    font-family: 'Lexend', sans-serif;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0;
    line-height: 1.5;
    min-height: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.game-slider-title span {
    display: block;
    position: relative;
    z-index: 1;
}

.game-slider-title:after {
    position: absolute;
    content: "";
    left: 50%;
    transform: translateX(-50%);
    top: -9px;
    width: 150%;
    height: 200%;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: #c6c6c600;
    border-radius: 50%;
    box-shadow: 0.3px -0.7px 0 #C7C7C7;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.losing-bonus {
    width: 38% !important;
}
.teenpatti{
    width: 37% !important;
    top: 1px;
}
.detail>ul {gap: 12px}
.join-now-login{
    color: #f9bb22;
}
.component_kr_body .fp-secondary{
   float: left !important;
}
.Intro a:hover{
    color:#f9bb22;
}


@media only screen and (max-width: 768px) {

    .mobile-view-only {
        display: block;
    }
    .home-rive-sec{
        display: grid;
    }
    .detail>ul {gap:5px}
}


@media only screen and (min-width: 580px) and (max-width: 768px) {
    .rive-wrapper, .topSecSlide{
        border-radius: 22px;
        overflow: hidden;
    position: relative;
    display: inline-block;
    perspective: 1px;
    }


    .swiper-slide-small, .swiper-slide-big {
        margin: 0 1%;
    }

    .game-slider-title {
        min-height: 13%;
    }

    .game-slider-title span {
        font-size: 130%;
        top: -13px;
    }

    .game-slider-title:after {
        top: -30px;
    }
}

@media only screen and (min-width: 485px) and (max-width: 650px) {
    .topSecSlide {
        border-radius: 15px;
    }
}

@media screen and (min-width:790px){
    .header_top .search_all{
        padding: 8px 15px;
    border-radius: 18px;
    height: 36px;
    background: #232323;
    gap: 3px;
    font-weight: 400;
    display: flex;
    align-items: center;
     }
 }
@media only screen and (min-width: 650px) and (max-width: 768px) {

    .game-slider-title span {
        font-size: 150%;
    }
}


@media only screen and (min-width: 280px) and (max-width: 394px) {

    .game-slider-title span {
        font-size: 90%;
    }

    .game-slider-title {
        min-height: 25%;
    }
    .game-slider-title:after{
        top: -2px;
    }
    .detail>ul>li a i.i-coin{
        font-size: 12px;    margin-right: 0;
        margin-left: 0;
    }
}


@media only screen and  (max-width: 700px){

    .detail>ul>li> .Exposure-amount-box a, .detail>ul>li> .balance-box a, .detail>ul>li> .loyalty-box a{
        gap: 1px;
    }
}

@media only screen and  (max-width: 345px) {
    .detail>ul>li.Balance a i.addbalance {
        font-size: 16px;
    }
    .loyaltiPointsImg{
        width: 13px !important;
    }
    .detail>ul>li a i.i-coin{
        font-size: 12px;
        margin-right: 0;
        margin-left: 0;
    }
}


.refreshBalance .refresh_balance {
    width: 40px;
    height: 40px;
    background: #232323;
    border-radius: 50%;
    padding: 0;
    position: relative;
}

.eventMessage {
    width: 40px;
    height: 40px;
    background: #232323;
    display: flex;
    align-items: center;
    justify-content: center;
}

.right-section .rightDrawer {
    background: #1a1a1a;
    /* background: red; */
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-right: 5px; */
}
.right-section .rightDrawer .rightDrawerIcon {
    font-size: 1.5rem
}
.join_now_inputgroup::before,
.join_now_inputgroup::after,
.country_flag span::before,
.country_flag span::after{
    display: none;
}


@media (max-width:768px) {

  .redeemPoints  .buttonWrapper .redeemBtn:hover:enabled, #upgradeButton:hover{
        background-color: #f9bb22 !important;
    }
.mob_view_content {
    min-height: 500px;
  }
 .noTransaction .no-bet-icon-text{
    font-size: 16px;
  }
}

@media (max-width:999px){
    .refreshBalance .refresh_balance {width: 35px; height: 35px;}
    .eventMessage {    width: 35px;height: 35px;}
    .right-section .rightDrawer {     height: 35px;width: 35px;margin-right: 5px;}
    }
@media (max-width:375px){
    .refreshBalance .refresh_balance {width: 30px; height: 30px;}
    .eventMessage {width: 28px; height: 28px;}
    .right-section .rightDrawer {width: 28px; height: 28px;}
 }


div.live-casino-history-date-filter-wrapper {
    margin: 0 32px 18px auto;
    justify-content: start;
}

div.slot-history-date-filter-wrapper {
    display: block;
    margin: 0 0 0 auto;
}
.slots__loader_img{
    max-width: 120px;
}
@media only screen and (min-width: 1024px) {
    .balance-box .wallet_balance{
        text-align: right;
    }
    .news-wrapper {
        padding-top: 8px;
    }

	
}

@media only screen and (min-width: 760px) and (max-width: 1024px){
    .secondaryToolbar ul li a picture {
		margin: 0 7px 0 0 !important;
	}
    .secondaryToolbar ul li a i[data-v-12f1b9ac], .secondaryToolbar ul li a img[data-v-12f1b9ac] {
        margin-right: 6px;
    }
    .secondaryToolbar ul li a i[data-v-12f1b9ac], .secondaryToolbar ul li a img[data-v-12f1b9ac] {
        width: 20px;
        height: 20px;
    }

    .after-login-header .detail>ul {
        gap: 8px;
    }
    .after-login-heade .detail>ul>li[data-v-1aed6b05] {
        margin: 0 7px;
    }
    .after-login-heade .detail>ul>li> .Exposure-amount-box, .after-login-heade .detail>ul>li> .balance-box, .after-login-heade .detail>ul>li> .loyalty-box{
        margin-left: 0px;
    }
    .after-login-heade  .plus{
        margin-right: 0;
    }
}
@media only screen and (min-width: 280px) and (max-width: 600px) {
    .terms-condition-container .Condition-title h1[data-v-1ae4a0fb]{
        padding: 0;
    }
}
@media only screen and (min-width: 700px) and (max-width: 1024px) {
    .terms-condition-container .Condition-title h1[data-v-1ae4a0fb]{
        padding: 20px 0 0;
    }
}
@media only screen and (min-width: 280px) and (max-width: 1024px) {
    .gamelistsWrapper .gameSearch-input .gameSearch.small[data-v-43e268c6] {
		display: block;
	}
    .terms-condition-container .Condition-title{
        padding-bottom: 0 !important;
    }
    .netwinContainer .netwinWrapper {
        padding-top: 18.57% !important;
    }
}

.note a{
    color: #f9bb22;
}

.header_top {
    padding: 8px 16px;
}

.header_top_right .search-icon {
    width: 35px;
    height: 35px;
    background:#232323;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header_top_right button.bets-btn {
    height: 35px;
    background: #232323;
    border-radius: 4px;
    padding: 5px 8px;
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #F9BB22;
    background-color: #000000;
    font-weight: 500;
}
.header_top_right .settings_icon {
    background: #232323;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header_top_right button.bets-btn img{
   width: 15px;
   height: 18px;
 }
 
.header_top_right button.bets-btn img{
    margin-right: 5px !important;
}

.header_top_right button.bets-btn img{
   max-width: 18px;
   margin-right: 10px;
}

@media screen and (min-width: 768px) and (orientation: portrait) {
    .NewDepoBtn a span {
        font-weight: 500;
        font-size: 12px;
        line-height: 22px;
    }
}

.slotsNav_slots{
    width: 100%;overflow-x: auto;min-height: 60px; overflow-y: hidden;
}

/* .Exposure-amount.totalExposure,
.Balance .wallet_balance {
    font-size: 14px;
} */

.slots_filter_reset .fa-times,.casino_filter_reset .fa-times{
    color: red;
    padding: 10px 3px;
    /* line-height: 58px; */
    position: relative;
    top: 2px;
    cursor: pointer;
}
.upcmg_btn{
    font-size: 16px;
    background: #fac300;
    padding: 12px;
    color: white;
    text-align: center;
    border-radius: 12px;
    margin-right: 7px;
    }
    ::-webkit-scrollbar {
        width: 4px;
      }
      
      /* Track */
     ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #000000; 
        border-radius: 10px;
      } 
      /* Handle */
      ::-webkit-scrollbar-thumb {
        background: #1a1a1a; 
        border-radius: 10px;
      }
      /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #000000; 
      }

      .dialog.dialog--active .errorList{
        text-align: center;
      }

      @media (max-width: 420px) {
        .lang_tn .header_top_right button.bets-btn {
            padding: 8px 6px;
        }
       .lang_tn .header_top_right button.bets-btn img{
        width: 14px;
        height: 14px;
        max-width: 15px;    
        }
        .lang_tn button.bets-btn span{
            font-size: 10px;
        }
      }


@media (max-width: 375px){
    .container-fluid.homeWidgetWrapper{
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-bottom: 0 !important;
    }
    .live-casino-main .container-fluid.homeWidgetWrapper{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .slot-main .gamePgae-wrapper .container-fluid.slots-search-container {
        padding: 0px !important;
    }
    .container-fluid.homeWidgetWrapper .homeWidgets .flex .posterSwiperWrapper{
        padding: 0 !important;
    }
    .gamePgae-wrapper .container-fluid{
        padding: 0px 10px !important;
    }
    .gamelistsWrapper .gameSearch-input[data-v-43e268c6]{
        right: 10px;
    }
    .gamesToolbar[data-v-43e268c6] {
        padding: 0 0 0 0px;
    }
}
.passwrd_model p{
    color: #FFFFFF;
    font-size: 14px;
    line-height: inherit;
}
.phno_update{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.align-center{
    align-items:center;
}

.mb_perfix{
    color: #FFFFFF;
    font-weight: 500;
}
.mb_plchldr::placeholder{
    font-size: 16px;
    opacity: 0.5;
    font-family: sans-serif;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .loginModal-wrapper .login-footer[data-v-399cb8e3] {
        margin-top: 20px;
    }

    .loginModal-wrapper[data-v-399cb8e3] {
        padding: 20px 40px;
    }
}