::-webkit-scrollbar-track {
    background: #fff
}

html, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

::-webkit-scrollbar-thumb {
    background: #1c82e8
}

input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #fff inset!important
}

body {
    font-family: 'Open Sans', sans-serif;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body::-webkit-scrollbar-track {
    background: #fff
}

body::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

body::-webkit-scrollbar-thumb {
    background: #1c82e8
}

* {
    margin: 0;
    padding: 0;
    vertical-align: top;
    text-decoration: none;
    border: none;
    outline: 0;
    background: 0 0
}

.setback {
    float: none!important;
    max-width: 1440px;
    height: auto;
    margin: auto
}

.container {
    margin: 50px 7%
}

@media screen and (max-width: 1220px) {
    .container {
        margin:48px 5%
    }
}

@media screen and (max-width: 1040px) {
    .container {
        margin:48px 4%
    }
}

@media screen and (max-width: 640px) {
    .container {
        margin:44px 3%
    }
}

.container__first {
    margin-top: 60px
}

@media screen and (max-width: 640px) {
    .container__first {
        margin-top:46px
    }
}

.container__last {
    margin-bottom: 100px
}

@media screen and (max-width: 640px) {
    .container__last {
        margin-bottom:84px
    }
}

.container__last__large {
    margin-bottom: 150px
}

@media screen and (max-width: 640px) {
    .container__last__large {
        margin-bottom:120px
    }
}

.section {
    margin: 0;
    padding: 1px
}

.no-grab {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.active-color {
    color: #1c82e8!important
}

.error-color {
    color: #c80000!important
}

.error-color a {
    color: #c80000!important
}

.rotate-90 {
    -webkit-transform: rotate(90deg)!important;
    transform: rotate(90deg)!important
}

.rotate-180 {
    -webkit-transform: rotate(180deg)!important;
    transform: rotate(180deg)!important
}

.open-shadow {
    -webkit-box-shadow: rgba(18,47,76,.13) 0 1px 9px 0!important;
    box-shadow: rgba(18,47,76,.13) 0 1px 9px 0!important
}

.open-shadow-strong {
    -webkit-box-shadow: rgba(18,47,76,.22) 0 1px 5px 0!important;
    box-shadow: rgba(18,47,76,.22) 0 1px 5px 0!important
}

.visible {
    visibility: visible!important;
    opacity: 1!important
}

.invisible {
    visibility: hidden!important;
    opacity: 0!important
}

.grecaptcha-badge {
    display: none
}

.swal2-popup {
    font-size: .7rem!important;
    width: -webkit-fit-content!important;
    width: -moz-fit-content!important;
    width: fit-content!important;
    max-width: 330px!important;
    margin-top: 146px!important;
    padding: 2.4em!important;
    padding-right: 30px!important;
    padding-left: 30px!important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.swal2-popup .swal2-styled:focus {
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.swal2-title {
    font-size: 1.575em
}

.alert__title {
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 16px;
    color: #455369
}

.alert__title__success {
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5;
    color: #455369
}

.alert__text {
    font-size: 15px;
    line-height: 1.4;
    color: #929ebe
}

button,input,textarea {
    font-family: 'Open Sans', sans-serif;
}

textarea {
    resize: vertical
}

.input-field-active {
    border-bottom: #0081ff 1px solid!important
}

.input-field-error {
    border-bottom: #da461a 1px solid!important
}

.input-label-active {
    font-size: 15.2px!important;
    -webkit-transform: translate(1px,-22px)!important;
    transform: translate(1px,-22px)!important;
    color: #0081ff!important
}

@media screen and (max-width: 640px) {
    .input-label-active {
        font-size:14.2px!important
    }
}

.input-label-filled {
    font-size: 15.2px!important;
    -webkit-transform: translate(1px,-22px)!important;
    transform: translate(1px,-22px)!important
}

@media screen and (max-width: 640px) {
    .input-label-filled {
        font-size:14.2px!important
    }
}

::-webkit-input-placeholder {
    font-weight: 400;
    color: #848ea0
}

:-moz-placeholder {
    font-weight: 400;
    color: #848ea0
}

::-moz-placeholder {
    font-weight: 400;
    color: #848ea0
}

:-ms-input-placeholder {
    font-weight: 400;
    color: #848ea0
}

::-moz-range-track {
    border: 0;
    background: #d7dcdf
}

input::-moz-focus-inner,input::-moz-focus-outer {
    border: 0
}

@-webkit-keyframes autofill {
    to {
        background: 0 0
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both
}

.status-color__grey {
    color: #647896;
    border: #9db2d4 1px solid;
    background-color: #e6ecf4
}

.status-color__blue {
    color: #0a72dc;
    border: #48a5fc 1px solid;
    background-color: #dcebff
}

.status-color__green {
    color: #00a69a;
    border: #28c3b4 1px solid;
    background-color: #dff4f3
}

.status-color__red {
    color: #c00000;
    border: #d7435f 1px solid;
    background-color: #edd
}

.to-top {
    position: fixed;
    z-index: 8;
    right: 0;
    bottom: 4px;
    display: -webkit-box;
    display: flex;
    visibility: hidden;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 38px;
    height: 20px;
    cursor: pointer;
    -webkit-transition: .3s all;
    transition: .3s all;
    opacity: 0;
    border-radius: 1px 1px 0 0;
    background: rgba(18,47,76,.7)
}

.to-top:hover {
    background: #122f4c
}

@media screen and (max-width: 640px) {
    .to-top {
        bottom:5px;
        width: 32px
    }
}

.to-top__arrow {
    width: 14px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    fill: #fff
}

@media screen and (max-width: 640px) {
    .to-top__arrow {
        width:12px
    }
}

.message-info {
    position: fixed;
    z-index: 11;
    top: 100px;
    right: -110%;
    max-width: 400px;
    -webkit-transition: right .2s cubic-bezier(.46,.03,.52,.96);
    transition: right .2s cubic-bezier(.46,.03,.52,.96);
    border-radius: 1px;
    background-color: #fff;
    -webkit-box-shadow: rgba(18,47,76,.04) 0 1px 9px,rgba(18,47,76,.09) 0 0 2px 1px;
    box-shadow: rgba(18,47,76,.04) 0 1px 9px,rgba(18,47,76,.09) 0 0 2px 1px
}

@media screen and (max-width: 640px) {
    .message-info {
        max-width:80vw
    }
}

.message-info.active {
    right: 6%
}

@media screen and (max-width: 1440px) {
    .message-info.active {
        right:3%
    }
}

@media screen and (max-width: 1040px) {
    .message-info.active {
        right:3.5%
    }
}

@media screen and (max-width: 640px) {
    .message-info.active {
        right:3%
    }
}

.message-info__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 9px 14px 10px 14px
}

.message-info__img {
    flex-shrink: 0;
    width: 14.5px;
    height: 22px;
    fill: #1c82e8
}

.message-info__text {
    font-size: 14px;
    font-weight: 500;
    margin-left: 9px;
    padding-left: 11px;
    color: #647791;
    border-left: 1px solid #a8b8cf
}

.warning-info {
    position: fixed;
    z-index: 11;
    top: 100px;
    right: -110%;
    max-width: 400px;
    -webkit-transition: right .2s cubic-bezier(.46,.03,.52,.96);
    transition: right .2s cubic-bezier(.46,.03,.52,.96);
    border-radius: 1px;
    background-color: #fff;
    -webkit-box-shadow: rgba(18,47,76,.04) 0 1px 9px,rgba(18,47,76,.09) 0 0 2px 1px;
    box-shadow: rgba(18,47,76,.04) 0 1px 9px,rgba(18,47,76,.09) 0 0 2px 1px
}

@media screen and (max-width: 640px) {
    .warning-info {
        max-width:80vw
    }
}

.warning-info.active {
    right: 6%
}

@media screen and (max-width: 1440px) {
    .warning-info.active {
        right:3%
    }
}

@media screen and (max-width: 1040px) {
    .warning-info.active {
        right:3.5%
    }
}

@media screen and (max-width: 640px) {
    .warning-info.active {
        right:3%
    }
}

.warning-info__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 9px 14px 10px 14px;
    background-color: rgba(255,191,0,.1490196078)
}

.warning-info__img {
    flex-shrink: 0;
    width: 17px;
    height: 20px;
    fill: #ffbf00
}

.warning-info__text {
    font-size: 14px;
    font-weight: 500;
    margin-left: 9px;
    padding-left: 9px;
    color: #647791;
    border-left: 1px solid #a8b8cf
}

.tippy-box[data-theme~=white] {
    cursor: default;
    border-radius: 1px;
    background-color: #fff;
    -webkit-box-shadow: rgba(18,47,76,.15) 0 1px 5px 0;
    box-shadow: rgba(18,47,76,.15) 0 1px 5px 0
}

.app-interface .app-full-page {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 100vh
}

.app-interface .app-hide {
    display: none!important
}

.head {
    position: -webkit-sticky;
    position: sticky;
    z-index: 9;
    top: 0;
    margin: 0;
    padding-bottom: 12px;
    background-color: #111823
}

.head__back {
    width: 100%
}

.head__nav {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 50px;
    margin-right: 3%;
    margin-left: 3%;
    padding-top: 10px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

@media screen and (max-width: 640px) {
    .head__nav {
        height:45px
    }
}

.head__nav__logo {
    width: 230px;
    cursor: pointer;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    -webkit-transform-origin: 10px 20px;
    transform-origin: 10px 20px
}

@media screen and (max-width: 1220px) {
    .head__nav__logo {
        width:220px
    }
}

@media screen and (max-width: 640px) {
    .head__nav__logo {
        width:195px
    }
}

.head__nav__links {
    font-size: 17px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    justify-content: space-around;
    letter-spacing: .3px
}

@media screen and (max-width: 1220px) {
    .head__nav__links {
        font-size:16px;
        position: fixed;
        top: 0;
        right: 0;
        display: block;
        min-width: 324px;
        height: 100%;
        padding: 20px 0;
        -webkit-transition: -webkit-transform .4s ease-in;
        transition: -webkit-transform .4s ease-in;
        transition: transform .4s ease-in;
        transition: transform .4s ease-in,-webkit-transform .4s ease-in;
        -webkit-transform: translateX(200%);
        transform: translateX(200%);
        background-color: #111823
    }
}

@media screen and (max-width: 640px) {
    .head__nav__links {
        width:100%
    }
}

.head__nav__links li {
    list-style: none
}

@media screen and (max-width: 1220px) {
    .head__nav__links li {
        margin-top:14px;
        margin-left: 25px
    }
}

@media screen and (max-width: 540px) {
    .head__nav__links li {
        margin-top:12px
    }
}

@media screen and (max-width: 1220px) {
    .head__nav__links li:first-child {
        margin-top:90px
    }
}

@media screen and (max-width: 540px) {
    .head__nav__links li:first-child {
        margin-top:88px
    }
}

@media screen and (max-width: 1220px) {
    .head__nav__links__nolog li:first-child {
        margin-top:55px
    }
}

.head__nav__link__sidebar {
    display: none
}

@media screen and (max-width: 1220px) {
    .head__nav__link__sidebar {
        display:block
    }
}

.head__nav__link a {
    margin-left: 25px;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    white-space: nowrap;
    text-decoration: none;
    color: #fff
}

.head__nav__link a:hover {
    color: #2a96ff
}

@media screen and (max-width: 1220px) {
    .head__nav__link a {
        margin-left:unset
    }
}

.head__nav__linkdrop {
    position: relative;
    margin-left: 25px;
    cursor: pointer;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    text-decoration: none;
    color: #fff
}

@media screen and (max-width: 1220px) {
    .head__nav__linkdrop__hide {
        display:none
    }
}

.head__nav__linkdrop:hover {
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    color: #2a96ff
}

.head__nav__linkdrop:hover .head__nav__linkdrop__arrow {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media screen and (max-width: 1220px) {
    .head__nav__linkdrop:hover .head__nav__linkdrop__arrow {
        -webkit-transform:rotate(0);
        transform: rotate(0)
    }
}

.head__nav__linkdrop:hover .head__nav__linkdrop__links {
    visibility: visible;
    max-height: 500px;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 1
}

@media screen and (max-width: 1220px) {
    .head__nav__linkdrop {
        position:relative;
        margin-left: unset
    }
}

.head__nav__linkdrop__arrow {
    position: relative;
    top: 7.5px;
    width: 10px;
    -webkit-transition: .2s;
    transition: .2s;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    fill: #1c82e8
}

.head__nav__linkdrop__flag {
    display: -webkit-box;
    display: flex;
    width: 20px;
    padding: 3px 0
}

.head__nav__linkdrop__bottom {
    position: absolute;
    bottom: 60px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: calc(100% - 50px);
    padding-top: 12px;
    border-top: 1px solid #fff;
    background-color: #111823
}

@media screen and (min-width: 1220px) {
    .head__nav__linkdrop__bottom {
        display:none
    }
}

.head__nav__linkdrop__bottom:hover .head__nav__linkdrop__links__bottom {
    visibility: visible;
    max-height: 500px;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 1
}

.head__nav__linkdrop__bottom span {
    color: #fff
}

.head__nav__linkdrop__links {
    position: absolute;
    z-index: 1;
    top: 20px;
    right: -25px;
    visibility: hidden;
    min-width: 121px;
    max-height: 0;
    padding-top: 27px;
    cursor: initial;
    -webkit-transition: max-height .3s,opacity .3s,visibility .3s ease-in-out;
    transition: max-height .3s,opacity .3s,visibility .3s ease-in-out;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    opacity: 0;
    border-radius: 4px
}

.head__nav__linkdrop__links__bottom {
    position: absolute;
    right: -24px;
    bottom: 15px;
    visibility: hidden;
    padding-bottom: 20px;
    opacity: 0
}

.head__nav__linkdrop__links__bottom__container {
    font-size: 15px;
    padding: 6px 8px;
    letter-spacing: .2px;
    background-color: #172132
}

.head__nav__linkdrop__links__bottom__container .head__nav__linkdrop__links__flagwrapper {
    padding: 7px
}

@media screen and (max-width: 1220px) {
    .head__nav__linkdrop__links {
        right:unset;
        display: contents;
        visibility: visible;
        min-width: unset;
        max-height: 500px;
        opacity: 1
    }
}

.head__nav__linkdrop__links__container {
    font-size: 15px;
    padding: 6px 0;
    letter-spacing: .2px;
    border-radius: 0 0 2px 2px;
    background-color: #172132;
    -webkit-box-shadow: #1f2c3f 0 1px 3px 0;
    box-shadow: #1f2c3f 0 1px 3px 0
}

@media screen and (max-width: 1220px) {
    .head__nav__linkdrop__links__container {
        font-size:16px;
        padding: unset;
        background-color: unset;
        -webkit-box-shadow: unset;
        box-shadow: unset
    }
}

.head__nav__linkdrop__links__note {
    font-size: 14px;
    margin-top: 3px;
    color: #929ebe
}

.head__nav__linkdrop__links__flagwrapper {
    font-weight: 500;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-transition: all .2s;
    transition: all .2s;
    color: #fff
}

.head__nav__linkdrop__links__flagwrapper:hover {
    background-color: #202b3e
}

.head__nav__linkdrop__links__flag {
    width: 20px;
    margin-right: 10px
}

.head__nav__linkdrop__links .link,.head__nav__linkdrop__links a {
    display: block;
    padding: 12px 22px;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    color: #fff
}

@media screen and (max-width: 1220px) {
    .head__nav__linkdrop__links .link,.head__nav__linkdrop__links a {
        padding:10px 9px 7px
    }
}

@media screen and (max-width: 540px) {
    .head__nav__linkdrop__links .link,.head__nav__linkdrop__links a {
        padding:8px 9px 6px
    }
}

.head__nav__linkdrop__links .link:hover,.head__nav__linkdrop__links a:hover {
    -webkit-transition: .3s;
    transition: .3s;
    text-decoration: none;
    background-color: #202b3e
}

@media screen and (max-width: 1220px) {
    .head__nav__linkdrop__links .link:hover,.head__nav__linkdrop__links a:hover {
        color:#1c82e8;
        background-color: unset
    }
}

@media screen and (max-width: 1220px) {
    .head__nav__linkdrop__links .link:first-child,.head__nav__linkdrop__links a:first-child {
        margin-top:5px
    }
}

.head__nav__acbox__sign {
    font-family: 'Open Sans', sans-serif;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    margin-left: 25px;
    color: #fff
}

@media screen and (max-width: 1220px) {
    .head__nav__acbox__sign {
        position:absolute;
        top: 6px
    }
}

.head__nav__acbox__sign__signin {
    font-size: 14.7px;
    padding: 5px 16px;
    cursor: pointer;
    -webkit-transition: all .15s;
    transition: all .15s;
    border-radius: 1px;
    background-color: rgba(44,86,127,.22)
}

.head__nav__acbox__sign__signin:hover {
    background-color: rgba(39,58,81,.78)
}

@media screen and (max-width: 540px) {
    .head__nav__acbox__sign__signin {
        font-size:15px
    }
}

.head__nav__acbox__sign__signup {
    font-size: 14.4px;
    margin-left: 12px;
    padding: 5px 16px;
    cursor: pointer;
    -webkit-transition: all .15s;
    transition: all .15s;
    letter-spacing: -.2px;
    border-radius: 1px;
    background-color: #1c82e8
}

.head__nav__acbox__sign__signup:hover {
    background-color: #2a96ff
}

@media screen and (max-width: 1220px) {
    .head__nav__acbox__sign__signup {
        left:100px;
        margin-left: 15px
    }
}

.head__nav__acbox__account {
    font-size: 15.5px;
    font-weight: 400;
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    margin-left: 23px;
    cursor: pointer;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    letter-spacing: .2px;
    color: #fff;
    border: #55667e 1px solid;
    border-radius: 1px;
    background-color: #1b283c
}

.head__nav__acbox__account:hover {
    background-color: #1f2e45
}

.head__nav__acbox__account:hover .head__nav__acbox__account__box {
    visibility: visible;
    max-height: 500px;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 1
}

@media screen and (max-width: 1220px) {
    .head__nav__acbox__account {
        position:fixed;
        top: -44px;
        cursor: unset;
        border: none;
        border-radius: unset;
        background: 0 0
    }

    .head__nav__acbox__account:hover {
        border: none;
        background: 0 0
    }
}

.head__nav__acbox__account__link {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 4px 12px;
    color: #fff
}

@media screen and (max-width: 1220px) {
    .head__nav__acbox__account__link {
        display:none
    }
}

.head__nav__acbox__account__box {
    position: absolute;
    z-index: 1;
    top: 31px;
    right: 0;
    visibility: hidden;
    padding-top: 19px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    opacity: 0
}

@media screen and (max-width: 1220px) {
    .head__nav__acbox__account__box {
        right:unset;
        left: 0;
        visibility: visible;
        opacity: 1
    }
}

.head__nav__acbox__account__box__container {
    font-size: 15px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 170px;
    padding-bottom: 5px;
    cursor: initial;
    border-right: #202b3e 1px solid;
    border-bottom: #202b3e 1px solid;
    border-left: #202b3e 1px solid;
    border-radius: 0 0 2px 2px;
    background-color: #172132;
    -webkit-box-shadow: rgba(18,47,76,.06) 0 3px 9px 0;
    box-shadow: rgba(18,47,76,.06) 0 3px 9px 0
}

@media screen and (max-width: 1220px) {
    .head__nav__acbox__account__box__container {
        -webkit-box-align:end;
        align-items: flex-end;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        width: 276px;
        margin-top: 12px;
        border: none;
        background: 0 0;
        -webkit-box-shadow: unset;
        box-shadow: unset
    }
}

.head__nav__acbox__account__box__user {
    display: -webkit-box;
    display: flex;
    align-self: end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 130px;
    padding: 14px 20px 8px;
    text-decoration: none;
    color: #fff
}

@media screen and (max-width: 1220px) {
    .head__nav__acbox__account__box__user {
        width:245px;
        padding: 0
    }
}


@media screen and (max-width: 1220px) {
    .head__nav__acbox__account__box__user__text {
        font-size:15px;
        display: -webkit-box;
        display: flex
    }
}

.head__nav__acbox__account__box__user__level {
    font-size: 15.5px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 2px
}

@media screen and (max-width: 1220px) {
    .head__nav__acbox__account__box__user__level {
        display:none
    }
}

.head__nav__acbox__account__box__user__level__level {
    font-size: 15.5px;
    font-weight: 500;
    align-self: end;
    padding: 0 8px;
    background-color: #26344a
}

.head__nav__acbox__account__box__user__bar {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    width: 100%;
    margin: 8px 0 5px;
    border-radius: 1px;
    background-color: #263148
}

@media screen and (max-width: 1220px) {
    .head__nav__acbox__account__box__user__bar {
        margin:8px 0 3px;
        background-color: #1e2940
    }
}

.head__nav__acbox__account__box__user__bar__progress {
    height: 14px;
    border-radius: 1px 0 0 1px;
    background: -webkit-gradient(linear,left top,right top,from(#2a96ff),color-stop(60%,#1c82e8));
    background: -webkit-linear-gradient(left,#2a96ff 0,#1c82e8 60%);
    background: linear-gradient(90deg,#2a96ff 0,#1c82e8 60%)
}

.head__nav__acbox__account__box__user__volume {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%
}

.head__nav__acbox__account__box__user__volume__value {
    font-size: 11.5px
}

.head__nav__acbox__account__box__sep {
    width: 76%;
    height: 1px;
    margin: 8px auto;
    background: rgba(255,255,255,.14)
}

@media screen and (max-width: 1220px) {
    .head__nav__acbox__account__box__sep {
        display:none
    }
}

.head__nav__acbox__account__box__links {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%
}

@media screen and (max-width: 1220px) {
    .head__nav__acbox__account__box__links {
        display:none
    }

    .head__nav__acbox__account__box__links__logout {
        display: -webkit-box;
        display: flex
    }
}

.head__nav__acbox__account__box__link {
    display: block;
    padding: 10px 20px;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    background-color: #172132
}

.head__nav__acbox__account__box__link:hover {
    -webkit-transition: .3s;
    transition: .3s;
    background-color: #202b3e
}

@media screen and (max-width: 1220px) {
    .head__nav__acbox__account__box__link {
        padding:10px 9px 7px;
        color: #9badca;
        background-color: unset
    }

    .head__nav__acbox__account__box__link__logout {
        font-size: 13.5px;
        font-weight: 500;
        margin-left: auto;
        padding: 5px 12px 7px;
        -webkit-transition: .15s;
        transition: .15s;
        text-align: center;
        letter-spacing: 0;
        color: #fff;
        border-radius: 1px!important;
        background: #1b283c
    }
}

.head__nav__lines {
    display: none
}

@media screen and (max-width: 1220px) {
    .head__nav__lines {
        display:block
    }
}

.head__nav__lines__list {
    position: relative;
    display: none
}

@media screen and (max-width: 1220px) {
    .head__nav__lines__list {
        display:block;
        cursor: pointer
    }
}

.head__nav__lines__list div {
    width: 25px;
    height: 3px;
    margin: 5px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #1c82e8
}

@media screen and (max-width: 540px) {
    .head__nav__lines__list div {
        width:23px;
        height: 2px;
        margin: 4px
    }
}

.head__nav__lines__list:hover div {
    background-color: #2a96ff
}

.head__account {
    background-color: #fff;
    -webkit-box-shadow: #dfe2e7 0 1px 6px 0;
    box-shadow: #dfe2e7 0 1px 6px 0
}

.head__account .head__nav {
    margin-right: 60px;
    margin-left: 60px
}

@media screen and (max-width: 1100px) {
    .head__account .head__nav {
        margin-right:30px;
        margin-left: 30px
    }
}

@media screen and (max-width: 640px) {
    .head__account .head__nav {
        margin-right:20px;
        margin-left: 20px
    }
}

@media screen and (max-width: 540px) {
    .head__account .head__nav {
        margin-right:9px;
        margin-left: 9px
    }
}

.head__account .head__nav__logo {
    width: 200px
}

@media screen and (max-width: 1220px) {
    .head__account .head__nav__logo {
        width:195px
    }
}

@media screen and (max-width: 640px) {
    .head__account .head__nav__logo {
        width:190px
    }
}

.head__account .head__nav__link a,.head__account .head__nav__link__box a,.head__account .head__nav__linkdrop,.head__account .head__nav__linkdrop__bottom span,.head__account .head__nav__linkdrop__links a,.head__account .head__nav__linkdrop__links div {
    font-weight: 500;
    color: #455369
}

.head__account .head__nav__link a:hover,.head__account .head__nav__link__box a:hover,.head__account .head__nav__linkdrop:hover,.head__account .head__nav__linkdrop__bottom span:hover,.head__account .head__nav__linkdrop__links a:hover,.head__account .head__nav__linkdrop__links div:hover {
    color: #26344a
}

@media screen and (min-width: 1220px) and (max-width:1360px) {
    .head__account .head__nav__link a,.head__account .head__nav__linkdrop {
        margin-left:19px
    }
}

.head__account .head__nav__linkdrop__bottom {
    border-top: 1px solid #455369;
    background-color: #fff
}

.head__account .head__nav__linkdrop__links__bottom__container {
    background-color: #fff;
    -webkit-box-shadow: #dfe2e7 0 1px 6px 0;
    box-shadow: #dfe2e7 0 1px 6px 0
}

.head__account .head__nav__linkdrop__links__flagwrapper {
    color: #455369
}

.head__account .head__nav__linkdrop__links__flagwrapper:hover {
    background-color: #eff2f7
}

.head__account .head__nav__linkdrop__links__note {
    font-weight: 400!important;
    color: #9badca!important
}

.head__account .head__nav__linkdrop__links__note:hover {
    color: #9badca!important
}

.head__account .head__nav__link__sidebar {
    display: none
}

.head__account .head__nav__linkdrop__links__container {
    font-size: 16px;
    border: none;
    background-color: #fff;
    -webkit-box-shadow: #dfe2e7 0 3px 6px 0;
    box-shadow: #dfe2e7 0 3px 6px 0
}

@media screen and (max-width: 1220px) {
    .head__account .head__nav__linkdrop__links__container {
        -webkit-box-shadow:none;
        box-shadow: none
    }
}

.head__account .head__nav__linkdrop__links__container a:hover,.head__account .head__nav__linkdrop__links__container div:hover {
    background-color: #eff2f7
}

@media screen and (max-width: 1220px) {
    .head__account .head__nav__linkdrop__links__container a:hover,.head__account .head__nav__linkdrop__links__container div:hover {
        background-color:unset
    }
}

.head__account .head__nav__link__box a div {
    font-size: 16px;
    font-weight: 600;
    position: relative;
    z-index: 2;
    padding: 6px 20px;
    -webkit-transition: color 0s;
    transition: color 0s;
    background-color: #eaedf2
}

.head__account .head__nav__link__box a div:before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 100%;
    bottom: 0;
    content: "";
    -webkit-transition: .2s all ease;
    transition: .2s all ease;
    opacity: 0;
    background-color: #2690f8
}

.head__account .head__nav__link__box a div:hover {
    -webkit-transition: .2s all ease;
    transition: .2s all ease;
    color: #fff
}

.head__account .head__nav__link__box a div:hover:before {
    right: 0;
    left: 0;
    -webkit-transition: .2s all ease;
    transition: .2s all ease;
    opacity: 1
}

@media screen and (max-width: 1220px) {
    .head__account .head__nav__link__box a div {
        padding:0;
        background-color: unset
    }

    .head__account .head__nav__link__box a div:hover {
        color: #324664
    }

    .head__account .head__nav__link__box a div:hover:before {
        opacity: 0
    }
}

.head__account .head__nav__links {
    background-color: #fff
}

.head__account .head__nav__links li:last-child a {
    display: -webkit-box;
    display: flex
}

@media screen and (max-width: 1220px) {
    .head__account .head__nav__links {
        -webkit-box-shadow:#dfe2e7 0 1px 6px 0;
        box-shadow: #dfe2e7 0 1px 6px 0
    }

    .head__account .head__nav__links li:first-child {
        margin-top: 64px
    }

    .head__account .head__nav__links li:last-child {
        position: absolute;
        top: 34px
    }
}

.adjust-header-main {
    position: fixed;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    margin-top: -1px;
    padding-bottom: 12px
}

.scroll-main-1 {
    background: 0 0
}

.scroll-main-2 {
    background: rgba(17,24,35,.9803921569)
}

.scroll-sub-1 {
    margin: 20px 6.8%
}

.scroll-sub-1 .head__nav__linkdrop__links {
    padding-top: 32px
}

@media screen and (max-width: 1220px) {
    .scroll-sub-1 {
        margin:15px 3.8%
    }
}

@media screen and (max-width: 640px) {
    .scroll-sub-1 {
        margin:6px 2.5%
    }
}

.scroll-sub-2 {
    margin: 0 5%
}

@media screen and (max-width: 1220px) {
    .scroll-sub-2 {
        margin:0 2.5%
    }
}

.scroll-logo {
    -webkit-transform: scale(1.112);
    transform: scale(1.112)
}

@media screen and (max-width: 640px) {
    .scroll-logo {
        -webkit-transform:scale(1.06);
        transform: scale(1.06)
    }
}

.nav-open-lines-open {
    position: fixed;
    top: 24px;
    right: 28px
}

@media screen and (max-width: 640px) {
    .scroll-main-1 .nav-open-lines-open {
        top:30px;
        right: 23px
    }
}

.scroll-main-2 .nav-open-lines-open {
    right: 23px
}

.nav-active {
    overflow-y: auto;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.nav-open-lines-open .fline {
    -webkit-transform: rotate(-45deg) translate(0,4px);
    transform: rotate(-45deg) translate(0,4px)
}

@media screen and (max-width: 540px) {
    .nav-open-lines-open .fline {
        -webkit-transform:rotate(-45deg) translate(9.5px,14px);
        transform: rotate(-45deg) translate(9.5px,14px)
    }
}

.nav-open-lines-open .sline {
    -webkit-transition: 0s;
    transition: 0s;
    opacity: 0
}

.nav-open-lines-open .tline {
    -webkit-transform: rotate(45deg) translate(-6px,-12px);
    transform: rotate(45deg) translate(-6px,-12px)
}

@media screen and (max-width: 540px) {
    .nav-open-lines-open .tline {
        -webkit-transform:rotate(45deg) translate(5px,-19px);
        transform: rotate(45deg) translate(5px,-19px)
    }
}

.app-interface .head__nav__linkdrop__bottom {
    bottom: 120px
}

.app_navigation {
    position: fixed;
    z-index: 99;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100vw;
    height: 62px;
    padding: 0 10px;
    background-color: #fff;
    -webkit-box-shadow: #dfe2e7 0 1px 6px 0;
    box-shadow: #dfe2e7 0 1px 6px 0
}

.app_navigation__option {
    font-weight: 500;
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: end;
    justify-content: flex-end;
    margin-top: 10px;
    cursor: pointer;
    -webkit-transition: .15s all ease;
    transition: .15s all ease;
    color: #929ebe
}

.app_navigation__option__text {
    font-size: 12.5px;
    position: absolute;
    top: 24px;
    text-decoration: none
}

.app_navigation__option.active {
    font-weight: 600;
    color: #1c82e8
}

.app_navigation__option__icon {
    width: 21px;
    height: 19px
}

.app_navigation__option__icon__small {
    width: 17px;
    height: 17px;
    margin-top: 2px
}

.app_navigation__option__icon__big {
    width: 26px;
    height: 21px
}

.support__corner {
    font-size: 16.9px;
    position: fixed;
    z-index: 8;
    right: 0;
    bottom: 26px;
    padding: 16px 8px 17px 10px;
    -webkit-transition: all .15s cubic-bezier(.25,.46,.45,.94);
    transition: all .15s cubic-bezier(.25,.46,.45,.94);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    letter-spacing: .2px;
    color: #fff;
    border-radius: 1px 1px 0 0;
    background: -webkit-linear-gradient(225deg,#1c82e8 28%,#258aef 100%);
    background: linear-gradient(225deg,#1c82e8 28%,#258aef 100%);
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    -webkit-text-orientation: mixed;
    text-orientation: mixed
}

.support__corner:hover {
    padding: 16px 8px 17px 20px
}

@media screen and (max-width: 640px) {
    .support__corner {
        padding:16px 6px 17px 8px;
        font-size: 14.6px
    }

    .support__corner:hover {
        padding: 16px 6px 17px 13px
    }
}

@media screen and (max-width: 540px) {
    .support__corner {
        display:none
    }
}

.support__chat {
    bottom: -12px!important;
    right: -15px!important
}

.support__center {
    position: fixed;
    z-index: 10;
    right: 5px;
    bottom: 8px;
    -webkit-transition: -webkit-transform .18s cubic-bezier(.47,0,.75,.72);
    transition: -webkit-transform .18s cubic-bezier(.47,0,.75,.72);
    transition: transform .18s cubic-bezier(.47,0,.75,.72);
    transition: transform .18s cubic-bezier(.47,0,.75,.72),-webkit-transform .18s cubic-bezier(.47,0,.75,.72);
    -webkit-transform: translateY(103%);
    transform: translateY(103%)
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .support__center {
        right:0;
        bottom: 0;
        height: 100%
    }
}

.support__center__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 345px;
    max-width: calc(100vw - 10px);
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: rgba(18,47,76,.14) 0 6px 16px 0;
    box-shadow: rgba(18,47,76,.14) 0 6px 16px 0
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .support__center__container {
        width:100%;
        max-width: unset;
        height: 100%
    }
}

.support__center__head {
    position: relative;
    overflow: hidden;
    padding: 38px 0 24px;
    border-top: #202b3e 1px solid;
    border-left: #202b3e 1px solid;
    background-color: #111925
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .support__center__head {
        padding:34px 0 26px;
        border: none
    }
}

.support__center__head__logo {
    position: absolute;
    right: -167px;
    bottom: -169px;
    width: 335px
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .support__center__head__logo {
        right:-148px;
        bottom: -149px;
        width: 297px
    }
}

.support__center__head__title {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-left: 28px
}

.support__center__head__title__img {
    position: relative;
    bottom: 3px;
    width: 40px;
    margin-right: 10px;
    opacity: .9
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .support__center__head__title__img {
        width:40px
    }
}

.support__center__head__title__text {
    width: 72px;
    opacity: .88
}

.support__center__head__close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 13px 10px;
    cursor: pointer;
    -webkit-transition: all .25s ease 0s;
    transition: all .25s ease 0s
}

.support__center__head__close:hover {
    color: #1c82e8
}

.support__center__content {
    overflow-x: hidden;
    overflow-y: auto
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .support__center__content {
        height:100%
    }
}

.support__center__content__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    width: 345px;
    max-width: calc(100vw - 10px);
    height: 544px;
    max-height: calc(100vh - 270px)
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .support__center__content__container {
        width:100vw;
        max-width: unset;
        height: 100%;
        max-height: unset
    }
}

.support__center__content__content {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%;
    padding: 30px 18px 0 28px
}

.support__center__content__scrollbarspace {
    width: 7px
}

.support__center__title {
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 34px;
    text-align: center;
    letter-spacing: -.5px;
    color: #48505d
}

.support__center__info {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 12px 10px;
    border: 1px solid #dfe2e9;
    border-radius: 1px;
    background-color: #f4f7fb
}

.support__center__info__container {
    margin-top: auto;
    padding-bottom: 36px
}

.support__center__info__bullet {
    display: inline-block;
    margin: 7px 7px 0 0;
    padding: 2px;
    border-radius: 75px;
    background-color: #848ea0
}

.support__center__info__title {
    font-size: 13px;
    line-height: 1.45;
    margin: 3px 5px;
    color: #848ea0
}

.support__center__action {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%;
    margin-bottom: 5px
}

.support__center__action__title {
    font-size: 16px;
    font-weight: 600;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 8px;
    cursor: pointer;
    letter-spacing: -.3px;
    color: #4b545d
}

.support__center__action__title:hover {
    color: #0081ff
}

.support__center__action__title__arrow {
    position: relative;
    top: 8px;
    width: 9px;
    margin-left: 2px;
    -webkit-transition: .2s;
    transition: .2s;
    fill: #1c82e8
}

.support__center__contact {
    position: relative;
    display: none;
    width: 100%;
    margin-bottom: 40px
}

.support__center__contact__drop {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
    -webkit-transition: all .25s ease 0s;
    transition: all .25s ease 0s;
    color: #26344a;
    border-bottom: 1px solid #b3b3b3;
    border-radius: 1px
}

.support__center__contact__drop__left {
    font-size: 15.5px;
    font-weight: 500;
    padding: 8px 6px;
    letter-spacing: -.3px
}

.support__center__contact__drop__right {
    width: 9px;
    padding: 8px 10px;
    -webkit-transition: all .25s ease 0s;
    transition: all .25s ease 0s;
    fill: #1c82e8
}

.support__center__contact__drop__box {
    position: absolute;
    top: 45px;
    display: -webkit-box;
    display: flex;
    visibility: hidden;
    overflow-y: scroll;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: calc(100% - 1px);
    max-height: 160px;
    cursor: pointer;
    opacity: 0;
    color: #26344a;
    border: #919fac 1px solid;
    border-radius: 0 0 2px 2px;
    background-color: #f7f7f7
}

.support__center__contact__drop__box::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.support__center__contact__drop__box__opt {
    font-size: 13.9px;
    font-weight: 500;
    height: 15px;
    padding: 7px 7px 11px 8px;
    -webkit-transition: all .2s;
    transition: all .2s;
    border-bottom: #919fac 1px solid
}

.support__center__contact__drop__box__opt:last-child {
    border-bottom: none
}

.support__center__contact__drop__box__opt:hover {
    -webkit-transition: all .25s ease 0s;
    transition: all .25s ease 0s;
    color: #0081ff;
    background-color: #e8edf2
}

.support__center__contact__input {
    font-size: 15.2px;
    font-weight: 500;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 35px;
    margin-top: 7px;
    padding: 2px 6px;
    -webkit-transition: border .25s ease 0s;
    transition: border .25s ease 0s;
    color: #26344a;
    border-bottom: 1px solid #b3b3b3;
    border-radius: 1px
}

.support__center__contact__input::-webkit-input-placeholder {
    font-size: 13.9px
}

.support__center__contact__input:-moz-placeholder {
    font-size: 13.9px
}

.support__center__contact__input::-moz-placeholder {
    font-size: 13.9px
}

.support__center__contact__input:-ms-input-placeholder {
    font-size: 13.9px
}

.support__center__contact__textarea {
    font-size: 14.5px;
    font-weight: 500;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 20px 0 10px;
    padding: 8px;
    color: #26344a;
    border: 1px solid #b3b3b3;
    border-radius: 1px
}

.support__center__contact__textarea::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.support__center__contact__error {
    font-size: 12.5px;
    margin-top: 4px;
    margin-right: 2px;
    text-align: right;
    color: #cc2727
}

.support__center__contact__button {
    font-size: 15px;
    position: relative;
    -webkit-box-flex: 1;
    flex: 1;
    width: 100%;
    margin-top: 20px;
    padding: 9px 10px;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    text-align: center;
    color: #f7f7f7;
    border-radius: 1px;
    background-color: #1c82e8
}

.support__center__contact__button:disabled {
    opacity: .75
}

.support__center__contact__button:after {
    position: absolute;
    right: 14px;
    width: 0;
    content: "";
    opacity: 0;
    background: url(../img/spinner-white.svg) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}

.support__center__contact__button:disabled:after {
    width: 19px;
    height: 19px;
    opacity: .8
}

.support__center__contact__button:hover:not([disabled]) {
    background-color: #2a96ff
}

.support__center__contact textarea::-webkit-input-placeholder {
    font-size: 13.9px
}

.support__center__contact textarea::-moz-placeholder {
    font-size: 13.9px
}

.support__center__contact textarea:-ms-input-placeholder {
    font-size: 13.9px
}

.support__center__contact textarea:-moz-placeholder {
    font-size: 13.9px
}

.support__center__response {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin: 0 2px
}

.support__center__response__id {
    font-size: 15px;
    font-weight: 600;
    margin: 12px auto 14px;
    color: #455369
}

.support__center__response__text {
    font-size: 13.3px;
    font-weight: 500;
    line-height: 1.5;
    align-self: end;
    margin-bottom: 20px;
    color: #455369
}

.support__center__response__text .bold {
    font-weight: 600
}

.support__center__response__note {
    font-size: 13.5px;
    line-height: 1.35;
    align-self: end;
    color: #707f9c
}

.support__center__response__note .bullet {
    position: relative;
    margin-bottom: 4px;
    margin-left: 22px
}

.support__center__response__note .bullet:before {
    line-height: var(--size);
    position: absolute;
    top: 5px;
    left: calc(-1 * var(--size) - 8px);
    width: var(--size);
    height: var(--size);
    content: "";
    background: url(../img/blue-square.svg) no-repeat;
    --size: 7px
}

.support__center__response__note .bullet .bold {
    font-weight: 500;
    color: #455369
}

.support__center__response__note a {
    font-size: 12.5px;
    font-weight: 500;
    vertical-align: baseline;
    text-decoration: underline;
    color: #455369
}

.support__center__footer {
    position: relative;
    overflow: hidden;
    padding: 13px 0;
    border-top: 1px solid #ced5e0;
    background-color: #e3e6ee
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .support__center__footer {
        border:none
    }
}

.support__center__footer__text {
    font-size: 13px;
    font-weight: 500;
    margin-right: 26px;
    text-align: end;
    color: #455369
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .support__center__footer__text {
        font-size:12px;
        margin-bottom: 4px
    }
}

.support-center-active {
    -webkit-transition: -webkit-transform .17s cubic-bezier(.22,.61,.36,1);
    transition: -webkit-transform .17s cubic-bezier(.22,.61,.36,1);
    transition: transform .17s cubic-bezier(.22,.61,.36,1);
    transition: transform .17s cubic-bezier(.22,.61,.36,1),-webkit-transform .17s cubic-bezier(.22,.61,.36,1);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.support-center-arrow-active {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #1c82e8
}

.support-center-input-active {
    border-bottom: 1px solid #1c82e8
}

.support-center-input-wrong {
    border-bottom: 1px solid #cc2727
}

.support-center-description-active {
    border: 1px solid #1c82e8
}

.open-support {
    cursor: pointer
}

.sign-form {
    position: fixed;
    z-index: 10;
    top: 0;
    right: 0;
    display: block;
    overflow: hidden;
    width: 405px;
    height: 100%;
    -webkit-transition: -webkit-transform .25s cubic-bezier(.46,.03,.52,.96);
    transition: -webkit-transform .25s cubic-bezier(.46,.03,.52,.96);
    transition: transform .25s cubic-bezier(.46,.03,.52,.96);
    transition: transform .25s cubic-bezier(.46,.03,.52,.96),-webkit-transform .25s cubic-bezier(.46,.03,.52,.96);
    -webkit-transform: translateX(110%);
    transform: translateX(110%);
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: rgba(18,47,76,.08) 0 0 14px 1px;
    box-shadow: rgba(18,47,76,.08) 0 0 14px 1px
}

@media screen and (max-width: 640px) {
    .sign-form {
        width:100vw
    }
}

.sign-form__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.sign-form__close {
    align-self: flex-end;
    width: 15px;
    padding: 26px 26px 8px;
    cursor: pointer;
    fill: #98a7c0
}

.sign-form__close:hover {
    fill: #1c82e8
}

@media screen and (max-width: 640px) {
    .sign-form__close {
        width:13px
    }
}

.sign-form__choose {
    display: -webkit-box;
    display: flex;
    align-self: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 210px
}

.sign-form__choose__options {
    font-size: 21.5px;
    font-weight: 500;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    margin-top: 5px;
    letter-spacing: -.4px;
    color: #98a7c0
}

@media screen and (max-width: 640px) {
    .sign-form__choose__options {
        font-size:19.5px
    }
}

.sign-form__choose__option {
    width: 105px;
    cursor: pointer
}

.sign-form__choose__line {
    width: 105px;
    height: 2px;
    margin-top: 11px;
    -webkit-transition: -webkit-transform .1s ease-out;
    transition: -webkit-transform .1s ease-out;
    transition: transform .1s ease-out;
    transition: transform .1s ease-out,-webkit-transform .1s ease-out;
    background-color: #0081ff
}

.sign-form__boxes {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch;
    width: 9999px;
    height: 100%;
    -webkit-transition: -webkit-transform ease-out .15s;
    transition: -webkit-transform ease-out .15s;
    transition: transform ease-out .15s;
    transition: transform ease-out .15s,-webkit-transform ease-out .15s
}

.sign-form__box {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 325px;
    margin: 35px 40px
}

@media screen and (max-width: 640px) {
    .sign-form__box {
        width:calc(100vw - 70px);
        margin: 35px
    }
}

.sign-form__box__semi {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.sign-form__box__title {
    font-size: 21px;
    font-weight: 600;
    align-self: flex-start;
    margin-bottom: 14px;
    text-align: left;
    letter-spacing: -.6px;
    color: #324664
}

@media screen and (max-width: 640px) {
    .sign-form__box__title {
        font-size:18px;
        letter-spacing: -.3px
    }
}

.sign-form__box__label {
    font-size: 15px;
    font-weight: 500;
    align-self: flex-start;
    margin-top: 15px;
    margin-bottom: 6px;
    text-align: left
}

.sign-form__box__conf__img {
    position: relative;
    bottom: 1px;
    left: 2px;
    width: 34px;
    border-radius: 80px;
    fill: #1c82e8
}

@media screen and (max-width: 640px) {
    .sign-form__box__conf__img {
        width:29px
    }
}

.sign-form__box__conf__img__holder {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    align-self: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 61px;
    height: 61px;
    margin: 0 auto 23px;
    border: 1.5px solid #1c82e8;
    border-radius: 50px
}

@media screen and (max-width: 640px) {
    .sign-form__box__conf__img__holder {
        width:52px;
        height: 52px;
        margin: 0 auto 20px
    }
}

.sign-form__box__conf__title {
    font-size: 17px;
    font-weight: 600;
    align-self: flex-start;
    margin-top: 15px;
    margin-bottom: 20px;
    text-align: left;
    letter-spacing: -.6px;
    color: #324664
}

@media screen and (max-width: 640px) {
    .sign-form__box__conf__title {
        font-size:15.5px
    }
}

.sign-form__box__subtitle {
    font-size: 15px;
    line-height: 1.5;
    align-self: flex-start;
    margin-top: 7px;
    margin-bottom: 3px;
    text-align: left;
    color: #6c7a90
}

@media screen and (max-width: 640px) {
    .sign-form__box__subtitle {
        font-size:14px
    }
}

.sign-form__box__bullet__title {
    font-size: 15px;
    align-self: flex-start;
    margin-top: 7px;
    text-align: left;
    color: #6c7a90
}

@media screen and (max-width: 640px) {
    .sign-form__box__bullet__title {
        font-size:14px
    }
}

.sign-form__box__bullet__title__bullet {
    display: inline-block;
    margin: 7px 6px 0 5px;
    padding: 2px;
    border-radius: 75px;
    background-color: #6c7a90
}

.sign-form__box__button {
    font-size: 16.5px;
    font-weight: 500;
    position: relative;
    margin-top: 22px;
    padding: 9px 12px 11px;
    cursor: pointer;
    -webkit-transition: all .15s;
    transition: all .15s;
    letter-spacing: -.2px;
    color: #fff;
    border-radius: 1px;
    background-color: #1c82e8
}

.sign-form__box__button:disabled {
    opacity: .75
}

.sign-form__box__button:after {
    position: absolute;
    right: 14px;
    width: 0;
    content: "";
    opacity: 0;
    background: url(../img/spinner-white.svg) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}

.sign-form__box__button:disabled:after {
    width: 20px;
    height: 20px;
    opacity: .8
}

@media screen and (max-width: 640px) {
    .sign-form__box__button:disabled:after {
        width:18px;
        height: 18px
    }
}

.sign-form__box__button:hover:not([disabled]) {
    background-color: #2a96ff
}

@media screen and (max-width: 640px) {
    .sign-form__box__button {
        font-size:14.5px;
        padding: 8px 12px 10px
    }
}

.sign-form__box__button__google {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    margin-top: 18px;
    padding: 11px 0;
    cursor: pointer;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    color: #6c7a90;
    border-radius: 1px;
    background-color: #fff;
    -webkit-box-shadow: rgba(18,47,76,.22) 0 1px 3px 0;
    box-shadow: rgba(18,47,76,.22) 0 1px 3px 0
}

.sign-form__box__button__google:disabled {
    opacity: .75
}

.sign-form__box__button__google:after {
    position: absolute;
    right: 14px;
    width: 0;
    content: "";
    opacity: 0;
    background: url(../img/spinner-blue.svg) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}

.sign-form__box__button__google:disabled:after {
    width: 20px;
    height: 20px;
    opacity: .8
}

@media screen and (max-width: 640px) {
    .sign-form__box__button__google:disabled:after {
        width:18px;
        height: 18px
    }
}

.sign-form__box__button__google:hover:not([disabled]) {
    -webkit-box-shadow: rgba(18,47,76,.21) 0 1px 3px 1px;
    box-shadow: rgba(18,47,76,.21) 0 1px 3px 1px
}

.sign-form__box__button__google__logo {
    width: 18px;
    margin-right: 14px
}

@media screen and (max-width: 640px) {
    .sign-form__box__button__google__logo {
        width:16px;
        margin-right: 10px
    }
}

.sign-form__box__button__google__text {
    width: 133px
}

@media screen and (max-width: 640px) {
    .sign-form__box__button__google__text {
        width:122px
    }
}

.sign-form__box__button__google__error {
    font-size: 13.5px;
    font-weight: 500;
    display: none;
    align-self: flex-end;
    margin-top: 8px;
    color: #c80000
}

@media screen and (max-width: 640px) {
    .sign-form__box__button__google__error {
        font-size:12.3px
    }
}

.sign-form__box__forgot {
    font-size: 13.5px;
    font-weight: 500;
    align-self: flex-end;
    margin-top: 4px;
    cursor: pointer;
    letter-spacing: -.2px;
    color: #1c82e8
}

@media screen and (max-width: 640px) {
    .sign-form__box__forgot {
        font-size:12px
    }
}

.sign-form__box__input {
    font-size: 16px;
    font-weight: 500;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 42px;
    padding: 2px 5px;
    -webkit-transition: border .25s ease 0s;
    transition: border .25s ease 0s;
    color: #232323;
    border-bottom: #dddfe5 1.5px solid;
    border-radius: 1px
}

@media screen and (max-width: 640px) {
    .sign-form__box__input {
        font-size:14px
    }
}

.sign-form__box__input__wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin: 25px 0 10px
}

.sign-form__box__input__label {
    font-size: 16.4px;
    position: absolute;
    margin-top: 7px;
    margin-left: 2px;
    -webkit-transition: -webkit-transform .15s ease-in;
    transition: -webkit-transform .15s ease-in;
    transition: transform .15s ease-in;
    transition: transform .15s ease-in,-webkit-transform .15s ease-in;
    letter-spacing: -.2px;
    pointer-events: none;
    color: #848ea0
}

@media screen and (max-width: 640px) {
    .sign-form__box__input__label {
        font-size:15px
    }
}

.sign-form__box__input__error {
    font-size: 13.5px;
    font-weight: 500;
    align-self: flex-end;
    margin-top: 4px;
    color: #c80000
}

@media screen and (max-width: 640px) {
    .sign-form__box__input__error {
        font-size:12.3px
    }
}

.sign-form__box__terms {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    margin-top: 20px
}

.sign-form__box__terms__checkbox {
    visibility: hidden
}

.sign-form__box__terms__checkbox:checked+label:after {
    opacity: 1
}

.sign-form__box__terms__checkbox+label {
    position: absolute;
    top: 3px;
    left: 2px;
    width: 15.5px;
    height: 14.5px;
    cursor: pointer;
    background: #fff;
    -webkit-box-shadow: rgba(18,47,76,.34) 0 .2px 1px .5px;
    box-shadow: rgba(18,47,76,.34) 0 .2px 1px .5px
}

@media screen and (max-width: 640px) {
    .sign-form__box__terms__checkbox+label {
        width:15px;
        height: 14px
    }
}

.sign-form__box__terms__checkbox+label:after {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 7px;
    height: 3px;
    content: "";
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
    border: 2px solid #1b83e9;
    border-top: none;
    border-right: none;
    background: 0 0
}

.sign-form__box__terms__checkbox+label:hover::after {
    opacity: .5
}

.sign-form__box__terms__text {
    font-size: 14.6px;
    line-height: 1.35;
    margin-left: 12px;
    cursor: pointer;
    text-align: left;
    letter-spacing: -.2px;
    color: #55667e
}

@media screen and (max-width: 640px) {
    .sign-form__box__terms__text {
        font-size:13px;
        line-height: 1.4
    }
}

.sign-form__box__terms__text a {
    font-weight: 500;
    text-decoration: underline;
    color: #455369
}

.sign-form-active {
    -webkit-transition: -webkit-transform .18s cubic-bezier(.39,.58,.57,1);
    transition: -webkit-transform .18s cubic-bezier(.39,.58,.57,1);
    transition: transform .18s cubic-bezier(.39,.58,.57,1);
    transition: transform .18s cubic-bezier(.39,.58,.57,1),-webkit-transform .18s cubic-bezier(.39,.58,.57,1);
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.sign-form-line-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.sign-form-choose-active {
    color: #0081ff
}

.sign-form-resend-submit {
    cursor: pointer
}

.sign-form-blue {
    color: #0081ff
}

.notice-box {
    position: fixed;
    z-index: 11;
    bottom: 4px;
    -webkit-transition: -webkit-transform .25s ease-in;
    transition: -webkit-transform .25s ease-in;
    transition: transform .25s ease-in;
    transition: transform .25s ease-in,-webkit-transform .25s ease-in;
    left: 50%;
    -webkit-transform: translate(-50%,110%);
    transform: translate(-50%,110%);
    width: 1240px
}

@media screen and (max-width: 1440px) {
    .notice-box {
        width:85.5vw
    }
}

@media screen and (max-width: 1240px) {
    .notice-box {
        width:91.5vw
    }
}

@media screen and (max-width: 1040px) {
    .notice-box {
        width:83.5vw
    }
}

@media screen and (max-width: 640px) {
    .notice-box {
        width:calc(100vw - 86px)
    }
}

.notice-box-active {
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0)
}

.notice-box__box {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 22px;
    color: #fff;
    border-radius: 4px;
    background: rgba(10,20,32,.86)
}

@media screen and (max-width: 765px) {
    .notice-box__box {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

.notice-box__icon {
    flex-shrink: 0;
    width: 21px;
    height: 21px;
    margin-right: 8px
}

@media screen and (max-width: 765px) {
    .notice-box__icon {
        display:none
    }
}

.notice-box__text {
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: .1px;
    opacity: .94
}

@media screen and (max-width: 1040px) {
    .notice-box__text {
        font-size:15px
    }
}

@media screen and (max-width: 765px) {
    .notice-box__text {
        margin-bottom:12px
    }
}

@media screen and (max-width: 640px) {
    .notice-box__text {
        font-size:14px;
        line-height: 1.3
    }
}

.notice-box a {
    text-decoration: underline;
    color: #2a96ff
}

.notice-box__button {
    font-size: 14px;
    margin: 0 4px;
    padding: 4px 20px;
    cursor: pointer;
    -webkit-transition: all .15s;
    transition: all .15s;
    text-align: center;
    letter-spacing: .6px;
    color: #fff;
    border-radius: 2px;
    background: -webkit-linear-gradient(295deg,#2690ff 28%,#1d82f0 100%);
    background: linear-gradient(155deg,#2690ff 28%,#1d82f0 100%)
}

.notice-box__button:hover {
    background: -webkit-linear-gradient(225deg,#2a96ff 28%,#2a96ff 100%);
    background: linear-gradient(225deg,#2a96ff 28%,#2a96ff 100%)
}

@media screen and (max-width: 765px) {
    .notice-box__button {
        width:100%;
        margin: unset
    }

    .notice-box__button:first-child {
        margin-right: 10px
    }
}

@media screen and (max-width: 640px) {
    .notice-box__button {
        padding:5px 20px
    }
}

.notice-box__button__holder {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    margin-left: 14px
}

@media screen and (max-width: 765px) {
    .notice-box__button__holder {
        width:100%;
        margin-left: unset
    }
}

.warning-box {
    position: fixed;
    z-index: 11;
    bottom: 4px;
    -webkit-transition: -webkit-transform .25s ease-in;
    transition: -webkit-transform .25s ease-in;
    transition: transform .25s ease-in;
    transition: transform .25s ease-in,-webkit-transform .25s ease-in;
    left: 50%;
    -webkit-transform: translate(-50%,110%);
    transform: translate(-50%,110%);
    width: 1240px
}

@media screen and (max-width: 1440px) {
    .warning-box {
        width:85.5vw
    }
}

@media screen and (max-width: 1240px) {
    .warning-box {
        width:91.5vw
    }
}

@media screen and (max-width: 1040px) {
    .warning-box {
        width:83.5vw
    }
}

@media screen and (max-width: 640px) {
    .warning-box {
        width:calc(100vw - 86px)
    }
}

.warning-box__box {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 22px;
    color: #fff;
    border-radius: 4px;
    background: rgba(10,20,32,.86)
}

@media screen and (max-width: 765px) {
    .warning-box__box {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

.warning-box__title {
    font-size: 15px;
    margin-right: 12px;
    padding: 6px 20px;
    opacity: .8;
    color: #f8ad3b;
    border: #f8ad3b 1px solid;
    background-color: #121a28
}

@media screen and (max-width: 1040px) {
    .warning-box__title {
        font-size:14px
    }
}

@media screen and (max-width: 765px) {
    .warning-box__title {
        align-self:start;
        margin-bottom: 8px
    }
}

@media screen and (max-width: 640px) {
    .warning-box__title {
        font-size:13px;
        padding: 5px 18px
    }
}

.warning-box__text {
    font-size: 15px;
    line-height: 1.2;
    letter-spacing: .1px;
    opacity: .8;
    color: #f8ad3b
}

@media screen and (max-width: 1040px) {
    .warning-box__text {
        font-size:14px
    }
}

@media screen and (max-width: 765px) {
    .warning-box__text {
        margin-bottom:12px
    }
}

@media screen and (max-width: 640px) {
    .warning-box__text {
        font-size:13px;
        line-height: 1.3
    }
}

.warning-box__button {
    font-size: 15px;
    font-weight: 500;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 5px;
    margin-left: 12px;
    padding: 5px 20px;
    cursor: pointer;
    -webkit-transition: all .15s;
    transition: all .15s;
    text-align: center;
    white-space: nowrap;
    letter-spacing: .6px;
    color: #121a28;
    border-radius: 2px;
    background: -webkit-linear-gradient(225deg,#eaedf2 28%,#f6f6fa 100%);
    background: linear-gradient(225deg,#eaedf2 28%,#f6f6fa 100%)
}

.warning-box__button:hover {
    color: #fff;
    background: -webkit-linear-gradient(225deg,#2a96ff 28%,#2a96ff 100%);
    background: linear-gradient(225deg,#2a96ff 28%,#2a96ff 100%)
}

@media screen and (max-width: 765px) {
    .warning-box__button {
        width:100%;
        margin: unset;
        padding: 6px 20px
    }
}

@media screen and (max-width: 640px) {
    .warning-box__button {
        font-size:14px
    }
}

.track-order {
    position: fixed;
    z-index: 10;
    bottom: 8px;
    left: 0;
    -webkit-transition: -webkit-transform .25s cubic-bezier(.55,.09,.68,.53);
    transition: -webkit-transform .25s cubic-bezier(.55,.09,.68,.53);
    transition: transform .25s cubic-bezier(.55,.09,.68,.53);
    transition: transform .25s cubic-bezier(.55,.09,.68,.53),-webkit-transform .25s cubic-bezier(.55,.09,.68,.53);
    -webkit-transform: translateX(-110%);
    transform: translateX(-110%)
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order {
        right:0;
        bottom: 0;
        height: 100%
    }
}

.track-order.active,.track-order.hover {
    -webkit-transition: -webkit-transform .25s cubic-bezier(0,0,.2,1);
    transition: -webkit-transform .25s cubic-bezier(0,0,.2,1);
    transition: transform .25s cubic-bezier(0,0,.2,1);
    transition: transform .25s cubic-bezier(0,0,.2,1),-webkit-transform .25s cubic-bezier(0,0,.2,1);
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.track-order__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 315px;
    max-width: calc(100vw - 10px);
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: rgba(18,47,76,.14) 0 6px 16px 0;
    box-shadow: rgba(18,47,76,.14) 0 6px 16px 0
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__container {
        width:100%;
        max-width: unset;
        height: 100%
    }
}

.track-order__head {
    position: relative;
    overflow: hidden;
    padding: 44px 0 16px;
    border-top: #202b3e 1px solid;
    border-right: #202b3e 1px solid;
    background-color: #111925
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__head {
        padding:35px 0 25px;
        border: none
    }
}

.track-order__head__logo {
    position: absolute;
    top: 0;
    right: 0;
    width: 163px;
    opacity: .8
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__head__logo {
        width:150px
    }
}

.track-order__head__title {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-left: 15px
}

.track-order__head__title__img {
    position: relative;
    bottom: 3px;
    width: 34px;
    margin-right: 10px;
    opacity: .9
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__head__title__img {
        width:32px
    }
}

.track-order__head__title__text {
    font-size: 23.5px;
    color: #eaedf2
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__head__title__text {
        font-size:23px
    }
}

.track-order__head__close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 13px 10px;
    cursor: pointer;
    -webkit-transition: all .25s ease 0s;
    transition: all .25s ease 0s
}

.track-order__head__close:hover {
    color: #1c82e8
}

.track-order__content {
    overflow-x: hidden;
    overflow-y: auto
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__content {
        height:100%
    }
}

.track-order__content__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    width: 315px;
    max-width: calc(100vw - 10px);
    height: 511px;
    max-height: calc(100vh - 285px)
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__content__container {
        width:100vw;
        max-width: unset;
        height: 100%;
        max-height: unset
    }
}

.track-order__content__content {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%
}

.track-order__content__scrollbarspace {
    width: 7px
}

.track-order__action {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%;
    margin-bottom: 10px
}

.track-order__action__row {
    padding: 16px 10px 16px 18px;
    border-bottom: #ced5e0 1px solid
}

.track-order__action__row:first-child {
    padding-top: 24px
}

.track-order__action__title {
    font-size: 17.5px;
    font-weight: 600;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s;
    letter-spacing: -.3px;
    color: #4b545d
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__action__title {
        font-size:16.5px
    }
}

.track-order__action__title:hover {
    color: #0081ff
}

.track-order__action__title:hover .track-order__action__title__arrow {
    fill: #2690f8
}

.track-order__action__title__arrow {
    width: 14px;
    -webkit-transition: .2s;
    transition: .2s;
    fill: #1c82e8
}

.track-order__action__title.link .track-order__action__title__arrow {
    width: 15px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.track-order__action__orders {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin-top: 20px
}

.track-order__action__orders__order {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin: 8px 0;
    padding: 5px 0 5px 5px;
    -webkit-transition: all .13s cubic-bezier(.55,.09,.68,.53);
    transition: all .13s cubic-bezier(.55,.09,.68,.53);
    border-radius: 2px
}

.track-order__action__orders__order:first-child {
    margin-top: 2px
}

.track-order__action__orders__order:hover {
    padding-left: 10px;
    background-color: #f6f8fc
}

.track-order__action__orders__order__data {
    font-size: 13.5px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    color: #848ea0
}

.track-order__action__orders__order__data__id {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
}

.track-order__action__orders__order__data__id__id {
    font-weight: 500;
    color: #324664;
    margin-left: 3px
}

.track-order__action__orders__order__data__details {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.track-order__action__orders__order__status {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
}

.track-order__action__orders__order__status__status {
    font-size: 13.5px;
    font-weight: 500;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 80px;
    height: 20px;
    padding: 5px 7px;
    border-radius: 1px
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__action__orders__order__status__status {
        margin-right:5px
    }
}

.track-order__action__orders__empty {
    font-size: 14px;
    line-height: 1.3;
    color: #6c7a90
}

.track-order__track {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    padding: 10px 14px;
    border-top: 1px solid #ced5e0;
    background-color: #e3e6ee
}

.track-order__track__input {
    font-size: 16px;
    font-weight: 500;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 32px;
    padding: 0 5px;
    -webkit-transition: border .25s ease 0s;
    transition: border .25s ease 0s;
    color: #455369;
    border-bottom: #808794 1px solid;
    border-radius: 1px
}

.track-order__track__input::-webkit-input-placeholder {
    color: #455369
}

.track-order__track__input:-moz-placeholder {
    color: #455369
}

.track-order__track__input::-moz-placeholder {
    color: #455369
}

.track-order__track__input:-ms-input-placeholder {
    color: #455369
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__track__input {
        font-size:14px
    }
}

.track-order__track__input__wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%;
    margin-right: 20px
}

.track-order__track__input__error {
    font-size: 12px;
    font-weight: 500;
    align-self: flex-start;
    margin: 4px 0 0;
    white-space: nowrap;
    color: #c80000
}

.track-order__track__button {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    padding: 8px 24px;
    cursor: pointer;
    -webkit-transition: all .15s;
    transition: all .15s;
    white-space: nowrap;
    letter-spacing: .2px;
    color: #fff;
    border-radius: 1px;
    background-color: #1c82e8
}

.track-order__track__button:hover {
    background-color: #2a96ff
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order .track-order__corner__active__icon__wrapper {
        width:30px;
        height: 30px
    }
}

.track-order-arrow-active {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #1c82e8
}

.track-order__corner__inactive {
    font-size: 16.9px;
    position: fixed;
    z-index: 10;
    bottom: 26px;
    left: -27px;
    padding: 16px 10px;
    cursor: pointer;
    -webkit-transition: all 135ms ease-in-out;
    transition: all 135ms ease-in-out;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    letter-spacing: .2px;
    color: #fff;
    border-radius: 0 0 1px 1px;
    background-color: rgba(132,158,185,.8);
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    -webkit-text-orientation: mixed;
    text-orientation: mixed
}

.track-order__corner__inactive:hover {
    left: 0
}

.track-order__corner__inactive.active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__corner__inactive {
        font-size:14.6px
    }
}

.track-order__corner__active {
    position: fixed;
    z-index: 10;
    bottom: 25px;
    left: 0;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: translateX(-110%);
    transform: translateX(-110%);
    border-radius: 2px 2px 0 0;
    background-color: #fff;
    -webkit-box-shadow: rgba(18,47,76,.14) 0 2px 15px 0;
    box-shadow: rgba(18,47,76,.14) 0 2px 15px 0
}

.track-order__corner__active.active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.track-order__corner__active__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__corner__active__container {
        width:30px
    }
}

.track-order__corner__active__head {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 5px;
    background-color: #111925
}

.track-order__corner__active__head__img {
    width: 28px
}

.track-order__corner__active__content {
    display: -webkit-box;
    display: flex;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    max-height: 29vh
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__corner__active__content {
        max-height:16vh
    }
}

.track-order__corner__active__active {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 8px 0
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__corner__active__active {
        padding:6px 0
    }
}

.track-order__corner__active__sep {
    align-self: center;
    width: 60%;
    border-bottom: 1.5px #dde2e8 solid
}

.track-order__corner__active__recent {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 8px 0
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__corner__active__recent {
        padding:6px 0
    }
}

.track-order__corner__active__more {
    display: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 6px 0 12px
}

.track-order__corner__active__more__dot {
    width: 3px;
    height: 3px;
    margin: 0 1.5px;
    border-radius: 50px;
    background-color: #a2b1c8
}

.track-order__corner__active__icon__wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 38px;
    height: 30px
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__corner__active__icon__wrapper {
        width:30px;
        height: 28px
    }
}

.track-order__corner__active__icon__spinner {
    width: 24px;
    height: 24px
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__corner__active__icon__spinner {
        width:20px;
        height: 20px
    }
}

.track-order__corner__active__icon__complete {
    width: 18px;
    fill: #21b2af
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__corner__active__icon__complete {
        width:16px
    }
}

.track-order__corner__active__icon__refund {
    width: 18px;
    fill: #2690f8
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__corner__active__icon__refund {
        width:16px
    }
}
table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    border-radius: 2px;
    background-color: #fff
}

td,th {
    padding: 1px 20px;
    vertical-align: middle
}

th {
    font-size: 15px;
    font-weight: 600;
    height: 46px;
    color: #324664;
    border-bottom: 1px solid #ddd
}

@media screen and (max-width: 1040px) {
    th {
        font-size:14px;
        height: 44px
    }
}

@media screen and (max-width: 540px) {
    th {
        font-size:13px;
        height: 42px
    }
}

td {
    font-size: 14.5px;
    font-weight: 500;
    height: 42px
}

@media screen and (max-width: 1040px) {
    td {
        font-size:14px;
        height: 40px
    }
}

@media screen and (max-width: 540px) {
    td {
        font-size:13px;
        height: 38px
    }
}

.body-tr {
    color: #848ea0;
    border-bottom: 1px solid #ddd
}

.body-tr:last-child {
    border-bottom: unset
}

.body-tr-active {
    color: #1c82e8;
    border-bottom: 1px solid #ddd;
    background-color: #eff7ff
}
.track-order__corner__active__icon__protection {
    width: 18px;
    fill: #2690f8
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__corner__active__icon__protection {
        width:16px
    }
}

.track-order__corner__active__icon__failed {
    width: 16px;
    fill: #c01f3b
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__corner__active__icon__failed {
        width:14px
    }
}

.track-order__corner__active__icon__action {
    width: 16px;
    height: 19px;
    fill: #2690f8
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__corner__active__icon__action {
        width:14px;
        height: 16px
    }
}

.amount-loader-rec {
    position: absolute;
    bottom: 20px;
    left: 30px;
    display: none
}

@media screen and (max-width: 540px) {
    .amount-loader-rec {
        bottom:18px
    }
}

@supports (-webkit-overflow-scrolling:touch) {
    .amount-loader-rec {
        bottom: 30px
    }

    @media screen and (max-width: 540px) {
        .amount-loader-rec {
            bottom:28px
        }
    }
}

@media not all and (-webkit-min-device-pixel-ratio: 0),not all and (min-resolution:0.001dpcm) {
    @supports (-webkit-appearance:none) {
        .amount-loader-rec {
            bottom:30px
        }

        @media screen and (max-width: 540px) {
            .amount-loader-rec {
                bottom:28px
            }
        }
    }
}

@-moz-document url-prefix() {
    .amount-loader-rec {
        bottom: 30px
    }

    @media screen and (max-width: 540px) {
        .amount-loader-rec {
            bottom:28px
        }
    }
}

.loader1,.loader2 {
    font-size: 3.3px;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    color: #2a96ff
}

.loader2 {
    left: 12px
}

.loader1,.loader1:after,.loader1:before,.loader2,.loader2:after,.loader2:before {
    width: 2.2em;
    height: 2.2em;
    -webkit-animation: loadBullets 1.1s infinite ease-in-out;
    animation: loadBullets 1.1s infinite ease-in-out;
    border-radius: 50%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.loader1:after,.loader1:before,.loader2:after,.loader2:before {
    position: absolute;
    top: 0;
    content: ""
}

.loader1:before {
    left: -3.5em;
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.loader2:before {
    left: -3.5em;
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.loader1:after {
    left: 3.5em;
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

.loader2:after {
    left: 3.5em;
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

@-webkit-keyframes loadBullets {
    0%,100%,80% {
        -webkit-box-shadow: 0 2.5em 0 -1.3em;
        box-shadow: 0 2.5em 0 -1.3em
    }

    40% {
        -webkit-box-shadow: 0 2.5em 0 0;
        box-shadow: 0 2.5em 0 0
    }
}

@keyframes loadBullets {
    0%,100%,80% {
        -webkit-box-shadow: 0 2.5em 0 -1.3em;
        box-shadow: 0 2.5em 0 -1.3em
    }

    40% {
        -webkit-box-shadow: 0 2.5em 0 0;
        box-shadow: 0 2.5em 0 0
    }
}

.exchange {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin-left: auto
}

.exchange__blue {
    color: #0081ff
}

.exchange .select-row-dep {
    margin-bottom: 18px
}

.exchange__select {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: rgba(99,99,99,.15) 0 0 3px 0;
    box-shadow: rgba(99,99,99,.15) 0 0 3px 0
}

.exchange__select.exchange__select__first {
    z-index: 3
}

.exchange__select__input {
    width: 100%;
    height: 64px
}

@media screen and (max-width: 640px) {
    .exchange__select__input {
        height:58px
    }
}

.exchange__select__input__choose {
    position: absolute;
    z-index: 3;
    display: -webkit-box;
    display: flex;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%;
    border-radius: 0 0 3px 3px;
    background-color: #fff;
    -webkit-box-shadow: rgba(0,0,0,.13) -2px 6px 10px 0;
    box-shadow: rgba(0,0,0,.13) -2px 6px 10px 0
}

.exchange__select__input__choose__search {
    font-size: 17px;
    font-weight: 500;
    position: relative;
    z-index: 4;
    height: 51px;
    padding: 0 7px 0 49px;
    color: #324664;
    border: none;
    -webkit-box-shadow: rgba(99,99,99,.14) 0 2px 5px 0;
    box-shadow: rgba(99,99,99,.14) 0 2px 5px 0
}

.exchange__select__input__choose__search::-webkit-input-placeholder {
    font-size: 16px;
    color: #6c7a90
}

.exchange__select__input__choose__search:-moz-placeholder {
    font-size: 16px;
    color: #6c7a90
}

.exchange__select__input__choose__search::-moz-placeholder {
    font-size: 16px;
    color: #6c7a90
}

.exchange__select__input__choose__search:-ms-input-placeholder {
    font-size: 16px;
    color: #6c7a90
}

@media screen and (max-width: 640px) {
    .exchange__select__input__choose__search {
        font-size:16px;
        height: 47px;
        padding: 0 7px 0 42px
    }

    .exchange__select__input__choose__search::-webkit-input-placeholder {
        font-size: 14px
    }

    .exchange__select__input__choose__search:-moz-placeholder {
        font-size: 14px
    }

    .exchange__select__input__choose__search::-moz-placeholder {
        font-size: 14px
    }

    .exchange__select__input__choose__search:-ms-input-placeholder {
        font-size: 14px
    }
}

.exchange__select__input__choose__search__icon {
    position: absolute;
    top: 16px;
    left: 18px;
    width: 19px;
    height: 19px;
    fill: #848ea0
}

@media screen and (max-width: 640px) {
    .exchange__select__input__choose__search__icon {
        top:15px;
        left: 15px;
        width: 17px;
        height: 17px
    }
}

.exchange__select__input__choose__drop {
    position: relative;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 100%;
    height: auto;
    min-height: 280px;
    max-height: 280px;
    white-space: nowrap
}

@media screen and (max-width: 640px) {
    .exchange__select__input__choose__drop {
        min-height:240px;
        max-height: 240px
    }
}

.exchange__select__input__choose__drop::-webkit-scrollbar-track {
    background: #fff
}

.exchange__select__input__choose__drop::-webkit-scrollbar {
    width: 5px
}

.exchange__select__input__choose__drop::-webkit-scrollbar-thumb {
    background: #0081ff
}

.exchange__select__input__choose__drop .coin-option {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 54px;
    cursor: pointer;
    color: #3a3a3a;
    border-bottom: #e7e7e7 1px solid;
    background-color: #fff
}

.exchange__select__input__choose__drop .coin-option:last-child {
    border-bottom: 0
}

.exchange__select__input__choose__drop .coin-option:hover {
    background-color: #eff2f7
}

.exchange__select__input__choose__drop .coin-option .coin-icon {
    width: 24px;
    height: 23px;
    margin-left: 15px;
    padding: 4px;
    border-radius: 50px;
    background-color: #eaedf2
}

@media screen and (max-width: 640px) {
    .exchange__select__input__choose__drop .coin-option .coin-icon {
        width:21px;
        height: 20px;
        margin-left: 10px;
        padding: 3px
    }
}

.exchange__select__input__choose__drop .coin-option .coin-short {
    font-size: 17px;
    font-weight: 500;
    margin-left: 10px;
    color: #2f3c53
}

@media screen and (max-width: 640px) {
    .exchange__select__input__choose__drop .coin-option .coin-short {
        font-size:16px;
        margin-left: 10px
    }
}

.exchange__select__input__choose__drop .coin-option .coin-name {
    font-size: 16px;
    margin-left: 8px;
    letter-spacing: .1px;
    color: #606d82
}

@media screen and (max-width: 640px) {
    .exchange__select__input__choose__drop .coin-option .coin-name {
        font-size:15px;
        margin-left: 6px;
        white-space: normal;
        word-wrap: break-word
    }
}

.exchange__select__input__choose__drop .coin-option .coin-network {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin-right: 12px;
    margin-bottom: 6px;
    margin-left: auto
}

.exchange__select__input__choose__drop .coin-option .coin-network .coin-network-title {
    font-size: 12px;
    cursor: initial;
    color: #848ea0
}

.exchange__select__input__choose__drop .coin-option .coin-network .coin-network-select {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 2px;
    padding: 0;
    -webkit-transition: .15s all;
    transition: .15s all;
    border-radius: 2px;
    background-color: #1c82e8
}

.exchange__select__input__choose__drop .coin-option .coin-network .coin-network-select:hover {
    background-color: #2690f8
}

.exchange__select__input__choose__drop .coin-option .coin-network .coin-network-select:hover .arrow {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    fill: #2690f8
}

.exchange__select__input__choose__drop .coin-option .coin-network .coin-network-select:hover .coin-network-list {
    display: -webkit-box;
    display: flex
}

.exchange__select__input__choose__drop .coin-option .coin-network .coin-network-select .selected {
    font-size: 12px;
    font-weight: 500;
    width: 60px;
    padding: 4px 0;
    cursor: initial;
    text-align: center;
    color: #fff
}

.exchange__select__input__choose__drop .coin-option .coin-network .coin-network-select .arrow {
    width: 10px;
    height: 4px;
    -webkit-transition: .15s all;
    transition: .15s all;
    fill: #1c82e8
}

.exchange__select__input__choose__drop .coin-option .coin-network .coin-network-select .arrow-wrapper {
    display: -webkit-box;
    display: flex;
    padding: 8px 3px;
    cursor: initial;
    border-top: #bec2ca 1px solid;
    border-right: #bec2ca 1px solid;
    border-bottom: #bec2ca 1px solid;
    border-radius: 2px;
    background-color: #f9fafc
}

.exchange__select__input__choose__drop .coin-option .coin-network .coin-network-select .coin-network-list {
    position: absolute;
    z-index: 3;
    top: 22px;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 77px;
    -webkit-box-shadow: rgba(18,47,76,.15) 0 4px 5px 0;
    box-shadow: rgba(18,47,76,.15) 0 4px 5px 0
}

.exchange__select__input__choose__drop .coin-option .coin-network .coin-network-select .coin-network-list .coin-network-option {
    font-size: 13px;
    font-weight: 600;
    padding: 5px 6px;
    color: #55667e;
    border-top: 1px solid #e3e6ee;
    background-color: #f4f6fa
}

.exchange__select__input__choose__drop .coin-option .coin-network .coin-network-select .coin-network-list .coin-network-option:hover {
    color: #324664;
    background-color: #fff
}

.exchange__select__input__choose__drop .coin-option .coin-network .coin-network-select .coin-network-list .coin-network-option.suspended {
    cursor: not-allowed;
    color: #9badca;
    background-color: #f4f6fa
}

.exchange__select__input__choose__drop .coin-option.suspended {
    cursor: initial
}

.exchange__select__input__choose__drop .coin-option.suspended .coin-short {
    color: #a2b1c8
}

.exchange__select__input__choose__drop .coin-option.suspended .coin-name {
    color: #a2b1c8
}

.exchange__select__input__choose__drop .coin-option .coin-suspended {
    position: relative;
    display: -webkit-box;
    display: flex;
    margin-right: 46px;
    margin-left: auto;
    white-space: initial
}

.exchange__select__input__choose__drop .coin-option .coin-suspended:hover .coin-suspended__wrapper {
    visibility: visible;
    opacity: 1
}

.exchange__select__input__choose__drop .coin-option .coin-suspended__img {
    width: 9px;
    height: 9px;
    margin-left: 8px;
    padding: 3px;
    border-radius: 40px;
    background-color: #c2cdde;
    fill: #fff
}

.exchange__select__input__choose__drop .coin-option .coin-suspended__wrapper {
    position: absolute;
    z-index: 2;
    top: -6px;
    right: -2px;
    visibility: hidden;
    padding-right: 26px;
    -webkit-transition: all .25s;
    transition: all .25s;
    opacity: 0
}

.exchange__select__input__choose__drop .coin-option .coin-suspended__container {
    font-size: 13.8px;
    font-weight: 400;
    line-height: 1.4;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 12px 18px;
    cursor: default;
    white-space: nowrap;
    color: #929ebe;
    border-radius: 1px;
    background-color: #fff;
    -webkit-box-shadow: rgba(18,47,76,.15) 0 1px 5px 0;
    box-shadow: rgba(18,47,76,.15) 0 1px 5px 0
}

@media screen and (max-width: 640px) {
    .exchange__select__input__choose__drop .coin-option .coin-suspended__container {
        font-size:13px
    }
}

@media screen and (max-width: 540px) {
    .exchange__select__input__choose__drop .coin-option .coin-suspended__container {
        font-size:12.5px
    }
}

.exchange__select__input__choose__drop .coin-option .coin-suspended__title {
    font-size: 14px;
    font-weight: 600;
    margin-right: 26px;
    color: #455369
}

.exchange__select__input__choose__drop .coin-option .coin-suspended__status {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 3px
}

.exchange__select__input__choose__drop .coin-option .coin-suspended__status__label {
    margin-right: 24px
}

.exchange__select__input__choose__drop .coin-option .coin-suspended__status svg {
    width: 13px;
    margin-right: 24px;
    fill: #2690f8
}

.exchange__select__input__choose__drop .coin-option .coin-suspended__status a {
    font-size: 12.5px;
    font-weight: 500;
    text-decoration: underline;
    letter-spacing: -.1px;
    color: #1c82e8
}

.exchange__select__input__label {
    font-size: 14px;
    font-weight: 500;
    position: relative;
    z-index: 2;
    top: 7px;
    padding-left: 12px;
    color: #2a96ff
}

@media screen and (max-width: 640px) {
    .exchange__select__input__label {
        font-size:12.5px;
        top: 6px;
        padding-left: 8px
    }
}

.exchange__select__input__amount {
    font-size: 24.5px;
    font-weight: 500;
    width: calc(100% - 35px);
    height: 38px;
    padding: 4px 14px 0;
    letter-spacing: -.2px;
    opacity: 1;
    color: #324664;
    border: transparent;
    -webkit-text-fill-color: #324664
}

.exchange__select__input__amount::-webkit-input-placeholder {
    font-size: 17px;
    color: #6c7a90
}

.exchange__select__input__amount:-moz-placeholder {
    font-size: 17px;
    color: #6c7a90
}

.exchange__select__input__amount::-moz-placeholder {
    font-size: 17px;
    color: #6c7a90
}

.exchange__select__input__amount:-ms-input-placeholder {
    font-size: 17px;
    color: #6c7a90
}

@media screen and (max-width: 640px) {
    .exchange__select__input__amount {
        font-size:21px;
        height: 30px;
        padding: 4px 10px 0
    }

    .exchange__select__input__amount::-webkit-input-placeholder {
        font-size: 15px
    }

    .exchange__select__input__amount:-moz-placeholder {
        font-size: 15px
    }

    .exchange__select__input__amount::-moz-placeholder {
        font-size: 15px
    }

    .exchange__select__input__amount:-ms-input-placeholder {
        font-size: 15px
    }
}

.exchange__select__network {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 40px;
    -webkit-transition: .2s all;
    transition: .2s all
}

.exchange__select__network:hover {
    z-index: 3;
    min-width: 128px
}

@media screen and (max-width: 640px) {
    .exchange__select__network:hover {
        min-width:114px
    }
}

.exchange__select__network:hover .exchange__select__network__list,.exchange__select__network:hover .exchange__select__network__title {
    display: -webkit-box;
    display: flex
}

.exchange__select__network__selected {
    font-size: 12px;
    font-weight: 600;
    padding: 3px 7px 2px;
    -webkit-transition: .15s all;
    transition: .15s all;
    color: #455369;
    border-radius: 2px 0 2px 2px;
    background-color: #dfe2e9
}

.exchange__select__network__list {
    z-index: 3;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: rgba(18,47,76,.15) 0 4px 5px 0;
    box-shadow: rgba(18,47,76,.15) 0 4px 5px 0
}

.exchange__select__network__list .coin-network-option {
    font-size: 13.5px;
    font-weight: 600;
    padding: 6px;
    cursor: pointer;
    color: #55667e;
    border-top: 1px solid #e3e6ee;
    background-color: #f4f6fa
}

.exchange__select__network__list .coin-network-option:hover {
    color: #324664;
    background-color: #fff
}

.exchange__select__network__list .coin-network-option.suspended {
    cursor: not-allowed;
    color: #9badca;
    background-color: #f4f6fa
}

.exchange__select__coin {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    width: 127px;
    min-width: 127px;
    margin: 10px 0 7px;
    cursor: pointer;
    text-align: center;
    border-left: 1px solid #cfcfcf
}

@media screen and (max-width: 640px) {
    .exchange__select__coin {
        width:113px;
        min-width: 113px
    }
}

.exchange__select__coin__icon {
    display: none;
    width: 22px;
    height: 22px;
    margin-right: 5px;
    margin-left: 14px;
    padding: 4px;
    border-radius: 50px;
    background-color: #eaedf2
}

@media screen and (max-width: 640px) {
    .exchange__select__coin__icon {
        width:20px;
        height: 20px;
        margin: 0 4px 0 8px;
        padding: 3px
    }
}

.exchange__select__coin__name {
    font-weight: 500;
    position: relative;
    color: #324664
}

.exchange__select__coin__name.xs {
    font-size: 14.5px;
    font-weight: 600;
    margin-left: -3px;
    letter-spacing: -.8px
}

@media screen and (max-width: 640px) {
    .exchange__select__coin__name.xs {
        font-size:14px
    }
}

.exchange__select__coin__name.s {
    font-size: 16px;
    margin-left: -2px
}

@media screen and (max-width: 640px) {
    .exchange__select__coin__name.s {
        font-size:15.5px
    }
}

.exchange__select__coin__name.m {
    font-size: 18px;
    margin-left: -1px
}

@media screen and (max-width: 640px) {
    .exchange__select__coin__name.m {
        font-size:17px
    }
}

.exchange__select__coin__name.l {
    font-size: 20px;
    margin-left: 1px
}

@media screen and (max-width: 640px) {
    .exchange__select__coin__name.l {
        font-size:18px
    }
}

.exchange__select__coin__arrow {
    position: absolute;
    right: 14px;
    width: 10px;
    -webkit-transition: -webkit-transform .15s ease-out;
    transition: -webkit-transform .15s ease-out;
    transition: transform .15s ease-out;
    transition: transform .15s ease-out,-webkit-transform .15s ease-out;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: .8;
    fill: #1c82e8
}

@media screen and (max-width: 640px) {
    .exchange__select__coin__arrow {
        width:9px
    }
}

.exchange__switch {
    position: absolute;
    z-index: 2;
    top: 57px;
    right: 81px;
    cursor: pointer;
    -webkit-transition: all .4s;
    transition: all .4s
}

@media screen and (max-width: 640px) {
    .exchange__switch {
        top:51px;
        right: 75px
    }
}

.exchange__switch__img {
    width: 33px;
    height: 32px;
    -webkit-transition: all .25s;
    transition: all .25s;
    color: rgba(28,130,232,.5)
}

.exchange__switch__img:hover {
    color: rgba(28,130,232,.75)
}

.exchange__warning {
    display: none;
    position: absolute;
    color: #ffd85c;
    top: 150px;
    font-size: 14.5px;
    height: 34px;
    padding: 0 0 0 10px;
    width: calc(100% - 12px);
    line-height: 1.1;
    letter-spacing: .5px;
    background-color: rgba(58,59,66,.9);
    border: 1px solid rgba(255,216,92,.5);
    border-radius: 2px;
    align-content: center
}

@media screen and (max-width: 640px) {
    .exchange__warning {
        top:138px;
        font-size: 14px
    }
}

@media screen and (max-width: 540px) {
    .exchange__warning {
        top:137px;
        font-size: 13.5px
    }
}

.exchange__info {
    font-size: 16px;
    font-weight: 500;
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
    align-items: end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 10px;
    color: #848ea0
}

@media screen and (max-width: 540px) {
    .exchange__info {
        font-size:13.5px
    }
}

.exchange__info__rate {
    display: -webkit-box;
    display: flex
}

@media screen and (max-width: 540px) {
    .exchange__info__rate__desktop {
        display:none
    }
}

.exchange__info__rate__mobile {
    display: none
}

@media screen and (max-width: 540px) {
    .exchange__info__rate__mobile {
        display:-webkit-box;
        display: flex
    }
}

.exchange__info__rate__current {
    font-size: 15.5px;
    font-weight: 400;
    margin-left: 5px;
    color: #eaedf2
}

@media screen and (max-width: 540px) {
    .exchange__info__rate__current {
        font-size:13.5px
    }
}

.exchange__info__rate__refresh {
    width: 14px;
    height: 14px;
    margin-left: 6px;
    cursor: pointer;
    -webkit-transition: all .6s;
    transition: all .6s
}

@media screen and (max-width: 540px) {
    .exchange__info__rate__refresh {
        width:13px
    }
}

.exchange__info__rate__tooltip {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.exchange__info__more {
    font-size: 15.5px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer
}

@media screen and (max-width: 540px) {
    .exchange__info__more {
        font-size:13.5px
    }
}

.exchange__info__more__icon {
    width: 9px;
    height: 9px;
    margin-left: 4px;
    fill: #1c82e8
}

.exchange__info__more .exchange__info__more__details {
    visibility: hidden;
    opacity: 0
}

.exchange__info__more:hover .exchange__info__more__details {
    visibility: visible;
    opacity: 1
}

.exchange__info__more__details {
    position: absolute;
    z-index: 1;
    top: 35px;
    right: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 82%;
    max-width: 310px;
    padding: 25px 21px 19px;
    cursor: default;
    border-radius: 2px;
    background: #fff
}

@media screen and (max-width: 765px) {
    .exchange__info__more__details {
        width:90%
    }
}

@media screen and (max-width: 540px) {
    .exchange__info__more__details {
        top:32px;
        padding: 25px 18px 18px
    }
}

.exchange__info__more__details__title {
    display: -webkit-box;
    display: flex;
    margin-bottom: 7px;
    border-bottom: #c5c5c5 1px solid
}

.exchange__info__more__details__title__text {
    font-size: 15px;
    font-weight: 600;
    align-self: flex-start;
    margin-top: -11px;
    margin-bottom: 3px;
    color: #455369
}

@media screen and (max-width: 540px) {
    .exchange__info__more__details__title__text {
        font-size:14px
    }
}

.exchange__info__more__details__item {
    font-size: 13.5px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 3px;
    margin-left: 2px;
    letter-spacing: .1px;
    color: #7b86a0
}

@media screen and (max-width: 540px) {
    .exchange__info__more__details__item {
        font-size:13px;
        margin-bottom: 4px
    }
}

.exchange__info__more__details__item__data {
    letter-spacing: .1px;
    color: #2690f8
}

@media screen and (max-width: 540px) {
    .exchange__info__more__details__item__data {
        font-size:13.5px
    }
}

.exchange__info__more__details__info {
    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-top: 8px;
    padding: 7px 11px 8px;
    color: #55667e;
    background-color: #f7f9fb;
    -webkit-box-shadow: rgba(18,47,76,.1) 0 0 0 1px;
    box-shadow: rgba(18,47,76,.1) 0 0 0 1px
}

.exchange__info__more__details__info__text {
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.4
}

@media screen and (max-width: 540px) {
    .exchange__info__more__details__info__text {
        font-size:12.2px;
        line-height: 1.35
    }
}

.exchange__next {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 23px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-top: 16px;
    padding: 18px 0;
    cursor: pointer;
    -webkit-transition: all .15s;
    transition: all .15s;
    letter-spacing: .4px;
    color: #eaedf2;
    border-radius: 1px;
    background-color: #1c82e8
}

.exchange__next:hover {
    background-color: #2a96ff
}

.exchange__next:hover .exchange__next__icon {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

@media screen and (max-width: 640px) {
    .exchange__next {
        font-size:20px;
        padding: 16px 0
    }
}

.exchange__next__icon {
    position: absolute;
    right: 72px;
    width: 15px;
    -webkit-transition: -webkit-transform 135ms ease-out;
    transition: -webkit-transform 135ms ease-out;
    transition: transform 135ms ease-out;
    transition: transform 135ms ease-out,-webkit-transform 135ms ease-out;
    color: #fff
}

@media screen and (max-width: 640px) {
    .exchange__next__icon {
        width:13px
    }
}

@media screen and (max-width: 540px) {
    .exchange__next__icon {
        right:60px
    }
}

.tooltip {
    position: relative
}

.tooltip:after,.tooltip:before {
    position: absolute;
    display: block;
    pointer-events: none;
    opacity: 0
}

.tooltip:after {
    top: 20px;
    left: 7px;
    width: 0;
    height: 0;
    content: "";
    border-right: 6px solid transparent;
    border-bottom: 6px solid rgba(0,0,0,.75);
    border-left: 6px solid transparent
}

.tooltip:before {
    font-size: 14px;
    top: 26px;
    padding: 6px 10px;
    content: attr(data-title);
    white-space: nowrap;
    color: #fff;
    border-radius: 2px;
    background: rgba(0,0,0,.75)
}

.tooltip.expand:before {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: scale3d(.2,.2,1);
    transform: scale3d(.2,.2,1)
}

.tooltip.expand:after {
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    -webkit-transform: translate3d(0,6px,0);
    transform: translate3d(0,6px,0)
}

.tooltip.expand:hover:after,.tooltip.expand:hover:before {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    opacity: 1
}

.tooltip.expand:hover:after {
    -webkit-transition: all .3s .1s ease-in-out;
    transition: all .3s .1s ease-in-out
}

.container {
    margin: 56px 7%
}

@media screen and (max-width: 1220px) {
    .container {
        margin:52px 4%
    }
}

@media screen and (max-width: 1040px) {
    .container {
        margin:50px 8%
    }
}

@media screen and (max-width: 640px) {
    .container {
        margin:48px 3%
    }
}

@media screen and (max-width: 540px) {
    .container {
        margin:44px 3%
    }
}

.footer {
    margin-top: -1px;
    background-color: #111823
}

.footer__container {
    margin-top: 40px
}

@media screen and (max-width: 1040px) {
    .footer__container {
        margin-top:20px
    }
}

.footer__elements {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 65px
}

@media screen and (max-width: 1040px) {
    .footer__elements {
        margin-bottom:60px
    }
}

@media screen and (max-width: 640px) {
    .footer__elements {
        margin-bottom:45px
    }
}

.footer__element {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin-top: 30px;
    text-align: left
}

@media screen and (max-width: 1040px) {
    .footer__element {
        flex-basis:26%;
        margin-top: 45px
    }
}

@media screen and (max-width: 640px) {
    .footer__element {
        flex-basis:34%;
        margin-top: 40px
    }
}

@media screen and (max-width: 445px) {
    .footer__element:nth-child(1) {
        flex-basis:100%
    }
}

.footer__element__title {
    font-size: 21px;
    margin-bottom: 17px;
    white-space: nowrap;
    color: #eaedf2
}

@media screen and (max-width: 1040px) {
    .footer__element__title {
        font-size:19px;
        margin-bottom: 11px
    }
}

@media screen and (max-width: 640px) {
    .footer__element__title {
        font-size:17.5px
    }
}

.footer__element__link {
    font-size: 17px;
    font-weight: 500;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 8px;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    white-space: nowrap;
    letter-spacing: -.05px;
    color: #6c7a90;
    fill: #6c7a90
}

.footer__element__link:hover {
    color: #eaedf2;
    fill: #eaedf2
}

@media screen and (max-width: 1040px) {
    .footer__element__link {
        font-size:16px
    }
}

@media screen and (max-width: 640px) {
    .footer__element__link {
        font-size:15px;
        margin-bottom: 7px
    }
}

.footer__element__link__img {
    width: 18px;
    margin-right: 10px
}

@media screen and (max-width: 1040px) {
    .footer__element__link__img {
        width:17px;
        margin-right: 6px
    }
}

@media screen and (max-width: 640px) {
    .footer__element__link__img {
        width:16px
    }
}

.footer__element__link__img__small {
    width: 16px
}

@media screen and (max-width: 1040px) {
    .footer__element__link__img__small {
        width:15px
    }
}

@media screen and (max-width: 640px) {
    .footer__element__link__img__small {
        width:14px
    }
}

.footer__element__row {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    margin-top: 10px
}

@media screen and (max-width: 1040px) {
    .footer__element__row {
        margin-top:8px
    }
}

.footer__element__playstore {
    width: 81px;
    padding: 6px 13px;
    border: rgba(93,105,125,.8392156863) 1px solid;
    fill: #eaedf2
}

@media screen and (max-width: 1040px) {
    .footer__element__playstore {
        width:78px
    }
}

@media screen and (max-width: 640px) {
    .footer__element__playstore {
        width:71px;
        padding: 5px 12px
    }
}

.footer__element__downloadapk {
    font-family: 'Open Sans', sans-serif;
    font-size: 11.5px;
    font-weight: 500;
    margin-left: 5px;
    padding: 8px 10px;
    -webkit-transition: all .25s;
    transition: all .25s;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
    letter-spacing: -.3px;
    color: #eaedf2;
    border: rgba(93,105,125,.8392156863) 1px solid;
    border-radius: 1px
}

@media screen and (max-width: 1040px) {
    .footer__element__downloadapk {
        font-size:10.5px
    }
}

@media screen and (max-width: 640px) {
    .footer__element__downloadapk {
        font-size:10px;
        padding: 7px 9px
    }
}

.footer__copyright {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    opacity: .5;
    border-top: #6c7a90 1px solid
}

.footer__copyright__logo {
    width: 218px;
    margin: 28px 0 5px
}

@media screen and (max-width: 1040px) {
    .footer__copyright__logo {
        width:204px
    }
}

@media screen and (max-width: 640px) {
    .footer__copyright__logo {
        width:204px
    }
}

.footer__copyright__text {
    font-size: 13px;
    font-weight: 500;
    color: #6c7a90
}

@media screen and (max-width: 1040px) {
    .footer__copyright__text {
        font-size:12px
    }
}

@media screen and (max-width: 640px) {
    .footer__copyright__text {
        font-size:12px
    }
}

.hero {
    margin-top: -2px;
    padding-top: 65px;
    background: #121a28 url(../img/abstract-right.svg) right top no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

@media screen and (max-width: 1360px) {
    .hero {
        background-position:right -81px bottom
    }
}

@media screen and (max-width: 1240px) {
    .hero {
        background-position:right -223px bottom
    }
}

@media screen and (max-width: 1040px) {
    .hero {
        background:#121a28
    }
}

.hero__back {
    position: relative
}

.hero__back__img1 {
    position: absolute;
    bottom: 18px;
    left: 4%;
    height: 102%
}

@media screen and (max-width: 1440px) {
    .hero__back__img1 {
        bottom:67px;
        left: 3.5%;
        height: 93%
    }
}

@media screen and (max-width: 1240px) {
    .hero__back__img1 {
        bottom:90px;
        height: 86%
    }
}

@media screen and (max-width: 1040px) {
    .hero__back__img1 {
        top:-50px;
        right: 12%;
        bottom: unset;
        left: unset;
        height: 50%
    }
}

@media screen and (max-width: 640px) {
    .hero__back__img1 {
        top:-40px;
        right: 4%;
        height: 39%
    }
}

@media screen and (max-width: 540px) {
    .hero__back__img1 {
        top:-29px;
        right: 4%;
        height: 32%
    }
}

.hero__container {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin-bottom: 15px;
    padding: 58px 0 0
}

@media screen and (max-width: 640px) {
    .hero__container {
        padding:30px 0 22px
    }
}

.hero__first {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 1040px) {
    .hero__first {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

@media screen and (max-width: 640px) {
    .hero__first {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        flex-direction: column-reverse
    }
}

.hero__col {
    width: 100%;
    max-width: 479px
}

@media screen and (max-width: 1240px) {
    .hero__col {
        max-width:450px
    }
}

@media screen and (max-width: 1040px) {
    .hero__col {
        max-width:unset
    }
}

.hero__col__left {
    margin-right: 30px
}

@media screen and (max-width: 1040px) {
    .hero__col__left {
        margin:unset
    }
}

.hero__sec {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.hero__sec__easyway {
    width: 390px;
    margin-bottom: 10px
}

@media screen and (max-width: 1240px) {
    .hero__sec__easyway {
        width:370px
    }
}

@media screen and (max-width: 1040px) {
    .hero__sec__easyway {
        width:398px
    }
}

@media screen and (max-width: 765px) {
    .hero__sec__easyway {
        width:365px
    }
}

@media screen and (max-width: 640px) {
    .hero__sec__easyway {
        width:348px
    }
}

@media screen and (max-width: 540px) {
    .hero__sec__easyway {
        width:270px
    }
}

.hero__sec__moto {
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 9px;
    color: #6c7a90
}

@media screen and (max-width: 1240px) {
    .hero__sec__moto {
        font-size:18px
    }
}

@media screen and (max-width: 1040px) {
    .hero__sec__moto {
        font-size:20.5px
    }
}

@media screen and (max-width: 765px) {
    .hero__sec__moto {
        font-size:20px
    }
}

@media screen and (max-width: 640px) {
    .hero__sec__moto {
        font-size:18px
    }
}

@media screen and (max-width: 540px) {
    .hero__sec__moto {
        font-size:16px
    }
}

.hero__sec__keys {
    font-size: 16.5px;
    font-weight: 500;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    white-space: nowrap;
    letter-spacing: .1px;
    color: #dfe2e9
}

@media screen and (max-width: 1240px) {
    .hero__sec__keys {
        font-size:15.6px;
        letter-spacing: 0
    }
}

@media screen and (max-width: 1040px) {
    .hero__sec__keys {
        font-size:18px
    }
}

@media screen and (max-width: 765px) {
    .hero__sec__keys {
        font-size:17.5px
    }
}

@media screen and (max-width: 640px) {
    .hero__sec__keys {
        font-size:17px
    }
}

@media screen and (max-width: 540px) {
    .hero__sec__keys {
        font-size:14.5px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        padding-left: 5px;
        border-left: 2px solid #1c82e8
    }
}

.hero__sec__keys__line {
    margin: 0 10px;
    border-left: 1.5px solid #1c82e8
}

@media screen and (max-width: 540px) {
    .hero__sec__keys__line {
        margin:1px
    }
}

.hero__sec__action {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 24px
}

@media screen and (max-width: 1040px) {
    .hero__sec__action {
        margin-top:32px
    }
}

@media screen and (max-width: 540px) {
    .hero__sec__action {
        margin-top:24px
    }
}

.hero__playstore {
    width: 150px;
    height: 26px;
    padding: 7px 3px;
    -webkit-transition: all .25s;
    transition: all .25s;
    border-radius: 1px;
    background-color: rgba(44,86,127,.22);
    fill: #e8edf2
}

@media screen and (max-width: 1240px) {
    .hero__playstore {
        width:135px;
        height: 24px
    }
}

@media screen and (max-width: 1040px) {
    .hero__playstore {
        width:146px;
        height: 25px
    }
}

@media screen and (max-width: 765px) {
    .hero__playstore {
        width:140px;
        height: 24px
    }
}

@media screen and (max-width: 540px) {
    .hero__playstore {
        width:124px;
        height: 22px
    }
}

.hero__playstore:hover {
    background-color: rgba(39,58,81,.78)
}

.hero__downloadapk {
    font-size: 16px;
    font-weight: 500;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 9px 19px;
    -webkit-transition: all .25s;
    transition: all .25s;
    text-decoration: none;
    letter-spacing: .3px;
    color: #dfe2e9;
    border-radius: 1px;
    background-color: rgba(44,86,127,.22)
}

@media screen and (max-width: 1240px) {
    .hero__downloadapk {
        font-size:15.5px;
        padding: 9px 17px
    }
}

@media screen and (max-width: 1040px) {
    .hero__downloadapk {
        font-size:16px;
        padding: 9px 18px
    }
}

@media screen and (max-width: 765px) {
    .hero__downloadapk {
        font-size:15px
    }
}

@media screen and (max-width: 540px) {
    .hero__downloadapk {
        font-size:13.5px;
        padding: 9px 16px
    }
}

.hero__downloadapk:hover {
    background-color: rgba(39,58,81,.78)
}

@media screen and (max-width: 1040px) {
    .hero .exchange {
        margin-top:100px
    }
}

@media screen and (max-width: 640px) {
    .hero .exchange {
        margin-top:10px;
        margin-bottom: 74px
    }
}

.hero__trust {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    margin-top: 58px
}

@media screen and (max-width: 1040px) {
    .hero__trust {
        margin-top:84px
    }
}

@media screen and (max-width: 540px) {
    .hero__trust {
        margin-top:74px
    }
}

.hero__trust__stars {
    width: 110px
}

@media screen and (max-width: 540px) {
    .hero__trust__stars {
        width:90px
    }
}

.hero__trust__excellent {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    width: 315px;
    margin-top: 8px
}

@media screen and (max-width: 540px) {
    .hero__trust__excellent {
        width:284px;
        margin-top: 5px
    }
}

.announcement {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-top: -1px;
    background-color: #e3e9ef
}

.announcement__container {
    margin-top: 6px;
    margin-bottom: 6px
}

.announcement__box {
    display: -webkit-box;
    display: flex;
    overflow: hidden;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
}

.announcement__scroller {
    height: 16px
}

.announcement__scroller__inner {
    position: relative;
    top: 0;
    overflow: hidden
}

.announcement__scroller__text {
    font-size: 13px;
    font-weight: 500;
    position: relative;
    bottom: 2px;
    display: block;
    padding: 1px 0;
    color: #455369;
    max-height: 18px;
}

@media screen and (max-width: 540px) {
    .announcement__scroller__text {
        font-size:12.4px;
        bottom: 1px
    }
}

.announcement__scroller__text:last-child {
    bottom: 1px
}

@media screen and (max-width: 540px) {
    .announcement__scroller__text:last-child {
        bottom:0
    }
}

.announcement__scroller__text__seperator {
    font-size: 13px;
    font-weight: 500;
    margin: 0 4px;
    color: #55667e
}

@media screen and (max-width: 540px) {
    .announcement__scroller__text__seperator {
        font-size:9px;
        top: 1px
    }
}

.announcement__scroller__text__blue {
    font-size: 13px;
    cursor: pointer;
    vertical-align: initial;
    color: #1c82e8
}

@media screen and (max-width: 540px) {
    .announcement__scroller__text__blue {
        font-size:12.4px
    }
}

.announcement__icon {
    align-self: baseline;
    -webkit-box-flex: 0;
    flex: none;
    width: 19px;
    margin-right: 8px
}

@media screen and (max-width: 540px) {
    .announcement__icon {
        width:18px;
        margin-right: 6px
    }
}

.favorite {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-top: -1px;
    background-color: #f6f8fc
}

.favorite__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 18px
}

.favorite__box {
    width: 100%
}

.favorite__slider {
    display: block;
    overflow: hidden;
    width: 100%;
    margin-left: -8px;
    padding: 13px 8px
}

.favorite__slides {
    position: relative;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    white-space: nowrap;
    touch-action: pan-Y;
    will-change: left
}

.favorite__slide {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-shrink: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .25s ease 0s;
    transition: all .25s ease 0s;
    white-space: normal;
    background-color: #fff;
    -webkit-box-shadow: rgba(18,47,76,.06) 0 3px 9px 0;
    box-shadow: rgba(18,47,76,.06) 0 3px 9px 0;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.favorite__slide:hover {
    -webkit-box-shadow: rgba(18,47,76,.14) 0 1px 11px 0;
    box-shadow: rgba(18,47,76,.14) 0 1px 11px 0
}

.favorite__slide:hover .favorite__slide__links {
    visibility: visible;
    opacity: 1
}

.favorite__slide__container {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
    justify-content: space-around;
    width: 100%;
    height: 70px;
    padding: 22px 10px
}

.favorite__slide__col {
    display: -webkit-box;
    display: flex;
    align-self: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    width: 110px
}

.favorite__slide__col__right {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 140px;
    height: 55px;
    margin-top: 4px
}

@media screen and (max-width: 1360px) {
    .favorite__slide__col__right {
        width:138px
    }
}

@media screen and (max-width: 1320px) {
    .favorite__slide__col__right {
        width:135px
    }
}

@media screen and (max-width: 1295px) {
    .favorite__slide__col__right {
        width:130px
    }
}

@media screen and (max-width: 1275px) {
    .favorite__slide__col__right {
        width:123px
    }
}

@media screen and (max-width: 1240px) {
    .favorite__slide__col__right {
        width:154px
    }
}

@media screen and (max-width: 1040px) {
    .favorite__slide__col__right {
        width:130px
    }
}

@media screen and (max-width: 1000px) {
    .favorite__slide__col__right {
        width:190px
    }
}

@media screen and (max-width: 860px) {
    .favorite__slide__col__right {
        width:175px
    }
}

@media screen and (max-width: 810px) {
    .favorite__slide__col__right {
        width:160px
    }
}

@media screen and (max-width: 765px) {
    .favorite__slide__col__right {
        width:150px
    }
}

@media screen and (max-width: 745px) {
    .favorite__slide__col__right {
        width:140px
    }
}

@media screen and (max-width: 700px) {
    .favorite__slide__col__right {
        width:130px
    }
}

@media screen and (max-width: 660px) {
    .favorite__slide__col__right {
        width:125px
    }
}

@media screen and (max-width: 580px) {
    .favorite__slide__col__right {
        width:115px
    }
}

@media screen and (max-width: 540px) {
    .favorite__slide__col__right {
        width:250px
    }
}

@media screen and (max-width: 480px) {
    .favorite__slide__col__right {
        width:210px
    }
}

@media screen and (max-width: 410px) {
    .favorite__slide__col__right {
        width:185px
    }
}

@media screen and (max-width: 380px) {
    .favorite__slide__col__right {
        width:170px
    }
}

@media screen and (max-width: 350px) {
    .favorite__slide__col__right {
        width:150px
    }
}

@media screen and (max-width: 320px) {
    .favorite__slide__col__right {
        width:140px
    }
}

.favorite__slide__col__data {
    position: relative;
    display: -webkit-box;
    display: flex;
    align-self: end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.favorite__slide__coinnimg {
    position: relative;
    bottom: 3px;
    align-self: baseline;
    width: 22px;
    height: 22px;
    margin-right: 4px;
    padding: 3px;
    border-radius: 50px;
    background-color: #eaedf2
}

@media screen and (max-width: 640px) {
    .favorite__slide__coinnimg {
        width:20px
    }
}

.favorite__slide__coin {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 8px;
    margin-left: 2px;
    color: #55667e
}

@media screen and (max-width: 950px) {
    .favorite__slide__coin {
        font-size:18.5px
    }
}

@media screen and (max-width: 640px) {
    .favorite__slide__coin {
        font-size:18px
    }
}

.favorite__slide__coinchange {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 2px;
    letter-spacing: .1px;
    color: #1c82e8
}

.favorite__slide__coinchange.green {
    color: #00ba80
}

.favorite__slide__coinchange.red {
    color: #c01f3b
}

.favorite__slide__coinprice {
    font-size: 14.5px;
    font-weight: 500;
    letter-spacing: .1px;
    color: #98a7c0
}

.favorite__slide__graphticker {
    font-size: 9.5px;
    position: relative;
    bottom: 5px;
    display: none;
    align-self: flex-end;
    color: #98a7c0
}

.favorite__slide__links {
    position: absolute;
    z-index: 2;
    bottom: 11px;
    display: -webkit-box;
    display: flex;
    visibility: hidden;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 90%;
    -webkit-transition: all 150ms;
    transition: all 150ms;
    opacity: 0
}

.favorite__slide__link {
    font-size: 13.5px;
    font-weight: 500;
    position: relative;
    z-index: 2;
    width: 46%;
    padding: 5px 2px;
    -webkit-transition: all .25s;
    transition: all .25s;
    text-align: center;
    color: #6c7a90;
    border-radius: 1px;
    background-color: #eff2f7
}

.favorite__slide__link:before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 100%;
    bottom: 0;
    content: "";
    -webkit-transition: .2s all ease;
    transition: .2s all ease;
    opacity: 0;
    background-color: #2690f8
}

.favorite__slide__link:hover {
    color: #fff
}

.favorite__slide__link:hover:before {
    right: 0;
    left: 0;
    -webkit-transition: .2s all ease;
    transition: .2s all ease;
    opacity: 1
}

.favorite__bullets {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none
}

.favorite__rtl {
    direction: rtl
}

.favorite__footer {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 1px
}

.favorite__logo {
    width: 110px;
    margin-right: 1px
}

@media screen and (max-width: 765px) {
    .favorite__logo {
        width:104px
    }
}

@media screen and (max-width: 640px) {
    .favorite__logo {
        width:96px
    }
}

.favorite__bullets {
    z-index: 2;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    list-style: none
}

.favorite__bullet {
    line-height: 0;
    width: 6.5px;
    height: 6.5px;
    margin: 5px 3px 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    border: 2px solid transparent;
    border-radius: 50%;
    background-color: #d8e0ef;
    -webkit-box-shadow: 0 .25em .5em 0 rgba(56,64,72,.06);
    box-shadow: 0 .25em .5em 0 rgba(56,64,72,.06)
}

.favorite__bullet:hover {
    background-color: #ced5e0
}

@media screen and (max-width: 640px) {
    .favorite__bullet {
        width:5px;
        height: 5px;
        margin: 4px 2px 0
    }
}

.favorite .glide__bullet--active {
    background-color: #2690f8
}

.choose {
    margin-top: -1px;
    background-color: #f6f8fc
}

.choose__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 30px
}

@media screen and (max-width: 640px) {
    .choose__container {
        margin-top:22px
    }
}

.choose__boxes {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 765px) {
    .choose__boxes {
        -webkit-box-align:center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

.choose__box {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    width: calc(50% - 60px - 12px);
    margin: 12px 0;
    padding: 32px 34px 34px 26px;
    -webkit-transition: all .25s ease 0s;
    transition: all .25s ease 0s;
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: rgba(18,47,76,.08) 0 5px 14px 0;
    box-shadow: rgba(18,47,76,.08) 0 5px 14px 0
}

.choose__box:hover {
    -webkit-box-shadow: rgba(18,47,76,.14) 0 6px 16px 0;
    box-shadow: rgba(18,47,76,.14) 0 6px 16px 0
}

.choose__box:hover .choose__box__img {
    -webkit-transform: scale(1.02) translateY(-3px);
    transform: scale(1.02) translateY(-3px)
}

@media screen and (max-width: 1040px) {
    .choose__box {
        width:calc(100% - 62px);
        margin: 13px 0;
        padding: 32px 34px 32px 28px
    }
}

@media screen and (max-width: 640px) {
    .choose__box {
        width:calc(100% - 44px);
        padding: 28px 22px
    }
}

@media screen and (max-width: 540px) {
    .choose__box {
        width:calc(100% - 32px);
        padding: 22px 16px
    }
}

.choose__box__reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
    padding: 32px 26px 34px 34px
}

@media screen and (max-width: 1040px) {
    .choose__box__reverse {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        padding: 32px 34px 32px 28px
    }
}

@media screen and (max-width: 640px) {
    .choose__box__reverse {
        padding:28px 22px
    }
}

@media screen and (max-width: 540px) {
    .choose__box__reverse {
        padding:22px 16px
    }
}

.choose__box__text {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin-left: 22px
}

@media screen and (max-width: 1240px) {
    .choose__box__text {
        margin-left:24px
    }
}

@media screen and (max-width: 1040px) {
    .choose__box__text {
        width:calc(100% - 150px);
        margin-left: 22px
    }
}

@media screen and (max-width: 765px) {
    .choose__box__text {
        width:calc(100% - 120px)
    }
}

@media screen and (max-width: 640px) {
    .choose__box__text {
        width:calc(100% - 110px)
    }
}

@media screen and (max-width: 540px) {
    .choose__box__text {
        width:calc(100% - 96px);
        margin-left: 16px
    }
}

.choose__box__text__title {
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 7px;
    letter-spacing: -.6px;
    color: #55667e
}

@media screen and (max-width: 1240px) {
    .choose__box__text__title {
        margin-bottom:5px
    }
}

@media screen and (max-width: 1040px) {
    .choose__box__text__title {
        font-size:20.5px;
        margin-bottom: 7px
    }
}

@media screen and (max-width: 765px) {
    .choose__box__text__title {
        font-size:20px;
        margin-bottom: 5px
    }
}

@media screen and (max-width: 640px) {
    .choose__box__text__title {
        font-size:19px;
        letter-spacing: -.3px
    }
}

@media screen and (max-width: 540px) {
    .choose__box__text__title {
        font-size:17.5px;
        margin-bottom: 4px
    }
}

.choose__box__text__text {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -.1px;
    color: #929ebe
}

@media screen and (max-width: 765px) {
    .choose__box__text__text {
        font-size:15px
    }
}

@media screen and (max-width: 640px) {
    .choose__box__text__text {
        font-size:14.5px
    }
}

@media screen and (max-width: 540px) {
    .choose__box__text__text {
        font-size:13.5px
    }
}

.choose__box__reverse .choose__box__text {
    margin-right: 22px;
    margin-left: 0
}

@media screen and (max-width: 1240px) {
    .choose__box__reverse .choose__box__text {
        margin-right:24px
    }
}

@media screen and (max-width: 1040px) {
    .choose__box__reverse .choose__box__text {
        margin-right:0;
        margin-left: 22px
    }
}

@media screen and (max-width: 540px) {
    .choose__box__reverse .choose__box__text {
        margin-left:16px
    }
}

.choose__box__img {
    -webkit-box-flex: 0;
    flex: none;
    width: 88px;
    -webkit-transition: -webkit-transform .15s;
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s,-webkit-transform .15s
}

@media screen and (max-width: 1040px) {
    .choose__box__img {
        width:86px
    }
}

@media screen and (max-width: 765px) {
    .choose__box__img {
        width:88px
    }
}

@media screen and (max-width: 640px) {
    .choose__box__img {
        width:83px
    }
}

.partners {
    margin-top: -1px;
    background-color: #f6f8fc
}

.partners__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.partners__boxes {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 1040px) {
    .partners__boxes {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

.partners__box {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: calc(50% - 68px - 12px);
    padding: 32px 34px 34px;
    -webkit-transition: all .25s ease 0s;
    transition: all .25s ease 0s;
    background-color: #fff;
    -webkit-box-shadow: rgba(18,47,76,.08) 0 5px 14px 0;
    box-shadow: rgba(18,47,76,.08) 0 5px 14px 0
}

.partners__box:hover {
    -webkit-box-shadow: rgba(18,47,76,.14) 0 6px 16px 0;
    box-shadow: rgba(18,47,76,.14) 0 6px 16px 0
}

@media screen and (max-width: 1040px) {
    .partners__box {
        width:calc(100% - 68px)
    }

    .partners__box:first-child {
        margin-bottom: 26px
    }
}

@media screen and (max-width: 640px) {
    .partners__box {
        width:calc(100% - 60px);
        padding: 28px 30px
    }
}

@media screen and (max-width: 540px) {
    .partners__box {
        width:calc(100% - 44px);
        padding: 22px
    }
}

.partners__box__title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 22px;
    letter-spacing: -.5px;
    color: #55667e
}

@media screen and (max-width: 765px) {
    .partners__box__title {
        font-size:23px
    }
}

@media screen and (max-width: 640px) {
    .partners__box__title {
        font-size:22px;
        margin-bottom: 16px;
        letter-spacing: -.4px
    }
}

@media screen and (max-width: 540px) {
    .partners__box__title {
        font-size:21px;
        margin-top: 156px;
        margin-bottom: 13px
    }
}

.partners__box__details {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
}

@media screen and (max-width: 1040px) {
    .partners__box__details {
        -webkit-box-align:unset;
        align-items: unset
    }
}

@media screen and (max-width: 640px) {
    .partners__box__details {
        -webkit-box-align:baseline;
        align-items: baseline
    }
}

@media screen and (max-width: 540px) {
    .partners__box__details {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        flex-direction: column-reverse
    }
}

.partners__box__text {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    width: 70%;
    margin-right: 25px;
    margin-bottom: 20px;
    letter-spacing: -.1px;
    color: #929ebe
}

@media screen and (max-width: 1040px) {
    .partners__box__text {
        margin-right:35px;
        margin-bottom: 42px
    }
}

@media screen and (max-width: 765px) {
    .partners__box__text {
        font-size:15px;
        width: 63%;
        margin-bottom: 32px
    }
}

@media screen and (max-width: 640px) {
    .partners__box__text {
        font-size:14.5px;
        line-height: 1.3
    }
}

@media screen and (max-width: 540px) {
    .partners__box__text {
        font-size:13.5px;
        -webkit-box-flex: 1;
        flex: 1;
        width: unset;
        margin-right: unset;
        margin-bottom: 22px
    }
}

.partners__box__img {
    position: relative;
    width: 165px
}

@media screen and (max-width: 1040px) {
    .partners__box__img {
        width:175px
    }
}

@media screen and (max-width: 540px) {
    .partners__box__img {
        bottom:168px;
        width: 155px
    }
}

.partners__box__img__1 {
    position: absolute;
    width: 95%;
    -webkit-transition: all .18s cubic-bezier(.46,.03,.52,.96) 0s;
    transition: all .18s cubic-bezier(.46,.03,.52,.96) 0s
}

.partners__box__img__2 {
    position: absolute;
    top: -24px;
    left: 10px;
    width: 88%;
    -webkit-transition: all .18s cubic-bezier(.46,.03,.52,.96) 0s;
    transition: all .18s cubic-bezier(.46,.03,.52,.96) 0s
}

.partners__box:hover .partners__box__img__1 {
    -webkit-transform: translateY(6px);
    transform: translateY(6px)
}

.partners__box:hover .partners__box__img__2 {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px)
}

.partners__box__button {
    font-size: 15px;
    font-weight: 600;
    position: relative;
    z-index: 2;
    width: 62%;
    margin-top: auto;
    padding: 10px;
    -webkit-transition: all .2s;
    transition: all .2s;
    text-align: center;
    text-decoration: none;
    letter-spacing: .1px;
    color: #55667e;
    border-radius: 1px;
    background: -webkit-linear-gradient(225deg,#eaedf2 28%,#f6f6fa 100%);
    background: linear-gradient(225deg,#eaedf2 28%,#f6f6fa 100%)
}

.partners__box__button:before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 100%;
    bottom: 0;
    content: "";
    -webkit-transition: .2s all ease;
    transition: .2s all ease;
    opacity: 0;
    background-color: #2690f8
}

.partners__box__button:hover {
    color: #fff
}

.partners__box__button:hover:before {
    right: 0;
    left: 0;
    -webkit-transition: .2s all ease;
    transition: .2s all ease;
    opacity: 1
}

@media screen and (max-width: 765px) {
    .partners__box__button {
        font-size:14px;
        width: 55%
    }
}

@media screen and (max-width: 540px) {
    .partners__box__button {
        font-size:13px;
        -webkit-box-flex: 1;
        flex: 1;
        width: unset;
        padding: 9px
    }
}

.clients {
    margin-top: -1px;
    background-color: #f6f8fc
}

.clients__container {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.clients__title {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: -.5px;
    color: #55667e
}

@media screen and (max-width: 1040px) {
    .clients__title {
        font-size:27px
    }
}

@media screen and (max-width: 765px) {
    .clients__title {
        font-size:25px;
        letter-spacing: -.3px
    }
}

@media screen and (max-width: 640px) {
    .clients__title {
        font-size:24px
    }
}

@media screen and (max-width: 540px) {
    .clients__title {
        font-size:22px;
        margin-bottom: 14px
    }
}

.clients__slider {
    display: block;
    overflow: hidden;
    width: calc(100% - 14px);
    margin-left: -14px;
    padding: 18px 14px
}

.clients__slides {
    position: relative;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    white-space: nowrap;
    touch-action: pan-Y;
    will-change: left
}

.clients__bullets {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none
}

.clients__rtl {
    direction: rtl
}

.clients__bullets {
    position: absolute;
    z-index: 2;
    top: -13px;
    right: 0;
    display: -webkit-inline-box;
    display: inline-flex;
    list-style: none
}

.clients__bullet {
    line-height: 0;
    width: 6.5px;
    height: 6.5px;
    margin: 4px 3px 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    border: 2px solid transparent;
    border-radius: 50%;
    background-color: #d8e0ef;
    -webkit-box-shadow: 0 .25em .5em 0 rgba(56,64,72,.06);
    box-shadow: 0 .25em .5em 0 rgba(56,64,72,.06)
}

.clients__bullet:hover {
    background-color: #ced5e0
}

@media screen and (max-width: 640px) {
    .clients__bullet {
        width:5px;
        height: 5px;
        margin: 3px 2px 0
    }
}

.clients .glide__bullet--active {
    background-color: #2690f8
}

.clients__box {
    position: relative;
    margin-top: 20px
}

@media screen and (max-width: 640px) {
    .clients__box {
        margin-top:10px
    }
}

.clients__box__client {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%;
    padding: 28px 32px;
    -webkit-transition: all .25s ease 0s;
    transition: all .25s ease 0s;
    background: #fff;
    -webkit-box-shadow: rgba(18,47,76,.08) 0 5px 14px 0;
    box-shadow: rgba(18,47,76,.08) 0 5px 14px 0;
    -webkit-font-smoothing: subpixel-antialiased
}

.clients__box__client:hover {
    -webkit-box-shadow: rgba(18,47,76,.14) 0 6px 16px 0;
    box-shadow: rgba(18,47,76,.14) 0 6px 16px 0
}

@media screen and (max-width: 640px) {
    .clients__box__client {
        padding:25px
    }
}

@media screen and (max-width: 540px) {
    .clients__box__client {
        padding:19px
    }
}

.clients__box__client__link {
    font-size: 16px;
    font-weight: 500;
    display: -webkit-box;
    display: flex;
    width: 100%;
    white-space: nowrap;
    letter-spacing: .2px;
    color: #a2b1c8
}

@media screen and (max-width: 1040px) {
    .clients__box__client__link {
        font-size:15.5px
    }
}

@media screen and (max-width: 640px) {
    .clients__box__client__link {
        font-size:15px
    }
}

@media screen and (max-width: 540px) {
    .clients__box__client__link {
        font-size:13.5px
    }
}

.clients__box__client__top {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.clients__box__client__top__left {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
}

.clients__box__client__bottom {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: end;
    justify-content: end;
    margin-top: auto
}

.clients__box__client__partner {
    width: 20px;
    height: 20px
}

@media screen and (max-width: 765px) {
    .clients__box__client__partner {
        width:18px;
        height: 18px
    }
}

@media screen and (max-width: 540px) {
    .clients__box__client__partner {
        width:17px;
        height: 17px
    }
}

.clients__box__client__date {
    font-size: 15px;
    margin-left: 9px;
    color: #9badca
}

@media screen and (max-width: 765px) {
    .clients__box__client__date {
        font-size:14px
    }
}

@media screen and (max-width: 540px) {
    .clients__box__client__date {
        font-size:13.5px
    }
}

.clients__box__client__stars {
    width: 98px;
    fill: #2690f8
}

@media screen and (max-width: 1040px) {
    .clients__box__client__stars {
        width:100px
    }
}

@media screen and (max-width: 765px) {
    .clients__box__client__stars {
        width:95px
    }
}

@media screen and (max-width: 640px) {
    .clients__box__client__stars {
        width:90px
    }
}

@media screen and (max-width: 540px) {
    .clients__box__client__stars {
        width:84px
    }
}

.clients__box__client__name {
    font-size: 18.5px;
    font-weight: 500;
    margin-top: 22px;
    color: #1c82e8
}

@media screen and (max-width: 765px) {
    .clients__box__client__name {
        font-size:19px
    }
}

@media screen and (max-width: 640px) {
    .clients__box__client__name {
        font-size:18.5px
    }
}

@media screen and (max-width: 540px) {
    .clients__box__client__name {
        font-size:17px;
        margin-top: 18px
    }
}

.clients__box__client__review {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
    margin: 8px 6px 12px 1px;
    white-space: normal;
    color: #929ebe
}

@media screen and (max-width: 1040px) {
    .clients__box__client__review {
        font-size:15.5px
    }
}

@media screen and (max-width: 765px) {
    .clients__box__client__review {
        font-size:15px;
        margin: 8px 6px 10px 1px
    }
}

@media screen and (max-width: 640px) {
    .clients__box__client__review {
        font-size:14.5px
    }
}

@media screen and (max-width: 540px) {
    .clients__box__client__review {
        font-size:13.5px;
        margin: 6px 5px 8px 1px
    }
}

.clients__box__client__quote {
    width: 15px;
    fill: #2a96ff
}

@media screen and (max-width: 765px) {
    .clients__box__client__quote {
        width:14px
    }
}

@media screen and (max-width: 640px) {
    .clients__box__client__quote {
        width:13px
    }
}

.clients__partners {
    font-size: 16px;
    font-weight: 500;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    margin: 8px 0 20px auto;
    white-space: nowrap;
    letter-spacing: .2px;
    color: #a2b1c8;
    gap: 10px
}

@media screen and (max-width: 1040px) {
    .clients__partners {
        font-size:15.5px;
        margin: 6px 0 18px auto
    }
}

@media screen and (max-width: 640px) {
    .clients__partners {
        margin:4px 0 18px auto;
        font-size: 15px
    }
}

@media screen and (max-width: 540px) {
    .clients__partners {
        margin:2px 0 18px 0;
        font-size: 13.5px;
        flex-wrap: wrap;
        -webkit-box-align: baseline;
        align-items: baseline
    }
}

.clients__partners__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px
}

.clients__partners__img {
    width: 92px;
    height: 19px;
    vertical-align: middle
}

@media screen and (max-width: 1040px) {
    .clients__partners__img {
        width:88px;
        height: 18px
    }
}

@media screen and (max-width: 540px) {
    .clients__partners__img {
        width:77px;
        height: 16px
    }
}

.clients__partners__img__height {
    height: 19px
}

@media screen and (max-width: 1040px) {
    .clients__partners__img__height {
        height:18px
    }
}

@media screen and (max-width: 540px) {
    .clients__partners__img__height {
        height:16px
    }
}

.mobileapp {
    position: relative;
    overflow: hidden;
    margin-top: -1px;
    background-color: #121a28
}

.mobileapp__container {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 30px 0 30px 40px;
    background: url(../img/logo-shadow-rightcut.svg) no-repeat 101% 42px;
    -webkit-background-size: 43% 43%;
    background-size: 43%
}

@media screen and (max-width: 860px) {
    .mobileapp__container {
        padding:30px 0;
        background-position: 102% 60px
    }
}

@media screen and (max-width: 765px) {
    .mobileapp__container {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        flex-direction: column-reverse;
        padding: 30px 0 40px;
        background: 0 0
    }
}

@media screen and (max-width: 640px) {
    .mobileapp__container {
        padding:22px 0 30px
    }
}

.mobileapp__back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.mobileapp__col {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

@media screen and (max-width: 765px) {
    .mobileapp__col {
        width:100%
    }
}

.mobileapp__col__right {
    margin-left: 6%
}

@media screen and (max-width: 1040px) {
    .mobileapp__col__right {
        margin-left:4%
    }
}

@media screen and (max-width: 860px) {
    .mobileapp__col__right {
        width:50%
    }
}

@media screen and (max-width: 765px) {
    .mobileapp__col__right {
        width:100%;
        margin-left: unset
    }
}

.mobileapp__mobile_img {
    align-self: flex-end;
    width: 355px;
    height: 420px;
    margin-right: 4%
}

@media screen and (max-width: 1040px) {
    .mobileapp__mobile_img {
        width:315px;
        height: 374px
    }
}

@media screen and (max-width: 765px) {
    .mobileapp__mobile_img {
        align-self:flex-start;
        margin-top: -182px
    }
}

@media screen and (max-width: 765px) {
    .mobileapp__mobile_img {
        width:310px;
        height: 366px
    }
}

@media screen and (max-width: 640px) {
    .mobileapp__mobile_img {
        width:300px;
        height: 355px;
        margin-top: -180px
    }
}

@media screen and (max-width: 540px) {
    .mobileapp__mobile_img {
        width:51%;
        height: 100%;
        margin-top: -130px
    }
}

.mobileapp__title {
    width: 300px
}

@media screen and (max-width: 1040px) {
    .mobileapp__title {
        width:270px
    }
}

@media screen and (max-width: 765px) {
    .mobileapp__title {
        width:285px
    }
}

@media screen and (max-width: 765px) {
    .mobileapp__title {
        width:268px
    }
}

@media screen and (max-width: 640px) {
    .mobileapp__title {
        width:255px
    }
}

@media screen and (max-width: 540px) {
    .mobileapp__title {
        width:200px
    }
}

.mobileapp__text {
    font-size: 32px;
    font-weight: 500;
    align-self: flex-end;
    margin: 3px 16px 18px;
    color: #1c82e8
}

@media screen and (max-width: 1040px) {
    .mobileapp__text {
        font-size:25px
    }
}

@media screen and (max-width: 860px) {
    .mobileapp__text {
        font-size:28px;
        margin: 3px 16px 6px
    }
}

@media screen and (max-width: 765px) {
    .mobileapp__text {
        font-size:26px;
        align-self: unset;
        margin: 3px 0 6px 200px
    }
}

@media screen and (max-width: 640px) {
    .mobileapp__text {
        font-size:28px
    }
}

@media screen and (max-width: 540px) {
    .mobileapp__text {
        font-size:24px;
        margin: 3px 0 6px 127px
    }
}

.mobileapp__keys {
    font-size: 16.5px;
    font-weight: 500;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    white-space: nowrap;
    letter-spacing: .1px;
    color: #a2b1c8
}

@media screen and (max-width: 1040px) {
    .mobileapp__keys {
        font-size:16.5px
    }
}

@media screen and (max-width: 860px) {
    .mobileapp__keys {
        font-size:17px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        margin-bottom: 12px;
        padding-left: 10px;
        border-left: 1.5px solid #1c82e8
    }
}

@media screen and (max-width: 765px) {
    .mobileapp__keys {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        margin-bottom: unset;
        padding: unset;
        border: unset
    }
}

@media screen and (max-width: 640px) {
    .mobileapp__keys {
        font-size:16.5px
    }
}

@media screen and (max-width: 540px) {
    .mobileapp__keys {
        font-size:14px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        padding-left: 5px;
        border-left: 2px solid #1c82e8
    }
}

.mobileapp__keys__line {
    margin: 0 10px;
    border-left: 1.5px solid #1c82e8
}

@media screen and (max-width: 860px) {
    .mobileapp__keys__line {
        margin-bottom:3px
    }
}

@media screen and (max-width: 765px) {
    .mobileapp__keys__line {
        margin:0 10px
    }
}

@media screen and (max-width: 540px) {
    .mobileapp__keys__line {
        margin:1px
    }
}

.mobileapp__action {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 24px
}

@media screen and (max-width: 765px) {
    .mobileapp__action {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: end;
        justify-content: flex-end;
        margin-top: 116px;
        margin-right: 6%
    }

    .mobileapp__action a {
        align-self: flex-end
    }
}

@media screen and (max-width: 640px) {
    .mobileapp__action {
        margin-right:3%
    }
}

@media screen and (max-width: 540px) {
    .mobileapp__action {
        margin-top:76px;
        margin-right: 2.5%
    }
}

.mobileapp__playstore {
    width: 138px;
    height: 24px;
    padding: 8px 3px;
    -webkit-transition: all .25s;
    transition: all .25s;
    border-radius: 1px;
    background-color: rgba(28,130,232,.09);
    fill: #eaedf2
}

@media screen and (max-width: 1040px) {
    .mobileapp__playstore {
        width:139px;
        height: 25px
    }
}

@media screen and (max-width: 860px) {
    .mobileapp__playstore {
        width:136px;
        height: 24px
    }
}

@media screen and (max-width: 765px) {
    .mobileapp__playstore {
        width:160px;
        height: 26px;
        margin-bottom: 24px
    }
}

@media screen and (max-width: 640px) {
    .mobileapp__playstore {
        width:154px;
        height: 25px;
        margin-bottom: 22px
    }
}

@media screen and (max-width: 540px) {
    .mobileapp__playstore {
        width:120px;
        height: 20px;
        margin-bottom: 15px
    }
}

.mobileapp__playstore:hover {
    background-color: rgba(30,50,75,.78)
}

.mobileapp__downloadapk {
    font-size: 15.5px;
    font-weight: 500;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 9px 19px;
    -webkit-transition: all .25s;
    transition: all .25s;
    text-decoration: none;
    letter-spacing: .3px;
    color: #e8edf2;
    border-radius: 1px;
    background-color: rgba(28,130,232,.09)
}

@media screen and (max-width: 1040px) {
    .mobileapp__downloadapk {
        font-size:15px;
        padding: 10px 18px
    }
}

@media screen and (max-width: 860px) {
    .mobileapp__downloadapk {
        margin-left:11px
    }
}

@media screen and (max-width: 765px) {
    .mobileapp__downloadapk {
        font-size:17px;
        margin-left: unset;
        padding: 11px 24px
    }
}

@media screen and (max-width: 640px) {
    .mobileapp__downloadapk {
        font-size:16px
    }
}

@media screen and (max-width: 540px) {
    .mobileapp__downloadapk {
        font-size:12px;
        padding: 11px 22px
    }
}

.mobileapp__downloadapk:hover {
    background-color: rgba(30,50,75,.78)
}
.brand-wrap {
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.brand-logo {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.brand-name {
    color: #e9eef3;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.2px;
    white-space: nowrap;
}

.separator {
    width: 1px;
    height: 25px;
    background: #1c82e8;
    margin: 0 8px 0 4px;
}

.tagline {
    color: #96a0aa;
    font-size: 14px;
    line-height: 1;
    white-space: pre-line;
}

@media (max-width: 420px) {
    .brand-name {
        font-size: 18px;
    }
    .tagline {
        display: none;
    }
}

.fees {
    position: relative;
    margin-top: -1px
}

.fees__background {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .8;
    background: #f9fafc url(../img/abstract-right-white-full.svg) right top no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.fees__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.fees__row {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
}

.fees__col {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 50%
}

@media screen and (max-width: 1040px) {
    .fees__col {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        flex-direction: column-reverse;
        width: 100%
    }
}

.fees__title {
    font-size: 28.5px;
    font-weight: 600;
    margin-bottom: 27px;
    color: #455369
}

@media screen and (max-width: 1040px) {
    .fees__title {
        font-size:25px;
        margin-bottom: 24px
    }
}

@media screen and (max-width: 640px) {
    .fees__title {
        font-size:22.5px
    }
}

.fees__info__large {
    display: block
}

@media screen and (max-width: 1040px) {
    .fees__info__large {
        display:none
    }
}

.fees__info__mobile {
    display: none
}

@media screen and (max-width: 1040px) {
    .fees__info__mobile {
        display:block
    }
}

.fees__info__title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 26px;
    color: #455369
}

@media screen and (max-width: 1040px) {
    .fees__info__title {
        font-size:20px;
        margin-bottom: 18px
    }
}

@media screen and (max-width: 640px) {
    .fees__info__title {
        font-size:17.5px
    }
}

.fees__info__text {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.45;
    margin-bottom: 14px;
    color: #768ba8
}

@media screen and (max-width: 1040px) {
    .fees__info__text {
        font-size:15px;
        line-height: 1.4
    }
}

@media screen and (max-width: 540px) {
    .fees__info__text {
        font-size:13.5px
    }
}

.fees__info__text__bullet {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.45;
    position: relative;
    margin-bottom: 6px;
    margin-left: 21px;
    color: #768ba8
}

.fees__info__text__bullet:before {
    line-height: var(--size);
    position: absolute;
    top: 6.5px;
    left: calc(-1 * var(--size) - 8px);
    width: var(--size);
    height: var(--size);
    content: "";
    background: url(../img/blue-square.svg) no-repeat;
    --size: 8px
}

@media screen and (max-width: 1040px) {
    .fees__info__text__bullet {
        font-size:15px;
        line-height: 1.4
    }
}

@media screen and (max-width: 540px) {
    .fees__info__text__bullet {
        font-size:13.5px
    }
}

.fees__info__text__bullet__bold {
    font-weight: 500;
    color: #455369
}

.fees__info__text__example {
    overflow: hidden;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out
}

.fees__info__text__example__title {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 16px;
    cursor: pointer;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    color: #455369
}

.fees__info__text__example__title:hover {
    color: #1c82e8
}

@media screen and (max-width: 1040px) {
    .fees__info__text__example__title {
        font-size:15px;
        line-height: 1.4
    }
}

@media screen and (max-width: 640px) {
    .fees__info__text__example__title {
        font-size:13.5px
    }
}

.fees__info__text__example__arrow {
    width: 9px;
    margin-left: 7px;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    fill: #1c82e8
}

.fees__info__text__example__text {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
    margin-top: 13px;
    margin-left: 12px;
    color: #768ba8
}

@media screen and (max-width: 1040px) {
    .fees__info__text__example__text {
        font-size:14px;
        line-height: 1.5
    }
}

@media screen and (max-width: 540px) {
    .fees__info__text__example__text {
        font-size:13px
    }
}

.fees__info__text__example__last {
    font-size: 15.5px;
    line-height: 1.7;
    margin-top: 16px;
    color: #848ea0
}

@media screen and (max-width: 1040px) {
    .fees__info__text__example__last {
        font-size:14px;
        line-height: 1.5
    }
}

@media screen and (max-width: 540px) {
    .fees__info__text__example__last {
        font-size:13.5px
    }
}

.fees__info__text__example__last .link {
    font-weight: 500;
    text-decoration: underline;
    color: #2690f8
}

.fees__level {
    margin-bottom: 54px;
    padding: 24px 34px;
    background-color: #fff;
    -webkit-box-shadow: rgba(18,47,76,.1) 0 2px 4px,rgba(18,47,76,.1) 0 0 4px;
    box-shadow: rgba(18,47,76,.1) 0 2px 4px,rgba(18,47,76,.1) 0 0 4px
}

@media screen and (max-width: 1040px) {
    .fees__level {
        padding:20px 28px
    }
}

@media screen and (max-width: 640px) {
    .fees__level {
        margin-bottom:36px;
        padding: 16px 18px
    }
}

.fees__level__row {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 24px
}

@media screen and (max-width: 765px) {
    .fees__level__row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        margin-bottom: 15px
    }
}

@media screen and (max-width: 640px) {
    .fees__level__row {
        margin-bottom:12px
    }
}

@media screen and (max-width: 540px) {
    .fees__level__row {
        margin-bottom:16px
    }
}

.fees__level__title {
    font-size: 22px;
    font-weight: 600;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    letter-spacing: -.1px;
    color: #455369
}

@media screen and (max-width: 765px) {
    .fees__level__title {
        margin-bottom:15px
    }
}

@media screen and (max-width: 640px) {
    .fees__level__title {
        font-size:17.5px
    }
}

@media screen and (max-width: 540px) {
    .fees__level__title {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        margin-bottom: 18px
    }

    .fees__level__title__signin {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        margin-bottom: 15px
    }
}

.fees__level__title__text {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
}

.fees__level__title__level {
    font-size: 29px;
    font-weight: 600;
    position: relative;
    top: 1px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    margin-left: 7px;
    color: #2690f8
}

@media screen and (max-width: 1040px) {
    .fees__level__title__level {
        font-size:26px
    }
}

@media screen and (max-width: 640px) {
    .fees__level__title__level {
        font-size:20px
    }
}

.fees__level__title__level__login {
    font-size: 17px;
    font-weight: 600;
    position: relative;
    bottom: 1px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    margin-left: 15px;
    color: #455369
}

@media screen and (max-width: 640px) {
    .fees__level__title__level__login {
        font-size:15px;
        align-self: flex-end;
        margin-left: 11px
    }
}

.fees__level__title__level__login__link {
    font-size: 15px;
    margin-left: 6px;
    cursor: pointer;
    color: #1c82e8
}

@media screen and (max-width: 640px) {
    .fees__level__title__level__login__link {
        font-size:13.5px
    }
}

.fees__level__fee {
    font-size: 16px;
    font-weight: 500;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
    color: #929ebe
}

@media screen and (max-width: 1040px) {
    .fees__level__fee {
        font-size:15px
    }
}

@media screen and (max-width: 765px) {
    .fees__level__fee {
        -webkit-box-pack:justify;
        justify-content: space-between;
        width: 100%
    }
}

@media screen and (max-width: 540px) {
    .fees__level__fee {
        font-size:14px
    }
}

.fees__level__fee__fee {
    font-weight: 600;
    margin-left: 4px;
    color: #455369
}

@media screen and (max-width: 540px) {
    .fees__level__fee__fee {
        margin-left:2px
    }
}

.fees__level__text {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 15px;
    color: #768ba8
}

@media screen and (max-width: 1040px) {
    .fees__level__text {
        font-size:15px;
        margin-bottom: 12px
    }
}

@media screen and (max-width: 540px) {
    .fees__level__text {
        font-size:14px;
        line-height: 1.65;
        margin-bottom: 16px
    }
}

.fees__level__text.flex {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap
}

.fees__level__text__bold {
    font-weight: 600;
    margin-left: 4px;
    color: #455369
}

.fees__level__text__bold.flex {
    display: -webkit-box;
    display: flex
}

.fees__level__text__explanation {
    position: relative;
    display: -webkit-box;
    display: flex
}

.fees__level__text__explanation:hover .fees__level__text__explanation__tooltip {
    visibility: visible;
    opacity: 1
}

.fees__level__text__explanation__icon {
    width: 14px;
    margin-left: 6px;
    color: #a2b1c8
}

@media screen and (max-width: 640px) {
    .fees__level__text__explanation__icon {
        width:13px
    }
}

.fees__level__text__explanation__tooltip {
    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.25;
    position: absolute;
    z-index: 2;
    bottom: 32px;
    left: -10px;
    visibility: hidden;
    width: 173px;
    padding: 9px 15px;
    -webkit-transition: all .4s;
    transition: all .4s;
    opacity: 0;
    color: #768ba8;
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: rgba(18,47,76,.17) 0 1px 4px 0;
    box-shadow: rgba(18,47,76,.17) 0 1px 4px 0
}

@media screen and (max-width: 640px) {
    .fees__level__text__explanation__tooltip {
        font-size:12.5px;
        bottom: 26px;
        left: -170px;
        width: 160px;
        padding: 7px 14px
    }
}

.fees__level__box {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.fees__level__box__bar {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 8px;
    border-radius: 2px;
    background-color: #f3f6fc
}

@media screen and (max-width: 640px) {
    .fees__level__box__bar {
        margin-top:15px;
        margin-bottom: 7px
    }
}

.fees__level__box__bar__progress {
    height: 34px;
    border-radius: 2px 0 0 2px;
    background: -webkit-gradient(linear,left top,right top,from(#2a96ff),color-stop(60%,#2690f8));
    background: -webkit-linear-gradient(left,#2a96ff 0,#2690f8 60%);
    background: linear-gradient(90deg,#2a96ff 0,#2690f8 60%)
}

@media screen and (max-width: 1040px) {
    .fees__level__box__bar__progress {
        height:32px
    }
}

@media screen and (max-width: 640px) {
    .fees__level__box__bar__progress {
        height:25px
    }
}

.fees__level__box__axis {
    font-size: 15px;
    font-weight: 600;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    letter-spacing: -.2px;
    color: #55667e
}

@media screen and (max-width: 1040px) {
    .fees__level__box__axis {
        font-size:14.5px
    }
}

@media screen and (max-width: 640px) {
    .fees__level__box__axis {
        font-size:13px
    }
}

.fees__level__box__axis__volume {
    display: -webkit-box;
    display: flex
}

.fees__level__box__axis__volume__level {
    font-size: 14.5px;
    font-weight: 500;
    color: #9badca
}

@media screen and (max-width: 1040px) {
    .fees__level__box__axis__volume__level {
        font-size:14px
    }
}

@media screen and (max-width: 640px) {
    .fees__level__box__axis__volume__level {
        font-size:13px
    }
}

.fees__level__box__axis__volume__level__left {
    margin-left: 6px
}

.fees__level__box__axis__volume__level__right {
    margin-right: 6px
}

.fees__level__box__utc__notice {
    font-size: 14.5px;
    font-weight: 500;
    margin-top: 18px;
    margin-left: auto;
    color: #9badca
}

@media screen and (max-width: 1100px) {
    .fees__level__box__utc__notice {
        font-size:14px;
        margin-top: 16px
    }
}

@media screen and (max-width: 640px) {
    .fees__level__box__utc__notice {
        font-size:13px;
        margin-top: 14px
    }
}

.fees__table {
    margin-left: 18%
}

@media screen and (max-width: 1400px) {
    .fees__table {
        margin-left:14%
    }
}

@media screen and (max-width: 1040px) {
    .fees__table {
        margin:unset
    }
}

.fees__table__title {
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 29px;
    letter-spacing: -.3px;
    color: #455369
}

@media screen and (max-width: 1040px) {
    .fees__table__title {
        display:none
    }
}

.fees__table__table {
    display: block;
    margin-bottom: 10px;
    border-radius: 1px;
    -webkit-box-shadow: rgba(18,47,76,.1) 0 2px 4px,rgba(18,47,76,.1) 0 0 4px;
    box-shadow: rgba(18,47,76,.1) 0 2px 4px,rgba(18,47,76,.1) 0 0 4px
}

@media screen and (max-width: 1040px) {
    .fees__table__table {
        max-width:500px;
        margin: 20px 0 20px 10px
    }
}

@media screen and (max-width: 640px) {
    .fees__table__table {
        margin:20px 0 16px 10px
    }
}

.fees__table__note {
    font-size: 15.5px;
    line-height: 1.35;
    margin: 15px 0 0 2px;
    color: #929ebe
}

@media screen and (max-width: 1040px) {
    .fees__table__note {
        font-size:14.5px;
        margin-bottom: 12px
    }
}

@media screen and (max-width: 540px) {
    .fees__table__note {
        font-size:13.5px;
        line-height: 1.4;
        margin: 15px 0 16px 10px
    }
}

.fees__table__note a {
    text-decoration: underline;
    color: #455369
}
.select2-container--default .select2-selection--single{
    border-radius: 0 !important;
    border: none !important;
}

.swal2-popup .swal2-styled:focus {
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.swal2-title {
    font-size: 1.575em
}

.alert__title {
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 16px;
    color: #455369
}

.alert__title__success {
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5;
    color: #455369
}

.alert__text {
    font-size: 15px;
    line-height: 1.4;
    color: #929ebe
}

.input-field-active {
    border-bottom: #0081ff 1px solid!important
}

.input-field-error {
    border-bottom: #da461a 1px solid!important
}

.input-label-active {
    font-size: 15.2px!important;
    -webkit-transform: translate(1px,-22px)!important;
    transform: translate(1px,-22px)!important;
    color: #0081ff!important
}

@media screen and (max-width: 640px) {
    .input-label-active {
        font-size:14.2px!important
    }
}

.input-label-filled {
    font-size: 15.2px!important;
    -webkit-transform: translate(1px,-22px)!important;
    transform: translate(1px,-22px)!important
}

@media screen and (max-width: 640px) {
    .input-label-filled {
        font-size:14.2px!important
    }
}

::-webkit-input-placeholder {
    font-weight: 400;
    color: #848ea0
}

:-moz-placeholder {
    font-weight: 400;
    color: #848ea0
}

::-moz-placeholder {
    font-weight: 400;
    color: #848ea0
}

:-ms-input-placeholder {
    font-weight: 400;
    color: #848ea0
}

::-moz-range-track {
    border: 0;
    background: #d7dcdf
}

input::-moz-focus-inner,input::-moz-focus-outer {
    border: 0
}

@-webkit-keyframes autofill {
    to {
        background: 0 0
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both
}

.status-color__grey {
    color: #647896;
    border: #9db2d4 1px solid;
    background-color: #e6ecf4
}

.status-color__blue {
    color: #0a72dc;
    border: #48a5fc 1px solid;
    background-color: #dcebff
}

.status-color__green {
    color: #00a69a;
    border: #28c3b4 1px solid;
    background-color: #dff4f3
}

.status-color__red {
    color: #c00000;
    border: #d7435f 1px solid;
    background-color: #edd
}

.to-top {
    position: fixed;
    z-index: 8;
    right: 0;
    bottom: 4px;
    display: -webkit-box;
    display: flex;
    visibility: hidden;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 38px;
    height: 20px;
    cursor: pointer;
    -webkit-transition: .3s all;
    transition: .3s all;
    opacity: 0;
    border-radius: 1px 1px 0 0;
    background: rgba(18,47,76,.7)
}

.to-top:hover {
    background: #122f4c
}

@media screen and (max-width: 640px) {
    .to-top {
        bottom:5px;
        width: 32px
    }
}

.to-top__arrow {
    width: 14px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    fill: #fff
}

@media screen and (max-width: 640px) {
    .to-top__arrow {
        width:12px
    }
}

.message-info {
    position: fixed;
    z-index: 11;
    top: 100px;
    right: -110%;
    max-width: 400px;
    -webkit-transition: right .2s cubic-bezier(.46,.03,.52,.96);
    transition: right .2s cubic-bezier(.46,.03,.52,.96);
    border-radius: 1px;
    background-color: #fff;
    -webkit-box-shadow: rgba(18,47,76,.04) 0 1px 9px,rgba(18,47,76,.09) 0 0 2px 1px;
    box-shadow: rgba(18,47,76,.04) 0 1px 9px,rgba(18,47,76,.09) 0 0 2px 1px
}

@media screen and (max-width: 640px) {
    .message-info {
        max-width:80vw
    }
}

.message-info.active {
    right: 6%
}

@media screen and (max-width: 1440px) {
    .message-info.active {
        right:3%
    }
}

@media screen and (max-width: 1040px) {
    .message-info.active {
        right:3.5%
    }
}

@media screen and (max-width: 640px) {
    .message-info.active {
        right:3%
    }
}

.message-info__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 9px 14px 10px 14px
}

.message-info__img {
    flex-shrink: 0;
    width: 14.5px;
    height: 22px;
    fill: #1c82e8
}

.message-info__text {
    font-size: 14px;
    font-weight: 500;
    margin-left: 9px;
    padding-left: 11px;
    color: #647791;
    border-left: 1px solid #a8b8cf
}

.warning-info {
    position: fixed;
    z-index: 11;
    top: 100px;
    right: -110%;
    max-width: 400px;
    -webkit-transition: right .2s cubic-bezier(.46,.03,.52,.96);
    transition: right .2s cubic-bezier(.46,.03,.52,.96);
    border-radius: 1px;
    background-color: #fff;
    -webkit-box-shadow: rgba(18,47,76,.04) 0 1px 9px,rgba(18,47,76,.09) 0 0 2px 1px;
    box-shadow: rgba(18,47,76,.04) 0 1px 9px,rgba(18,47,76,.09) 0 0 2px 1px
}

@media screen and (max-width: 640px) {
    .warning-info {
        max-width:80vw
    }
}

.warning-info.active {
    right: 6%
}

@media screen and (max-width: 1440px) {
    .warning-info.active {
        right:3%
    }
}

@media screen and (max-width: 1040px) {
    .warning-info.active {
        right:3.5%
    }
}

@media screen and (max-width: 640px) {
    .warning-info.active {
        right:3%
    }
}

.warning-info__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 9px 14px 10px 14px;
    background-color: rgba(255,191,0,.1490196078)
}

.warning-info__img {
    flex-shrink: 0;
    width: 17px;
    height: 20px;
    fill: #ffbf00
}

.warning-info__text {
    font-size: 14px;
    font-weight: 500;
    margin-left: 9px;
    padding-left: 9px;
    color: #647791;
    border-left: 1px solid #a8b8cf
}

.tippy-box[data-theme~=white] {
    cursor: default;
    border-radius: 1px;
    background-color: #fff;
    -webkit-box-shadow: rgba(18,47,76,.15) 0 1px 5px 0;
    box-shadow: rgba(18,47,76,.15) 0 1px 5px 0
}

.app-interface .app-full-page {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 100vh
}

.app-interface .app-hide {
    display: none!important
}

.head {
    position: -webkit-sticky;
    position: sticky;
    z-index: 9;
    top: 0;
    margin: 0;
    padding-bottom: 12px;
    background-color: #111823
}

.head__back {
    width: 100%
}

.head__nav {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 50px;
    margin-right: 3%;
    margin-left: 3%;
    padding-top: 10px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

@media screen and (max-width: 640px) {
    .head__nav {
        height:45px
    }
}

.head__nav__logo {
    width: 230px;
    cursor: pointer;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    -webkit-transform-origin: 10px 20px;
    transform-origin: 10px 20px
}

@media screen and (max-width: 1220px) {
    .head__nav__logo {
        width:220px
    }
}

@media screen and (max-width: 640px) {
    .head__nav__logo {
        width:195px
    }
}

.head__nav__links {
    font-size: 17px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    justify-content: space-around;
    letter-spacing: .3px
}

@media screen and (max-width: 1220px) {
    .head__nav__links {
        font-size:16px;
        position: fixed;
        top: 0;
        right: 0;
        display: block;
        min-width: 324px;
        height: 100%;
        padding: 20px 0;
        -webkit-transition: -webkit-transform .4s ease-in;
        transition: -webkit-transform .4s ease-in;
        transition: transform .4s ease-in;
        transition: transform .4s ease-in,-webkit-transform .4s ease-in;
        -webkit-transform: translateX(200%);
        transform: translateX(200%);
        background-color: #111823
    }
}

@media screen and (max-width: 640px) {
    .head__nav__links {
        width:100%
    }
}

.head__nav__links li {
    list-style: none
}

@media screen and (max-width: 1220px) {
    .head__nav__links li {
        margin-top:14px;
        margin-left: 25px
    }
}

@media screen and (max-width: 540px) {
    .head__nav__links li {
        margin-top:12px
    }
}

@media screen and (max-width: 1220px) {
    .head__nav__links li:first-child {
        margin-top:90px
    }
}

@media screen and (max-width: 540px) {
    .head__nav__links li:first-child {
        margin-top:88px
    }
}

@media screen and (max-width: 1220px) {
    .head__nav__links__nolog li:first-child {
        margin-top:55px
    }
}

.head__nav__link__sidebar {
    display: none
}

@media screen and (max-width: 1220px) {
    .head__nav__link__sidebar {
        display:block
    }
}

.head__nav__link a {
    margin-left: 25px;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    white-space: nowrap;
    text-decoration: none;
    color: #fff
}

.head__nav__link a:hover {
    color: #2a96ff
}

@media screen and (max-width: 1220px) {
    .head__nav__link a {
        margin-left:unset
    }
}

.head__nav__linkdrop {
    position: relative;
    margin-left: 25px;
    cursor: pointer;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    text-decoration: none;
    color: #fff
}

@media screen and (max-width: 1220px) {
    .head__nav__linkdrop__hide {
        display:none
    }
}

.head__nav__linkdrop:hover {
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    color: #2a96ff
}

.head__nav__linkdrop:hover .head__nav__linkdrop__arrow {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media screen and (max-width: 1220px) {
    .head__nav__linkdrop:hover .head__nav__linkdrop__arrow {
        -webkit-transform:rotate(0);
        transform: rotate(0)
    }
}

.head__nav__linkdrop:hover .head__nav__linkdrop__links {
    visibility: visible;
    max-height: 500px;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 1
}

@media screen and (max-width: 1220px) {
    .head__nav__linkdrop {
        position:relative;
        margin-left: unset
    }
}

.head__nav__linkdrop__arrow {
    position: relative;
    top: 7.5px;
    width: 10px;
    -webkit-transition: .2s;
    transition: .2s;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    fill: #1c82e8
}

.head__nav__linkdrop__flag {
    display: -webkit-box;
    display: flex;
    width: 20px;
    padding: 3px 0
}

.head__nav__linkdrop__bottom {
    position: absolute;
    bottom: 60px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: calc(100% - 50px);
    padding-top: 12px;
    border-top: 1px solid #fff;
    background-color: #111823
}

@media screen and (min-width: 1220px) {
    .head__nav__linkdrop__bottom {
        display:none
    }
}

.head__nav__linkdrop__bottom:hover .head__nav__linkdrop__links__bottom {
    visibility: visible;
    max-height: 500px;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 1
}

.head__nav__linkdrop__bottom span {
    color: #fff
}

.head__nav__linkdrop__links {
    position: absolute;
    z-index: 1;
    top: 20px;
    right: -25px;
    visibility: hidden;
    min-width: 121px;
    max-height: 0;
    padding-top: 27px;
    cursor: initial;
    -webkit-transition: max-height .3s,opacity .3s,visibility .3s ease-in-out;
    transition: max-height .3s,opacity .3s,visibility .3s ease-in-out;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    opacity: 0;
    border-radius: 4px
}

.head__nav__linkdrop__links__bottom {
    position: absolute;
    right: -24px;
    bottom: 15px;
    visibility: hidden;
    padding-bottom: 20px;
    opacity: 0
}

.head__nav__linkdrop__links__bottom__container {
    font-size: 15px;
    padding: 6px 8px;
    letter-spacing: .2px;
    background-color: #172132
}

.head__nav__linkdrop__links__bottom__container .head__nav__linkdrop__links__flagwrapper {
    padding: 7px
}

@media screen and (max-width: 1220px) {
    .head__nav__linkdrop__links {
        right:unset;
        display: contents;
        visibility: visible;
        min-width: unset;
        max-height: 500px;
        opacity: 1
    }
}

.head__nav__linkdrop__links__container {
    font-size: 15px;
    padding: 6px 0;
    letter-spacing: .2px;
    border-radius: 0 0 2px 2px;
    background-color: #172132;
    -webkit-box-shadow: #1f2c3f 0 1px 3px 0;
    box-shadow: #1f2c3f 0 1px 3px 0
}

@media screen and (max-width: 1220px) {
    .head__nav__linkdrop__links__container {
        font-size:16px;
        padding: unset;
        background-color: unset;
        -webkit-box-shadow: unset;
        box-shadow: unset
    }
}

.head__nav__linkdrop__links__note {
    font-size: 14px;
    margin-top: 3px;
    color: #929ebe
}

.head__nav__linkdrop__links__flagwrapper {
    font-weight: 500;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-transition: all .2s;
    transition: all .2s;
    color: #fff
}

.head__nav__linkdrop__links__flagwrapper:hover {
    background-color: #202b3e
}

.head__nav__linkdrop__links__flag {
    width: 20px;
    margin-right: 10px
}

.head__nav__linkdrop__links .link,.head__nav__linkdrop__links a {
    display: block;
    padding: 12px 22px;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    color: #fff
}

@media screen and (max-width: 1220px) {
    .head__nav__linkdrop__links .link,.head__nav__linkdrop__links a {
        padding:10px 9px 7px
    }
}

@media screen and (max-width: 540px) {
    .head__nav__linkdrop__links .link,.head__nav__linkdrop__links a {
        padding:8px 9px 6px
    }
}

.head__nav__linkdrop__links .link:hover,.head__nav__linkdrop__links a:hover {
    -webkit-transition: .3s;
    transition: .3s;
    text-decoration: none;
    background-color: #202b3e
}

@media screen and (max-width: 1220px) {
    .head__nav__linkdrop__links .link:hover,.head__nav__linkdrop__links a:hover {
        color:#1c82e8;
        background-color: unset
    }
}

@media screen and (max-width: 1220px) {
    .head__nav__linkdrop__links .link:first-child,.head__nav__linkdrop__links a:first-child {
        margin-top:5px
    }
}

.head__nav__acbox__sign {
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    margin-left: 25px;
    color: #fff
}

@media screen and (max-width: 1220px) {
    .head__nav__acbox__sign {
        position:absolute;
        top: 6px
    }
}

.head__nav__acbox__sign__signin {
    font-size: 14.7px;
    padding: 5px 16px;
    cursor: pointer;
    -webkit-transition: all .15s;
    transition: all .15s;
    border-radius: 1px;
    background-color: rgba(44,86,127,.22)
}

.head__nav__acbox__sign__signin:hover {
    background-color: rgba(39,58,81,.78)
}

@media screen and (max-width: 540px) {
    .head__nav__acbox__sign__signin {
        font-size:15px
    }
}

.head__nav__acbox__sign__signup {
    font-size: 14.4px;
    margin-left: 12px;
    padding: 5px 16px;
    cursor: pointer;
    -webkit-transition: all .15s;
    transition: all .15s;
    letter-spacing: -.2px;
    border-radius: 1px;
    background-color: #1c82e8
}

.head__nav__acbox__sign__signup:hover {
    background-color: #2a96ff
}

@media screen and (max-width: 1220px) {
    .head__nav__acbox__sign__signup {
        left:100px;
        margin-left: 15px
    }
}

.head__nav__acbox__account {
    font-size: 15.5px;
    font-weight: 400;
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    margin-left: 23px;
    cursor: pointer;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    letter-spacing: .2px;
    color: #fff;
    border: #55667e 1px solid;
    border-radius: 1px;
    background-color: #1b283c
}

.head__nav__acbox__account:hover {
    background-color: #1f2e45
}

.head__nav__acbox__account:hover .head__nav__acbox__account__box {
    visibility: visible;
    max-height: 500px;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 1
}

@media screen and (max-width: 1220px) {
    .head__nav__acbox__account {
        position:fixed;
        top: -44px;
        cursor: unset;
        border: none;
        border-radius: unset;
        background: 0 0
    }

    .head__nav__acbox__account:hover {
        border: none;
        background: 0 0
    }
}

.head__nav__acbox__account__link {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 4px 12px;
    color: #fff
}

@media screen and (max-width: 1220px) {
    .head__nav__acbox__account__link {
        display:none
    }
}

.head__nav__acbox__account__box {
    position: absolute;
    z-index: 1;
    top: 31px;
    right: 0;
    visibility: hidden;
    padding-top: 19px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    opacity: 0
}

@media screen and (max-width: 1220px) {
    .head__nav__acbox__account__box {
        right:unset;
        left: 0;
        visibility: visible;
        opacity: 1
    }
}

.head__nav__acbox__account__box__container {
    font-size: 15px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 170px;
    padding-bottom: 5px;
    cursor: initial;
    border-right: #202b3e 1px solid;
    border-bottom: #202b3e 1px solid;
    border-left: #202b3e 1px solid;
    border-radius: 0 0 2px 2px;
    background-color: #172132;
    -webkit-box-shadow: rgba(18,47,76,.06) 0 3px 9px 0;
    box-shadow: rgba(18,47,76,.06) 0 3px 9px 0
}

@media screen and (max-width: 1220px) {
    .head__nav__acbox__account__box__container {
        -webkit-box-align:end;
        align-items: flex-end;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        width: 276px;
        margin-top: 12px;
        border: none;
        background: 0 0;
        -webkit-box-shadow: unset;
        box-shadow: unset
    }
}

.head__nav__acbox__account__box__user {
    display: -webkit-box;
    display: flex;
    align-self: end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 130px;
    padding: 14px 20px 8px;
    text-decoration: none;
    color: #fff
}

@media screen and (max-width: 1220px) {
    .head__nav__acbox__account__box__user {
        width:245px;
        padding: 0
    }
}
@media screen and (max-width: 1220px) {
    .head__nav__acbox__account__box__user__text {
        font-size:15px;
        display: -webkit-box;
        display: flex
    }
}

.head__nav__acbox__account__box__user__level {
    font-size: 15.5px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 2px
}

@media screen and (max-width: 1220px) {
    .head__nav__acbox__account__box__user__level {
        display:none
    }
}

.head__nav__acbox__account__box__user__level__level {
    font-size: 15.5px;
    font-weight: 500;
    align-self: end;
    padding: 0 8px;
    background-color: #26344a
}

.head__nav__acbox__account__box__user__bar {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    width: 100%;
    margin: 8px 0 5px;
    border-radius: 1px;
    background-color: #263148
}

@media screen and (max-width: 1220px) {
    .head__nav__acbox__account__box__user__bar {
        margin:8px 0 3px;
        background-color: #1e2940
    }
}

.head__nav__acbox__account__box__user__bar__progress {
    height: 14px;
    border-radius: 1px 0 0 1px;
    background: -webkit-gradient(linear,left top,right top,from(#2a96ff),color-stop(60%,#1c82e8));
    background: -webkit-linear-gradient(left,#2a96ff 0,#1c82e8 60%);
    background: linear-gradient(90deg,#2a96ff 0,#1c82e8 60%)
}

.head__nav__acbox__account__box__user__volume {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%
}

.head__nav__acbox__account__box__user__volume__value {
    font-size: 11.5px
}

.head__nav__acbox__account__box__sep {
    width: 76%;
    height: 1px;
    margin: 8px auto;
    background: rgba(255,255,255,.14)
}

@media screen and (max-width: 1220px) {
    .head__nav__acbox__account__box__sep {
        display:none
    }
}

.head__nav__acbox__account__box__links {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%
}

@media screen and (max-width: 1220px) {
    .head__nav__acbox__account__box__links {
        display:none
    }

    .head__nav__acbox__account__box__links__logout {
        display: -webkit-box;
        display: flex
    }
}

.head__nav__acbox__account__box__link {
    display: block;
    padding: 10px 20px;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    background-color: #172132
}

.head__nav__acbox__account__box__link:hover {
    -webkit-transition: .3s;
    transition: .3s;
    background-color: #202b3e
}

@media screen and (max-width: 1220px) {
    .head__nav__acbox__account__box__link {
        padding:10px 9px 7px;
        color: #9badca;
        background-color: unset
    }

    .head__nav__acbox__account__box__link__logout {
        font-size: 13.5px;
        font-weight: 500;
        margin-left: auto;
        padding: 5px 12px 7px;
        -webkit-transition: .15s;
        transition: .15s;
        text-align: center;
        letter-spacing: 0;
        color: #fff;
        border-radius: 1px!important;
        background: #1b283c
    }
}

.head__nav__lines {
    display: none
}

@media screen and (max-width: 1220px) {
    .head__nav__lines {
        display:block
    }
}

.head__nav__lines__list {
    position: relative;
    display: none
}

@media screen and (max-width: 1220px) {
    .head__nav__lines__list {
        display:block;
        cursor: pointer
    }
}

.head__nav__lines__list div {
    width: 25px;
    height: 3px;
    margin: 5px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #1c82e8
}

@media screen and (max-width: 540px) {
    .head__nav__lines__list div {
        width:23px;
        height: 2px;
        margin: 4px
    }
}

.head__nav__lines__list:hover div {
    background-color: #2a96ff
}

.head__account {
    background-color: #fff;
    -webkit-box-shadow: #dfe2e7 0 1px 6px 0;
    box-shadow: #dfe2e7 0 1px 6px 0
}

.head__account .head__nav {
    margin-right: 60px;
    margin-left: 60px
}

@media screen and (max-width: 1100px) {
    .head__account .head__nav {
        margin-right:30px;
        margin-left: 30px
    }
}

@media screen and (max-width: 640px) {
    .head__account .head__nav {
        margin-right:20px;
        margin-left: 20px
    }
}

@media screen and (max-width: 540px) {
    .head__account .head__nav {
        margin-right:9px;
        margin-left: 9px
    }
}

.head__account .head__nav__logo {
    width: 200px
}

@media screen and (max-width: 1220px) {
    .head__account .head__nav__logo {
        width:195px
    }
}

@media screen and (max-width: 640px) {
    .head__account .head__nav__logo {
        width:190px
    }
}

.head__account .head__nav__link a,.head__account .head__nav__link__box a,.head__account .head__nav__linkdrop,.head__account .head__nav__linkdrop__bottom span,.head__account .head__nav__linkdrop__links a,.head__account .head__nav__linkdrop__links div {
    font-weight: 500;
    color: #455369
}

.head__account .head__nav__link a:hover,.head__account .head__nav__link__box a:hover,.head__account .head__nav__linkdrop:hover,.head__account .head__nav__linkdrop__bottom span:hover,.head__account .head__nav__linkdrop__links a:hover,.head__account .head__nav__linkdrop__links div:hover {
    color: #26344a
}

@media screen and (min-width: 1220px) and (max-width:1360px) {
    .head__account .head__nav__link a,.head__account .head__nav__linkdrop {
        margin-left:19px
    }
}

.head__account .head__nav__linkdrop__bottom {
    border-top: 1px solid #455369;
    background-color: #fff
}

.head__account .head__nav__linkdrop__links__bottom__container {
    background-color: #fff;
    -webkit-box-shadow: #dfe2e7 0 1px 6px 0;
    box-shadow: #dfe2e7 0 1px 6px 0
}

.head__account .head__nav__linkdrop__links__flagwrapper {
    color: #455369
}

.head__account .head__nav__linkdrop__links__flagwrapper:hover {
    background-color: #eff2f7
}

.head__account .head__nav__linkdrop__links__note {
    font-weight: 400!important;
    color: #9badca!important
}

.head__account .head__nav__linkdrop__links__note:hover {
    color: #9badca!important
}

.head__account .head__nav__link__sidebar {
    display: none
}

.head__account .head__nav__linkdrop__links__container {
    font-size: 16px;
    border: none;
    background-color: #fff;
    -webkit-box-shadow: #dfe2e7 0 3px 6px 0;
    box-shadow: #dfe2e7 0 3px 6px 0
}

@media screen and (max-width: 1220px) {
    .head__account .head__nav__linkdrop__links__container {
        -webkit-box-shadow:none;
        box-shadow: none
    }
}

.head__account .head__nav__linkdrop__links__container a:hover,.head__account .head__nav__linkdrop__links__container div:hover {
    background-color: #eff2f7
}

@media screen and (max-width: 1220px) {
    .head__account .head__nav__linkdrop__links__container a:hover,.head__account .head__nav__linkdrop__links__container div:hover {
        background-color:unset
    }
}

.head__account .head__nav__link__box a div {
    font-size: 16px;
    font-weight: 600;
    position: relative;
    z-index: 2;
    padding: 6px 20px;
    -webkit-transition: color 0s;
    transition: color 0s;
    background-color: #eaedf2
}

.head__account .head__nav__link__box a div:before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 100%;
    bottom: 0;
    content: "";
    -webkit-transition: .2s all ease;
    transition: .2s all ease;
    opacity: 0;
    background-color: #2690f8
}

.head__account .head__nav__link__box a div:hover {
    -webkit-transition: .2s all ease;
    transition: .2s all ease;
    color: #fff
}

.head__account .head__nav__link__box a div:hover:before {
    right: 0;
    left: 0;
    -webkit-transition: .2s all ease;
    transition: .2s all ease;
    opacity: 1
}

@media screen and (max-width: 1220px) {
    .head__account .head__nav__link__box a div {
        padding:0;
        background-color: unset
    }

    .head__account .head__nav__link__box a div:hover {
        color: #324664
    }

    .head__account .head__nav__link__box a div:hover:before {
        opacity: 0
    }
}

.head__account .head__nav__links {
    background-color: #fff
}

.head__account .head__nav__links li:last-child a {
    display: -webkit-box;
    display: flex
}

@media screen and (max-width: 1220px) {
    .head__account .head__nav__links {
        -webkit-box-shadow:#dfe2e7 0 1px 6px 0;
        box-shadow: #dfe2e7 0 1px 6px 0
    }

    .head__account .head__nav__links li:first-child {
        margin-top: 64px
    }

    .head__account .head__nav__links li:last-child {
        position: absolute;
        top: 34px
    }
}

.adjust-header-main {
    position: fixed;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    margin-top: -1px;
    padding-bottom: 12px
}

.scroll-main-1 {
    background: 0 0
}

.scroll-main-2 {
    background: rgba(17,24,35,.9803921569)
}

.scroll-sub-1 {
    margin: 20px 6.8%
}

.scroll-sub-1 .head__nav__linkdrop__links {
    padding-top: 32px
}

@media screen and (max-width: 1220px) {
    .scroll-sub-1 {
        margin:15px 3.8%
    }
}

@media screen and (max-width: 640px) {
    .scroll-sub-1 {
        margin:6px 2.5%
    }
}

.scroll-sub-2 {
    margin: 0 5%
}

@media screen and (max-width: 1220px) {
    .scroll-sub-2 {
        margin:0 2.5%
    }
}

.scroll-logo {
    -webkit-transform: scale(1.112);
    transform: scale(1.112)
}

@media screen and (max-width: 640px) {
    .scroll-logo {
        -webkit-transform:scale(1.06);
        transform: scale(1.06)
    }
}

.nav-open-lines-open {
    position: fixed;
    top: 24px;
    right: 28px
}

@media screen and (max-width: 640px) {
    .scroll-main-1 .nav-open-lines-open {
        top:30px;
        right: 23px
    }
}

.scroll-main-2 .nav-open-lines-open {
    right: 23px
}

.nav-active {
    overflow-y: auto;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.nav-open-lines-open .fline {
    -webkit-transform: rotate(-45deg) translate(0,4px);
    transform: rotate(-45deg) translate(0,4px)
}

@media screen and (max-width: 540px) {
    .nav-open-lines-open .fline {
        -webkit-transform:rotate(-45deg) translate(9.5px,14px);
        transform: rotate(-45deg) translate(9.5px,14px)
    }
}

.nav-open-lines-open .sline {
    -webkit-transition: 0s;
    transition: 0s;
    opacity: 0
}

.nav-open-lines-open .tline {
    -webkit-transform: rotate(45deg) translate(-6px,-12px);
    transform: rotate(45deg) translate(-6px,-12px)
}

@media screen and (max-width: 540px) {
    .nav-open-lines-open .tline {
        -webkit-transform:rotate(45deg) translate(5px,-19px);
        transform: rotate(45deg) translate(5px,-19px)
    }
}

.app-interface .head__nav__linkdrop__bottom {
    bottom: 120px
}

.footer {
    margin-top: -1px;
    background-color: #111823
}

.footer__container {
    margin-top: 40px
}

@media screen and (max-width: 1040px) {
    .footer__container {
        margin-top:20px
    }
}

.footer__elements {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 65px
}

@media screen and (max-width: 1040px) {
    .footer__elements {
        margin-bottom:60px
    }
}

@media screen and (max-width: 640px) {
    .footer__elements {
        margin-bottom:45px
    }
}

.footer__element {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin-top: 30px;
    text-align: left
}

@media screen and (max-width: 1040px) {
    .footer__element {
        flex-basis:26%;
        margin-top: 45px
    }
}

@media screen and (max-width: 640px) {
    .footer__element {
        flex-basis:34%;
        margin-top: 40px
    }
}

@media screen and (max-width: 445px) {
    .footer__element:nth-child(1) {
        flex-basis:100%
    }
}

.footer__element__title {
    font-size: 21px;
    margin-bottom: 17px;
    white-space: nowrap;
    color: #eaedf2
}

@media screen and (max-width: 1040px) {
    .footer__element__title {
        font-size:19px;
        margin-bottom: 11px
    }
}

@media screen and (max-width: 640px) {
    .footer__element__title {
        font-size:17.5px
    }
}

.footer__element__link {
    font-size: 17px;
    font-weight: 500;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 8px;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    white-space: nowrap;
    letter-spacing: -.05px;
    color: #6c7a90;
    fill: #6c7a90
}

.footer__element__link:hover {
    color: #eaedf2;
    fill: #eaedf2
}

@media screen and (max-width: 1040px) {
    .footer__element__link {
        font-size:16px
    }
}

@media screen and (max-width: 640px) {
    .footer__element__link {
        font-size:15px;
        margin-bottom: 7px
    }
}

.footer__element__link__img {
    width: 18px;
    margin-right: 10px
}

@media screen and (max-width: 1040px) {
    .footer__element__link__img {
        width:17px;
        margin-right: 6px
    }
}

@media screen and (max-width: 640px) {
    .footer__element__link__img {
        width:16px
    }
}

.footer__element__link__img__small {
    width: 16px
}

@media screen and (max-width: 1040px) {
    .footer__element__link__img__small {
        width:15px
    }
}

@media screen and (max-width: 640px) {
    .footer__element__link__img__small {
        width:14px
    }
}

.footer__element__row {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    margin-top: 10px
}

@media screen and (max-width: 1040px) {
    .footer__element__row {
        margin-top:8px
    }
}

.footer__element__playstore {
    width: 81px;
    padding: 6px 13px;
    border: rgba(93,105,125,.8392156863) 1px solid;
    fill: #eaedf2
}

@media screen and (max-width: 1040px) {
    .footer__element__playstore {
        width:78px
    }
}

@media screen and (max-width: 640px) {
    .footer__element__playstore {
        width:71px;
        padding: 5px 12px
    }
}

.footer__element__downloadapk {
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
    font-size: 11.5px;
    font-weight: 500;
    margin-left: 5px;
    padding: 8px 10px;
    -webkit-transition: all .25s;
    transition: all .25s;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
    letter-spacing: -.3px;
    color: #eaedf2;
    border: rgba(93,105,125,.8392156863) 1px solid;
    border-radius: 1px
}

@media screen and (max-width: 1040px) {
    .footer__element__downloadapk {
        font-size:10.5px
    }
}

@media screen and (max-width: 640px) {
    .footer__element__downloadapk {
        font-size:10px;
        padding: 7px 9px
    }
}

.footer__copyright {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    opacity: .5;
    border-top: #6c7a90 1px solid
}

.footer__copyright__logo {
    width: 218px;
    margin: 28px 0 5px
}

@media screen and (max-width: 1040px) {
    .footer__copyright__logo {
        width:204px
    }
}

@media screen and (max-width: 640px) {
    .footer__copyright__logo {
        width:204px
    }
}

.footer__copyright__text {
    font-size: 13px;
    font-weight: 500;
    color: #6c7a90
}

@media screen and (max-width: 1040px) {
    .footer__copyright__text {
        font-size:12px
    }
}

@media screen and (max-width: 640px) {
    .footer__copyright__text {
        font-size:12px
    }
}

.app_navigation {
    position: fixed;
    z-index: 99;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100vw;
    height: 62px;
    padding: 0 10px;
    background-color: #fff;
    -webkit-box-shadow: #dfe2e7 0 1px 6px 0;
    box-shadow: #dfe2e7 0 1px 6px 0
}

.app_navigation__option {
    font-weight: 500;
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: end;
    justify-content: flex-end;
    margin-top: 10px;
    cursor: pointer;
    -webkit-transition: .15s all ease;
    transition: .15s all ease;
    color: #929ebe
}

.app_navigation__option__text {
    font-size: 12.5px;
    position: absolute;
    top: 24px;
    text-decoration: none
}

.app_navigation__option.active {
    font-weight: 600;
    color: #1c82e8
}

.app_navigation__option__icon {
    width: 21px;
    height: 19px
}

.app_navigation__option__icon__small {
    width: 17px;
    height: 17px;
    margin-top: 2px
}

.app_navigation__option__icon__big {
    width: 26px;
    height: 21px
}

.support__corner {
    font-size: 16.9px;
    position: fixed;
    z-index: 8;
    right: 0;
    bottom: 26px;
    padding: 16px 8px 17px 10px;
    -webkit-transition: all .15s cubic-bezier(.25,.46,.45,.94);
    transition: all .15s cubic-bezier(.25,.46,.45,.94);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    letter-spacing: .2px;
    color: #fff;
    border-radius: 1px 1px 0 0;
    background: -webkit-linear-gradient(225deg,#1c82e8 28%,#258aef 100%);
    background: linear-gradient(225deg,#1c82e8 28%,#258aef 100%);
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    -webkit-text-orientation: mixed;
    text-orientation: mixed
}

.support__corner:hover {
    padding: 16px 8px 17px 20px
}

@media screen and (max-width: 640px) {
    .support__corner {
        padding:16px 6px 17px 8px;
        font-size: 14.6px
    }

    .support__corner:hover {
        padding: 16px 6px 17px 13px
    }
}

@media screen and (max-width: 540px) {
    .support__corner {
        display:none
    }
}

.support__chat {
    bottom: -12px!important;
    right: -15px!important
}

.support__center {
    position: fixed;
    z-index: 10;
    right: 5px;
    bottom: 8px;
    -webkit-transition: -webkit-transform .18s cubic-bezier(.47,0,.75,.72);
    transition: -webkit-transform .18s cubic-bezier(.47,0,.75,.72);
    transition: transform .18s cubic-bezier(.47,0,.75,.72);
    transition: transform .18s cubic-bezier(.47,0,.75,.72),-webkit-transform .18s cubic-bezier(.47,0,.75,.72);
    -webkit-transform: translateY(103%);
    transform: translateY(103%)
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .support__center {
        right:0;
        bottom: 0;
        height: 100%
    }
}

.support__center__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 345px;
    max-width: calc(100vw - 10px);
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: rgba(18,47,76,.14) 0 6px 16px 0;
    box-shadow: rgba(18,47,76,.14) 0 6px 16px 0
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .support__center__container {
        width:100%;
        max-width: unset;
        height: 100%
    }
}

.support__center__head {
    position: relative;
    overflow: hidden;
    padding: 38px 0 24px;
    border-top: #202b3e 1px solid;
    border-left: #202b3e 1px solid;
    background-color: #111925
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .support__center__head {
        padding:34px 0 26px;
        border: none
    }
}

.support__center__head__logo {
    position: absolute;
    right: -167px;
    bottom: -169px;
    width: 335px
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .support__center__head__logo {
        right:-148px;
        bottom: -149px;
        width: 297px
    }
}

.support__center__head__title {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-left: 28px
}

.support__center__head__title__img {
    position: relative;
    bottom: 3px;
    width: 40px;
    margin-right: 10px;
    opacity: .9
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .support__center__head__title__img {
        width:40px
    }
}

.support__center__head__title__text {
    width: 72px;
    opacity: .88
}

.support__center__head__close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 13px 10px;
    cursor: pointer;
    -webkit-transition: all .25s ease 0s;
    transition: all .25s ease 0s
}

.support__center__head__close:hover {
    color: #1c82e8
}

.support__center__content {
    overflow-x: hidden;
    overflow-y: auto
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .support__center__content {
        height:100%
    }
}

.support__center__content__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    width: 345px;
    max-width: calc(100vw - 10px);
    height: 544px;
    max-height: calc(100vh - 270px)
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .support__center__content__container {
        width:100vw;
        max-width: unset;
        height: 100%;
        max-height: unset
    }
}

.support__center__content__content {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%;
    padding: 30px 18px 0 28px
}

.support__center__content__scrollbarspace {
    width: 7px
}

.support__center__title {
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 34px;
    text-align: center;
    letter-spacing: -.5px;
    color: #48505d
}

.support__center__info {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 12px 10px;
    border: 1px solid #dfe2e9;
    border-radius: 1px;
    background-color: #f4f7fb
}

.support__center__info__container {
    margin-top: auto;
    padding-bottom: 36px
}

.support__center__info__bullet {
    display: inline-block;
    margin: 7px 7px 0 0;
    padding: 2px;
    border-radius: 75px;
    background-color: #848ea0
}

.support__center__info__title {
    font-size: 13px;
    line-height: 1.45;
    margin: 3px 5px;
    color: #848ea0
}

.support__center__action {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%;
    margin-bottom: 5px
}

.support__center__action__title {
    font-size: 16px;
    font-weight: 600;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 8px;
    cursor: pointer;
    letter-spacing: -.3px;
    color: #4b545d
}

.support__center__action__title:hover {
    color: #0081ff
}

.support__center__action__title__arrow {
    position: relative;
    top: 8px;
    width: 9px;
    margin-left: 2px;
    -webkit-transition: .2s;
    transition: .2s;
    fill: #1c82e8
}

.support__center__contact {
    position: relative;
    display: none;
    width: 100%;
    margin-bottom: 40px
}

.support__center__contact__drop {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
    -webkit-transition: all .25s ease 0s;
    transition: all .25s ease 0s;
    color: #26344a;
    border-bottom: 1px solid #b3b3b3;
    border-radius: 1px
}

.support__center__contact__drop__left {
    font-size: 15.5px;
    font-weight: 500;
    padding: 8px 6px;
    letter-spacing: -.3px
}

.support__center__contact__drop__right {
    width: 9px;
    padding: 8px 10px;
    -webkit-transition: all .25s ease 0s;
    transition: all .25s ease 0s;
    fill: #1c82e8
}

.support__center__contact__drop__box {
    position: absolute;
    top: 45px;
    display: -webkit-box;
    display: flex;
    visibility: hidden;
    overflow-y: scroll;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: calc(100% - 1px);
    max-height: 160px;
    cursor: pointer;
    opacity: 0;
    color: #26344a;
    border: #919fac 1px solid;
    border-radius: 0 0 2px 2px;
    background-color: #f7f7f7
}

.support__center__contact__drop__box::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.support__center__contact__drop__box__opt {
    font-size: 13.9px;
    font-weight: 500;
    height: 15px;
    padding: 7px 7px 11px 8px;
    -webkit-transition: all .2s;
    transition: all .2s;
    border-bottom: #919fac 1px solid
}

.support__center__contact__drop__box__opt:last-child {
    border-bottom: none
}

.support__center__contact__drop__box__opt:hover {
    -webkit-transition: all .25s ease 0s;
    transition: all .25s ease 0s;
    color: #0081ff;
    background-color: #e8edf2
}

.support__center__contact__input {
    font-size: 15.2px;
    font-weight: 500;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 35px;
    margin-top: 7px;
    padding: 2px 6px;
    -webkit-transition: border .25s ease 0s;
    transition: border .25s ease 0s;
    color: #26344a;
    border-bottom: 1px solid #b3b3b3;
    border-radius: 1px
}

.support__center__contact__input::-webkit-input-placeholder {
    font-size: 13.9px
}

.support__center__contact__input:-moz-placeholder {
    font-size: 13.9px
}

.support__center__contact__input::-moz-placeholder {
    font-size: 13.9px
}

.support__center__contact__input:-ms-input-placeholder {
    font-size: 13.9px
}

.support__center__contact__textarea {
    font-size: 14.5px;
    font-weight: 500;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 20px 0 10px;
    padding: 8px;
    color: #26344a;
    border: 1px solid #b3b3b3;
    border-radius: 1px
}

.support__center__contact__textarea::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.support__center__contact__error {
    font-size: 12.5px;
    margin-top: 4px;
    margin-right: 2px;
    text-align: right;
    color: #cc2727
}

.support__center__contact__button {
    font-size: 15px;
    position: relative;
    -webkit-box-flex: 1;
    flex: 1;
    width: 100%;
    margin-top: 20px;
    padding: 9px 10px;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    text-align: center;
    color: #f7f7f7;
    border-radius: 1px;
    background-color: #1c82e8
}

.support__center__contact__button:disabled {
    opacity: .75
}

.support__center__contact__button:after {
    position: absolute;
    right: 14px;
    width: 0;
    content: "";
    opacity: 0;
    background: url(../img/spinner-white.svg) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}

.support__center__contact__button:disabled:after {
    width: 19px;
    height: 19px;
    opacity: .8
}

.support__center__contact__button:hover:not([disabled]) {
    background-color: #2a96ff
}

.support__center__contact textarea::-webkit-input-placeholder {
    font-size: 13.9px
}

.support__center__contact textarea::-moz-placeholder {
    font-size: 13.9px
}

.support__center__contact textarea:-ms-input-placeholder {
    font-size: 13.9px
}

.support__center__contact textarea:-moz-placeholder {
    font-size: 13.9px
}

.support__center__response {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin: 0 2px
}

.support__center__response__id {
    font-size: 15px;
    font-weight: 600;
    margin: 12px auto 14px;
    color: #455369
}

.support__center__response__text {
    font-size: 13.3px;
    font-weight: 500;
    line-height: 1.5;
    align-self: end;
    margin-bottom: 20px;
    color: #455369
}

.support__center__response__text .bold {
    font-weight: 600
}

.support__center__response__note {
    font-size: 13.5px;
    line-height: 1.35;
    align-self: end;
    color: #707f9c
}

.support__center__response__note .bullet {
    position: relative;
    margin-bottom: 4px;
    margin-left: 22px
}

.support__center__response__note .bullet:before {
    line-height: var(--size);
    position: absolute;
    top: 5px;
    left: calc(-1 * var(--size) - 8px);
    width: var(--size);
    height: var(--size);
    content: "";
    background: url(../img/blue-square.svg) no-repeat;
    --size: 7px
}

.support__center__response__note .bullet .bold {
    font-weight: 500;
    color: #455369
}

.support__center__response__note a {
    font-size: 12.5px;
    font-weight: 500;
    vertical-align: baseline;
    text-decoration: underline;
    color: #455369
}

.support__center__footer {
    position: relative;
    overflow: hidden;
    padding: 13px 0;
    border-top: 1px solid #ced5e0;
    background-color: #e3e6ee
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .support__center__footer {
        border:none
    }
}

.support__center__footer__text {
    font-size: 13px;
    font-weight: 500;
    margin-right: 26px;
    text-align: end;
    color: #455369
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .support__center__footer__text {
        font-size:12px;
        margin-bottom: 4px
    }
}

.support-center-active {
    -webkit-transition: -webkit-transform .17s cubic-bezier(.22,.61,.36,1);
    transition: -webkit-transform .17s cubic-bezier(.22,.61,.36,1);
    transition: transform .17s cubic-bezier(.22,.61,.36,1);
    transition: transform .17s cubic-bezier(.22,.61,.36,1),-webkit-transform .17s cubic-bezier(.22,.61,.36,1);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.support-center-arrow-active {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #1c82e8
}

.support-center-input-active {
    border-bottom: 1px solid #1c82e8
}

.support-center-input-wrong {
    border-bottom: 1px solid #cc2727
}

.support-center-description-active {
    border: 1px solid #1c82e8
}

.open-support {
    cursor: pointer
}

.sign-form {
    position: fixed;
    z-index: 10;
    top: 0;
    right: 0;
    display: block;
    overflow: hidden;
    width: 405px;
    height: 100%;
    -webkit-transition: -webkit-transform .25s cubic-bezier(.46,.03,.52,.96);
    transition: -webkit-transform .25s cubic-bezier(.46,.03,.52,.96);
    transition: transform .25s cubic-bezier(.46,.03,.52,.96);
    transition: transform .25s cubic-bezier(.46,.03,.52,.96),-webkit-transform .25s cubic-bezier(.46,.03,.52,.96);
    -webkit-transform: translateX(110%);
    transform: translateX(110%);
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: rgba(18,47,76,.08) 0 0 14px 1px;
    box-shadow: rgba(18,47,76,.08) 0 0 14px 1px
}

@media screen and (max-width: 640px) {
    .sign-form {
        width:100vw
    }
}

.sign-form__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.sign-form__close {
    align-self: flex-end;
    width: 15px;
    padding: 26px 26px 8px;
    cursor: pointer;
    fill: #98a7c0
}

.sign-form__close:hover {
    fill: #1c82e8
}

@media screen and (max-width: 640px) {
    .sign-form__close {
        width:13px
    }
}

.sign-form__choose {
    display: -webkit-box;
    display: flex;
    align-self: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 210px
}

.sign-form__choose__options {
    font-size: 21.5px;
    font-weight: 500;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    margin-top: 5px;
    letter-spacing: -.4px;
    color: #98a7c0
}

@media screen and (max-width: 640px) {
    .sign-form__choose__options {
        font-size:19.5px
    }
}

.sign-form__choose__option {
    width: 105px;
    cursor: pointer
}

.sign-form__choose__line {
    width: 105px;
    height: 2px;
    margin-top: 11px;
    -webkit-transition: -webkit-transform .1s ease-out;
    transition: -webkit-transform .1s ease-out;
    transition: transform .1s ease-out;
    transition: transform .1s ease-out,-webkit-transform .1s ease-out;
    background-color: #0081ff
}

.sign-form__boxes {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch;
    width: 9999px;
    height: 100%;
    -webkit-transition: -webkit-transform ease-out .15s;
    transition: -webkit-transform ease-out .15s;
    transition: transform ease-out .15s;
    transition: transform ease-out .15s,-webkit-transform ease-out .15s
}

.sign-form__box {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 325px;
    margin: 35px 40px
}

@media screen and (max-width: 640px) {
    .sign-form__box {
        width:calc(100vw - 70px);
        margin: 35px
    }
}

.sign-form__box__semi {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.sign-form__box__title {
    font-size: 21px;
    font-weight: 600;
    align-self: flex-start;
    margin-bottom: 14px;
    text-align: left;
    letter-spacing: -.6px;
    color: #324664
}

@media screen and (max-width: 640px) {
    .sign-form__box__title {
        font-size:18px;
        letter-spacing: -.3px
    }
}

.sign-form__box__label {
    font-size: 15px;
    font-weight: 500;
    align-self: flex-start;
    margin-top: 15px;
    margin-bottom: 6px;
    text-align: left
}

.sign-form__box__conf__img {
    position: relative;
    bottom: 1px;
    left: 2px;
    width: 34px;
    border-radius: 80px;
    fill: #1c82e8
}

@media screen and (max-width: 640px) {
    .sign-form__box__conf__img {
        width:29px
    }
}

.sign-form__box__conf__img__holder {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    align-self: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 61px;
    height: 61px;
    margin: 0 auto 23px;
    border: 1.5px solid #1c82e8;
    border-radius: 50px
}

@media screen and (max-width: 640px) {
    .sign-form__box__conf__img__holder {
        width:52px;
        height: 52px;
        margin: 0 auto 20px
    }
}

.sign-form__box__conf__title {
    font-size: 17px;
    font-weight: 600;
    align-self: flex-start;
    margin-top: 15px;
    margin-bottom: 20px;
    text-align: left;
    letter-spacing: -.6px;
    color: #324664
}

@media screen and (max-width: 640px) {
    .sign-form__box__conf__title {
        font-size:15.5px
    }
}

.sign-form__box__subtitle {
    font-size: 15px;
    line-height: 1.5;
    align-self: flex-start;
    margin-top: 7px;
    margin-bottom: 3px;
    text-align: left;
    color: #6c7a90
}

@media screen and (max-width: 640px) {
    .sign-form__box__subtitle {
        font-size:14px
    }
}

.sign-form__box__bullet__title {
    font-size: 15px;
    align-self: flex-start;
    margin-top: 7px;
    text-align: left;
    color: #6c7a90
}

@media screen and (max-width: 640px) {
    .sign-form__box__bullet__title {
        font-size:14px
    }
}

.sign-form__box__bullet__title__bullet {
    display: inline-block;
    margin: 7px 6px 0 5px;
    padding: 2px;
    border-radius: 75px;
    background-color: #6c7a90
}

.sign-form__box__button {
    font-size: 16.5px;
    font-weight: 500;
    position: relative;
    margin-top: 22px;
    padding: 9px 12px 11px;
    cursor: pointer;
    -webkit-transition: all .15s;
    transition: all .15s;
    letter-spacing: -.2px;
    color: #fff;
    border-radius: 1px;
    background-color: #1c82e8
}

.sign-form__box__button:disabled {
    opacity: .75
}


@media screen and (max-width: 640px) {
    .sign-form__box__button:disabled:after {
        width:18px;
        height: 18px
    }
}

.sign-form__box__button:hover:not([disabled]) {
    background-color: #2a96ff
}

@media screen and (max-width: 640px) {
    .sign-form__box__button {
        font-size:14.5px;
        padding: 8px 12px 10px
    }
}

.sign-form__box__button__google {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    margin-top: 18px;
    padding: 11px 0;
    cursor: pointer;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    color: #6c7a90;
    border-radius: 1px;
    background-color: #fff;
    -webkit-box-shadow: rgba(18,47,76,.22) 0 1px 3px 0;
    box-shadow: rgba(18,47,76,.22) 0 1px 3px 0
}

.sign-form__box__button__google:disabled {
    opacity: .75
}

.sign-form__box__button__google:after {
    position: absolute;
    right: 14px;
    width: 0;
    content: "";
    opacity: 0;
    background: url(../img/spinner-blue.svg) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}

.sign-form__box__button__google:disabled:after {
    width: 20px;
    height: 20px;
    opacity: .8
}

@media screen and (max-width: 640px) {
    .sign-form__box__button__google:disabled:after {
        width:18px;
        height: 18px
    }
}

.sign-form__box__button__google:hover:not([disabled]) {
    -webkit-box-shadow: rgba(18,47,76,.21) 0 1px 3px 1px;
    box-shadow: rgba(18,47,76,.21) 0 1px 3px 1px
}

.sign-form__box__button__google__logo {
    width: 18px;
    margin-right: 14px
}

@media screen and (max-width: 640px) {
    .sign-form__box__button__google__logo {
        width:16px;
        margin-right: 10px
    }
}

.sign-form__box__button__google__text {
    width: 133px
}

@media screen and (max-width: 640px) {
    .sign-form__box__button__google__text {
        width:122px
    }
}

.sign-form__box__button__google__error {
    font-size: 13.5px;
    font-weight: 500;
    display: none;
    align-self: flex-end;
    margin-top: 8px;
    color: #c80000
}

@media screen and (max-width: 640px) {
    .sign-form__box__button__google__error {
        font-size:12.3px
    }
}

.sign-form__box__forgot {
    font-size: 13.5px;
    font-weight: 500;
    align-self: flex-end;
    margin-top: 4px;
    cursor: pointer;
    letter-spacing: -.2px;
    color: #1c82e8
}

@media screen and (max-width: 640px) {
    .sign-form__box__forgot {
        font-size:12px
    }
}

.sign-form__box__input {
    font-size: 16px;
    font-weight: 500;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 42px;
    padding: 2px 5px;
    -webkit-transition: border .25s ease 0s;
    transition: border .25s ease 0s;
    color: #232323;
    border-bottom: #dddfe5 1.5px solid;
    border-radius: 1px
}

@media screen and (max-width: 640px) {
    .sign-form__box__input {
        font-size:14px
    }
}

.sign-form__box__input__wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin: 25px 0 10px
}

.sign-form__box__input__label {
    font-size: 16.4px;
    position: absolute;
    margin-top: 7px;
    margin-left: 2px;
    -webkit-transition: -webkit-transform .15s ease-in;
    transition: -webkit-transform .15s ease-in;
    transition: transform .15s ease-in;
    transition: transform .15s ease-in,-webkit-transform .15s ease-in;
    letter-spacing: -.2px;
    pointer-events: none;
    color: #848ea0
}

@media screen and (max-width: 640px) {
    .sign-form__box__input__label {
        font-size:15px
    }
}

.sign-form__box__input__error {
    font-size: 13.5px;
    font-weight: 500;
    align-self: flex-end;
    margin-top: 4px;
    color: #c80000
}

@media screen and (max-width: 640px) {
    .sign-form__box__input__error {
        font-size:12.3px
    }
}

.sign-form__box__terms {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    margin-top: 20px
}

.sign-form__box__terms__checkbox {
    visibility: hidden
}

.sign-form__box__terms__checkbox:checked+label:after {
    opacity: 1
}

.sign-form__box__terms__checkbox+label {
    position: absolute;
    top: 3px;
    left: 2px;
    width: 15.5px;
    height: 14.5px;
    cursor: pointer;
    background: #fff;
    -webkit-box-shadow: rgba(18,47,76,.34) 0 .2px 1px .5px;
    box-shadow: rgba(18,47,76,.34) 0 .2px 1px .5px
}

@media screen and (max-width: 640px) {
    .sign-form__box__terms__checkbox+label {
        width:15px;
        height: 14px
    }
}

.sign-form__box__terms__checkbox+label:after {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 7px;
    height: 3px;
    content: "";
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
    border: 2px solid #1b83e9;
    border-top: none;
    border-right: none;
    background: 0 0
}

.sign-form__box__terms__checkbox+label:hover::after {
    opacity: .5
}

.sign-form__box__terms__text {
    font-size: 14.6px;
    line-height: 1.35;
    margin-left: 12px;
    cursor: pointer;
    text-align: left;
    letter-spacing: -.2px;
    color: #55667e
}

@media screen and (max-width: 640px) {
    .sign-form__box__terms__text {
        font-size:13px;
        line-height: 1.4
    }
}

.sign-form__box__terms__text a {
    font-weight: 500;
    text-decoration: underline;
    color: #455369
}

.sign-form-active {
    -webkit-transition: -webkit-transform .18s cubic-bezier(.39,.58,.57,1);
    transition: -webkit-transform .18s cubic-bezier(.39,.58,.57,1);
    transition: transform .18s cubic-bezier(.39,.58,.57,1);
    transition: transform .18s cubic-bezier(.39,.58,.57,1),-webkit-transform .18s cubic-bezier(.39,.58,.57,1);
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.sign-form-line-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.sign-form-choose-active {
    color: #0081ff
}

.sign-form-resend-submit {
    cursor: pointer
}

.sign-form-blue {
    color: #0081ff
}

.notice-box {
    position: fixed;
    z-index: 11;
    bottom: 4px;
    -webkit-transition: -webkit-transform .25s ease-in;
    transition: -webkit-transform .25s ease-in;
    transition: transform .25s ease-in;
    transition: transform .25s ease-in,-webkit-transform .25s ease-in;
    left: 50%;
    -webkit-transform: translate(-50%,110%);
    transform: translate(-50%,110%);
    width: 1240px
}

@media screen and (max-width: 1440px) {
    .notice-box {
        width:85.5vw
    }
}

@media screen and (max-width: 1240px) {
    .notice-box {
        width:91.5vw
    }
}

@media screen and (max-width: 1040px) {
    .notice-box {
        width:83.5vw
    }
}

@media screen and (max-width: 640px) {
    .notice-box {
        width:calc(100vw - 86px)
    }
}

.notice-box-active {
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0)
}

.notice-box__box {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 22px;
    color: #fff;
    border-radius: 4px;
    background: rgba(10,20,32,.86)
}

@media screen and (max-width: 765px) {
    .notice-box__box {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

.notice-box__icon {
    flex-shrink: 0;
    width: 21px;
    height: 21px;
    margin-right: 8px
}

@media screen and (max-width: 765px) {
    .notice-box__icon {
        display:none
    }
}

.notice-box__text {
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: .1px;
    opacity: .94
}

@media screen and (max-width: 1040px) {
    .notice-box__text {
        font-size:15px
    }
}

@media screen and (max-width: 765px) {
    .notice-box__text {
        margin-bottom:12px
    }
}

@media screen and (max-width: 640px) {
    .notice-box__text {
        font-size:14px;
        line-height: 1.3
    }
}

.notice-box a {
    text-decoration: underline;
    color: #2a96ff
}

.notice-box__button {
    font-size: 14px;
    margin: 0 4px;
    padding: 4px 20px;
    cursor: pointer;
    -webkit-transition: all .15s;
    transition: all .15s;
    text-align: center;
    letter-spacing: .6px;
    color: #fff;
    border-radius: 2px;
    background: -webkit-linear-gradient(295deg,#2690ff 28%,#1d82f0 100%);
    background: linear-gradient(155deg,#2690ff 28%,#1d82f0 100%)
}

.notice-box__button:hover {
    background: -webkit-linear-gradient(225deg,#2a96ff 28%,#2a96ff 100%);
    background: linear-gradient(225deg,#2a96ff 28%,#2a96ff 100%)
}

@media screen and (max-width: 765px) {
    .notice-box__button {
        width:100%;
        margin: unset
    }

    .notice-box__button:first-child {
        margin-right: 10px
    }
}

@media screen and (max-width: 640px) {
    .notice-box__button {
        padding:5px 20px
    }
}

.notice-box__button__holder {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    margin-left: 14px
}

@media screen and (max-width: 765px) {
    .notice-box__button__holder {
        width:100%;
        margin-left: unset
    }
}

.warning-box {
    position: fixed;
    z-index: 11;
    bottom: 4px;
    -webkit-transition: -webkit-transform .25s ease-in;
    transition: -webkit-transform .25s ease-in;
    transition: transform .25s ease-in;
    transition: transform .25s ease-in,-webkit-transform .25s ease-in;
    left: 50%;
    -webkit-transform: translate(-50%,110%);
    transform: translate(-50%,110%);
    width: 1240px
}

@media screen and (max-width: 1440px) {
    .warning-box {
        width:85.5vw
    }
}

@media screen and (max-width: 1240px) {
    .warning-box {
        width:91.5vw
    }
}

@media screen and (max-width: 1040px) {
    .warning-box {
        width:83.5vw
    }
}

@media screen and (max-width: 640px) {
    .warning-box {
        width:calc(100vw - 86px)
    }
}

.warning-box__box {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 22px;
    color: #fff;
    border-radius: 4px;
    background: rgba(10,20,32,.86)
}

@media screen and (max-width: 765px) {
    .warning-box__box {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

.warning-box__title {
    font-size: 15px;
    margin-right: 12px;
    padding: 6px 20px;
    opacity: .8;
    color: #f8ad3b;
    border: #f8ad3b 1px solid;
    background-color: #121a28
}

@media screen and (max-width: 1040px) {
    .warning-box__title {
        font-size:14px
    }
}

@media screen and (max-width: 765px) {
    .warning-box__title {
        align-self:start;
        margin-bottom: 8px
    }
}

@media screen and (max-width: 640px) {
    .warning-box__title {
        font-size:13px;
        padding: 5px 18px
    }
}

.warning-box__text {
    font-size: 15px;
    line-height: 1.2;
    letter-spacing: .1px;
    opacity: .8;
    color: #f8ad3b
}

@media screen and (max-width: 1040px) {
    .warning-box__text {
        font-size:14px
    }
}

@media screen and (max-width: 765px) {
    .warning-box__text {
        margin-bottom:12px
    }
}

@media screen and (max-width: 640px) {
    .warning-box__text {
        font-size:13px;
        line-height: 1.3
    }
}

.warning-box__button {
    font-size: 15px;
    font-weight: 500;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 5px;
    margin-left: 12px;
    padding: 5px 20px;
    cursor: pointer;
    -webkit-transition: all .15s;
    transition: all .15s;
    text-align: center;
    white-space: nowrap;
    letter-spacing: .6px;
    color: #121a28;
    border-radius: 2px;
    background: -webkit-linear-gradient(225deg,#eaedf2 28%,#f6f6fa 100%);
    background: linear-gradient(225deg,#eaedf2 28%,#f6f6fa 100%)
}

.warning-box__button:hover {
    color: #fff;
    background: -webkit-linear-gradient(225deg,#2a96ff 28%,#2a96ff 100%);
    background: linear-gradient(225deg,#2a96ff 28%,#2a96ff 100%)
}

@media screen and (max-width: 765px) {
    .warning-box__button {
        width:100%;
        margin: unset;
        padding: 6px 20px
    }
}

@media screen and (max-width: 640px) {
    .warning-box__button {
        font-size:14px
    }
}

.track-order {
    position: fixed;
    z-index: 10;
    bottom: 8px;
    left: 0;
    -webkit-transition: -webkit-transform .25s cubic-bezier(.55,.09,.68,.53);
    transition: -webkit-transform .25s cubic-bezier(.55,.09,.68,.53);
    transition: transform .25s cubic-bezier(.55,.09,.68,.53);
    transition: transform .25s cubic-bezier(.55,.09,.68,.53),-webkit-transform .25s cubic-bezier(.55,.09,.68,.53);
    -webkit-transform: translateX(-110%);
    transform: translateX(-110%)
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order {
        right:0;
        bottom: 0;
        height: 100%
    }
}

.track-order.active,.track-order.hover {
    -webkit-transition: -webkit-transform .25s cubic-bezier(0,0,.2,1);
    transition: -webkit-transform .25s cubic-bezier(0,0,.2,1);
    transition: transform .25s cubic-bezier(0,0,.2,1);
    transition: transform .25s cubic-bezier(0,0,.2,1),-webkit-transform .25s cubic-bezier(0,0,.2,1);
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.track-order__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 315px;
    max-width: calc(100vw - 10px);
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: rgba(18,47,76,.14) 0 6px 16px 0;
    box-shadow: rgba(18,47,76,.14) 0 6px 16px 0
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__container {
        width:100%;
        max-width: unset;
        height: 100%
    }
}

.track-order__head {
    position: relative;
    overflow: hidden;
    padding: 44px 0 16px;
    border-top: #202b3e 1px solid;
    border-right: #202b3e 1px solid;
    background-color: #111925
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__head {
        padding:35px 0 25px;
        border: none
    }
}

.track-order__head__logo {
    position: absolute;
    top: 0;
    right: 0;
    width: 163px;
    opacity: .8
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__head__logo {
        width:150px
    }
}

.track-order__head__title {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-left: 15px
}

.track-order__head__title__img {
    position: relative;
    bottom: 3px;
    width: 34px;
    margin-right: 10px;
    opacity: .9
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__head__title__img {
        width:32px
    }
}

.track-order__head__title__text {
    font-size: 23.5px;
    color: #eaedf2
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__head__title__text {
        font-size:23px
    }
}

.track-order__head__close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 13px 10px;
    cursor: pointer;
    -webkit-transition: all .25s ease 0s;
    transition: all .25s ease 0s
}

.track-order__head__close:hover {
    color: #1c82e8
}

.track-order__content {
    overflow-x: hidden;
    overflow-y: auto
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__content {
        height:100%
    }
}

.track-order__content__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    width: 315px;
    max-width: calc(100vw - 10px);
    height: 511px;
    max-height: calc(100vh - 285px)
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__content__container {
        width:100vw;
        max-width: unset;
        height: 100%;
        max-height: unset
    }
}

.track-order__content__content {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%
}

.track-order__content__scrollbarspace {
    width: 7px
}

.track-order__action {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%;
    margin-bottom: 10px
}

.track-order__action__row {
    padding: 16px 10px 16px 18px;
    border-bottom: #ced5e0 1px solid
}

.track-order__action__row:first-child {
    padding-top: 24px
}

.track-order__action__title {
    font-size: 17.5px;
    font-weight: 600;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s;
    letter-spacing: -.3px;
    color: #4b545d
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__action__title {
        font-size:16.5px
    }
}

.track-order__action__title:hover {
    color: #0081ff
}

.track-order__action__title:hover .track-order__action__title__arrow {
    fill: #2690f8
}

.track-order__action__title__arrow {
    width: 14px;
    -webkit-transition: .2s;
    transition: .2s;
    fill: #1c82e8
}

.track-order__action__title.link .track-order__action__title__arrow {
    width: 15px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.track-order__action__orders {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin-top: 20px
}

.track-order__action__orders__order {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin: 8px 0;
    padding: 5px 0 5px 5px;
    -webkit-transition: all .13s cubic-bezier(.55,.09,.68,.53);
    transition: all .13s cubic-bezier(.55,.09,.68,.53);
    border-radius: 2px
}

.track-order__action__orders__order:first-child {
    margin-top: 2px
}

.track-order__action__orders__order:hover {
    padding-left: 10px;
    background-color: #f6f8fc
}

.track-order__action__orders__order__data {
    font-size: 13.5px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    color: #848ea0
}

.track-order__action__orders__order__data__id {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
}

.track-order__action__orders__order__data__id__id {
    font-weight: 500;
    color: #324664;
    margin-left: 3px
}

.track-order__action__orders__order__data__details {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.track-order__action__orders__order__status {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
}

.track-order__action__orders__order__status__status {
    font-size: 13.5px;
    font-weight: 500;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 80px;
    height: 20px;
    padding: 5px 7px;
    border-radius: 1px
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__action__orders__order__status__status {
        margin-right:5px
    }
}

.track-order__action__orders__empty {
    font-size: 14px;
    line-height: 1.3;
    color: #6c7a90
}

.track-order__track {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    padding: 10px 14px;
    border-top: 1px solid #ced5e0;
    background-color: #e3e6ee
}

.track-order__track__input {
    font-size: 16px;
    font-weight: 500;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 32px;
    padding: 0 5px;
    -webkit-transition: border .25s ease 0s;
    transition: border .25s ease 0s;
    color: #455369;
    border-bottom: #808794 1px solid;
    border-radius: 1px
}

.track-order__track__input::-webkit-input-placeholder {
    color: #455369
}

.track-order__track__input:-moz-placeholder {
    color: #455369
}

.track-order__track__input::-moz-placeholder {
    color: #455369
}

.track-order__track__input:-ms-input-placeholder {
    color: #455369
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__track__input {
        font-size:14px
    }
}

.track-order__track__input__wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%;
    margin-right: 20px
}

.track-order__track__input__error {
    font-size: 12px;
    font-weight: 500;
    align-self: flex-start;
    margin: 4px 0 0;
    white-space: nowrap;
    color: #c80000
}

.track-order__track__button {
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
    font-size: 13px;
    padding: 8px 24px;
    cursor: pointer;
    -webkit-transition: all .15s;
    transition: all .15s;
    white-space: nowrap;
    letter-spacing: .2px;
    color: #fff;
    border-radius: 1px;
    background-color: #1c82e8
}

.track-order__track__button:hover {
    background-color: #2a96ff
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order .track-order__corner__active__icon__wrapper {
        width:30px;
        height: 30px
    }
}

.track-order-arrow-active {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #1c82e8
}

.track-order__corner__inactive {
    font-size: 16.9px;
    position: fixed;
    z-index: 10;
    bottom: 26px;
    left: -27px;
    padding: 16px 10px;
    cursor: pointer;
    -webkit-transition: all 135ms ease-in-out;
    transition: all 135ms ease-in-out;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    letter-spacing: .2px;
    color: #fff;
    border-radius: 0 0 1px 1px;
    background-color: rgba(132,158,185,.8);
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    -webkit-text-orientation: mixed;
    text-orientation: mixed
}

.track-order__corner__inactive:hover {
    left: 0
}

.track-order__corner__inactive.active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__corner__inactive {
        font-size:14.6px
    }
}

.track-order__corner__active {
    position: fixed;
    z-index: 10;
    bottom: 25px;
    left: 0;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: translateX(-110%);
    transform: translateX(-110%);
    border-radius: 2px 2px 0 0;
    background-color: #fff;
    -webkit-box-shadow: rgba(18,47,76,.14) 0 2px 15px 0;
    box-shadow: rgba(18,47,76,.14) 0 2px 15px 0
}

.track-order__corner__active.active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.track-order__corner__active__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__corner__active__container {
        width:30px
    }
}

.track-order__corner__active__head {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 5px;
    background-color: #111925
}

.track-order__corner__active__head__img {
    width: 28px
}

.track-order__corner__active__content {
    display: -webkit-box;
    display: flex;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    max-height: 29vh
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__corner__active__content {
        max-height:16vh
    }
}

.track-order__corner__active__active {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 8px 0
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__corner__active__active {
        padding:6px 0
    }
}

.track-order__corner__active__sep {
    align-self: center;
    width: 60%;
    border-bottom: 1.5px #dde2e8 solid
}

.track-order__corner__active__recent {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 8px 0
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__corner__active__recent {
        padding:6px 0
    }
}

.track-order__corner__active__more {
    display: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 6px 0 12px
}

.track-order__corner__active__more__dot {
    width: 3px;
    height: 3px;
    margin: 0 1.5px;
    border-radius: 50px;
    background-color: #a2b1c8
}

.track-order__corner__active__icon__wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 38px;
    height: 30px
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__corner__active__icon__wrapper {
        width:30px;
        height: 28px
    }
}

.track-order__corner__active__icon__spinner {
    width: 24px;
    height: 24px
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__corner__active__icon__spinner {
        width:20px;
        height: 20px
    }
}

.track-order__corner__active__icon__complete {
    width: 18px;
    fill: #21b2af
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__corner__active__icon__complete {
        width:16px
    }
}

.track-order__corner__active__icon__refund {
    width: 18px;
    fill: #2690f8
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__corner__active__icon__refund {
        width:16px
    }
}

.track-order__corner__active__icon__protection {
    width: 18px;
    fill: #2690f8
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__corner__active__icon__protection {
        width:16px
    }
}

.track-order__corner__active__icon__failed {
    width: 16px;
    fill: #c01f3b
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__corner__active__icon__failed {
        width:14px
    }
}

.track-order__corner__active__icon__action {
    width: 16px;
    height: 19px;
    fill: #2690f8
}

@media screen and (max-width: 500px),screen and (max-height:450px) {
    .track-order__corner__active__icon__action {
        width:14px;
        height: 16px
    }
}

.table {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    text-align: center
}

@media (max-width: 860px) {
    .table {
        table-layout:unset
    }
}

.table__sticky {
    position: sticky;
    left: 0;
    background: #fff
}

.table__container {
    display: block;
    overflow-y: auto;
    margin-left: -1px;
    padding: 0!important
}

.table td,.table th {
    font-weight: 500;
    height: 54px;
    vertical-align: middle;
    white-space: nowrap;
    letter-spacing: -.3px;
    color: #324664;
    border-bottom: 1px solid #ddd
}

@media (max-width: 860px) {
    .table td,.table th {
        height:50px;
        padding-right: 18px
    }
}

@media (max-width: 640px) {
    .table td,.table th {
        height:40px
    }
}

@media (max-width: 540px) {
    .table td,.table th {
        height:40px;
        padding-right: 12px
    }
}

.table th {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    color: #5b6b7c
}

@media (max-width: 860px) {
    .table th {
        font-size:16px
    }
}

@media (max-width: 640px) {
    .table th {
        font-size:15.5px
    }
}

@media (max-width: 540px) {
    .table th {
        font-size:14.5px
    }
}

.table__th__name {
    width: 246px;
    padding-left: 26px
}

@media screen and (max-width: 860px) {
    .table__th__name {
        min-width:186px;
        padding-left: 8px
    }
}

@media (max-width: 640px) {
    .table__th__name {
        min-width:140px;
        padding-left: 6px
    }
}

@media (max-width: 540px) {
    .table__th__name {
        min-width:130px
    }
}

.table__th__price {
    width: 140px
}

@media screen and (max-width: 860px) {
    .table__th__price {
        min-width:130px
    }
}

@media (max-width: 640px) {
    .table__th__price {
        min-width:116px
    }
}

@media (max-width: 540px) {
    .table__th__price {
        min-width:104px
    }
}

.table__th__change {
    width: 180px
}

@media screen and (max-width: 860px) {
    .table__th__change {
        min-width:170px
    }
}

@media (max-width: 640px) {
    .table__th__change {
        min-width:160px
    }
}

@media (max-width: 540px) {
    .table__th__change {
        min-width:150px
    }
}

.table__th__cap {
    width: 140px
}

@media screen and (max-width: 860px) {
    .table__th__cap {
        min-width:130px
    }
}

@media (max-width: 640px) {
    .table__th__cap {
        min-width:116px
    }
}

@media (max-width: 540px) {
    .table__th__cap {
        min-width:104px
    }
}

.table__th__chart {
    width: 136px;
    padding-left: 26px
}

@media screen and (max-width: 860px) {
    .table__th__chart {
        min-width:136px;
        padding-left: 8px
    }
}

@media (max-width: 640px) {
    .table__th__chart {
        min-width:116px;
        padding-left: 6px
    }
}

@media (max-width: 540px) {
    .table__th__chart {
        min-width:106px
    }
}

.table__body__tr:hover {
    cursor: pointer;
    background-color: #f9fbfd
}

.table__body__tr:hover .live-prices__chart {
    display: none
}

.table__body__tr:hover .live-prices__button {
    display: -webkit-box;
    display: flex
}

.live-prices {
    float: none!important;
    width: 100%;
    max-width: 1440px;
    margin: auto;
    padding: 0
}

.live-prices__container {
    line-height: 1.6em;
    margin: 90px 8% 130px 8%
}

@media (max-width: 1040px) {
    .live-prices__container {
        margin:80px 3% 120px 3%
    }
}

@media (max-width: 640px) {
    .live-prices__container {
        margin:65px 3% 90px 3%
    }
}

@media (max-width: 540px) {
    .live-prices__container {
        margin:55px 3% 90px 3%
    }
}

.live-prices__head {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 48px
}

@media (max-width: 640px) {
    .live-prices__head {
        margin-bottom:42px
    }
}

.live-prices__head__title {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -.2px;
    color: #324664
}

@media (max-width: 1040px) {
    .live-prices__head__title {
        font-size:34px
    }
}

@media (max-width: 640px) {
    .live-prices__head__title {
        font-size:28px
    }
}

@media (max-width: 540px) {
    .live-prices__head__title {
        font-size:24px
    }
}

.live-prices__head__button {
    font-size: 17px;
    font-weight: 600;
    position: relative;
    z-index: 2;
    padding: 7px 30px;
    -webkit-transition: all .25s;
    transition: all .25s;
    text-align: center;
    color: #55667e;
    border-radius: 1px;
    background-color: #e8edf2
}

@media (max-width: 1040px) {
    .live-prices__head__button {
        font-size:17px;
        padding: 7px 24px
    }
}

@media (max-width: 640px) {
    .live-prices__head__button {
        font-size:15.5px;
        padding: 6px 22px
    }
}

@media (max-width: 540px) {
    .live-prices__head__button {
        font-size:14.5px;
        padding: 4px 19px
    }
}

.live-prices__head__button:before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 100%;
    bottom: 0;
    content: "";
    -webkit-transition: .2s all ease;
    transition: .2s all ease;
    opacity: 0;
    background-color: #2690f8
}

.live-prices__head__button:hover {
    color: #fff
}

.live-prices__head__button:hover:before {
    right: 0;
    left: 0;
    -webkit-transition: .2s all ease;
    transition: .2s all ease;
    opacity: 1
}

.live-prices__text {
    font-size: 16.5px;
    line-height: 1.5;
    margin-bottom: 40px;
    padding: 14px 20px;
    letter-spacing: -.2px;
    color: #929ebe;
    border: #e3e6ee 1px solid;
    background-color: #f9fbfd
}

@media (max-width: 860px) {
    .live-prices__text {
        display:none
    }
}

.live-prices__table__search {
    font-size: 15.5px;
    font-weight: 500;
    position: relative;
    width: 124px;
    height: 31px;
    padding: 0 32px 0 14px;
    color: #647791;
    border: none;
    background-color: #fff;
    -webkit-box-shadow: rgba(18,47,76,.3) 0 0 1px,rgba(18,47,76,.6) 0 0 1px;
    box-shadow: rgba(18,47,76,.3) 0 0 1px,rgba(18,47,76,.6) 0 0 1px
}

.live-prices__table__search::-webkit-input-placeholder {
    font-size: 15px;
    color: #9badca
}

.live-prices__table__search:-moz-placeholder {
    font-size: 15px;
    color: #9badca
}

.live-prices__table__search::-moz-placeholder {
    font-size: 15px;
    color: #9badca
}

.live-prices__table__search:-ms-input-placeholder {
    font-size: 15px;
    color: #9badca
}

@media screen and (max-width: 640px) {
    .live-prices__table__search {
        font-size:14px;
        width: 110px;
        height: 27px;
        padding: 0 26px 0 10px
    }

    .live-prices__table__search::-webkit-input-placeholder {
        font-size: 13px
    }

    .live-prices__table__search:-moz-placeholder {
        font-size: 13px
    }

    .live-prices__table__search::-moz-placeholder {
        font-size: 13px
    }

    .live-prices__table__search:-ms-input-placeholder {
        font-size: 13px
    }
}

.live-prices__table__search__wrapper {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1;
    -webkit-box-pack: end;
    justify-content: flex-end;
    margin-bottom: 16px
}

.live-prices__table__search__icon {
    position: absolute;
    top: 6px;
    right: 10px;
    width: 17px;
    height: 18px;
    cursor: pointer;
    -webkit-transition: .1s all;
    transition: .1s all;
    fill: #848ea0
}

.live-prices__table__search__icon:hover {
    fill: #2690f8
}

@media screen and (max-width: 640px) {
    .live-prices__table__search__icon {
        top:7px;
        right: 8px;
        width: 15px;
        height: 14px
    }
}

.live-prices__tablehead__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.live-prices__tablehead__container.asc .live-prices__tablehead__sort__arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    fill: #2690f8
}

.live-prices__tablehead__container.desc .live-prices__tablehead__sort__arrow {
    fill: #2690f8
}

.live-prices__tablehead__sort {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    cursor: pointer
}

.live-prices__tablehead__sort:hover .live-prices__tablehead__sort__arrow {
    fill: #2690f8
}

.live-prices__tablehead__sort__center {
    -webkit-box-pack: center;
    justify-content: center
}

.live-prices__tablehead__sort__arrow {
    width: 9px;
    margin-left: 6px;
    -webkit-transition: .2s all;
    transition: .2s all;
    fill: #848ea0
}

@media (max-width: 540px) {
    .live-prices__tablehead__sort__arrow {
        width:8px;
        margin-left: 5px
    }
}

.live-prices__tablehead__empty {
    padding: 10px
}

.live-prices__tablehead__options {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center
}

.live-prices__tablehead__option {
    font-size: 14px;
    font-weight: 500;
    margin-right: 4px;
    padding: 0 3px;
    cursor: pointer;
    -webkit-transition: .2s all;
    transition: .2s all;
    color: #98a7c0
}

@media (max-width: 860px) {
    .live-prices__tablehead__option {
        font-size:13px;
        margin-right: 3px;
        padding: 1px 3px
    }
}

@media (max-width: 640px) {
    .live-prices__tablehead__option {
        font-size:12px;
        margin-right: 2px
    }
}

.live-prices__tablehead__option:hover {
    background-color: #f4f7fb
}

.live-prices__tablehead__option.active {
    color: #2690f8
}

.live-prices__coin {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    margin-left: 24px
}

@media screen and (max-width: 860px) {
    .live-prices__coin {
        margin-left:8px
    }
}

@media screen and (max-width: 540px) {
    .live-prices__coin {
        margin-left:4px
    }
}

.live-prices__coin__img {
    -webkit-box-flex: 0;
    flex: none;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    padding: 4px;
    border-radius: 50px;
    background-color: #eaedf2
}

@media screen and (max-width: 860px) {
    .live-prices__coin__img {
        padding:3px
    }
}

@media screen and (max-width: 540px) {
    .live-prices__coin__img {
        width:22px;
        height: 22px;
        margin-right: 6px
    }
}

.live-prices__coin__name {
    font-size: 18px;
    font-weight: 400;
    color: #929ebe
}

@media screen and (max-width: 860px) {
    .live-prices__coin__name {
        font-size:16.5px;
        margin-top: -8px
    }
}

@media screen and (max-width: 640px) {
    .live-prices__coin__name {
        font-size:15px;
        line-height: 17px;
        overflow: hidden;
        width: 72px;
        margin-top: -3px;
        text-align: left;
        white-space: break-spaces;
        text-overflow: ellipsis
    }
}

.live-prices__coin__name__holder {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
}

@media screen and (max-width: 860px) {
    .live-prices__coin__name__holder {
        -webkit-box-align:baseline;
        align-items: baseline;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

.live-prices__coin__short {
    font-size: 20px;
    font-weight: 500;
    margin-right: 8px;
    letter-spacing: -.4px;
    color: #455369
}

@media screen and (max-width: 860px) {
    .live-prices__coin__short {
        font-size:16px;
        margin-right: 0
    }
}

@media screen and (max-width: 540px) {
    .live-prices__coin__short {
        font-size:15px
    }
}

.live-prices__coin__short__suspended {
    color: #929ebe
}

@media screen and (max-width: 860px) {
    .live-prices__coin .live-prices__suspended {
        top:9px
    }
}

@media screen and (max-width: 640px) {
    .live-prices__coin .live-prices__suspended {
        top:2px
    }
}

.live-prices__suspended {
    position: relative;
    display: -webkit-box;
    display: flex;
    white-space: initial
}

.live-prices__suspended__img {
    display: none;
    width: 9px;
    height: 9px;
    margin-left: 10px;
    padding: 3.5px;
    border-radius: 40px;
    background-color: #a2b1c8;
    fill: #fff
}

@media screen and (max-width: 860px) {
    .live-prices__suspended__img {
        width:8px;
        height: 8px;
        padding: 3.4px
    }
}

@media screen and (max-width: 540px) {
    .live-prices__suspended__img {
        padding:3px
    }
}

.live-prices__suspended__container {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    width: 254px;
    padding: 10px;
    color: #929ebe
}

@media screen and (max-width: 640px) {
    .live-prices__suspended__container {
        font-size:13px;
        width: 236px;
        padding: 8px
    }
}

.live-prices__suspended__head {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px
}

@media screen and (max-width: 640px) {
    .live-prices__suspended__head {
        margin-bottom:14px
    }
}

@media screen and (max-width: 540px) {
    .live-prices__suspended__head {
        margin-bottom:12px
    }
}

.live-prices__suspended__title {
    font-size: 15.5px;
    font-weight: 600;
    color: #455369
}

@media screen and (max-width: 640px) {
    .live-prices__suspended__title {
        font-size:15px
    }
}

.live-prices__suspended__text {
    text-align: left
}

.live-prices__suspended__status {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 14px
}

@media screen and (max-width: 640px) {
    .live-prices__suspended__status {
        margin-top:12px
    }
}

@media screen and (max-width: 540px) {
    .live-prices__suspended__status {
        margin-top:11px
    }
}

.live-prices__suspended__status__img {
    width: 14px;
    height: 14px;
    margin-right: 24px;
    fill: #2a96ff
}

@media screen and (max-width: 540px) {
    .live-prices__suspended__status__img {
        width:13px;
        height: 13px
    }
}

.live-prices__suspended__status__status {
    font-size: 13px;
    font-weight: 500;
    color: #848ea0
}

.live-prices__price {
    font-size: 18px
}

@media screen and (max-width: 860px) {
    .live-prices__price {
        font-size:17px
    }
}

@media screen and (max-width: 540px) {
    .live-prices__price {
        font-size:15.5px
    }
}

.live-prices__price .currency {
    margin-right: 2px
}

.live-prices__change {
    font-size: 16.5px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

@media screen and (max-width: 860px) {
    .live-prices__change {
        font-size:16px
    }
}

@media screen and (max-width: 540px) {
    .live-prices__change {
        font-size:14.5px
    }
}

.live-prices__change .grey {
    color: #929ebe
}

.live-prices__change .green {
    color: #00ba80
}

.live-prices__change .red {
    color: #c80000
}

.live-prices__change__value {
    font-weight: 400;
    margin-left: 5px;
    color: #929ebe
}

@media screen and (max-width: 640px) {
    .live-prices__change__value {
        font-size:15px
    }
}

@media screen and (max-width: 540px) {
    .live-prices__change__value {
        font-size:13.5px
    }
}

.live-prices__change__value .currency {
    margin-right: 2px
}

.live-prices__change__insufficient {
    font-size: 14px;
    margin: auto;
    color: #929ebe
}

@media screen and (max-width: 860px) {
    .live-prices__change__insufficient {
        font-size:13px
    }
}

@media screen and (max-width: 540px) {
    .live-prices__change__insufficient {
        font-size:12px
    }
}

.live-prices__market__cap {
    font-size: 17px
}

@media screen and (max-width: 860px) {
    .live-prices__market__cap {
        font-size:16px
    }
}

@media screen and (max-width: 540px) {
    .live-prices__market__cap {
        font-size:15px
    }
}

.live-prices__chart {
    position: relative;
    display: -webkit-box;
    display: flex;
    width: 160px;
    height: 62px;
    margin: 15px auto 0
}

@media screen and (max-width: 860px) {
    .live-prices__chart {
        width:120px;
        height: 50px;
        margin: 12px auto 0
    }
}

@media screen and (max-width: 540px) {
    .live-prices__chart {
        width:110px;
        height: 46px
    }
}

.live-prices__chart__insufficient {
    font-size: 14px;
    position: absolute;
    bottom: 7.5px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: inherit;
    height: inherit;
    margin: auto;
    color: #929ebe
}

@media screen and (max-width: 860px) {
    .live-prices__chart__insufficient {
        font-size:13px;
        bottom: 6px
    }
}

@media screen and (max-width: 540px) {
    .live-prices__chart__insufficient {
        font-size:12px
    }
}

.live-prices__button {
    display: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 77px;
    margin-left: 8px
}

@media screen and (max-width: 860px) {
    .live-prices__button {
        height:62px
    }
}

@media screen and (max-width: 540px) {
    .live-prices__button {
        height:58px
    }
}

.live-prices__button__link {
    font-size: 13.5px;
    font-weight: 600;
    position: relative;
    z-index: 2;
    padding: 3px 24px 4px;
    -webkit-transition: all .2s;
    transition: all .2s;
    text-decoration: none;
    letter-spacing: .1px;
    color: #55667e;
    border-radius: 1px;
    background-color: #e8edf2
}

.live-prices__button__link:before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 100%;
    bottom: 0;
    content: "";
    -webkit-transition: .2s all ease;
    transition: .2s all ease;
    opacity: 0;
    background-color: #2690f8
}

.live-prices__button__link:hover {
    color: #fff
}

.live-prices__button__link:hover:before {
    right: 0;
    left: 0;
    -webkit-transition: .2s all ease;
    transition: .2s all ease;
    opacity: 1
}

@media screen and (max-width: 860px) {
    .live-prices__button__link {
        font-size:12.5px;
        padding: 1px 21px;
        letter-spacing: .3px
    }
}

@media screen and (max-width: 540px) {
    .live-prices__button__link {
        font-size:12px;
        padding: 1px 18px
    }
}

.live-prices__logo {
    display: block;
    width: 138px;
    margin: 17px 30px 0 auto
}

@media screen and (max-width: 1240px) {
    .live-prices__logo {
        margin-right:26px
    }
}

@media screen and (max-width: 765px) {
    .live-prices__logo {
        width:130px;
        margin-right: 16px
    }
}

@media screen and (max-width: 640px) {
    .live-prices__logo {
        width:122px;
        margin: 17px 1px 0 auto
    }
}
.coin-specs__container {
    position: relative;
    max-width: 1160px;
    margin: 56px auto 80px
}

@media screen and (max-width: 1360px) {
    .coin-specs__container {
        max-width:unset;
        margin: 54px 5% 78px
    }
}

@media screen and (max-width: 940px) {
    .coin-specs__container {
        margin:52px 7% 76px
    }
}

@media screen and (max-width: 640px) {
    .coin-specs__container {
        margin:50px 3% 74px
    }
}

@media screen and (max-width: 540px) {
    .coin-specs__container {
        margin:48px 3% 72px
    }
}

.coin-specs__container__first {
    margin-top: 60px
}

@media screen and (max-width: 1360px) {
    .coin-specs__container__first {
        margin-top:52px
    }
}

@media screen and (max-width: 940px) {
    .coin-specs__container__first {
        margin-top:50px
    }
}

@media screen and (max-width: 640px) {
    .coin-specs__container__first {
        margin-top:48px
    }
}

@media screen and (max-width: 540px) {
    .coin-specs__container__first {
        margin-top:46px
    }
}

.coin-specs__head {
    position: relative;
    background: #121a28 url(../img/abstract-right.svg) right top no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

@media screen and (max-width: 940px) {
    .coin-specs__head {
        background:#121a28
    }
}

.coin-specs__head__back__img__1 {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    height: 80%;
    opacity: .35
}

@media screen and (max-width: 860px) {
    .coin-specs__head__back__img__1 {
        height:54%
    }
}

@media screen and (max-width: 940px) {
    .coin-specs__head__back__img__1 {
        display:none
    }
}

.coin-specs__head__back__img__2 {
    position: absolute;
    bottom: 78px;
    left: 3%;
    height: 85%
}

@media screen and (max-width: 1240px) {
    .coin-specs__head__back__img__2 {
        left:7%;
        height: 56%
    }
}

@media screen and (max-width: 940px) {
    .coin-specs__head__back__img__2 {
        top:48px;
        right: 3%;
        bottom: unset;
        left: unset
    }
}

@media screen and (max-width: 640px) {
    .coin-specs__head__back__img__2 {
        height:53%
    }
}

.coin-specs__head__header {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 34px
}

@media screen and (max-width: 940px) {
    .coin-specs__head__header {
        -webkit-box-align:center;
        align-items: center
    }
}

@media screen and (max-width: 540px) {
    .coin-specs__head__header {
        -webkit-box-align:start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        margin-bottom: 24px
    }
}

.coin-specs__head__header__title {
    font-size: 32px;
    color: #fff
}

@media screen and (max-width: 1040px) {
    .coin-specs__head__header__title {
        font-size:30px
    }
}

@media screen and (max-width: 640px) {
    .coin-specs__head__header__title {
        font-size:27px
    }
}

@media screen and (max-width: 640px) {
    .coin-specs__head__header__title {
        font-size:25px;
        margin-bottom: 16px
    }
}

@media screen and (max-width: 540px) {
    .coin-specs__head__header__title {
        margin-bottom:28px
    }
}

.coin-specs__head__header__options {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
}

@media screen and (max-width: 540px) {
    .coin-specs__head__header__options {
        -webkit-box-pack:justify;
        justify-content: space-between;
        width: 100%
    }
}

.coin-specs__head__header__options__link {
    font-size: 18px;
    position: relative;
    z-index: 2;
    padding: 6px 20px;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    letter-spacing: .1px;
    color: #fbfdff;
    border-radius: 1px;
    background-color: rgba(44,86,127,.22)
}

.coin-specs__head__header__options__link:before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 100%;
    bottom: 0;
    content: "";
    -webkit-transition: .2s all ease;
    transition: .2s all ease;
    opacity: 0;
    background-color: #1c82e8
}

.coin-specs__head__header__options__link:hover:before {
    right: 0;
    left: 0;
    -webkit-transition: .2s all ease;
    transition: .2s all ease;
    opacity: 1
}

@media screen and (max-width: 640px) {
    .coin-specs__head__header__options__link {
        font-size:16px
    }
}

.coin-specs__head__header__options__coins {
    font-size: 14.8px;
    font-weight: 600;
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    margin-left: 12px;
    padding: 5px 15px;
    cursor: pointer;
    color: #455369;
    border-radius: 1px;
    background-color: #fbfdff
}

.coin-specs__head__header__options__coins__img {
    width: 17px;
    height: 17px;
    margin-right: 6px;
    padding: 3px;
    border-radius: 50px;
    background-color: #eaedf2
}

.coin-specs__head__header__options__coins__arrow {
    width: 9px;
    margin-left: 16px;
    -webkit-transition: .2s;
    transition: .2s;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    fill: #1c82e8
}

.coin-specs__head__header__options__coins__choose {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: flex;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%;
    border-radius: 0 0 2px 2px;
    background-color: #fff;
    -webkit-box-shadow: rgba(18,47,76,.15) 0 4px 5px 0;
    box-shadow: rgba(18,47,76,.15) 0 4px 5px 0
}

.coin-specs__head__header__options__coins__choose__search {
    font-size: 16px;
    font-weight: 500;
    position: relative;
    z-index: 4;
    height: 34px;
    padding: 0 5px 0 32px;
    color: #455369;
    border: none;
    -webkit-box-shadow: rgba(18,47,76,.08) 0 2px 4px 0;
    box-shadow: rgba(18,47,76,.08) 0 2px 4px 0
}

.coin-specs__head__header__options__coins__choose__search::-webkit-input-placeholder {
    font-size: 14.5px;
    color: #6c7a90
}

.coin-specs__head__header__options__coins__choose__search:-moz-placeholder {
    font-size: 14.5px;
    color: #6c7a90
}

.coin-specs__head__header__options__coins__choose__search::-moz-placeholder {
    font-size: 14.5px;
    color: #6c7a90
}

.coin-specs__head__header__options__coins__choose__search:-ms-input-placeholder {
    font-size: 14.5px;
    color: #6c7a90
}

.coin-specs__head__header__options__coins__choose__search__icon {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 15px;
    height: 15px;
    cursor: pointer;
    -webkit-transition: .1s all;
    transition: .1s all;
    fill: #848ea0
}

.coin-specs__head__header__options__coins__choose__drop {
    position: relative;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 100%;
    height: auto;
    max-height: 216px;
    white-space: nowrap
}

.coin-specs__head__header__options__coins__choose__drop::-webkit-scrollbar-track {
    background: #fff
}

.coin-specs__head__header__options__coins__choose__drop::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.coin-specs__head__header__options__coins__choose__drop::-webkit-scrollbar-thumb {
    background: #0081ff
}

.coin-specs__head__header__options__coins__choose__drop .coin-option {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 34px;
    cursor: pointer;
    color: #3a3a3a;
    border-right: #e7e7e7 1px solid;
    border-bottom: #e7e7e7 1px solid;
    background-color: #fff
}

.coin-specs__head__header__options__coins__choose__drop .coin-option:last-child {
    border-bottom: 0
}

.coin-specs__head__header__options__coins__choose__drop .coin-option:hover {
    background-color: #eff2f7
}

.coin-specs__head__header__options__coins__choose__drop .coin-option .coin-icon {
    width: 17px;
    height: 17px;
    margin-right: 6px;
    margin-left: 11px;
    padding: 3px;
    border-radius: 50px;
    background-color: #eaedf2
}

.coin-specs__head__header__options__coins__choose__drop .coin-option .coin-short {
    font-size: 14px;
    font-weight: 600;
    color: #2f3c53
}

@media screen and (max-width: 640px) {
    .coin-specs__head__header__options__coins__choose__drop .coin-option .coin-short {
        font-size:13.5px
    }
}

.coin-specs__head__box {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 940px) {
    .coin-specs__head__box {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

.coin-specs__head__box__data__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 49.5%
}

@media screen and (max-width: 1100px) {
    .coin-specs__head__box__data__container {
        width:55%
    }
}

@media screen and (max-width: 940px) {
    .coin-specs__head__box__data__container {
        width:100%
    }
}

.coin-specs__head__box__data__head {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 24px 30px;
    background-color: rgba(0,0,0,.3)
}

@media screen and (max-width: 1240px) {
    .coin-specs__head__box__data__head {
        padding:28px 30px
    }
}

@media screen and (max-width: 1100px) {
    .coin-specs__head__box__data__head {
        padding:26px
    }
}

@media screen and (max-width: 640px) {
    .coin-specs__head__box__data__head {
        padding:22px 24px
    }
}

@media screen and (max-width: 540px) {
    .coin-specs__head__box__data__head {
        padding:20px 18px
    }
}

.coin-specs__head__box__data__head__coin {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
}

.coin-specs__head__box__data__head__coin__name {
    font-size: 36px;
    padding-right: 5px;
    color: #fff
}

@media screen and (max-width: 1240px) {
    .coin-specs__head__box__data__head__coin__name {
        font-size:32px
    }
}

@media screen and (max-width: 640px) {
    .coin-specs__head__box__data__head__coin__name {
        font-size:29px
    }
}

@media screen and (max-width: 540px) {
    .coin-specs__head__box__data__head__coin__name {
        font-size:25px
    }
}

.coin-specs__head__box__data__head__coin__img {
    width: 39px;
    height: 39px;
    margin-right: 12px;
    padding: 8px;
    border-radius: 50px;
    background-color: #26344a
}

@media screen and (max-width: 1240px) {
    .coin-specs__head__box__data__head__coin__img {
        width:36px;
        height: 36px;
        padding: 6px
    }
}

@media screen and (max-width: 640px) {
    .coin-specs__head__box__data__head__coin__img {
        width:32px;
        height: 32px
    }
}

@media screen and (max-width: 540px) {
    .coin-specs__head__box__data__head__coin__img {
        width:28px;
        height: 28px;
        padding: 4px
    }
}

.coin-specs__head__box__data__head__price {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    font-size: 31px;
    color: #fff
}

@media screen and (max-width: 1240px) {
    .coin-specs__head__box__data__head__price {
        font-size:28px
    }
}

@media screen and (max-width: 640px) {
    .coin-specs__head__box__data__head__price {
        font-size:24px
    }
}

@media screen and (max-width: 540px) {
    .coin-specs__head__box__data__head__price {
        font-size:20px
    }
}

.coin-specs__head__box__data__head__price__currency {
    margin-right: 7px
}

@media screen and (max-width: 640px) {
    .coin-specs__head__box__data__head__price__currency {
        margin-right:5px
    }
}

.coin-specs__head__box__data__head__price__value {
    word-break: break-all
}

.coin-specs__head__box__data__row {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%
}

@media screen and (max-width: 640px) {
    .coin-specs__head__box__data__row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

.coin-specs__head__box__data__col {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 49%
}

@media screen and (max-width: 640px) {
    .coin-specs__head__box__data__col {
        width:100%
    }

    .coin-specs__head__box__data__col:first-child {
        margin-bottom: 10px
    }
}

.coin-specs__head__box__data__box {
    font-size: 17.5px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    padding: 15px 22px;
    background-color: rgba(0,0,0,.3)
}

.coin-specs__head__box__data__box:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 1240px) {
    .coin-specs__head__box__data__box {
        font-size:16px
    }
}

@media screen and (max-width: 1100px) {
    .coin-specs__head__box__data__box {
        padding:15px 16px
    }
}

@media screen and (max-width: 940px) {
    .coin-specs__head__box__data__box {
        font-size:18px
    }
}

@media screen and (max-width: 640px) {
    .coin-specs__head__box__data__box {
        padding:16px 28px
    }
}

@media screen and (max-width: 540px) {
    .coin-specs__head__box__data__box {
        font-size:17px;
        padding: 14px 26px
    }
}

.coin-specs__head__box__data__box__big {
    margin-bottom: 16px;
    padding: 26px 22px
}

@media screen and (max-width: 1240px) {
    .coin-specs__head__box__data__box__big {
        margin-bottom:12px;
        padding: 30px 22px
    }
}

@media screen and (max-width: 1100px) {
    .coin-specs__head__box__data__box__big {
        margin-bottom:16px;
        padding: 28px 16px
    }
}

@media screen and (max-width: 940px) {
    .coin-specs__head__box__data__box__big {
        margin-bottom:10px
    }
}

@media screen and (max-width: 640px) {
    .coin-specs__head__box__data__box__big {
        padding:16px 28px
    }
}

@media screen and (max-width: 540px) {
    .coin-specs__head__box__data__box__big {
        padding:14px 26px
    }
}

.coin-specs__head__box__data__box__text {
    color: #98a7c0
}

.price-change.red{
    text-align: right;
    color: #c80000
}

.price-change.green {
    text-align: right;
    color: #00ba80
}

.coin-specs__head__box__data__box__data__blue {
    text-align: right;
    color: #1c82e8
}

.coin-specs__head__box__chart {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    height: 150px
}

.coin-specs__head__box__chart__container {
    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-sizing: border-box;
    box-sizing: border-box;
    width: 49.5%;
    padding: 30px 30px 12px 40px;
    background-color: rgba(0,0,0,.3)
}

@media screen and (max-width: 1100px) {
    .coin-specs__head__box__chart__container {
        width:44%;
        padding: 30px 20px 12px 30px
    }
}

@media screen and (max-width: 940px) {
    .coin-specs__head__box__chart__container {
        width:100%;
        margin-top: 20px;
        padding: 30px 30px 12px 40px
    }
}

@media screen and (max-width: 640px) {
    .coin-specs__head__box__chart__container {
        padding:28px 20px 14px 28px
    }
}

@media screen and (max-width: 540px) {
    .coin-specs__head__box__chart__container {
        padding:26px 16px 14px 27px
    }
}

.coin-specs__head__box__chart__title {
    font-size: 24px;
    margin-bottom: 8px;
    color: #eff2f7
}

@media screen and (max-width: 1040px) {
    .coin-specs__head__box__chart__title {
        font-size:20px;
        margin-bottom: 6px
    }
}

@media screen and (max-width: 940px) {
    .coin-specs__head__box__chart__title {
        font-size:23px;
        margin-bottom: 8px
    }
}

@media screen and (max-width: 640px) {
    .coin-specs__head__box__chart__title {
        font-size:20px
    }
}

@media screen and (max-width: 540px) {
    .coin-specs__head__box__chart__title {
        font-size:18px
    }
}

.coin-specs__head__box__chart__options {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    min-height: 28px;
    margin-bottom: 8px
}

@media screen and (max-width: 540px) {
    .coin-specs__head__box__chart__options {
        min-height:25px
    }
}

.coin-specs__head__box__chart__option {
    font-size: 17.5px;
    display: none;
    margin-right: 6px;
    padding: 3px 6px;
    cursor: pointer;
    -webkit-transition: .25s all;
    transition: .25s all;
    color: #55667e;
    border-radius: 1px
}

.coin-specs__head__box__chart__option:hover {
    color: #fff;
    background-color: rgba(44,86,127,.22)
}

.coin-specs__head__box__chart__option.active {
    color: #1c82e8
}

@media screen and (max-width: 540px) {
    .coin-specs__head__box__chart__option {
        font-size:16px
    }
}

.coin-specs__head__box__chart__logo {
    width: 114px;
    margin-top: 4px
}

.coin-specs__info {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    min-height: 200px
}

@media screen and (max-width: 940px) {
    .coin-specs__info {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

.coin-specs__info__head {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px
}

@media screen and (max-width: 765px) {
    .coin-specs__info__head {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

.coin-specs__info__left {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 72%
}

@media screen and (max-width: 940px) {
    .coin-specs__info__left {
        width:100%
    }
}

.coin-specs__info__sidebar {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 23%;
    padding: 22px 30px 42px;
    background-color: #fff;
    -webkit-box-shadow: #dfe2e7 0 2px 6px 0;
    box-shadow: #dfe2e7 0 2px 6px 0
}

@media screen and (max-width: 940px) {
    .coin-specs__info__sidebar {
        width:100%;
        padding: unset;
        background-color: unset;
        -webkit-box-shadow: unset;
        box-shadow: unset
    }
}

.coin-specs__info__table {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: #dfe2e7 0 2px 6px 0;
    box-shadow: #dfe2e7 0 2px 6px 0
}

@media screen and (max-width: 1200px) {
    .coin-specs__info__table {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

.coin-specs__info__table__row {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    width: 50%
}

@media screen and (max-width: 1200px) {
    .coin-specs__info__table__row {
        width:unset
    }

    .coin-specs__info__table__row:first-child {
        border-bottom: #e8edf2 1px solid
    }
}

.coin-specs__info__table__item {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 33.3%;
    border-left: #e8edf2 1px solid
}

.coin-specs__info__table__item__head {
    font-size: 16px;
    font-weight: 600;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 17px;
    text-align: center;
    color: #324664;
    border-bottom: #e8edf2 1px solid
}

@media screen and (max-width: 1200px) {
    .coin-specs__info__table__item__head {
        padding:12px
    }
}

@media screen and (max-width: 940px) {
    .coin-specs__info__table__item__head {
        padding:16px
    }
}

@media screen and (max-width: 765px) {
    .coin-specs__info__table__item__head {
        font-size:15px;
        padding: 13px
    }
}

@media screen and (max-width: 540px) {
    .coin-specs__info__table__item__head {
        font-size:13px;
        padding: 12px
    }
}

.coin-specs__info__table__item__value {
    font-size: 16.5px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 17px 4px;
    text-align: center;
    word-break: break-all;
    color: #6c7a90
}

@media screen and (max-width: 1200px) {
    .coin-specs__info__table__item__value {
        padding:12px 4px
    }
}

@media screen and (max-width: 940px) {
    .coin-specs__info__table__item__value {
        padding:15px 4px
    }
}

@media screen and (max-width: 765px) {
    .coin-specs__info__table__item__value {
        font-size:15.5px;
        padding: 13px 4px
    }
}

@media screen and (max-width: 540px) {
    .coin-specs__info__table__item__value {
        font-size:13.5px;
        padding: 12px 3px
    }
}

.coin-specs__info__links {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 940px) {
    .coin-specs__info__links {
        display:none
    }
}

.coin-specs__info__links__mobile {
    display: none
}

@media screen and (max-width: 940px) {
    .coin-specs__info__links__mobile {
        display:-webkit-box;
        display: flex;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 0;
        margin-left: 30px;
        padding: 22px 28px 28px;
        background-color: #fff;
        -webkit-box-shadow: #dfe2e7 0 2px 6px 0;
        box-shadow: #dfe2e7 0 2px 6px 0
    }
}

@media screen and (max-width: 940px) and (max-width:765px) {
    .coin-specs__info__links__mobile {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -webkit-box-pack: start;
        justify-content: start;
        margin-top: 30px;
        margin-left: unset
    }
}

@media screen and (max-width: 940px) and (max-width:765px) {
    .coin-specs__info__links__mobile {
        padding:22px 25px 25px
    }
}

.coin-specs__info__links__col {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    justify-content: space-around
}

.coin-specs__info__links__col:first-child {
    margin-bottom: 34px
}

@media screen and (max-width: 765px) {
    .coin-specs__info__links__col:first-child {
        margin-right:38px;
        margin-bottom: unset
    }
}

.coin-specs__info__links__row {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
}

.coin-specs__info__links__row:first-child {
    margin-bottom: 12px
}

.coin-specs__info__links__img1 {
    width: 21px;
    height: 21px;
    padding-right: 3px;
    fill: #1c82e8
}

@media screen and (max-width: 540px) {
    .coin-specs__info__links__img1 {
        width:19px;
        height: 19px
    }
}

.coin-specs__info__links__img2 {
    width: 25px;
    height: 24px;
    fill: #1c82e8
}

@media screen and (max-width: 540px) {
    .coin-specs__info__links__img2 {
        width:23px;
        height: 22px
    }
}

.coin-specs__info__links__button {
    font-size: 15.5px;
    font-weight: 600;
    position: relative;
    z-index: 2;
    width: 83px;
    margin-left: 8px;
    padding: 4px;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    text-align: center;
    text-decoration: none;
    color: #455369;
    border-radius: 1px;
    background-color: #f4f7fb
}

.coin-specs__info__links__button:before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 100%;
    bottom: 0;
    content: "";
    -webkit-transition: .2s all ease;
    transition: .2s all ease;
    opacity: 0;
    background-color: #2690f8
}

.coin-specs__info__links__button:hover {
    color: #fff
}

.coin-specs__info__links__button:hover:before {
    right: 0;
    left: 0;
    -webkit-transition: .2s all ease;
    transition: .2s all ease;
    opacity: 1
}

@media screen and (max-width: 765px) {
    .coin-specs__info__links__button {
        font-size:15px
    }
}

@media screen and (max-width: 540px) {
    .coin-specs__info__links__button {
        font-size:14px
    }
}

.coin-specs__info__links__title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 14px;
    color: #455369
}

@media screen and (max-width: 540px) {
    .coin-specs__info__links__title {
        font-size:16px
    }
}

.coin-specs__info__links__social {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
}

.coin-specs__info__links__social__img {
    display: -webkit-box;
    display: flex;
    width: 19px;
    margin-right: 10px;
    fill: #455369
}

@media screen and (max-width: 540px) {
    .coin-specs__info__links__social__img {
        width:18px
    }
}

.coin-specs__info__links__social__img:hover {
    fill: #2690f8
}

.coin-specs__info__diamonds {
    width: 85%;
    height: 200px;
    background: url(../img/diamonds.svg) center top no-repeat;
    background-size: cover;
    margin-left: 10px
}

@media screen and (max-width: 940px) {
    .coin-specs__info__diamonds {
        display:none
    }
}

.coin-specs__info__diamonds__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.coin-specs__info__box {
    margin: 0 5px 30px
}

@media screen and (max-width: 940px) {
    .coin-specs__info__box {
        margin:0 2px 30px
    }
}

.coin-specs__info__title {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 24px;
    color: #455369
}

@media screen and (max-width: 765px) {
    .coin-specs__info__title {
        font-size:26px
    }
}

@media screen and (max-width: 640px) {
    .coin-specs__info__title {
        font-size:23px;
        letter-spacing: -.4px
    }
}

.coin-specs__info__text {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 14px;
    letter-spacing: .1px;
    color: #768ba8
}

@media screen and (max-width: 765px) {
    .coin-specs__info__text {
        font-size:17px
    }
}

@media screen and (max-width: 640px) {
    .coin-specs__info__text {
        font-size:15px;
        font-weight: 500
    }
}

.coin-specs__info__text__bullet {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    position: relative;
    margin-left: 21px;
    color: #455369
}

@media screen and (max-width: 765px) {
    .coin-specs__info__text__bullet {
        font-size:19px
    }
}

@media screen and (max-width: 540px) {
    .coin-specs__info__text__bullet {
        font-size:18px
    }
}

.coin-specs__info__text__bullet:before {
    line-height: var(--size);
    position: absolute;
    top: 9.5px;
    left: calc(-1 * var(--size) - 8px);
    width: var(--size);
    height: var(--size);
    content: "";
    background: url(../img/blue-square.svg) no-repeat;
    --size: 8px
}

@media screen and (max-width: 765px) {
    .coin-specs__info__text__bullet:before {
        top:9px
    }
}

.coin-specs__info__text__bullet__text {
    font-size: 18px;
    font-weight: 400;
    margin: 8px 0 26px;
    color: #768ba8
}

@media screen and (max-width: 765px) {
    .coin-specs__info__text__bullet__text {
        font-size:17px
    }
}

@media screen and (max-width: 640px) {
    .coin-specs__info__text__bullet__text {
        font-size:15px;
        font-weight: 500
    }
}

.coin-specs__info__text .bold {
    font-weight: 600;
    color: #455369
}

.coin-specs__info__text .link {
    font-size: 16.5px;
    font-weight: 500;
    vertical-align: baseline;
    text-decoration: underline;
    color: #455369
}

@media screen and (max-width: 765px) {
    .coin-specs__info__text .link {
        font-size:16px
    }
}

@media screen and (max-width: 640px) {
    .coin-specs__info__text .link {
        font-size:14.5px;
        font-weight: 500
    }
}

.coin-specs__disclaimer {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    margin-top: 28px;
    color: #768ba8
}

@media screen and (max-width: 765px) {
    .coin-specs__disclaimer {
        font-size:15px;
        margin-top: 20px
    }
}

@media screen and (max-width: 640px) {
    .coin-specs__disclaimer {
        font-size:14px;
        line-height: 1.3;
        margin-top: 18px
    }
}

.itb-widget {
    display: none!important;
    min-width: unset!important;
    color: #455369!important
}

@media screen and (max-width: 940px) {
    .itb-widget[data-type=signals] {
        display:none!important
    }
}

.itb-widget .powered-by-container {
    zoom:84%}

.itb-widget h2 {
    font-size: 25px!important
}

.itb-widget .section-title {
    margin-top: 0!important
}

.itb-widget .section-subtitle {
    color: #768ba8!important
}

.itb-widget .powered-by .text {
    color: #768ba8!important
}

.itb-widget .signals {
    display: -webkit-box!important;
    display: flex!important;
    overflow: hidden;
    width: 100%
}

.itb-widget .card-container {
    padding-right: unset!important
}

.itb-widget a.call-to-action {
    font-size: 14px!important;
    height: 35px!important;
    padding: 10px 30px!important;
    border-radius: 1px!important;
    background-color: #2690f8!important
}

.itb-widget a.call-to-action:hover {
    background-color: #2a96ff!important
}

.itb-widget .blue,.itb-widget .green {
    color: #2690f8!important
}

.itb-widget .bg-blue,.itb-widget .bg-green {
    background-color: #2690f8!important
}

.itb-widget svg>g.highcharts-plot-bands-0>path:nth-child(3) {
    fill: #2690f8!important
}

.itb-widget .block-chart-loader {
    display: none!important
}

.itb-widget .no-data {
    display: none!important
}

.coin-specs__info__sidebar .itb-widget h2 {
    font-size: 21px!important
}

@media screen and (max-width: 540px) {
    .coin-specs__info__sidebar .itb-widget h2 {
        font-size:20px!important
    }
}

.coin-specs__info__sidebar .card {
    padding: 10px 2px!important
}

@media screen and (max-width: 940px) {
    .coin-specs__info__sidebar .card {
        margin:4px;
        padding: 10px!important
    }
}

.error {
    margin-top: -1px
}

.error__box {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    width: 38.5%;
    margin: 80px auto;
    padding: 40px 35px;
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: rgba(18,47,76,.2) 1px 3px 8px 0;
    box-shadow: rgba(18,47,76,.2) 1px 3px 8px 0
}

@media (max-width: 1040px) {
    .error__box {
        width:50%
    }
}

@media (max-width: 640px) {
    .error__box {
        width:70%;
        padding: 40px 35px
    }
}

.error__box__error {
    font-size: 118px;
    font-weight: 600;
    color: #1c82e8
}

@media (max-width: 1040px) {
    .error__box__error {
        font-size:98px
    }
}

@media (max-width: 640px) {
    .error__box__error {
        font-size:76px
    }
}

.error__box__title {
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 20px;
    letter-spacing: -.1px;
    color: #3e4348
}

@media (max-width: 1040px) {
    .error__box__title {
        font-size:35px
    }
}

@media (max-width: 640px) {
    .error__box__title {
        font-size:27px
    }
}

.error__box__text {
    font-size: 17px;
    margin-bottom: 16px;
    text-align: center;
    color: #3e4348
}

@media (max-width: 1040px) {
    .error__box__text {
        font-size:15px
    }
}

@media (max-width: 640px) {
    .error__box__text {
        font-size:14px
    }
}

.error__box__button {
    font-size: 15.5px;
    font-weight: 600;
    position: relative;
    z-index: 2;
    margin-top: 10px;
    padding: 11px 42px;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    text-align: center;
    color: #455369;
    border-radius: 1px;
    background-color: #eaedf2
}

.error__box__button:before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 100%;
    bottom: 0;
    content: "";
    -webkit-transition: .2s all ease;
    transition: .2s all ease;
    opacity: 0;
    background-color: #2690f8
}

.error__box__button:hover {
    color: #fff
}

.error__box__button:hover:before {
    right: 0;
    left: 0;
    -webkit-transition: .2s all ease;
    transition: .2s all ease;
    opacity: 1
}

@media screen and (max-width: 640px) {
    .error__box__button {
        font-size:13.9px;
        font-weight: 500;
        padding: 8px 26px
    }
}
.terms {
    margin-top: -1px;
    background: #f9fafc url(../img/abstract-right-white-full.svg) right top no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.terms__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 40px 17%
}

@media screen and (max-width: 1240px) {
    .terms__container {
        padding:40px 14%
    }
}

@media screen and (max-width: 1040px) {
    .terms__container {
        padding:40px 8%
    }
}

@media screen and (max-width: 640px) {
    .terms__container {
        padding:40px 4%
    }
}

.terms__head {
    font-size: 47px;
    font-weight: 600;
    padding: 22px 0 56px 0;
    text-align: center;
    color: #324664
}

@media screen and (max-width: 1040px) {
    .terms__head {
        font-size:40px
    }
}

@media screen and (max-width: 640px) {
    .terms__head {
        font-size:33px;
        padding: 20px 0 42px 0
    }
}

.terms__updated {
    font-size: 14.5px;
    font-weight: 600;
    align-self: flex-end;
    margin-bottom: 20px;
    color: #324664
}

@media screen and (max-width: 640px) {
    .terms__updated {
        font-size:13px
    }
}

.terms__text {
    font-size: 17.2px;
    line-height: 1.5;
    text-align: justify;
    letter-spacing: .1px;
    color: #848ea0
}

@media screen and (max-width: 1040px) {
    .terms__text {
        font-size:16px
    }
}

@media screen and (max-width: 640px) {
    .terms__text {
        font-size:13.7px
    }
}

.terms__text a {
    text-decoration: underline;
    color: #455369
}

.terms__text__bullet {
    position: relative;
    margin-left: 48px
}

@media screen and (max-width: 640px) {
    .terms__text__bullet {
        margin-left:24px
    }
}

.terms__text__bullet:before {
    line-height: var(--size);
    position: absolute;
    top: 8px;
    left: calc(-1 * var(--size) - 8px);
    width: var(--size);
    height: var(--size);
    content: "";
    background: url(../img/blue-square.svg) no-repeat;
    --size: 8px
}

@media screen and (max-width: 640px) {
    .terms__text__bullet:before {
        top:6.5px;
        left: calc(-1 * var(--size) - 7px);
        --size: 7px
    }
}

.terms__text__bullet__alpha {
    list-style-type: lower-alpha;
    margin-left: 48px
}

@media screen and (max-width: 640px) {
    .terms__text__bullet__alpha {
        margin-left:24px
    }
}

.terms__title {
    font-size: 25px;
    font-weight: 600;
    margin-top: 35px;
    letter-spacing: -.1px;
    color: #324664
}

@media screen and (max-width: 1040px) {
    .terms__title {
        font-size:22px;
        margin-top: 40px
    }
}

@media screen and (max-width: 640px) {
    .terms__title {
        font-size:18px;
        margin-top: 28px
    }
}

.terms__title__sub {
    font-size: 21px;
    font-weight: 500;
    margin-top: 30px
}

@media screen and (max-width: 1040px) {
    .terms__title__sub {
        font-size:20px;
        margin-top: 35px
    }
}

@media screen and (max-width: 640px) {
    .terms__title__sub {
        font-size:16px;
        margin-top: 24px
    }
}

.terms__padding {
    padding-left: 35px
}

@media screen and (max-width: 640px) {
    .terms__padding {
        padding-left:22px
    }
}
.how {
    margin-top: -1px;
    background: #f9fafc url(../img/abstract-right-white-full.svg) right top no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

@media screen and (max-width: 1220px) {
    .how__container {
        margin-right:7%;
        margin-left: 7%
    }
}

@media screen and (max-width: 860px) {
    .how__container {
        margin-right:18%;
        margin-left: 18%
    }
}

@media screen and (max-width: 640px) {
    .how__container {
        margin-right:7%;
        margin-left: 7%
    }
}

@media screen and (max-width: 540px) {
    .how__container {
        margin-right:3.5%;
        margin-left: 3.5%
    }
}

.how__back__img {
    position: absolute;
    top: 168px;
    left: 8px;
    height: 46%;
    opacity: .35
}

@media screen and (max-width: 1100px) {
    .how__back__img {
        height:42%
    }
}

@media screen and (max-width: 860px) {
    .how__back__img {
        height:52%
    }
}

@media screen and (max-width: 640px) {
    .how__back__img {
        display:none
    }
}

.how__title {
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 46px;
    letter-spacing: -.5px;
    color: #324664
}

@media (max-width: 1240px) {
    .how__title {
        font-size:31px;
        margin-bottom: 42px
    }
}

@media (max-width: 860px) {
    .how__title {
        font-size:28px;
        margin-bottom: 36px;
        margin-left: -24px
    }
}

@media (max-width: 640px) {
    .how__title {
        font-size:26px;
        margin-bottom: 32px;
        margin-left: -14px
    }
}

@media (max-width: 540px) {
    .how__title {
        font-size:24px;
        margin-bottom: 28px;
        margin-left: unset
    }
}

.how__row {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 46px
}

@media screen and (max-width: 860px) {
    .how__row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

@media screen and (max-width: 640px) {
    .how__row {
        margin-bottom:32px
    }
}

.how__step {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 33%;
    margin: 0 28px
}

.how__step:first-child {
    margin-left: 0
}

.how__step:last-child {
    margin-right: 0
}

@media screen and (max-width: 1240px) {
    .how__step {
        margin:0 16px
    }
}

@media screen and (max-width: 860px) {
    .how__step {
        width:100%;
        margin: 20px auto
    }

    .how__step:first-child {
        margin-top: 0
    }

    .how__step:last-child {
        margin-bottom: 0
    }
}

.how__step__title {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    margin-bottom: 30px
}

@media screen and (max-width: 640px) {
    .how__step__title {
        margin-bottom:20px
    }
}

.how__step__title__number {
    font-size: 16px;
    font-weight: 500;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    color: #fff;
    border: #2690f8 1.1px solid;
    border-radius: 50px;
    background-color: #2690f8
}

@media screen and (max-width: 640px) {
    .how__step__title__number {
        font-size:15px;
        font-weight: 600;
        width: 24px;
        height: 24px
    }
}

@media screen and (max-width: 640px) {
    .how__step__title__number {
        font-size:15px;
        width: 22px;
        height: 22px
    }
}

.how__step__title__text {
    font-size: 21px;
    font-weight: 600;
    margin-left: 10px;
    letter-spacing: -.5px;
    color: #2690f8
}

@media (max-width: 1240px) {
    .how__step__title__text {
        font-size:20px
    }
}

@media (max-width: 860px) {
    .how__step__title__text {
        font-size:21px
    }
}

@media (max-width: 640px) {
    .how__step__title__text {
        font-size:20px
    }
}

@media (max-width: 540px) {
    .how__step__title__text {
        font-size:18px
    }
}

.how__step__title__line {
    -webkit-box-flex: 1;
    flex: 1;
    height: 1.5px;
    margin: 0 42px 0 20px;
    background-color: #2690f8
}

@media screen and (max-width: 640px) {
    .how__step__title__line {
        margin:0 32px 0 12px
    }
}

.how__step__img {
    display: block;
    max-width: 335px;
    margin: auto
}

@media screen and (max-width: 860px) {
    .how__step__img {
        max-width:414px
    }
}

@media screen and (max-width: 540px) {
    .how__step__img {
        max-width:355px
    }
}

.how__step__img__small {
    margin-bottom: 1px
}

@media screen and (max-width: 1240px) {
    .how__step__img__small {
        margin-bottom:-2px
    }
}

@media screen and (max-width: 860px) {
    .how__step__img__small {
        margin-bottom:unset
    }
}

.how__step__img__container {
    margin-bottom: 38px;
    padding: 33px 35px;
    background-color: #fff;
    -webkit-box-shadow: rgba(18,47,76,.1) 0 2px 4px,rgba(18,47,76,.1) 0 0 4px;
    box-shadow: rgba(18,47,76,.1) 0 2px 4px,rgba(18,47,76,.1) 0 0 4px
}

@media screen and (max-width: 1040px) {
    .how__step__img__container {
        padding:30px 28px
    }
}

@media screen and (max-width: 1040px) {
    .how__step__img__container {
        padding:16px 18px
    }
}

@media screen and (max-width: 860px) {
    .how__step__img__container {
        margin-bottom:26px;
        padding: 46px 50px
    }
}

@media screen and (max-width: 540px) {
    .how__step__img__container {
        margin-bottom:24px;
        padding: 24px 20px
    }
}

.how__info {
    height: 100%;
    padding: 11px 16px 11px;
    background-color: #fff;
    -webkit-box-shadow: rgba(18,47,76,.1) 0 0 0 1px;
    box-shadow: rgba(18,47,76,.1) 0 0 0 1px
}

.how__text {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -.4px;
    color: #848ea0
}

@media (max-width: 1240px) {
    .how__text {
        font-size:15.5px
    }
}

@media (max-width: 860px) {
    .how__text {
        font-size:16.5px
    }
}

@media (max-width: 640px) {
    .how__text {
        font-size:16px
    }
}

@media (max-width: 540px) {
    .how__text {
        font-size:15.5px
    }
}

.how__text.big {
    font-size: 18px
}

@media (max-width: 1240px) {
    .how__text.big {
        font-size:15.5px
    }
}

@media (max-width: 860px) {
    .how__text.big {
        font-size:18px
    }
}

@media (max-width: 640px) {
    .how__text.big {
        font-size:17px
    }
}

@media (max-width: 540px) {
    .how__text.big {
        font-size:15.5px
    }
}

.how__text .dash {
    margin-right: 4px;
    color: #2690f8
}

.how__seperator {
    font-size: 19px;
    position: relative;
    bottom: 2px;
    margin: 0 4px
}

@media (max-width: 1240px) {
    .how__seperator {
        font-size:18px
    }
}

@media (max-width: 860px) {
    .how__seperator {
        font-size:19px
    }
}

@media (max-width: 640px) {
    .how__seperator {
        font-size:18px
    }
}

@media (max-width: 540px) {
    .how__seperator {
        font-size:17px
    }
}

.how__link {
    color: #2690f8
}

.how__tutorial {
    font-size: 16.5px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 18px;
    color: #768ba8
}

@media (max-width: 1240px) {
    .how__tutorial {
        font-size:15.5px
    }
}

@media (max-width: 860px) {
    .how__tutorial {
        font-size:17px
    }
}

@media (max-width: 640px) {
    .how__tutorial {
        font-size:16px
    }
}

@media (max-width: 540px) {
    .how__tutorial {
        font-size:15.5px
    }
}

.how__tutorial__title {
    font-size: 22px;
    font-weight: 600;
    display: -webkit-box;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 50px 0 22px;
    letter-spacing: -.3px;
    color: #455369
}

@media (max-width: 1240px) {
    .how__tutorial__title {
        font-size:21px
    }
}

@media (max-width: 860px) {
    .how__tutorial__title {
        font-size:22px
    }
}

@media (max-width: 640px) {
    .how__tutorial__title {
        font-size:21px;
        margin: 42px 0 22px
    }
}

@media (max-width: 540px) {
    .how__tutorial__title {
        font-size:20px
    }
}

.how__tutorial .bullet {
    line-height: 1.45;
    position: relative;
    margin-bottom: 6px;
    margin-left: 34px
}

.how__tutorial .bullet:before {
    line-height: var(--size);
    position: absolute;
    top: 8px;
    left: calc(-1 * var(--size) - 12px);
    width: var(--size);
    height: var(--size);
    content: "";
    background: url(../img/blue-square.svg) no-repeat;
    --size: 8px
}

@media screen and (max-width: 1040px) {
    .how__tutorial .bullet {
        margin-bottom:5px;
        margin-left: 26px
    }

    .how__tutorial .bullet:before {
        line-height: var(--size);
        top: 7px;
        left: calc(-1 * var(--size) - 9px);
        width: var(--size);
        height: var(--size);
        --size: 7px
    }
}

.how__tutorial .bullet .bold {
    font-weight: 500;
    color: #455369
}

.faq {
    margin-top: -1px;
    background: #f9fafc url(../img/abstract-right-white-extensive-full.svg) right top no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.faq__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    max-width: 850px;
    margin-right: auto;
    margin-left: auto
}

@media screen and (max-width: 1220px) {
    .faq__container {
        margin-right:7%;
        margin-left: 7%
    }
}

@media screen and (max-width: 860px) {
    .faq__container {
        margin-right:5%;
        margin-left: 5%
    }
}

@media screen and (max-width: 640px) {
    .faq__container {
        margin-right:4%;
        margin-left: 4%
    }
}

@media screen and (max-width: 540px) {
    .faq__container {
        margin-right:3.5%;
        margin-left: 3.5%
    }
}

.faq__title {
    font-size: 37px;
    font-weight: 600;
    margin-bottom: 38px;
    letter-spacing: -.5px;
    color: #324664
}

@media (max-width: 860px) {
    .faq__title {
        font-size:30px;
        margin-bottom: 35px
    }
}

@media (max-width: 640px) {
    .faq__title {
        font-size:27px;
        margin-bottom: 32px
    }
}

@media (max-width: 540px) {
    .faq__title {
        font-size:24px;
        margin-bottom: 26px
    }
}

.faq__category {
    font-size: 25px;
    font-weight: 600;
    margin: 20px auto 14px 0;
    letter-spacing: -.5px;
    color: #324664
}

@media (max-width: 860px) {
    .faq__category {
        font-size:22px
    }
}

@media (max-width: 640px) {
    .faq__category {
        font-size:20px
    }
}

@media (max-width: 540px) {
    .faq__category {
        font-size:19px
    }
}

.faq__box {
    width: 100%;
    margin-bottom: 14px;
    background-color: #fff;
    -webkit-box-shadow: rgba(18,47,76,.1) 0 2px 4px,rgba(18,47,76,.1) 0 0 4px;
    box-shadow: rgba(18,47,76,.1) 0 2px 4px,rgba(18,47,76,.1) 0 0 4px
}

.faq__box.active {
    -webkit-box-shadow: rgba(18,47,76,.12) 0 2px 12px,rgba(18,47,76,.13) 0 0 8px;
    box-shadow: rgba(18,47,76,.12) 0 2px 12px,rgba(18,47,76,.13) 0 0 8px
}

.faq__box.active .faq__box__question {
    color: #455369
}

.faq__box.active .faq__box__question__arrow {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.faq__box.active .faq__box__answer__container {
    overflow: hidden;
    max-height: 1000px
}

.faq__box__question {
    font-size: 18px;
    font-weight: 500;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 16px 28px;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    color: #768ba8
}

.faq__box__question:hover {
    color: #455369
}

@media (max-width: 860px) {
    .faq__box__question {
        font-size:17px;
        padding: 15px 24px
    }
}

@media (max-width: 640px) {
    .faq__box__question {
        font-size:16.5px;
        padding: 15px 20px
    }
}

@media (max-width: 540px) {
    .faq__box__question {
        font-size:16px;
        padding: 14px 16px
    }
}

.faq__box__question__arrow {
    width: 14px;
    margin-left: 5px;
    -webkit-transition: all .2s;
    transition: all .2s;
    fill: #2690f8;
    flex-shrink: 0
}

@media (max-width: 860px) {
    .faq__box__question__arrow {
        width:13px
    }
}

@media (max-width: 640px) {
    .faq__box__question__arrow {
        width:12px
    }
}

@media (max-width: 540px) {
    .faq__box__question__arrow {
        width:11px
    }
}

.faq__box__answer {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.45;
    padding: 16px 28px 20px;
    color: #768ba8;
    border-top: #e3e6ee 1px solid
}

@media (max-width: 860px) {
    .faq__box__answer {
        font-size:15px;
        padding: 15px 24px 17px
    }
}

@media (max-width: 640px) {
    .faq__box__answer {
        line-height:1.4;
        font-size: 14.5px;
        padding: 15px 20px 17px
    }
}

@media (max-width: 540px) {
    .faq__box__answer {
        line-height:1.35;
        font-size: 13.5px;
        padding: 14px 16px 16px
    }
}

.faq__box__answer__container {
    overflow: hidden;
    max-height: 0
}

.faq__box__answer .link,.faq__box__answer a {
    cursor: pointer;
    color: #455369;
    text-decoration: underline
}

.faq__box__answer .link:hover,.faq__box__answer a:hover {
    color: #324664
}

.faq__box__answer .bullet {
    position: relative;
    margin-bottom: 6px;
    margin-left: 34px
}

.faq__box__answer .bullet:before {
    line-height: var(--size);
    position: absolute;
    top: 8px;
    left: calc(-1 * var(--size) - 12px);
    width: var(--size);
    height: var(--size);
    content: "";
    background: url(../img/blue-square.svg) no-repeat;
    --size: 8px
}

@media screen and (max-width: 860px) {
    .faq__box__answer .bullet {
        margin-left:25px
    }

    .faq__box__answer .bullet:before {
        top: 7px;
        left: calc(-1 * var(--size) - 10px);
        --size: 7px
    }
}

@media screen and (max-width: 540px) {
    .faq__box__answer .bullet {
        margin-left:18px
    }

    .faq__box__answer .bullet:before {
        top: 6px;
        left: calc(-1 * var(--size) - 9px);
        --size: 6px
    }
}

.faq__box__answer .bullet .bold {
    font-weight: 500;
    color: #455369
}

.faq__note {
    font-size: 17px;
    font-weight: 500;
    line-height: 1.4;
    margin-top: 30px;
    margin-right: auto;
    color: #848ea0
}

@media (max-width: 860px) {
    .faq__note {
        font-size:16.5px
    }
}

@media (max-width: 640px) {
    .faq__note {
        font-size:16px
    }
}

.faq__note .link {
    text-decoration: underline;
    color: #455369
}

.faq__note .link:hover {
    color: #324664
}

.has-error input[type=text].form-control,.has-error textarea[type=text].form-control {
    border-color: #ccc
}

.time {
    direction: ltr
}

html,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

.article-preview h1,.article-preview h2,.article-preview h3,.article-preview h4,.article-preview h5,.article-preview h6 {
    font-weight: bold;
    line-height: normal
}

.article-preview h1 {
    font-size: 2em;
    margin-bottom: .67em;
    margin-top: .67em
}

.article-preview h2 {
    font-size: 1.5em;
    margin-bottom: .83em;
    margin-top: .83em
}

.article-preview h3 {
    font-size: 1.17em;
    margin-bottom: 1em;
    margin-top: 1em
}

.article-preview h4 {
    font-size: 1em;
    margin-bottom: 1.33em;
    margin-top: 1.33em
}

.article-preview h5 {
    font-size: .83em;
    margin-bottom: 1.67em;
    margin-top: 1.67em
}

.article-preview h6 {
    font-size: .67em;
    margin-bottom: 2.33em;
    margin-top: 2.33em
}

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

nav ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

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

a {
    background: transparent;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold
}

del {
    text-decoration: line-through
}

abbr[title],dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

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

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

input,select {
    vertical-align: middle
}

.clear::before,.clear::after {
    content: " ";
    display: table
}

.clear::after {
    clear: both
}

.h-message-text h1 {
    font-size: 2em
}

.h-message-text h2 {
    font-size: 1.5em
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    color: inherit;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1
}

.hotline-launcher.h-open {
    background-color: #f4f5f7;
    max-height: 720px;
    min-height: 0;
    overflow: hidden;
    height: calc(100% - 52px);
    width: 384px
}

.fc-widget-normal.expanded-article-view .hotline-launcher.h-open {
    -webkit-animation: faqExpand;
    animation: faqExpand;
    animation-duration: .3s;
    animation-timing-function: ease-in;
    width: 800px
}

.fc-widget-normal.expanded-article-view .hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes {
    padding: 12px 100px 0 100px
}

.fc-widget-normal.collapsed-article-view .hotline-launcher.h-open {
    -webkit-animation: faqCollapseNormal;
    animation: faqCollapseNormal;
    animation-duration: .3s;
    animation-timing-function: ease-out;
    width: 384px
}

.fc-widget-small.expanded-modal .hotline-launcher,.fc-widget-small div.hotline-launcher.h-open,.fc-widget-small .fc_web_modal.inside-widget {
    background: #f4f5f7;
    max-height: 522px;
    min-height: 0;
    overflow: hidden;
    height: calc(100vh - 48px);
    width: 326px
}

.fc-widget-small .fc_web_modal.inside-widget.mobile-view {
    height: 100%;
    margin: 0;
    max-height: 100%;
    width: 100%
}

.fc-widget-small.expanded-article-view .hotline-launcher.h-open {
    -webkit-animation: faqExpand;
    animation: faqExpand;
    animation-duration: .3s;
    animation-timing-function: ease-in;
    width: 800px
}

.fc-widget-small.expanded-article-view .hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes {
    padding: 12px 100px 0 100px
}

.fc-widget-small.collapsed-article-view .hotline-launcher.h-open {
    -webkit-animation: faqCollapseSmall;
    animation: faqCollapseSmall;
    animation-duration: .3s;
    animation-timing-function: ease-out;
    width: 326px
}

.fc-widget-small .fc_web_modal.external-article {
    width: 326px
}

.fc-widget-normal .hotline-launcher.h-open.fc-fullscreen,.fc-widget-normal .hotline-launcher.h-open.fc-mobile-view,.fc-widget-small .hotline-launcher.h-open.fc-fullscreen,.fc-widget-small .hotline-launcher.h-open.fc-mobile-view {
    margin: 0;
    max-height: 100%;
    height: 100%;
    width: 100%
}

@media screen and (orientation: landscape) {
    .fc-widget-normal .hotline-launcher.h-open.fc-fullscreen,.fc-widget-normal .hotline-launcher.h-open.fc-mobile-view,.fc-widget-small .hotline-launcher.h-open.fc-fullscreen,.fc-widget-small .hotline-launcher.h-open.fc-mobile-view {
        -webkit-text-size-adjust:100%
    }
}

html,body {
    color: rgba(9,30,66,.87);
    display: block;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Segoe UI Emoji","Roboto","Oxygen","Ubuntu","Fira Sans","Droid Sans","Cantarell","Helvetica Neue",sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: auto;
    height: auto;
    scroll-behavior: smooth;
    text-rendering: optimizeLegibility;
    word-break: break-word
}

html a,body a {
    color: #3a4b67
}

html a:hover,body a:hover {
    text-decoration: none
}

html input[type=file],body input[type=file] {
    display: block;
    visibility: hidden;
    height: 0;
    width: 0
}

html.fc-widget-normal,html.fc-widget-normal body {
    font-size: 16px
}

.custom-dropdown-content {
    background-color: #fff
}

html.fc-widget-normal .ember-basic-dropdown-content,html.fc-widget-normal .custom-dropdown-content,html.fc-widget-small .ember-basic-dropdown-content,html.fc-widget-small .custom-dropdown-content {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 -2px 4px 0 rgba(130,130,130,.1);
    z-index: 9997
}

html.fc-widget-normal .ember-basic-dropdown-content ul,html.fc-widget-normal .custom-dropdown-content ul,html.fc-widget-small .ember-basic-dropdown-content ul,html.fc-widget-small .custom-dropdown-content ul {
    list-style: none;
    max-height: 11rem;
    overflow-y: auto;
    padding: .5rem
}

html.fc-widget-normal .ember-basic-dropdown-content ul li,html.fc-widget-normal .custom-dropdown-content ul li,html.fc-widget-small .ember-basic-dropdown-content ul li,html.fc-widget-small .custom-dropdown-content ul li {
    margin: 5px 0;
    overflow: hidden;
    padding: .8rem 1rem;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

html.fc-widget-normal .ember-basic-dropdown-content ul li:hover,html.fc-widget-normal .custom-dropdown-content ul li:hover,html.fc-widget-small .ember-basic-dropdown-content ul li:hover,html.fc-widget-small .custom-dropdown-content ul li:hover {
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

html.fc-widget-normal .ember-basic-dropdown-content ul li.active,html.fc-widget-normal .ember-basic-dropdown-content ul li.selected,html.fc-widget-normal .custom-dropdown-content ul li.active,html.fc-widget-normal .custom-dropdown-content ul li.selected,html.fc-widget-small .ember-basic-dropdown-content ul li.active,html.fc-widget-small .ember-basic-dropdown-content ul li.selected,html.fc-widget-small .custom-dropdown-content ul li.active,html.fc-widget-small .custom-dropdown-content ul li.selected {
    background-color: #ebeff3;
    border-radius: 6px
}

html.fc-widget-normal .ember-basic-dropdown-content .fc-emoji-picker-emoji[aria-selected=true],html.fc-widget-normal .custom-dropdown-content .fc-emoji-picker-emoji[aria-selected=true],html.fc-widget-small .ember-basic-dropdown-content .fc-emoji-picker-emoji[aria-selected=true],html.fc-widget-small .custom-dropdown-content .fc-emoji-picker-emoji[aria-selected=true] {
    border: 2px solid #504b4b;
    border-radius: 9px;
    height: 34px;
    width: 36px
}

body.keyboard-focus *:focus {
    outline: auto 2px Highlight;
    outline: -webkit-focus-ring-color auto 1px
}

html.fc-widget-small,html.fc-widget-small body {
    font-size: 14px
}

html.fc-widget-small .h-conv-chat ul #margin-date-picker,html.fc-widget-small body .h-conv-chat ul #margin-date-picker {
    margin-left: -15px
}

html.fc-widget-small .fc-mobile-view .h-conv-chat ul #margin-date-picker,html.fc-widget-small body .fc-mobile-view .h-conv-chat ul #margin-date-picker {
    margin-left: 25px
}

html.fc-widget-small .file-attachment div.file-meta div.file-name,html.fc-widget-small body .file-attachment div.file-meta div.file-name {
    max-width: 140px !important
}

html.fc-widget-small body[dir=rtl] .h-conv-chat ul #margin-date-picker {
    margin-right: -15px
}

html.fc-widget-small body[dir=rtl] .fc-carousel__navigation--right {
    right: 0
}

html.fc-widget-small body[dir=rtl] .fc-carousel__navigation--left {
    left: 4rem
}

.hotline-launcher {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 5px;
    bottom: 0;
    display: none;
    margin: 0 20px 0 0;
    position: fixed;
    right: 0;
    z-index: 9996
}

.hotline-launcher .h-chat-custom {
    height: 100%
}

.hotline-launcher.h-open {
    box-shadow: 0 -1px 20px rgba(0,0,0,.16);
    display: flex;
    margin: 20px
}

.hotline-launcher.fc-fullscreen,.hotline-launcher.fc-mobile-view {
    border-radius: 0
}

.hotline-launcher .link-to {
    text-decoration: none
}

.hotline-launcher input[type=text]::-ms-clear {
    display: none
}

.uppercase {
    text-transform: uppercase !important
}

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

img.faq-loader {
    position: relative;
    height: 30px;
    width: 30px
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.d-flex {
    display: flex
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 20%, 0);
        transform: translate3d(0, 20%, 0)
    }

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

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 20%, 0);
        transform: translate3d(0, 20%, 0)
    }

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

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@keyframes frameOpen {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@-webkit-keyframes frameOpen {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@keyframes frameCollapse {
    0% {
        width: 835px
    }

    98% {
        width: 835px
    }

    100% {
        width: 422px
    }
}

@-webkit-keyframes frameCollapse {
    0% {
        width: 835px
    }

    98% {
        width: 835px
    }

    100% {
        width: 422px
    }
}

@keyframes faqExpand {
    0% {
        width: 384px
    }

    100% {
        width: 800px
    }
}

@-webkit-keyframes faqExpand {
    0% {
        width: 384px
    }

    100% {
        width: 800px
    }
}

@keyframes faqCollapseNormal {
    from {
        width: 800px
    }

    to {
        width: 384px
    }
}

@-webkit-keyframes faqCollapseNormal {
    from {
        width: 800px
    }

    to {
        width: 384px
    }
}

@keyframes faqCollapseSmall {
    from {
        width: 800px
    }

    to {
        width: 326px
    }
}

@-webkit-keyframes faqCollapseSmall {
    from {
        width: 800px
    }

    to {
        width: 326px
    }
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.delay {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.animated.delay-1 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.animated.fast {
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms
}

.animated.faster {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms
}

.animated.speed {
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms
}

@-webkit-keyframes category {
    from {
        height: 10rem
    }

    to {
        height: 8rem
    }
}

@keyframes category {
    from {
        height: 10rem
    }

    to {
        height: 8rem
    }
}

@-webkit-keyframes article {
    from {
        height: 8rem
    }

    to {
        height: 10rem
    }
}

@keyframes article {
    from {
        height: 8rem
    }

    to {
        height: 10rem
    }
}

@-webkit-keyframes articleView {
    from {
        height: 10rem
    }

    to {
        height: 5.5rem
    }
}

@keyframes articleView {
    from {
        height: 10rem
    }

    to {
        height: 5.5rem
    }
}

@-webkit-keyframes logo {
    from {
        margin-left: 0%;
        transform: translateX(0%)
    }

    to {
        margin-left: 50%;
        transform: translateX(-50%)
    }
}

@keyframes logo {
    from {
        margin-left: 0%;
        transform: translateX(0%)
    }

    to {
        margin-left: 50%;
        transform: translateX(-50%)
    }
}

@keyframes rtlLogo {
    from {
        margin-right: 0%;
        transform: translateX(0%)
    }

    to {
        margin-right: 50%;
        transform: translateX(50%)
    }
}

@-webkit-keyframes homeLogo {
    from {
        margin-left: 50%;
        transform: translateX(-50%)
    }

    to {
        margin-left: 0%;
        transform: translateX(0%)
    }
}

@keyframes homeLogo {
    from {
        margin-left: 50%;
        transform: translateX(-50%)
    }

    to {
        margin-left: 0%;
        transform: translateX(0%)
    }
}

@-webkit-keyframes homeHeader {
    from {
        height: 10rem
    }

    to {
        height: 5.5rem
    }
}

@keyframes homeHeader {
    from {
        height: 10rem
    }

    to {
        height: 5.5rem
    }
}

@-webkit-keyframes bar {
    from {
        height: 0
    }

    to {
        height: 1.5rem
    }
}

@keyframes bar {
    from {
        height: 0
    }

    to {
        height: 1.5rem
    }
}

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

    70% {
        opacity: 0
    }

    100% {
        opacity: .7
    }
}

@keyframes closeFadeIn {
    0% {
        opacity: 0
    }

    70% {
        opacity: 0
    }

    100% {
        opacity: .7
    }
}

@keyframes closeFadeOut {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: .7
    }
}

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

    50% {
        opacity: 0
    }

    100% {
        opacity: .7
    }
}

.bottom-4 {
    bottom: 4px !important
}

.bottom-8 {
    bottom: 8px !important
}

.bottom-12 {
    bottom: 12px !important
}

.bottom-16 {
    bottom: 16px !important
}

.bottom-20 {
    bottom: 20px !important
}

.bottom-24 {
    bottom: 24px !important
}

.bottom-28 {
    bottom: 28px !important
}

.bottom-40 {
    bottom: 40px !important
}

.bottom-48 {
    bottom: 48px !important
}

.bottom-60 {
    bottom: 60px !important
}

.bottom-68 {
    bottom: 68px !important
}

.align--center {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.position--absolute {
    position: absolute
}

.position--fixed {
    position: fixed
}

.position--sticky {
    position: sticky
}

ul.channel-list {
    list-style: none
}

ul.channel-list li {
    padding-left: .25rem;
    padding-right: .25rem;
    padding-top: .125rem
}

ul.channel-list li .channel-link {
    text-decoration: none
}

ul.channel-list li .channel-link .h-category-item {
    display: flex;
    padding-left: 8px;
    padding-top: 8px;
    position: relative;
    width: 100%
}

ul.channel-list li .channel-link .h-category-item .h-category-icon {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 2.625rem
}

ul.channel-list li .channel-link .h-category-item .h-category-icon .category-content-wrap {
    align-items: center;
    border-radius: 6px;
    color: #fff;
    display: flex;
    font-weight: 600;
    justify-content: center;
    height: 2rem;
    width: 2rem
}

ul.channel-list li .channel-link .h-category-item .h-category-icon .img-circle {
    border-radius: 6px;
    height: 2rem;
    width: 2rem
}

ul.channel-list li .channel-link .h-category-item .channel-names {
    max-height: 2.8125rem;
    overflow: hidden;
    padding-left: 10px;
    width: 100%
}

ul.channel-list li .channel-link .h-category-item .channel-names.iPhone-channel-names {
    max-height: 3.5rem
}

ul.channel-list li .channel-link .h-category-item .channel-names .channel-content {
    display: flex;
    padding-bottom: 8px;
    padding-right: 8px;
    width: 100%
}

ul.channel-list li .channel-link .h-category-item .channel-names .channel-content .h-category-detail {
    width: 75%
}

ul.channel-list li .channel-link .h-category-item .channel-names .channel-content .h-category-detail .channel-name,ul.channel-list li .channel-link .h-category-item .channel-names .channel-content .h-category-detail div.welcome-text,ul.channel-list li .channel-link .h-category-item .channel-names .channel-content .h-category-detail .welcome-text .last-msg-preview .h-message-text {
    line-height: 1.7;
    max-width: 100%;
    min-width: 100%;
    overflow: hidden;
    width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

ul.channel-list li .channel-link .h-category-item .channel-names .channel-content .h-category-detail .channel-name.iPhone-text-message,ul.channel-list li .channel-link .h-category-item .channel-names .channel-content .h-category-detail div.welcome-text.iPhone-text-message,ul.channel-list li .channel-link .h-category-item .channel-names .channel-content .h-category-detail .welcome-text .last-msg-preview .h-message-text.iPhone-text-message {
    line-height: 2.3
}

ul.channel-list li .channel-link .h-category-item .channel-names .channel-content .h-category-detail .channel-name {
    color: #3a4b67;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.3
}

ul.channel-list li .channel-link .h-category-item .channel-names .channel-content .h-category-detail .channel-name.unreadMessage {
    color: #0053bf
}

ul.channel-list li .channel-link .h-category-item .channel-names .channel-content .h-category-detail .channel-name.iPhone-h2 {
    line-height: 1
}

ul.channel-list li .channel-link .h-category-item .channel-names .channel-content .h-category-detail div.welcome-text {
    color: #3a4b67;
    font-size: .875rem;
    font-weight: normal;
    opacity: .45
}

ul.channel-list li .channel-link .h-category-item .channel-names .channel-content .h-category-detail div.welcome-text .message-text {
    display: flex
}

ul.channel-list li .channel-link .h-category-item .channel-names .channel-content .h-category-detail div.welcome-text .message-text .last-msg-preview {
    width: 100%
}

ul.channel-list li .channel-link .h-category-item .channel-names .channel-content .h-category-detail div.welcome-text .message-text i.icon-ic_reply {
    margin-right: 4px
}

ul.channel-list li .channel-link .h-category-item .channel-names .channel-content .h-category-detail div.welcome-text.unreadMessage {
    opacity: 1
}

ul.channel-list li .channel-link .h-category-item .channel-names .channel-content .h-conv-user {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    width: 25%
}

ul.channel-list li .channel-link .h-category-item .channel-names .channel-content .h-conv-user .time-stamp {
    color: #3a4b67;
    direction: ltr;
    float: right;
    font-size: .75rem;
    font-weight: 500;
    height: 12px;
    line-height: 12px;
    margin: .25rem 0;
    opacity: .45
}

ul.channel-list li .channel-link .h-category-item .channel-names .channel-content .h-conv-user .h-notify {
    background: #de350a;
    border: 1.3px solid #fff;
    border-radius: 50%;
    bottom: 5px;
    color: #fff;
    font-size: 10px;
    font-weight: 900;
    line-height: 1.3;
    position: absolute;
    right: 8px;
    text-align: center;
    z-index: 10;
    height: 16px;
    width: 16px
}

ul.channel-list li .channel-link .h-category-item .channel-names .channel-content .h-conv-user .h-notify.large-count {
    line-height: 1.4;
    height: 18px;
    width: 20px
}

ul.channel-list li .channel-link .h-category-item .channel-names .channel-content .h-conv-user .h-user .agent-circle {
    border-radius: 50%;
    display: inline-block;
    font-size: .75rem;
    height: 18px;
    overflow: hidden;
    width: 18px
}

ul.channel-list li .channel-link .h-category-item .channel-names .channel-content .h-conv-user .h-user .u-agent-avatar {
    float: right;
    padding-left: 8px
}

ul.channel-list li .border-bottom {
    border-bottom: 1px solid #ebecf0;
    float: right;
    margin: 2px 0;
    width: calc(100% - (2.625rem + 10px))
}

ul.channel-list li.app-loader-bottom .app-loader {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 50px;
    justify-content: center;
    position: relative
}

ul.channel-list li:last-child {
    padding-bottom: .5rem
}

ul.channel-list li:last-child .border-bottom {
    display: none
}

ul.channel-list li:hover .channel-link .h-category-item {
    background-color: #f2f5f7;
    border-radius: 6px;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.faq-list {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.12);
    margin: 0 12px 12px 12px;
    padding: 0 0 .5rem 0
}

.faq-list .faq-header {
    border-bottom: 1px solid #ebecf0;
    display: flex;
    padding-bottom: .5625rem;
    padding-left: 1rem;
    padding-top: .5625rem
}

.faq-list .faq-header .title-header {
    align-items: center;
    display: flex;
    width: 86%
}

.faq-list .faq-header .title-header .list-title {
    color: rgba(9,30,66,.74);
    font-size: 11px;
    font-weight: 500;
    height: 13px
}

.faq-list .faq-header .title-header .list-sub-title {
    color: #3a4b67;
    font-size: 1rem;
    font-weight: 600
}

.faq-list .faq-header .search-category {
    align-items: center;
    border: 1px solid #ebecf0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 1.875rem;
    justify-content: center;
    width: 1.875rem
}

.faq-list .faq-header .search-category i {
    display: block;
    font-size: .875rem;
    opacity: .6
}

.faq-list .faq-header .search-category:hover {
    background-color: #f2f5f7
}

.faq-list .faq-categories ul.categories-list {
    list-style: none
}

.faq-list .faq-categories ul.categories-list li {
    padding-left: .25rem;
    padding-right: .25rem;
    padding-top: .125rem
}

.faq-list .faq-categories ul.categories-list li .category-item {
    display: flex;
    padding: 8px;
    position: relative;
    width: 100%
}

.faq-list .faq-categories ul.categories-list li .category-item .category-icon {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 2.625rem
}

.faq-list .faq-categories ul.categories-list li .category-item .category-icon .category-content-wrap {
    align-items: center;
    border-radius: 6px;
    color: #fff;
    display: flex;
    font-weight: 600;
    justify-content: center;
    height: 2rem;
    width: 2rem
}

.faq-list .faq-categories ul.categories-list li .category-item .category-icon .img-circle {
    border-radius: 6px;
    height: 2rem;
    width: 2rem
}

.faq-list .faq-categories ul.categories-list li .category-item .category-name {
    align-items: center;
    color: #3a4b67;
    display: flex;
    font-size: .875rem;
    font-weight: 600;
    overflow: hidden;
    padding-left: 8px;
    padding-right: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.faq-list .faq-categories ul.categories-list li .category-item .category-name .faq-title {
    display: block;
    line-height: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.faq-list .faq-categories ul.categories-list li .border-bottom {
    border-bottom: 1px solid #ebecf0;
    float: right;
    margin: 2px 0;
    width: calc(100% - (2.625rem + 10px))
}

.faq-list .faq-categories ul.categories-list li:last-child .border-bottom {
    display: none
}

.faq-list .faq-categories ul.categories-list li:hover .category-item {
    background-color: #f2f5f7;
    border-radius: 6px;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.faq-list .faq-categories .see_more_faqs {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 1px solid #ebecf0;
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-weight: 600;
    margin-top: 2px;
    padding: .875rem;
    width: 100%
}

.faq-list .faq-categories .see_more_faqs:hover {
    background-color: #f2f5f7
}

.faq-list.show-more {
    padding: 0
}

.hotline-launcher.h-open .viewport {
    height: 100%
}

.hotline-launcher.h-open .viewport .h-channel {
    height: 100%
}

.hotline-launcher.h-open .viewport .h-channel .home-content {
    height: 100%
}

.hotline-launcher.h-open .viewport .h-channel .home-content .h-header {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.hotline-launcher.h-open .viewport .h-channel .home-content .h-header.gradient {
    background: transparent linear-gradient(270deg, rgba(0, 0, 0, 0.388) 0%, rgba(0, 0, 0, 0) 64%) 0% 0% no-repeat padding-box
}

.hotline-launcher.h-open .viewport .h-channel .home-content .title {
    height: 4rem;
    width: 100%;
    align-items: center;
    display: flex
}

.hotline-launcher.h-open .viewport .h-channel .home-content .title .logo {
    padding: 1rem 12px
}

.hotline-launcher.h-open .viewport .h-channel .home-content .title .logo img {
    max-height: 2rem;
    max-width: 10rem
}

.hotline-launcher.h-open .viewport .h-channel .home-content .title .logo img.home-logo {
    animation: homeLogo .3s cubic-bezier(0.4, 0, 0.2, 1)
}

.hotline-launcher.h-open .viewport .h-channel .home-content .title .search-for-answer {
    background: rgba(255,255,255,.2);
    border-radius: 6px;
    height: 3rem;
    margin: 0 12px
}

.hotline-launcher.h-open .viewport .h-channel .home-content .title .search-for-answer .faq-link-wrapper {
    position: relative;
    height: 100%;
    width: 100%
}

.hotline-launcher.h-open .viewport .h-channel .home-content .title .search-for-answer .faq-link-wrapper i.icon-ic_search {
    color: #fff;
    font-size: .875rem;
    left: 1rem;
    position: absolute;
    top: 1.1rem
}

.hotline-launcher.h-open .viewport .h-channel .home-content .title .search-for-answer .faq-link-wrapper input {
    background: transparent;
    border: 0;
    color: #3a4b67;
    font-size: .875rem;
    margin: 0;
    margin-left: 2.4rem;
    padding: 0;
    height: 100%;
    width: calc(100% - 2.4rem)
}

.hotline-launcher.h-open .viewport .h-channel .home-content .title .search-for-answer .faq-link-wrapper input:focus {
    background: transparent;
    color: #3a4b67;
    outline: none
}

.hotline-launcher.h-open .viewport .h-channel .home-content .title .search-for-answer .faq-link-wrapper input::placeholder {
    color: rgba(255,255,255,.7)
}

.hotline-launcher.h-open .viewport .h-channel .home-content .title .search-for-answer:hover {
    background: rgba(255,255,255,.24)
}

.hotline-launcher.h-open .viewport .h-channel .home-content .title.home-header {
    animation: homeHeader .3s cubic-bezier(0.4, 0, 0.2, 1)
}

.hotline-launcher.h-open .viewport .h-channel .home-content .minimize {
    cursor: pointer;
    opacity: .3;
    position: absolute;
    right: 16px;
    top: 20px
}

.hotline-launcher.h-open .viewport .h-channel .home-content .minimize:hover .icon {
    opacity: 1
}

.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections {
    height: calc(100% - 4rem - 34px);
    overflow: hidden;
    position: relative
}

.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections .dummy-bar {
    display: block;
    position: absolute;
    top: 0;
    transition: height .1s ease;
    height: 1.5rem;
    width: 100%
}

.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections .dummy-bar.gradient {
    background: transparent linear-gradient(270deg, rgba(0, 0, 0, 0.388) 0%, rgba(0, 0, 0, 0) 64%) 0% 0% no-repeat padding-box
}

.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections .card-layout {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%
}

.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections .card-layout .channel-section {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.12);
    margin: 0 12px 12px 12px;
    padding: 1rem 0 0 0
}

.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections .card-layout .channel-section .channel-title {
    border-bottom: 1px solid #ebecf0;
    display: flex;
    justify-content: space-between;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem
}

.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections .card-layout .channel-section .channel-title .list-title {
    color: rgba(9,30,66,.74);
    font-size: 11px;
    font-weight: 500;
    height: 13px
}

.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections .card-layout .channel-section .channel-title .list-sub-title {
    color: #3a4b67;
    font-size: 1rem;
    font-weight: 600
}

.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections .card-layout .channel-section .channel-title .view-history {
    color: #2c5cc5;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 600
}

.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections .card-layout .channel-section .channel-title .view-history .arrow-icon {
    align-items: center;
    display: flex;
    font-size: 12px;
    justify-content: flex-end;
    width: 15px
}

.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections .card-layout .channel-section .channel-title .view-history .arrow-icon .icon {
    font-size: 10px
}

.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections .card-layout .channel-section:hover {
    overflow-y: auto
}

.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections .card-layout .channel-section .see_more_topics {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 1px solid #ebecf0;
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-weight: 600;
    margin-top: 2px;
    padding: .875rem;
    width: 100%
}

.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections .card-layout .channel-section .see_more_topics:hover {
    background-color: #f2f5f7
}

.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections .card-layout .channel-section .history-conversation-loading {
    align-items: center;
    display: flex;
    height: 200px;
    justify-content: center
}

.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections .card-layout .channel-section .history-conversation-loading img {
    width: 80px
}

.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections .card-layout .start-new-conversation {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.12);
    margin: 0 12px 12px 12px;
    padding: 1rem
}

.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections .card-layout .start-new-conversation .header {
    display: flex;
    margin-bottom: 16px
}

.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections .card-layout .start-new-conversation .header .description {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.1
}

.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections .card-layout .start-new-conversation button.h-img-button {
    font-family: inherit;
    margin: 0;
    width: 100%
}

.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections .card-layout .start-new-conversation button.h-img-button .btn-content {
    font-size: 14px;
    font-style: normal;
    font-weight: 600
}

.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections .card-layout .start-new-conversation.contact-us {
    cursor: pointer;
    padding: 1rem
}

.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections .card-layout .start-new-conversation.contact-us .header {
    justify-content: space-between;
    margin-bottom: 0
}

.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections .card-layout .start-new-conversation.contact-us .header .description {
    font-size: 1rem;
    margin-left: 0
}

.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections .card-layout .bottom-gradient {
    width: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #f4f5f7 100%);
    bottom: 0;
    height: 42px;
    position: absolute
}

.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections .card-layout.no-footer {
    height: calc(100% - 8rem)
}

.hotline-launcher.fc-fullscreen .viewport .h-channel .home-content .h-header,.hotline-launcher.fc-mobile-view .viewport .h-channel .home-content .h-header {
    border-radius: 0
}

.multi-widget-ui.fc-widget-left .hotline-launcher.h-open {
    left: 0;
    right: unset
}

.multi-widget-ui.fc-widget-left.expanded-article-view .content-vp .minimize {
    animation: closeFadeIn;
    animation-duration: .6s;
    animation-timing-function: ease-in
}

.multi-widget-ui.fc-widget-left.collapsed-article-view .content-vp .minimize {
    animation: closeFadeOut;
    animation-duration: .6s;
    animation-timing-function: ease-in
}

.multi-widget-ui .viewport .h-channel .home-content {
    display: flex;
    flex-direction: column;
    padding-bottom: 16px
}

.multi-widget-ui .viewport .h-channel .home-content .h-header {
    border-bottom: 0 !important;
    padding: 24px;
    padding-bottom: 21px
}

.multi-widget-ui .viewport .h-channel .home-content .h-header .title {
    align-items: flex-start;
    flex-direction: column;
    height: unset
}

.multi-widget-ui .viewport .h-channel .home-content .h-header .title .logo {
    margin-bottom: 10px;
    padding: 0
}

.multi-widget-ui .viewport .h-channel .home-content .h-header .title .head-text .welcome-msg {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 0
}

.multi-widget-ui .viewport .h-channel .home-content .h-header .title .head-text .welcome-sub-msg {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 4px
}

.multi-widget-ui .viewport .h-channel .home-content .body.sections .dummy-bar {
    border-radius: 0 0 6px 6px;
    height: 48px
}

.multi-widget-ui .viewport .h-channel .home-content .body.sections .scroll-section {
    padding-bottom: 10px
}

.multi-widget-ui .viewport .h-channel .footer-note {
    background: #f4f5f7
}

.show-business-closed-banner .hotline-launcher.h-open {
    flex-direction: column
}

.show-business-closed-banner .hotline-launcher.h-open .viewport {
    height: calc(100% - 50px);
    position: relative
}

.show-business-closed-banner .hotline-launcher .business-closed-banner {
    background: #ff8b01;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
    display: table;
    font-size: 12px;
    height: 50px;
    line-height: 1.3;
    text-align: center;
    width: 100%
}

.show-business-closed-banner .hotline-launcher .business-closed-content {
    display: table-cell;
    height: inherit;
    padding: 10px;
    text-align: center;
    vertical-align: middle
}

.fc-widget-small .show-business-closed-banner .hotline-launcher.h-open .viewport {
    height: calc(100% - 60px)
}

.fc-widget-small .show-business-closed-banner .hotline-launcher .business-closed-banner {
    height: 60px
}

@media(max-height: 300px) {
    .fc-widget-small div.minimize,.fc-widget-normal div.minimize,.fc-widget-normal.expanded-modal div.minimize {
        background-color:rgba(255,255,255,.2);
        right: 25px;
        top: 2px;
        z-index: 9997
    }

    .fc-widget-small div.hotline-launcher,.fc-widget-small div.hotline-launcher.h-open,.fc-widget-normal div.hotline-launcher,.fc-widget-normal div.hotline-launcher.h-open,.fc-widget-normal.expanded-modal div.hotline-launcher,.fc-widget-normal.expanded-modal div.hotline-launcher.h-open {
        height: calc(100vh - 2px);
        margin-bottom: 2px;
        width: 90%
    }

    .fc-widget-small div.hotline-launcher .viewport .h-channel .footer-note,.fc-widget-small div.hotline-launcher.h-open .viewport .h-channel .footer-note,.fc-widget-normal div.hotline-launcher .viewport .h-channel .footer-note,.fc-widget-normal div.hotline-launcher.h-open .viewport .h-channel .footer-note,.fc-widget-normal.expanded-modal div.hotline-launcher .viewport .h-channel .footer-note,.fc-widget-normal.expanded-modal div.hotline-launcher.h-open .viewport .h-channel .footer-note {
        visibility: hidden
    }

    .fc-widget-small div.hotline-launcher .viewport .h-channel .footer-note.show-when-zoom,.fc-widget-small div.hotline-launcher.h-open .viewport .h-channel .footer-note.show-when-zoom,.fc-widget-normal div.hotline-launcher .viewport .h-channel .footer-note.show-when-zoom,.fc-widget-normal div.hotline-launcher.h-open .viewport .h-channel .footer-note.show-when-zoom,.fc-widget-normal.expanded-modal div.hotline-launcher .viewport .h-channel .footer-note.show-when-zoom,.fc-widget-normal.expanded-modal div.hotline-launcher.h-open .viewport .h-channel .footer-note.show-when-zoom {
        visibility: visible
    }

    .fc-widget-small div.hotline-launcher .viewport .h-channel .home-content .body.sections,.fc-widget-small div.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections,.fc-widget-normal div.hotline-launcher .viewport .h-channel .home-content .body.sections,.fc-widget-normal div.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections,.fc-widget-normal.expanded-modal div.hotline-launcher .viewport .h-channel .home-content .body.sections,.fc-widget-normal.expanded-modal div.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections {
        height: calc(100% - 4rem + 34px)
    }

    .fc-widget-small div.hotline-launcher .viewport .h-channel .home-content .body.sections .card-layout,.fc-widget-small div.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections .card-layout,.fc-widget-normal div.hotline-launcher .viewport .h-channel .home-content .body.sections .card-layout,.fc-widget-normal div.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections .card-layout,.fc-widget-normal.expanded-modal div.hotline-launcher .viewport .h-channel .home-content .body.sections .card-layout,.fc-widget-normal.expanded-modal div.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections .card-layout {
        padding-bottom: 34px
    }

    .fc-widget-small div.hotline-launcher .viewport .h-channel .home-content .body.sections .card-layout .bottom-gradient,.fc-widget-small div.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections .card-layout .bottom-gradient,.fc-widget-normal div.hotline-launcher .viewport .h-channel .home-content .body.sections .card-layout .bottom-gradient,.fc-widget-normal div.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections .card-layout .bottom-gradient,.fc-widget-normal.expanded-modal div.hotline-launcher .viewport .h-channel .home-content .body.sections .card-layout .bottom-gradient,.fc-widget-normal.expanded-modal div.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections .card-layout .bottom-gradient {
        display: none
    }

    .fc-widget-small div.hotline-launcher .viewport .h-channel .home-content .title,.fc-widget-small div.hotline-launcher.h-open .viewport .h-channel .home-content .title,.fc-widget-normal div.hotline-launcher .viewport .h-channel .home-content .title,.fc-widget-normal div.hotline-launcher.h-open .viewport .h-channel .home-content .title,.fc-widget-normal.expanded-modal div.hotline-launcher .viewport .h-channel .home-content .title,.fc-widget-normal.expanded-modal div.hotline-launcher.h-open .viewport .h-channel .home-content .title {
        height: 2rem
    }

    .fc-widget-small div.hotline-launcher .viewport .h-channel .home-content .title .logo img,.fc-widget-small div.hotline-launcher.h-open .viewport .h-channel .home-content .title .logo img,.fc-widget-normal div.hotline-launcher .viewport .h-channel .home-content .title .logo img,.fc-widget-normal div.hotline-launcher.h-open .viewport .h-channel .home-content .title .logo img,.fc-widget-normal.expanded-modal div.hotline-launcher .viewport .h-channel .home-content .title .logo img,.fc-widget-normal.expanded-modal div.hotline-launcher.h-open .viewport .h-channel .home-content .title .logo img {
        max-height: 1.3rem
    }
}

.hotline-launcher.h-open .viewport {
    height: 100%;
    width: 100%
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 1rem 12px 0;
    width: 100%
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header .logo {
    align-items: center;
    display: flex;
    height: 2rem
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header .logo .logo-holder {
    margin-left: 50%;
    max-height: 2rem;
    max-width: 10rem;
    transform: translateX(-50%)
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header .logo .logo-holder.company-logo {
    animation: logo .3s cubic-bezier(0.4, 0, 0.2, 1)
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header .logo .ic-back {
    background-color: rgba(255,255,255,.2);
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 15px;
    vertical-align: top;
    height: 2rem;
    width: 2rem
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header .logo .ic-back .faq-link-wrapper {
    display: block
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header .logo .ic-back .icon-ic_back {
    color: #fff;
    font-size: 1rem;
    height: 14px;
    line-height: 2rem;
    opacity: .6
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header .logo .ic-back:hover {
    background-color: rgba(255,255,255,.24)
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header .search-for-answer {
    background: rgba(255,255,255,.2);
    border-radius: 6px;
    box-shadow: 1px 1px 10px 2px rgba(0,0,0,.1);
    cursor: pointer;
    height: 3rem;
    margin: 1rem 0;
    -webkit-transition: background .4s,-webkit-box-shadow .2s;
    -o-transition: background .4s,box-shadow .2s;
    transition: background .4s,box-shadow .2s,-webkit-box-shadow .2s
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header .search-for-answer .search-wrap {
    height: 100%;
    position: relative;
    width: 100%
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header .search-for-answer .search-wrap .icon-ic_search,.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header .search-for-answer .search-wrap .close_search_input {
    color: #fff;
    font-size: .875rem;
    position: absolute;
    top: 1.1rem
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header .search-for-answer .search-wrap .icon-ic_search {
    left: 1rem
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header .search-for-answer .search-wrap .close_search_input {
    cursor: pointer;
    opacity: .7;
    right: 1rem
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header .search-for-answer .search-wrap .close_search_input:hover {
    opacity: 1
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header .search-for-answer .search-wrap .search-input-text {
    background: transparent;
    border: 0;
    color: rgba(255,255,255,.7);
    font-size: .875rem;
    margin: 0;
    margin-left: 2.4rem;
    padding: 0;
    height: 100%;
    width: calc(100% - 2.4rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header .search-for-answer .search-wrap .search-input-text:focus {
    background: transparent;
    color: #3a4b67;
    outline: none
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header .search-for-answer .search-wrap .search-input-text::placeholder {
    color: rgba(255,255,255,.7)
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header .search-for-answer .search-wrap .search-input-text.iphone-search-input {
    font-size: 16px
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header .search-for-answer .search-wrap.category {
    background-color: rgba(255,255,255,.1)
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header .search-for-answer .search-wrap.category i.icon-ic_search,.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header .search-for-answer .search-wrap.category i.close_search_input {
    color: #fff
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header .search-for-answer .search-wrap.category input {
    background-color: transparent;
    color: #fff
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header .search-for-answer:hover {
    background: rgba(255,255,255,.24)
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header .search-for-answer.focus-within {
    background: #fff
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header .search-for-answer.focus-within .search-wrap i.icon-ic_search,.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header .search-for-answer.focus-within .search-wrap i.close_search_input,.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header .search-for-answer.focus-within .search-wrap .search-input-text {
    color: #3a4b67
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header .search-for-answer.focus-within .search-wrap input::placeholder {
    color: #3a4b67;
    opacity: .6
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header.category-list-header {
    animation: category .3s cubic-bezier(0.4, 0, 0.2, 1);
    height: 8rem
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header.article-list-header {
    animation: article .2s cubic-bezier(0.4, 0, 0.2, 1);
    height: 10rem
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header.article-view-header {
    animation: articleView .4s cubic-bezier(0.4, 0, 0.2, 1);
    height: 5.25rem
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header.article-view-header .logo {
    align-items: end;
    display: block;
    height: 0
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header.article-view-header .header-section {
    display: flex;
    justify-content: normal;
    width: 100%
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header.article-view-header .category-title {
    margin: 2px 48px 2px;
    margin-left: calc(12px + 2rem);
    width: 100%
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header.article-view-header .category-title .title-content {
    color: #fff;
    display: flex;
    font-size: .75rem;
    font-weight: 500;
    height: 13px
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header.article-view-header .category-title .sub-title {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 85%
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header.article-view-header .category-title .sub-title.in-header {
    position: relative;
    top: 2px
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header.gradient {
    background: transparent linear-gradient(270deg, rgba(0, 0, 0, 0.388) 0%, rgba(0, 0, 0, 0) 64%) 0% 0% no-repeat padding-box
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .minimize {
    opacity: .3;
    position: absolute;
    right: 16px;
    top: 16px
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .minimize:hover .icon {
    opacity: 1
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections {
    background-image: none;
    height: calc(100% - 8rem - 34px);
    position: relative
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .on-scroll-loader {
    display: inline-block;
    text-align: center;
    width: 100%
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .on-scroll-loader img.faq-loader {
    height: 35px;
    width: 35px
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections ul li.article {
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    padding: 1rem .75rem 0 .75rem
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections ul li.article img.article-icon {
    margin-right: 1rem;
    height: 16px;
    width: 12px
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections ul li.article img.faq-loader {
    bottom: 5px
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections ul li.article .category-item {
    border-bottom: 1px solid #ebecf0;
    line-height: 1.3;
    padding-bottom: 1rem;
    width: 100%
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections ul li.article:hover {
    background: #f2f5f7;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections ul li.article:last-child .category-item {
    border: 0
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .bottom-gradient {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #f4f5f7 100%);
    bottom: 0;
    height: 42px;
    position: absolute;
    position: absolute;
    width: 100%
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .categories-list {
    height: 100%;
    overflow: auto;
    padding: 1rem .75rem
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .categories-list ul {
    display: block
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .categories-list ul li.category {
    color: rgba(9,30,66,.87);
    cursor: pointer;
    display: table;
    float: left;
    font-weight: 500;
    line-height: 1.3;
    margin: 12px 0 0;
    padding-right: 6px;
    height: 7.1875rem;
    width: 50%
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .categories-list ul li.category.odd {
    padding-left: 6px;
    padding-right: 0
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .categories-list ul li.category .category-inner {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.06);
    color: #37474f;
    display: table-cell;
    font-size: .875rem;
    padding: 0 16px;
    vertical-align: middle;
    width: 100%
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .categories-list ul li.category .category-inner img.faq-loader {
    bottom: auto;
    margin-left: 4rem;
    margin-top: 1rem;
    position: absolute
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .categories-list ul li.category .category-inner .category-icon {
    border-radius: 3px;
    display: table;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1;
    margin-bottom: 8px;
    height: 2.75rem;
    width: 2.75rem
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .categories-list ul li.category .category-inner .category-icon .category-icon-inner {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    color: rgba(255,255,255,.9);
    display: table-cell;
    padding-top: 2px;
    text-align: center;
    vertical-align: middle;
    height: 100%;
    width: 100%
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .categories-list ul li.category .category-inner .category-icon img.category-icon-img {
    border-radius: 3px;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .categories-list ul li.category .category-inner .block-with-text {
    line-height: 1.2em;
    max-height: 2.4em;
    overflow: hidden;
    padding-right: 1em;
    position: relative
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .categories-list ul li.category .category-inner .block-with-text::before {
    bottom: 0;
    content: "...";
    position: absolute;
    right: 0
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .categories-list ul li.category .category-inner .block-with-text::after {
    background: #fff;
    content: "";
    height: 1em;
    margin-top: .2em;
    position: absolute;
    right: 0;
    width: 1em
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .categories-list ul li.category .category-inner:hover {
    box-shadow: 5px 7px 10px rgba(36,37,38,.13)
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list {
    height: 100%;
    padding: 0 .75rem
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list h1.search-heading {
    color: #3a4b67;
    font-size: 1rem;
    font-weight: 600;
    padding: 1rem 0
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list div.article-list-items {
    background: #fff;
    border-radius: 6px;
    box-shadow: 1px 1px 10px 2px rgba(0,0,0,.1);
    list-style-type: none;
    margin-bottom: 8px;
    max-width: 100%;
    overflow: hidden;
    position: relative
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list div.article-list-items div.article-lists-sections {
    height: 100%
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list div.article-list-items div.article-lists-sections div.article-heading .header-section {
    border-bottom: 1px solid #ebecf0;
    box-shadow: none;
    display: flex;
    padding: 1rem .75rem 0 .75rem;
    width: 100%
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list div.article-list-items div.article-lists-sections div.article-heading .header-section .category-logo .category-icon {
    border-radius: 3px;
    display: table;
    font-size: .875rem;
    line-height: 1;
    height: 2rem;
    width: 2rem
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list div.article-list-items div.article-lists-sections div.article-heading .header-section .category-logo .category-icon .category-icon-inner {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    color: rgba(255,255,255,.9);
    display: table-cell;
    padding-top: 2px;
    text-align: center;
    vertical-align: middle;
    height: 100%;
    width: 100%
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list div.article-list-items div.article-lists-sections div.article-heading .header-section .category-logo .category-icon img.category-icon-img {
    border-radius: 3px;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list div.article-list-items div.article-lists-sections div.article-heading .header-section .category-title {
    margin-bottom: 12px;
    margin-left: 6px
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list div.article-list-items div.article-lists-sections div.article-heading .header-section .category-title .title-content {
    color: #3a4b67;
    display: flex;
    font-size: .75rem;
    font-weight: 500;
    height: 13px
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list div.article-list-items div.article-lists-sections div.article-heading .header-section .category-title .sub-title {
    color: #3a4b67;
    display: inline-block;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list div.article-list-items div.article-lists-sections div.list-section {
    overflow: auto
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list div.article-list-items div.article-lists-sections div.list-section.search-result {
    background: #fff;
    border-radius: 6px;
    margin-top: .75rem;
    padding: .5rem 0
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list div.article-list-items div.article-lists-sections div.list-section.search-result li.article:first-child {
    padding-top: .5rem
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list div.article-list-items div.article-lists-sections div.list-section.search-result li.article:last-child .category-item {
    padding-bottom: .5rem
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list div.article-list-items li.search-result-heading {
    background-color: #f9f9f9;
    color: #111;
    font-size: 1rem;
    font-weight: 400;
    padding: 12px
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content {
    height: 100%
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed {
    height: 100%
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .article-header-section {
    width: 100%
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .article-header-section .header {
    align-items: center;
    display: flex;
    padding: .75rem
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .article-header-section .header .article-name {
    display: block;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.3;
    width: 95%
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .article-header-section .header .h-expand-modal-icon {
    border-radius: 20px;
    cursor: pointer;
    float: right;
    font-size: 1.75rem;
    margin-right: 0;
    opacity: .5;
    padding: 6px
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .article-header-section .header .h-expand-modal-icon:hover {
    opacity: 1
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .article-header-section .progress-container {
    background: #ebecf0;
    box-shadow: none;
    height: 2px;
    width: 100%
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .article-header-section .progress-bar {
    height: 2px;
    width: 0%
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 12px 16px 10px 16px
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes.with-footer {
    height: calc(100% - 84px)
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes.horizontal-scroll {
    overflow-x: auto
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes.horizontal-scroll::-webkit-scrollbar {
    height: 6px
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body {
    color: #293b5a;
    font-size: .875rem;
    line-height: 21px
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body img {
    display: block;
    margin: 0 auto;
    max-height: 350px;
    max-width: 100%;
    min-width: 0;
    overflow: auto;
    padding: 16px 0;
    height: auto;
    width: unset
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body h1,.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body h2,.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body pre,.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body a {
    text-align: left
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body ul,.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body ol {
    background: none;
    box-shadow: none;
    margin: 16px 0 16px 8px
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body ul>li,.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body ol>li {
    line-height: 1.3;
    padding-bottom: 8px
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body ol {
    counter-reset: chapter;
    display: table
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body ol>li {
    counter-increment: chapter;
    display: table-row
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body ol>li::before {
    content: counter(chapter) ".";
    padding-right: 4px;
    text-align: right
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body ul {
    list-style-position: initial;
    list-style-type: disc;
    margin-left: 24px;
    overflow: unset
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body ul>li::before {
    display: table-cell;
    font-size: .75rem;
    line-height: 12px;
    padding-right: 4px;
    text-align: right;
    vertical-align: baseline
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body ol>li::after {
    content: "";
    display: block;
    padding-bottom: 6px
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body pre {
    background-color: #f4f5f7;
    border: 1px solid #bcc2cb;
    border-radius: 4px;
    color: #1f2b36;
    display: block;
    font-size: .875rem;
    line-height: 1.42857143;
    margin: 0 0 10px;
    padding: 9.5px;
    white-space: pre-wrap;
    word-wrap: break-word
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body a {
    color: #45a4ec
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body iframe {
    background: #000;
    max-height: 400px;
    max-width: 100%
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body .fr-video {
    display: block
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body .article-external-link {
    display: flex;
    padding: 10px 0
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body .article-external-link img {
    cursor: pointer;
    margin: 0;
    padding: 0 10px
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body a {
    color: #15c
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .bottom-gradient {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
    bottom: 84px;
    height: 62px;
    left: 0;
    position: absolute
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .bottom-gradient.fix_btm {
    bottom: 0
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .modal-footer {
    border-top: 1px solid #ebecf0;
    color: #3a4b67;
    display: table;
    font-size: .875rem;
    height: 84px;
    width: 100%
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 100%;
    width: 100%
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .article_vote_content {
    display: block;
    padding-bottom: 8px
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .like_dislike_vote,.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .voter-buttons {
    height: 30px
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .like_dislike_vote .article_like,.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .like_dislike_vote .article_dislike,.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .like_dislike_vote .article_vote,.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .voter-buttons .article_like,.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .voter-buttons .article_dislike,.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .voter-buttons .article_vote {
    border: 1px solid #ebecf0;
    border-radius: 14px;
    cursor: pointer;
    display: inline-block;
    margin-right: 4px;
    position: relative;
    height: 100%;
    width: 62px
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .like_dislike_vote .article_like i,.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .like_dislike_vote .article_dislike i,.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .like_dislike_vote .article_vote i,.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .voter-buttons .article_like i,.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .voter-buttons .article_dislike i,.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .voter-buttons .article_vote i {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .like_dislike_vote .article_like:hover,.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .like_dislike_vote .article_dislike:hover,.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .like_dislike_vote .article_vote:hover,.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .voter-buttons .article_like:hover,.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .voter-buttons .article_dislike:hover,.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .voter-buttons .article_vote:hover {
    background-color: #707c92;
    border: 0;
    color: #fff
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .h-message-us {
    display: flex;
    justify-content: center;
    padding-top: 8px
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .h-message-us .h-message-us-btn {
    background-color: unset;
    border: 1px solid #ebecf0;
    border-radius: 18px;
    color: #3a4b67;
    cursor: pointer;
    padding: 9px 22px
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .h-message-us .h-message-us-btn:hover {
    background-color: #707c92;
    border: 0;
    color: #fff
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections.no-footer {
    height: calc(100% - 8rem)
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections.article-lists-section {
    height: calc(100% - 10rem)
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections.article-lists-section .articles-list div.article-list-items {
    height: calc(100% + 2rem - 12px);
    overflow: auto;
    top: -2rem
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections.article-lists-section .articles-list ul.article-search-not-on-category {
    height: calc(100% - 30px);
    overflow: hidden;
    top: 0
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections.article-lists-section .articles-list ul.article-search-not-on-category .search-result {
    height: 100%
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections.article-view-section {
    height: calc(100% - 84px)
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections.article-view-section .articles-list div.article-list-items {
    height: calc(100% + 1.25rem - 12px);
    top: -1.25rem
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections.scroll-padding {
    padding-bottom: 35px
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections.scroll-padding.on-search {
    height: calc(100% - 8rem)
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections.scroll-padding .articles-list ul.article-search-not-on-category {
    height: calc(100% - 50px)
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .empty-state {
    height: 100%;
    width: 100%
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .empty-state .empty-state-content {
    left: 50%;
    position: fixed;
    text-align: center;
    top: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .empty-state .empty-state-content p.no-result-message {
    margin: 0 5%
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .empty-state .empty-state-content .refresh-btn {
    align-items: center;
    border: 1px solid #fff;
    border-radius: 15px;
    color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    margin-top: 12px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    height: 30px;
    width: 92px;
    border: 1px solid #707c92;
    color: #091e42;
    font-size: 14px;
    margin-top: 0;
    width: 120px
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .empty-state .empty-state-content .refresh-btn span {
    max-width: 84px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .empty-state .empty-state-content .refresh-btn.refreshing-btn {
    cursor: not-allowed;
    opacity: .4;
    width: 200px
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .empty-state .empty-state-content .refresh-btn.refreshing-btn span {
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .empty-state .empty-state-content .refresh-btn.refreshing-btn:hover {
    background-color: inherit;
    color: inherit
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .empty-state .empty-state-content .refresh-btn .icon-ic_refresh {
    margin-right: 5px
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .empty-state .empty-state-content .refresh-btn:hover {
    background-color: #fff;
    color: #ff5630
}

.hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .empty-state .empty-state-content .refresh-btn:hover {
    background-color: inherit;
    color: inherit
}

.hotline-launcher.fc-fullscreen .viewport div.h-conv div.faq-content div.h-header,.hotline-launcher.fc-mobile-view .viewport div.h-conv div.faq-content div.h-header {
    border-radius: 0
}

.hotline-launcher.fc-fullscreen .viewport div.h-conv div.faq-content div.h-header.article-view-header div.header-section div.sub-title,.hotline-launcher.fc-mobile-view .viewport div.h-conv div.faq-content div.h-header.article-view-header div.header-section div.sub-title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 75%
}

.d-hotline.h-btn.l2r {
    left: 5px;
    right: auto
}

.d-hotline.h-btn {
    align-items: center;
    border-radius: 34px 8px 34px 34px;
    bottom: 6px;
    box-shadow: 0 5px 4px 0 rgba(0,0,0,.26);
    color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: absolute;
    right: 5px;
    z-index: 9995;
    height: 60px;
    width: 60px
}

.d-hotline.h-btn .custom-icon {
    width: 38%
}

.d-hotline.h-btn:focus {
    outline: auto 2px Highlight;
    outline: -webkit-focus-ring-color auto 1px
}

.d-hotline.h-btn #chat-icon {
    border-radius: 6px 6px 6px 2px;
    height: 17px;
    left: 32%;
    position: absolute;
    top: 37%;
    width: 38%
}

.d-hotline.h-btn.d-hotline-text {
    border-radius: 24px 4px 16px 24px;
    height: 32px !important;
    padding: 0 10px;
    width: unset !important
}

.d-hotline.h-btn.d-hotline-text:not(.h-open) {
    align-items: center;
    display: flex
}

.d-hotline.h-btn.d-hotline-text #chat-text {
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    white-space: nowrap
}

.d-hotline.h-btn.d-hotline-text #chat-text .help-icon {
    margin-right: 5px
}

.d-hotline.h-btn.d-hotline-text #chat-icon {
    display: none
}

.d-hotline.h-btn .chat-content {
    display: table-cell;
    font-size: 23px;
    padding: 2px 0 0 2px;
    text-align: center;
    vertical-align: middle;
    height: 100%;
    width: 100%
}

.d-hotline.h-btn .chat-content img {
    border-radius: 50% 4px 50% 50%;
    margin-top: 3px;
    height: 30px;
    width: 30px
}

.d-hotline.h-btn #chat-icon::before {
    border-radius: 2px 2px 2px 2px;
    border-top: 5px;
    content: "";
    height: 2px;
    left: 4px;
    position: absolute;
    top: 5px;
    width: 65%
}

.d-hotline.h-btn #chat-icon::after {
    border-radius: 2px 2px 2px 2px;
    border-top: 5px;
    content: "";
    height: 2px;
    left: 4px;
    position: absolute;
    top: 10px;
    width: 44%
}

.d-hotline.h-btn .h-btn-notify {
    background: #de350a;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.5);
    color: #fff;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#ff1a00, endColorstr=#ff1a00, GradientType=0);
    font-size: 10px;
    font-weight: bold;
    padding-top: 1px;
    position: absolute;
    right: -3px;
    text-align: center;
    top: -7px;
    height: 18px;
    width: 18px;
    -webkit-background: linear-gradient(to bottom, #de350a 0%, #de350a 100%);
    -moz-background: linear-gradient(to bottom, #de350a 0%, #de350a 100%);
    -ms-background: linear-gradient(to bottom, #de350a 0%, #de350a 100%);
    -o-background: linear-gradient(to bottom, #de350a 0%, #de350a 100%);
    background: linear-gradient(to bottom, #de350a 0%, #de350a 100%)
}

.d-hotline.h-btn .h-btn-notify.unread-greater-than-9 {
    border-radius: 20px;
    width: 23px
}

.d-hotline.h-open .h-hotline-logo {
    display: none;
    opacity: 0
}

.d-hotline.dn {
    display: none
}

.d-hotline.eager-load {
    animation: none !important
}

.fc-widget-left .d-hotline.h-btn {
    left: 5px;
    right: auto
}

.preview-container {
    bottom: 100%;
    display: none;
    position: absolute;
    top: unset;
    width: 100%
}

.preview-container .preview-wrapper {
    display: flex;
    flex-direction: column
}

.preview-container .preview-wrapper .close-campaign {
    cursor: pointer;
    opacity: 0;
    text-align: right;
    transition: visibility 0s .1s,opacity .1s linear;
    visibility: hidden
}

.preview-container .preview-wrapper .close-campaign span.icon-ic_close {
    background-color: rgba(9,30,66,.54);
    border-radius: 4px;
    color: #fff;
    line-height: 26px;
    padding: 5px
}

.preview-container .preview-wrapper.tablet-view .close-campaign {
    opacity: 1;
    visibility: visible
}

.preview-container .preview-wrapper:hover .close-campaign,.preview-container .preview-wrapper:focus-within .close-campaign {
    opacity: 1;
    transition: opacity .1s linear;
    visibility: visible
}

.preview-container .preview-wrapper .campaign-header {
    margin-top: 4px
}

.preview-container .preview-wrapper .campaign-header img,.preview-container .preview-wrapper .campaign-header iframe {
    border-radius: 4px;
    box-shadow: 0 2px 2px 1px rgba(27,19,19,.1)
}

.preview-container .preview-wrapper .campaign-header img {
    border-image-width: 0;
    cursor: zoom-in;
    line-height: 0;
    margin-bottom: -2px;
    object-fit: cover
}

.preview-container .preview-wrapper .campaign-header iframe {
    background: #000;
    border: none;
    display: block
}

.preview-container .preview-wrapper .campaign-section {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 2px 1px rgba(27,19,19,.1);
    cursor: pointer;
    margin-top: 4px;
    padding: 12px 0 8px 0;
    position: relative
}

.preview-container .preview-wrapper .campaign-section:last-child {
    margin-bottom: 0
}

.preview-container .preview-wrapper .campaign-section .profile-pic {
    padding: 0 16px
}

.preview-container .preview-wrapper .campaign-section .profile-pic img,.preview-container .preview-wrapper .campaign-section .profile-pic .theme-bg {
    border-radius: 50%;
    height: 25px;
    width: 25px
}

.preview-container .preview-wrapper .campaign-section .profile-pic .agent-circle {
    display: inline-block;
    height: 25px;
    width: 25px
}

.preview-container .preview-wrapper .campaign-section .profile-pic .pad-0 {
    padding: 0
}

.preview-container .preview-wrapper .campaign-section .profile-pic span {
    color: rgba(9,30,66,.74);
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 25px;
    padding-left: 4px;
    vertical-align: top;
    height: 25px;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.preview-container .preview-wrapper .campaign-section .content {
    font-size: 14px;
    line-height: 22px;
    max-height: 92px;
    overflow-y: hidden;
    position: relative;
    word-break: break-word
}

.preview-container .preview-wrapper .campaign-section .content .h-message-text {
    padding: 0 16px
}

.preview-container .preview-wrapper .campaign-section .content .h-message-text .bubble-attachment {
    font-style: italic
}

.preview-container .preview-wrapper .campaign-section .content .h-message-text .bubble-attachment i,.preview-container .preview-wrapper .campaign-section .content .h-message-text .bubble-attachment span {
    color: rgba(9,30,66,.87);
    font-size: 14px;
    font-style: italic;
    line-height: 16px;
    opacity: .6;
    height: 16px;
    width: 82px
}

.preview-container .preview-wrapper .campaign-section .empty-content {
    height: 6px
}

.preview-container .preview-wrapper .campaign-section.top-border .content {
    max-height: 98px
}

.preview-container .preview-wrapper .campaign-section.top-border .content .h-message-text {
    padding: 6px 16px 0 16px
}

.preview-container .preview-wrapper .campaign-section.top-border .content .h-message-text.not-first-fragment {
    padding: 1px 16px 0 16px
}

.preview-container .preview-wrapper .campaign-section.top-border.campaign-text-exceeding::after {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, 0.43) 75%, rgba(255, 255, 255, 0.95) 95%, white 97%)
}

.preview-container .preview-wrapper .campaign-section.campaign-text-exceeding::after {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.43) 65%, rgba(255, 255, 255, 0.95) 90%, white 97%);
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%
}

.preview-container .preview-wrapper .preview-wrapper-scroll {
    margin-bottom: 4px
}

.preview-container .preview-wrapper .scroll-shake-avoid {
    margin-left: 5px;
    width: 320px
}

.preview-container .preview-wrapper .reply-options {
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: flex-end;
    margin-top: 0
}

.preview-container .preview-wrapper .reply-options .reply-option-button {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 2px 3px 1px rgba(27,19,19,.1);
    cursor: pointer;
    font-size: 14px;
    margin-left: 8px;
    margin-top: 8px;
    padding: 9px 11px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.preview-container .preview-wrapper .reply-options .reply-option-button:first-child {
    margin-left: 0
}

.preview-container .preview-wrapper .replay-section {
    border-radius: 4px;
    width: 320px
}

.preview-container .preview-wrapper .replay-section .h-reply .ce-textarea {
    backdrop-filter: blur(10px);
    background: #fff;
    border: none;
    border-radius: 5px;
    bottom: 0;
    box-sizing: border-box;
    color: rgba(9,30,66,.87);
    font-size: 12px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    max-height: 150px;
    min-height: 48px;
    overflow-y: auto;
    padding: 15px 80px 15px 10px;
    position: relative;
    resize: none;
    transition: .4s;
    white-space: pre-wrap;
    word-wrap: break-word;
    z-index: 10;
    height: 100%;
    width: 100%
}

.preview-container .preview-wrapper .replay-section .h-reply .size-exceed-msg {
    background-color: #ff8b01;
    box-shadow: 0 -2px 18px 0 rgba(209,209,209,.5);
    color: #fff;
    font-size: 12px;
    line-height: 1.3;
    padding: 12px;
    width: 100%
}

.preview-container .preview-wrapper .replay-section .h-reply .size-exceed-msg .icon-ic_alert {
    font-size: 14px;
    margin-right: 2px
}

.preview-container.scroll div.close-campaign {
    float: unset;
    position: -webkit-sticky;
    position: sticky;
    text-align: center;
    top: 0
}

.preview-container.scroll div.close-campaign div.close-text {
    background-color: rgba(9,30,66,.87);
    border-radius: 14px;
    box-shadow: 0 2px 11px 0 rgba(0,0,0,.17);
    display: inline-block;
    font-size: 12px;
    height: 26px;
    width: 64px
}

.preview-container.scroll div.close-campaign div.close-text span.icon-ic_close {
    background: none;
    color: rgba(255,255,255,.7);
    margin-left: -3px;
    text-align: center
}

.preview-container.scroll .preview-wrapper .mask-image {
    -webkit-mask-image: linear-gradient(to top, black, black 92%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(to top, black, black 92%, rgba(0, 0, 0, 0) 100%)
}

.preview-container.scroll .preview-wrapper .preview-wrapper-scroll {
    overflow: hidden
}

.preview-container.scroll .preview-wrapper .preview-wrapper-scroll.unread-message .unread-message-bar {
    background-color: rgba(9,30,66,.87);
    border-radius: 14px;
    bottom: 55px;
    box-shadow: 0 2px 11px 0 rgba(0,0,0,.17);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin-left: 120px;
    padding: 0 10px;
    position: absolute;
    z-index: 10000
}

.preview-container.scroll .preview-wrapper .preview-wrapper-scroll:hover {
    overflow-x: hidden;
    overflow-y: scroll
}

.preview-container .h-reply-wrapper {
    box-shadow: 0 -1px 8px 0 rgba(27,19,19,.1);
    width: 100%
}

.preview-container .h-reply-wrapper div.h-reply {
    border-radius: 4px;
    box-shadow: 0 2px 2px 1px rgba(27,19,19,.1);
    font-size: 13px;
    overflow-y: auto;
    position: relative;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: .6s;
    transition: .6s
}

.preview-container .h-reply-wrapper div.h-reply .placeholder {
    color: rgba(0,0,0,.4);
    left: 20px;
    position: absolute;
    top: 20px;
    z-index: 11;
    -webkit-transition: .6s;
    transition: .6s
}

.preview-container .h-reply-wrapper div.h-reply .h-reply-smiley,.preview-container .h-reply-wrapper div.h-reply .h-reply-send,.preview-container .h-reply-wrapper div.h-reply .h-reply-attach {
    bottom: 15px;
    color: #37474f;
    font-size: 18px;
    font-weight: 300;
    opacity: .5;
    padding-top: 24px;
    position: absolute;
    text-align: center;
    transition: opacity .2s ease-in;
    z-index: 20;
    height: 60px;
    width: 24px
}

.preview-container .h-reply-wrapper div.h-reply .h-reply-smiley {
    height: 54px;
    opacity: .6;
    padding-top: 15px;
    top: 0
}

.preview-container .h-reply-wrapper div.h-reply .h-reply-attach {
    height: 54px;
    opacity: .6;
    padding-top: 15px;
    top: 0
}

.preview-container .h-reply-wrapper div.h-reply .h-reply-container {
    border-radius: 5px;
    opacity: .4;
    position: absolute;
    top: 3px;
    z-index: 20;
    height: 50px;
    width: 50px
}

.preview-container .h-reply-wrapper div.h-reply .h-reply-container.show-highlight {
    background: #eff7fd;
    opacity: .9
}

.preview-container .h-reply-wrapper div.h-reply .h-reply-send {
    color: #000;
    opacity: 1;
    padding: 13px 12px;
    text-align: center;
    top: 0;
    height: 50px;
    width: 50px
}

.preview-container .h-reply-wrapper div.h-reply .h-reply-smiley:hover,.preview-container .h-reply-wrapper div.h-reply .h-reply-attach:hover {
    cursor: pointer;
    opacity: 1
}

.preview-container .h-reply-wrapper div.h-reply.hide-reply-composer {
    display: none
}

.preview-container .h-reply-wrapper .h-reply div[contenteditable=true].editor-placeholder::before {
    color: #ccc !important;
    content: attr(placeholder) !important;
    display: block !important;
    pointer-events: none !important;
    position: absolute
}

.preview-container .h-reply-button {
    background-color: #fff;
    border-radius: 0 0 4px 20px;
    position: relative;
    height: 60px;
    width: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -0-transition: .6s;
    transition: .6s
}

.preview-container .h-reply-button .h-button-area {
    padding: 15px 20px 10px 20px
}

.preview-container .h-reply-button .h-button-area button {
    border: 1px solid;
    border-radius: 15px;
    cursor: pointer;
    height: 30px;
    outline: none
}

.preview-container .h-reply-button .h-button-area button span.dotted {
    display: inline-block;
    font-size: 30px;
    position: relative;
    top: -10px
}

.preview-container .h-reply-button.hide-reply-composer {
    display: none
}

.preview-container.appear {
    -webkit-animation: appear .15s cubic-bezier(0.43, 0.43, 0.7, 0.7);
    animation: appear .15s cubic-bezier(0.43, 0.43, 0.7, 0.7);
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    bottom: 75px;
    display: block;
    transform-origin: bottom right
}

.preview-container.appear.hideChatButton {
    bottom: 15px
}

.preview-container.appear.l2r {
    transform-origin: bottom left
}

.preview-container.appear .h-reply-wrapper .h-reply .image {
    height: 45px;
    top: 3px
}

.preview-container.disappear {
    -webkit-animation: appear .2s cubic-bezier(0.43, 0.43, 0.7, 0.7);
    animation: disappear .2s cubic-bezier(0.43, 0.43, 0.7, 0.7);
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    bottom: 75px;
    transform-origin: bottom right
}

.preview-container.disappear.l2r {
    transform-origin: bottom left
}

@media only screen and (min-device-width: 320px)and (max-device-width: 480px) {
    .ios-device #chat-icon,.android-device #chat-icon {
        top:32% !important;
        width: 43% !important
    }

    .ios-device .d-hotline.h-btn,.android-device .d-hotline.h-btn {
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
        height: 50px;
        width: 50px
    }

    .ios-device .preview-container,.android-device .preview-container {
        right: 0;
        width: 85.3%
    }

    .ios-device .preview-container.appear,.android-device .preview-container.appear {
        bottom: 60px
    }

    .ios-device .preview-container .preview-wrapper .close-campaign,.android-device .preview-container .preview-wrapper .close-campaign {
        opacity: 1;
        visibility: visible
    }

    .ios-device .preview-container .preview-wrapper .scroll-shake-avoid,.android-device .preview-container .preview-wrapper .scroll-shake-avoid {
        margin: 0;
        width: 100%
    }

    .ios-device .preview-container .preview-wrapper .scroll-shake-avoid .campaign-header img,.android-device .preview-container .preview-wrapper .scroll-shake-avoid .campaign-header img {
        min-height: 153px
    }

    .ios-device .preview-container .preview-wrapper .scroll-shake-avoid .campaign-header img,.ios-device .preview-container .preview-wrapper .scroll-shake-avoid .campaign-header iframe,.android-device .preview-container .preview-wrapper .scroll-shake-avoid .campaign-header img,.android-device .preview-container .preview-wrapper .scroll-shake-avoid .campaign-header iframe {
        border-radius: 4px;
        max-height: 150px;
        height: 100%;
        width: 100%
    }

    .ios-device .preview-container .preview-wrapper .scroll-shake-avoid .campaign-section,.android-device .preview-container .preview-wrapper .scroll-shake-avoid .campaign-section {
        padding: 8px 0
    }

    .ios-device .preview-container .preview-wrapper .scroll-shake-avoid .campaign-section .profile-pic .agent-circle,.ios-device .preview-container .preview-wrapper .scroll-shake-avoid .campaign-section .profile-pic .theme-bg,.android-device .preview-container .preview-wrapper .scroll-shake-avoid .campaign-section .profile-pic .agent-circle,.android-device .preview-container .preview-wrapper .scroll-shake-avoid .campaign-section .profile-pic .theme-bg {
        height: 20px;
        width: 20px
    }

    .ios-device .preview-container .preview-wrapper .scroll-shake-avoid .campaign-section .profile-pic span,.android-device .preview-container .preview-wrapper .scroll-shake-avoid .campaign-section .profile-pic span {
        line-height: 20px
    }

    .ios-device .preview-container .preview-wrapper .scroll-shake-avoid .campaign-section .content,.android-device .preview-container .preview-wrapper .scroll-shake-avoid .campaign-section .content {
        font-size: 14px;
        line-height: 21px;
        max-height: 72px;
        overflow-y: hidden;
        position: relative;
        word-break: break-word
    }
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view {
    height: 100%;
    width: 100%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view span.aria-live-region {
    left: -1290px;
    position: absolute
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.h-header {
    animation: conversationView .4s cubic-bezier(0.4, 0, 0.2, 1);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 5.5rem
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.h-header .title {
    height: 100%;
    padding-top: 1rem;
    position: relative
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.h-header .title .ic-ellipsis-vertical {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 4%;
    top: 25%;
    z-index: 1
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.h-header .title .ic-back {
    background-color: rgba(255,255,255,.2);
    border-radius: 4px;
    cursor: pointer;
    float: left;
    left: 12px;
    position: relative;
    z-index: 1;
    height: 2rem;
    width: 2rem
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.h-header .title .ic-back:hover {
    background-color: rgba(255,255,255,.24)
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.h-header .title .ic-back i {
    left: 50%;
    opacity: .6;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.h-header .title .logo img {
    height: 2rem
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.h-header .title .channel-info-compact-width {
    width: 74%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.h-header .title .channel-info-width {
    width: 74%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.h-header .title .channel-info {
    margin-left: 3.25rem
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.h-header .title .channel-info.no-back-button {
    margin-left: 1rem
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.h-header .title .channel-info .channel-title {
    font-size: 1rem;
    margin-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.h-header .title .channel-info .channel-title.no-desc {
    position: relative;
    top: 6px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.h-header .title .channel-info .channel-title.contact-us-title {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    margin-top: 6px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.h-header .title .channel-info .channel-desc {
    font-size: .78rem;
    font-weight: 500;
    line-height: 1.3;
    opacity: .8;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.h-header .title .channel-info .channel-desc.offline-description {
    padding-left: 2px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.h-header .title .channel-info .away-icon img {
    height: .875rem
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.h-header .title.gradient {
    background: transparent linear-gradient(270deg, rgba(0, 0, 0, 0.388) 0%, rgba(0, 0, 0, 0) 64%) 0% 0% no-repeat padding-box
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.h-header .minimize {
    clear: both;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.h-header.offline-header {
    background: linear-gradient(-225.64deg, rgba(0, 0, 0, 0.54) 0, transparent 100%)
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.h-header.offline-header .title {
    background-image: url(https://assetscdn-wchat.eu.freshchat.com/static/assets/ic_offline_star.5789a5045bd8e376b48d281bc3ad26cc.svg);
    background-position: top center;
    background-repeat: no-repeat;
    color: #fff !important
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.h-header.offline-header .channel-info .channel-desc {
    display: inline-block
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.h-header.single-channel-header {
    height: 7.5rem
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.h-header.single-channel-header .title .logo {
    height: 2rem;
    padding-left: 12px;
    width: 100%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.h-header.single-channel-header .title .channel-info {
    margin: 0;
    padding: .75rem 0 0 12px;
    width: 95%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.h-header.single-channel-header.single-channel-no-desc {
    height: 6.5rem
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.h-header.single-channel-header.single-channel-no-desc .channel-info .channel-title.no-desc {
    top: 0
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.h-header.contact-us-header {
    height: 12.5rem
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body {
    height: calc(100% - 5.5rem)
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .chip-height {
    bottom: 100px !important;
    z-index: 100
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .chip-height-with-feedback-qa {
    bottom: 130px !important;
    z-index: 100
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window {
    background-color: #f4f5f7;
    height: calc(100% - 52px);
    padding: 0 12px;
    position: relative
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window.floating-csat-rating {
    height: calc(100% - 140px)
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .calendar-event-reminder {
    background: #e6f1ff;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    padding: 10px 0;
    position: absolute;
    right: 15px;
    top: 28px;
    width: calc(100% - 30px);
    z-index: 1
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .calendar-event-reminder .reminder-details {
    float: left;
    line-height: normal;
    margin-left: 15px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .calendar-event-reminder .invite-more-icon {
    float: right;
    margin-right: 20px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .calendar-event-reminder .ic-calendar {
    bottom: 8px;
    display: block;
    height: 18px;
    position: absolute;
    width: 13px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .calendar-event-reminder span.reminder-time-date {
    font-size: .75em;
    margin-left: 20px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .calendar-event-reminder a {
    color: #0053bf;
    font-size: .75em;
    text-decoration: none
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .cal-picker-maximized {
    background-color: #fff;
    background-color: #fff;
    border-radius: 6px;
    font-size: .75em;
    height: 100%;
    height: calc(100% + 20px - 8px);
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    top: -20px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .cal-picker-maximized .maximized-slots {
    height: 100%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .cal-picker-maximized.hide-cal-picker {
    display: none
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat {
    background-color: #fff;
    background-repeat: repeat;
    background-size: 11.5rem 11.5rem;
    border-radius: 6px;
    height: calc(100% + 1.625rem - 8px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 48px 8px 8px;
    position: relative;
    top: -1.625rem
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat.feedback-with-qa {
    height: calc(100% + 1.625rem - 70px)
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .feedback-message li:last-child {
    height: auto
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat ul {
    list-style-type: none
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat ul .message-container.margin-reply-fragments {
    margin-left: 25px;
    padding-top: 0;
    width: auto
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat ul .ember-flatpickr-input {
    display: none
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container {
    float: left;
    line-height: 1.4;
    position: relative;
    width: 100%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-divide {
    display: inline-block;
    text-align: center;
    width: 100%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-divide div {
    display: table;
    list-style-type: none;
    margin: 15px 0;
    width: 100%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-divide div span {
    display: table-cell;
    vertical-align: middle;
    width: 30%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-divide div .text {
    color: #065;
    display: block;
    font-size: .75rem;
    font-weight: 600;
    width: 100%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-divide .line {
    border-top: 1px dotted #065;
    display: block;
    height: 1px;
    width: 100%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-divide .d-line-left {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #f6f6f6 16%, #999 100%);
    display: block;
    height: 1px;
    width: 100%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-divide .date {
    font-size: 12px;
    font-weight: 600
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-divide .d-line-right {
    background: linear-gradient(to right, #999 0, #f6f6f6 84%, rgba(255, 255, 255, 0) 100%);
    display: block;
    height: 1px;
    width: 100%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat {
    float: left;
    font-size: 1rem;
    line-height: 1.4;
    padding-bottom: 2px;
    padding-left: 28px;
    padding-right: 16%;
    position: relative;
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .agent-pic {
    border-radius: 50%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 18px;
    height: 24px;
    width: 24px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .agent-pic .avatar-content-wrap {
    height: 24px;
    width: 24px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .agent-pic.no-agent-name {
    top: 0
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .time {
    bottom: 2px;
    color: rgba(9,30,66,.54);
    display: none;
    font-size: .75rem;
    left: 23px;
    line-height: 1;
    margin-top: 0;
    position: absolute;
    text-align: right;
    transition: all .2s ease-in-out
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment {
    background-color: #f1f1f1;
    border-radius: 4px 20px 20px 4px;
    clear: both;
    color: #3a4b67;
    display: inline-block;
    font-size: .875rem;
    line-height: 1.25;
    margin-bottom: 0;
    padding: 12px 14px;
    position: relative
}


.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment .h-message-text a {
    color: #15c
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment .h-message-text ul {
    list-style-type: disc
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment .h-message-text ul,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment .h-message-text ol {
    list-style-position: initial;
    margin: 1rem 0 1rem 1.5rem;
    overflow: unset
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment .h-message-text ul li,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment .h-message-text ol li {
    line-height: 1.3;
    padding-bottom: 8px;
    text-align: left
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment .chat_img_wrp {
    border: 1px solid #f1f1f1;
    cursor: zoom-in;
    margin: 0;
    max-height: 200px;
    overflow: hidden
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment .chat_img_wrp .chat_img {
    border-radius: 4px;
    display: block;
    height: initial;
    width: 100%
}

@supports(object-fit: cover) {
    .hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment .chat_img_wrp .chat_img {
        max-height:200px;
        object-fit: cover;
        width: 100%
    }
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment .img-content .chat-btn {
    background-color: #fff;
    border-radius: 8px;
    display: block;
    margin-bottom: 6px;
    margin-top: 10px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment .file-attachment {
    background-color: #fff;
    border: 2px solid #f1f1f1;
    height: 100%;
    min-width: 170px;
    overflow: hidden;
    width: 100%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment .file-attachment div.file-data {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    width: 100%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment .file-attachment div.file-data div.file-meta {
    line-height: 1.3;
    padding: .75rem;
    width: 80%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment .file-attachment div.file-data div.file-meta div.file-name {
    align-items: center;
    color: #3a4b67;
    display: flex;
    font-size: .875rem;
    font-weight: 500;
    max-width: 180px;
    padding-bottom: 2px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment .file-attachment div.file-data div.file-meta div.file-name img.file-icon {
    height: 1rem;
    width: .75rem
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment .file-attachment div.file-data div.file-meta div.file-name .name {
    margin-left: 4px;
    margin-right: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment .file-attachment div.file-data div.file-meta .file-size {
    color: rgba(9,30,66,.54);
    font-size: 12px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment .file-attachment div.file-data .download-file {
    padding: 0 12px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment .file-attachment div.file-data .download-file a.download-icon i.icon-download {
    color: #3a4b67;
    cursor: pointer;
    font-size: 1.25rem;
    opacity: .7
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment .file-attachment div.file-data .download-file a.download-icon i.icon-download:hover {
    opacity: 1
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment .fc-ic-not-sent {
    background-image: url(https://assetscdn-wchat.eu.freshchat.com/static/assets/ic_not_sent.29dca8318044041034480959c2f29c41.svg);
    background-repeat: no-repeat;
    display: inline-block
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.fc-carousel-message-bubble {
    max-width: 100%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.fc-carousel-message-bubble .fc-carousel {
    margin-right: 2px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.h-wrapped-article {
    border-radius: 8px 20px 20px 20px !important;
    padding: 0;
    width: 100%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.h-wrapped-article .h-message-text {
    padding: 20px 10px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.h-wrapped-article .articles-listview {
    background: #fff;
    border-radius: 0 0 20px 20px;
    color: #3a4b67;
    width: 100%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.h-wrapped-article .articles-listview .article-info {
    border-bottom: 1px solid #ebecf0;
    cursor: pointer;
    display: flex;
    padding: 14px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.h-wrapped-article .articles-listview .article-info span:first-child {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    float: left;
    font-size: .875rem;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.h-wrapped-article .articles-listview .article-info .arrow-right {
    border-bottom: 5px solid transparent;
    border-left: 5px solid #3a4b67;
    border-top: 5px solid transparent;
    float: right;
    height: 0;
    margin-right: 10px;
    margin-top: 5px;
    opacity: .8;
    width: 0
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.h-wrapped-article .articles-listview .article-info:last-child {
    border-radius: 0 0 20px 20px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.h-wrapped-article .articles-listview .article-showmore {
    text-align: center
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.h-wrapped-article .fc-ui-unity-message-bubble {
    margin-top: 0 !important
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.media-message {
    overflow: hidden;
    padding: 0;
    top: 2px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.media-message .h-message-text {
    padding: 12px 14px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.media-message .chat_img_wrp {
    border-radius: 4px 20px 20px 4px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.media-message .chat_img_wrp img.chat_img,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.media-message .chat_img_wrp iframe {
    border-radius: 0
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.media-message .chat_img_wrp.file-with-text {
    border-radius: 0
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.file-attached {
    overflow: hidden;
    padding: 0;
    width: 100%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.file-attached .file-attachment {
    border-radius: 4px 20px 20px 4px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.file-attached .file-attachment.file-with-text {
    border-radius: 0 0 20px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.file-attached .h-message-text {
    padding: 12px 14px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.file-attached .text-file-preview .text-haze-holder {
    max-height: 84px;
    overflow: hidden;
    padding: 10px;
    position: relative;
    text-align: justify
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.file-attached .text-file-preview .text-haze-holder .bottom-gradient {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #f1f1f1 100%);
    bottom: 0;
    height: 42px;
    position: absolute;
    left: 0;
    position: absolute;
    width: 100%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.file-attached .text-file-preview .file-details-holder {
    background-color: #fff;
    border: 2px solid #f1f1f1;
    border-radius: 0 0 20px 4px;
    border-top: 0;
    color: rgba(9,30,66,.7);
    display: flex;
    justify-content: space-between;
    padding: 5px 10px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.file-attached .text-file-preview .file-details-holder .file-size-holder {
    align-items: center;
    display: flex;
    font-size: 12px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.file-attached .text-file-preview .file-details-holder .icon-download {
    cursor: pointer;
    font-size: 1.25rem
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.calendar-picker-container {
    border-radius: 4px;
    width: 100%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.emojis-1 {
    padding: 12px 0
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.emojis-1 .h-message-text {
    font-size: 40px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.emojis-1 img {
    height: 40px;
    width: 40px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.emojis-2 {
    padding: 12px 0
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.emojis-2 .h-message-text {
    font-size: 32px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.emojis-2 img {
    height: 32px;
    width: 32px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.emojis-3 {
    padding: 12px 0
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.emojis-3 .h-message-text {
    font-size: 24px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.emojis-3 img {
    height: 24px;
    width: 24px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.fc-carousel-readonly {
    background-color: transparent !important
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment .fc-ui-unity-message-bubble:not(:first-child) {
    margin-top: 8px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-fc-cobrowse {
    background-color: #f1f1f1;
    border-radius: 4px 20px 20px;
    color: #3a4b67
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-fc-cobrowse .sc-visitor-header {
    font-size: 12px;
    font-weight: 700;
    padding: 10px 15px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-fc-cobrowse .sc-visitor-footer {
    font-size: 12px;
    padding: 0 15px 5px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-fc-cobrowse .sc-visitor-footer a {
    color: #15c;
    cursor: pointer;
    text-decoration: underline
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-fc-cobrowse .sc-visitor-tailer-control {
    display: block;
    overflow: hidden
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-fc-cobrowse .sc-visitor-tailer-control .sc-btn-container {
    align-items: center;
    background: #fff;
    display: flex;
    height: 40px;
    justify-content: center;
    margin: 1px;
    text-align: center;
    width: calc(100% - 2px)
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-fc-cobrowse .sc-visitor-tailer-control .sc-btn-container .sc-accept-btn,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-fc-cobrowse .sc-visitor-tailer-control .sc-btn-container .sc-deny-btn {
    border: 0;
    cursor: pointer;
    font-size: .875rem
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-fc-cobrowse .sc-visitor-tailer-control .sc-btn-container:hover {
    background: rgba(255,255,255,.9)
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-fc-cobrowse .sc-visitor-tailer-control .sc-btn-container.last-btn {
    border-radius: 0 0 20px 20px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .fc-resend {
    clear: both;
    color: #de350a;
    float: right;
    font-size: 12px;
    font-weight: 500
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .fc-resend .fc-ic-resend {
    background-image: url(https://assetscdn-wchat.eu.freshchat.com/static/assets/ic_resend.8fe2f8234d63d74f176101e92e7f1764.svg);
    background-repeat: no-repeat;
    display: inline-block;
    height: 12px;
    width: 12px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .agent-name {
    color: rgba(9,30,66,.54);
    font-size: .75rem;
    font-weight: 400;
    line-height: 1;
    margin: 4px 0 2px;
    position: relative
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-fc-cb-status-messge {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    text-align: center
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat.h-article-view {
    padding-right: 0
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat.dn {
    display: none
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .translated-message-options-text {
    cursor: pointer;
    font-size: 12px;
    transition-duration: 2s
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .original-content {
    display: block
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .original-content hr {
    margin: 10px 0
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.grp-started .h-chat .h-conv .h-comment {
    border-radius: 8px 20px 20px 4px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.grp-started .h-chat .h-conv .h-comment.calendar-picker-container {
    border-radius: 4px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.grp-started .h-chat .h-conv .h-comment.media-message {
    top: 0
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.grp-started .h-chat .h-conv .h-comment.media-message .chat_img_wrp {
    border-radius: 4px 20px 20px 4px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.grp-started .h-chat .h-conv .h-comment.media-message .chat_img_wrp.file-with-text {
    border-radius: 0
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.grp-started .h-chat .h-conv .h-comment.file-attached .file-attachment {
    border-radius: 8px 20px 20px 4px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.grp-started .h-chat .h-conv .h-comment.file-attached .file-attachment.file-with-text {
    border-radius: 0 0 20px 4px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.grp-started .h-chat .h-conv .h-comment.file-attached .text-file-preview .file-details-holder {
    border-radius: 0 0 20px 4px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.grp-ended .h-chat .h-conv .h-comment {
    border-radius: 4px 20px 20px;
    margin-bottom: 18px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.grp-ended .h-chat .h-conv .h-comment.media-message .chat_img_wrp {
    border-radius: 4px 20px 20px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.grp-ended .h-chat .h-conv .h-comment.media-message .chat_img_wrp.file-with-text {
    border-radius: 0
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.grp-ended .h-chat .h-conv .h-comment.file-attached .file-attachment {
    border-radius: 4px 20px 20px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.grp-ended .h-chat .h-conv .h-comment.file-attached .file-attachment.file-with-text {
    border-radius: 0 0 20px 20px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.grp-ended .h-chat .h-conv .h-comment.file-attached .text-file-preview .file-details-holder {
    border-radius: 0 0 20px 20px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.grp-ended .having-translations {
    padding-bottom: 15px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.grp-ended .having-translations .h-conv .h-comment {
    margin-bottom: 0
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.odd .h-chat {
    float: right;
    padding-bottom: 2px;
    padding-left: 16%;
    padding-right: 0
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.odd .h-chat .time {
    clear: both;
    display: block;
    float: right;
    left: 0;
    margin-top: 6px;
    position: relative;
    right: 0;
    text-align: right
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.odd .h-chat .h-conv .h-comment {
    border-radius: 20px 4px 4px 20px;
    color: #1f2b36;
    float: right;
    margin-bottom: 0;
    position: relative
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.odd .h-chat .h-conv .h-comment.media-message .chat_img_wrp {
    border-radius: 20px 4px 4px 20px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.odd .h-chat .h-conv .h-comment.media-message .chat_img_wrp.file-with-text {
    border-bottom: 0;
    border-radius: 20px 0 0 0
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.odd .h-chat .h-conv .h-comment.file-attached .file-attachment {
    border-radius: 20px 4px 4px 20px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.odd .h-chat .h-conv .h-comment.file-attached .file-attachment.file-with-text {
    border-bottom: 0;
    border-radius: 20px 0 0 0
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.odd .h-chat .h-conv .h-comment.file-attached .text-file-preview .text-haze-holder {
    border-radius: 20px 4px 0 0;
    max-height: 84px;
    overflow: hidden;
    padding: 10px;
    position: relative;
    text-align: justify
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.odd .h-chat .h-conv .h-comment.file-attached .text-file-preview .text-haze-holder .bottom-gradient {
    bottom: 0;
    height: 42px;
    left: 0;
    position: -webkit-sticky;
    position: sticky;
    position: absolute;
    width: 100%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.odd .h-chat .h-conv .h-comment.file-attached .text-file-preview .file-details-holder {
    background-color: #fff;
    border: 2px solid #f1f1f1;
    border-radius: 0 0 4px 20px;
    border-top: 0;
    color: rgba(9,30,66,.7);
    display: flex;
    justify-content: space-between;
    padding: 5px 10px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.odd .h-chat .h-conv .h-comment.file-attached .text-file-preview .file-details-holder.file-with-text {
    border-radius: 0
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.odd.grp-started .h-chat .h-conv .h-comment {
    border-radius: 20px 20px 4px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.odd.grp-started .h-chat .h-conv .h-comment.media-message .chat_img_wrp {
    border-radius: 20px 20px 4px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.odd.grp-started .h-chat .h-conv .h-comment.media-message .chat_img_wrp.file-with-text {
    border-bottom: 0;
    border-radius: 20px 20px 0 0
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.odd.grp-started .h-chat .h-conv .h-comment.file-attached .file-attachment {
    border-radius: 20px 20px 4px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.odd.grp-started .h-chat .h-conv .h-comment.file-attached .file-attachment.file-with-text {
    border-bottom: 0;
    border-radius: 20px 20px 0 0
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.odd.grp-started .h-chat .h-conv .h-comment.file-attached .text-file-preview .text-haze-holder {
    border-radius: 20px 20px 0 0
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.odd.grp-started .h-chat .h-conv .h-comment.file-attached .text-file-preview .file-details-holder {
    border-radius: 0 0 4px 20px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.odd.grp-started .h-chat .h-conv .h-comment.file-attached .text-file-preview .file-details-holder.file-with-text {
    border-radius: 0
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.odd.grp-ended .h-chat .h-conv .h-comment {
    border-radius: 20px 4px 8px 20px;
    margin-bottom: 0
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.odd.grp-ended .h-chat .h-conv .h-comment.media-message .chat_img_wrp {
    border-radius: 20px 4px 8px 20px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.odd.grp-ended .h-chat .h-conv .h-comment.media-message .chat_img_wrp.file-with-text {
    border-bottom: 0;
    border-radius: 20px 0 0 0
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.odd.grp-ended .h-chat .h-conv .h-comment.file-attached .file-attachment {
    border-radius: 20px 4px 8px 20px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.odd.grp-ended .h-chat .h-conv .h-comment.file-attached .file-attachment.file-with-text {
    border-bottom: 0;
    border-radius: 20px 0 0 0
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.odd.grp-ended .h-chat .h-conv .h-comment.file-attached .text-file-preview .file-details-holder {
    border-radius: 0 0 8px 20px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.odd.grp-ended .h-chat .h-conv .h-comment.file-attached .text-file-preview .file-details-holder.file-with-text {
    border-radius: 0
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container:first-child {
    padding-top: 1.2rem
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-calendar-status-message-container {
    background: #fff;
    border-radius: 4px;
    float: right;
    font-size: 12px;
    overflow: hidden;
    padding: 8px;
    text-align: right;
    text-overflow: ellipsis;
    width: fit-content
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-calendar-status-message-container .h-calendar-cancelled-message-text {
    border: 1px solid rgba(9,30,66,.12);
    border-radius: 4px;
    padding: 8px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container:hover .h-chat .time,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container:focus-within .h-chat .time {
    display: block;
    padding-left: 10px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .notification-container {
    border-top: 1px solid #ebecf0;
    display: inline-block;
    font-size: .875rem;
    line-height: 1.3;
    padding: 1rem 0;
    text-align: center;
    width: 100%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .notification-container .btn-container {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 10px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .notification-container .btn-container .btn-left,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .notification-container .btn-container .btn-right {
    align-items: center;
    border: 1px solid #bcc2cb;
    border-radius: 18px;
    cursor: pointer;
    display: flex;
    height: 2.25rem;
    justify-content: center;
    margin-right: 8px;
    padding: .5rem;
    width: 6rem
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .notification-container .btn-container .btn-left:hover,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .notification-container .btn-container .btn-right:hover {
    background-color: #707c92;
    border: 0;
    color: #fff
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .away-experience-form {
    float: right;
    padding-bottom: 5px;
    width: 75%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .away-experience-form .email-input {
    padding-bottom: 3px;
    position: relative
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .away-experience-form .email-input input[type=text] {
    background-color: #fff;
    border: 1px solid rgba(9,30,66,.12);
    border-radius: 4px;
    box-sizing: border-box;
    font-family: inherit;
    font-size: .875rem;
    padding: 10px;
    height: 40px;
    width: 100%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .away-experience-form .email-input.has-error input {
    border-color: #de350a
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .away-experience-form .email-input input::placeholder {
    font-size: .875rem
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .away-experience-form .email-input input:focus {
    border-color: #36b37e;
    outline: none
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .away-experience-form .email-input .input-state {
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .away-experience-form .user-comment textarea {
    background-color: #fff;
    border: 1px solid rgba(9,30,66,.12);
    border-radius: 4px;
    box-sizing: border-box;
    font-family: inherit;
    font-size: .875rem;
    padding: 10px;
    resize: none;
    height: 215px;
    width: 100%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .away-experience-form .user-comment textarea::placeholder {
    font-size: .875rem
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .away-experience-form .user-comment textarea:focus {
    border-color: #36b37e;
    outline: none
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .away-experience-form .user-comment.has-error textarea {
    border-color: #de350a
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .away-experience-form button.send-message {
    border: none;
    border-radius: 3px;
    cursor: pointer;
    display: block;
    font-size: .875rem;
    font-weight: bold;
    margin: auto;
    padding-top: 4px;
    text-align: center;
    text-transform: uppercase;
    height: 40px;
    width: 100%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .away-experience-form button.send-message.disabled {
    cursor: not-allowed;
    pointer-events: none
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .away-experience-form button.send-message:active {
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px)
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .away-experience-form div.error-text {
    color: #de350a;
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: center
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .away-experience-form div.error-text .error-state {
    height: 10px;
    width: 15px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .away-experience-form.ios-device .email-input input[type=text],.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .away-experience-form.ios-device .email-input input::placeholder,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .away-experience-form.ios-device .user-comment textarea,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat .away-experience-form.ios-device .user-comment textarea::placeholder {
    font-size: 16px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat.profile {
    padding-top: 60px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat.no-profile {
    padding-top: 0
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat.offline-form {
    padding-bottom: 0
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat.h-theme-bg-1 {
    background-image: url(https://assetscdn-wchat.eu.freshchat.com/static/assets/texture_background_1.aff96620ed7b5dfc8fbadb616251a75a.png)
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat.h-theme-bg-2 {
    background-image: url(https://assetscdn-wchat.eu.freshchat.com/static/assets/texture_background_2.a5fb2f3967ff97b98617981d1424371a.png)
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat.h-theme-bg-3 {
    background-image: url(https://assetscdn-wchat.eu.freshchat.com/static/assets/texture_background_3.164640dab787e681275f03fb2f3789c1.png)
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat.h-theme-bg-4 {
    background-image: url(https://assetscdn-wchat.eu.freshchat.com/static/assets/texture_background_4.3f57282b1c113a66f21fa63ac5faf85f.png)
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat.h-theme-bg-5 {
    background-image: url(https://assetscdn-wchat.eu.freshchat.com/static/assets/texture_background_5.b23e09acd1ed8b3af5b8a991be0d3d8b.png)
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat.h-theme-bg-6 {
    background-image: url(https://assetscdn-wchat.eu.freshchat.com/static/assets/texture_background_6.f7fed526cf3f4713aeed18a8cec539af.png)
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat.h-theme-bg-7 {
    background-image: url(https://assetscdn-wchat.eu.freshchat.com/static/assets/texture_background_7.2e32a5f5f11dd6501957d18778eb4d20.png)
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat.h-theme-bg-8 {
    background-image: url(https://assetscdn-wchat.eu.freshchat.com/static/assets/texture_background_8.eefc14f6bd0b917c85208bf3e07fdf5f.png)
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat.h-theme-bg-9 {
    background-image: url(https://assetscdn-wchat.eu.freshchat.com/static/assets/texture_background_9.2db3d023277c8fa9558720c48af6348a.png)
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat.h-theme-bg-10 {
    background-image: url(https://assetscdn-wchat.eu.freshchat.com/static/assets/texture_background_10.7a68ebd3c37488c2310109d775d5ffc3.png)
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat.h-theme-bg-11 {
    background-image: url(https://assetscdn-wchat.eu.freshchat.com/static/assets/texture_background_11.cd8f572d91fc48f1bbcfdfc2ff031cec.png)
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .expand {
    overflow: hidden;
    position: absolute;
    top: -1.625rem;
    width: calc(100% - 24px);
    z-index: 1
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .expand .fc-agent-profile {
    background-color: rgba(255,255,255,.98);
    border-bottom: 1px solid #ebecf0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 4px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .expand .fc-agent-profile .user-details {
    display: flex;
    padding: 4px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .expand .fc-agent-profile .user-details .u-agent-avatar .agent-circle {
    border-radius: 50%;
    display: inline-block;
    height: 32px;
    width: 32px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .expand .fc-agent-profile .user-details .u-agent-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 8px;
    width: 80%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .expand .fc-agent-profile .user-details .u-agent-info .u-agent-name {
    font-size: .875rem;
    font-weight: 600;
    height: 16px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .expand .fc-agent-profile .user-details .u-agent-info .u-agent-designation {
    color: rgba(9,30,66,.7);
    font-size: 12.25px;
    padding-top: 4px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .expand .fc-agent-profile .user-details .u-agent-info .u-agent-designation img.designation-icon {
    width: 10px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .expand .fc-agent-profile .user-details.agent-bio:hover {
    background-color: #f1f1f1;
    border-radius: 2px;
    cursor: pointer;
    -webkit-transition: background .3s ease-out;
    -moz-transition: background .3s ease-out;
    transition: background .3s ease-out
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .expand .fc-agent-profile .user-details.agent-section {
    padding: 8px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .expand .fc-agent-profile .bio-details {
    display: flex;
    flex-direction: column;
    max-height: 0;
    overflow: hidden;
    padding-left: 48px;
    -webkit-transition: max-height .3s ease-out;
    -moz-transition: max-height .3s ease-out;
    transition: max-height .3s ease-out
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .expand .fc-agent-profile .bio-details .u-agent-bio {
    clear: both;
    color: rgba(9,30,66,.7);
    font-size: 12.25px;
    line-height: 1.3;
    padding-top: 4px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .expand .fc-agent-profile .bio-details .u-social-network div {
    float: left;
    margin: 8px 12px 0 0;
    transition: .25s all
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .expand .fc-agent-profile .bio-details .u-social-network div i.social-icon {
    font-size: 1rem
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .expand .fc-agent-profile .bio-details .u-social-network div.u-linked-in:hover i.social-icon {
    color: #0e76a8
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .expand .fc-agent-profile .bio-details .u-social-network div.u-fb:hover i.social-icon {
    color: #3b5998
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .expand .fc-agent-profile .bio-details .u-social-network div.u-twitter:hover i.social-icon {
    color: #1da1f2
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .expand .fc-agent-profile.profile-expand .agent-bio:hover {
    background: none
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .expand .fc-agent-profile.profile-expand .bio-details {
    max-height: 100px;
    padding-bottom: 8px
}

@supports(-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .expand .fc-agent-profile {
        backdrop-filter:blur(10px);
        background-color: rgba(255,255,255,.85)
    }
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .expand .privacy-policy-container {
    background: #fff;
    border-bottom: 1px solid #ebeff3;
    height: auto;
    overflow: hidden;
    padding: 12px 10px;
    width: auto
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .expand .privacy-policy-text {
    color: #647a8e;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    max-width: calc(200 * .5em)
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .expand .privacy-policy-link {
    color: #2c5cc5;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    max-width: calc(30 * .5em);
    text-decoration: none
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window.offline-form {
    height: 100%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window.actions-composer {
    height: calc(100% - 52px - 45px)
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window.in-line-reply-fragments {
    height: 100%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window.parallel-conversation-resolved {
    height: calc(100% - 90px)
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper {
    bottom: 0;
    position: absolute;
    width: 100%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .flatpickr-calendar {
    margin: 0 auto
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply-validation.validation-error {
    color: #de350a;
    padding: 12px 12px 12px 16px;
    position: relative
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply-validation.validation-error .validation-error-info {
    display: flex
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply-validation.validation-error .validation-error-info .validation-error-icon {
    padding-right: 4px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .ce-textarea,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .time-picker-input {
    background-color: #fff;
    border: none;
    border-top: 1px solid #ebecf0;
    box-shadow: 0 -2px 4px 0 rgba(130,130,130,.1);
    color: rgba(9,30,66,.87);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    max-height: 190px;
    min-height: 52px;
    outline: none;
    overflow-y: auto;
    padding: 1rem 5.625rem 12px 1rem;
    position: relative;
    resize: none;
    -webkit-transform: translate3d(0, 0, 0);
    transition: .4s;
    white-space: pre-wrap;
    width: 100%;
    word-wrap: break-word;
    z-index: 10
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .ce-textarea.ios-device,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .time-picker-input.ios-device {
    font-size: 16px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .ce-textarea.validation-error,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .time-picker-input.validation-error {
    border: 1px solid #de350a;
    border-radius: 4px;
    color: #de350a
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .editor-placeholder::before {
    color: #ccc !important;
    content: attr(placeholder) !important;
    display: block !important;
    pointer-events: none !important;
    position: absolute
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .time-picker-input::placeholder {
    color: #ccc
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply {
    border-radius: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    -webkit-transition: .6s;
    transition: .6s
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .size-exceed-msg {
    background-color: #ff8b01;
    border-radius: 12px 12px 0 0;
    box-shadow: 0 -2px 18px 0 rgba(209,209,209,.5);
    color: #fff;
    font-size: 12px;
    line-height: 1.3;
    padding: 12px;
    width: 100%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .size-exceed-msg .icon-ic_alert {
    font-size: 14px;
    margin-right: 2px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .file-meta {
    background-color: #eff7fd;
    border: 1px solid #a2d1f5;
    border-radius: 1rem 1rem 0 0;
    font-size: .75rem;
    padding: .625rem .625rem .5rem 1rem;
    position: relative;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .file-meta .file-name {
    color: #4a4a4a;
    display: inline-block;
    font-weight: 700;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .file-meta .file-name i {
    opacity: .5
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .file-meta .close {
    right: 8px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .file-meta .edit {
    right: 36px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .file-meta .close,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .file-meta .edit {
    color: #000;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 700;
    opacity: .2;
    position: absolute;
    top: 8px;
    transition: opacity .3s
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .file-meta .close:hover,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .file-meta .edit:hover {
    opacity: .5
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .h-reply-smiley,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .h-reply-send {
    right: 12px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .h-reply-smiley .emoji-pic,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .h-reply-send .emoji-pic {
    margin-left: 10px;
    margin-top: 10px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .h-reply-attach {
    right: 52px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .h-reply-smiley,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .h-reply-send,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .h-reply-attach {
    border-radius: 50%;
    bottom: 6px;
    display: table;
    font-size: 1rem;
    position: absolute;
    text-align: center;
    transition: background-color .3s ease-in-out;
    z-index: 20;
    height: 36px;
    width: 36px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .h-reply-smiley i.icons,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .h-reply-send i.icons,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .h-reply-attach i.icons {
    display: table-cell;
    opacity: .7;
    vertical-align: middle
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .h-reply-smiley:hover,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .h-reply-send:hover,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .h-reply-attach:hover {
    background-color: #ebecf0;
    opacity: 1
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .h-reply-smiley.fileAttached,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .h-reply-send.fileAttached,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .h-reply-attach.fileAttached {
    top: 47px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .h-reply-smiley.text-preview-message,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .h-reply-send.text-preview-message,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .h-reply-attach.text-preview-message {
    bottom: 10px;
    top: auto
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .h-reply-container.disabled {
    cursor: default;
    pointer-events: none
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .h-reply-container.active .h-reply-send {
    color: #0053bf
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper.offline-form {
    height: 0
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper.custom-reply-composer {
    height: auto
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper.custom-reply-composer .h-reply {
    display: none
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper.custom-reply-composer .h-reply.bot-feedback-comment {
    display: block
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper.custom-reply-composer .h-attachment-reply-composer {
    display: block;
    position: relative
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper.custom-reply-composer .h-attachment-reply-composer:hover {
    cursor: pointer
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper.custom-reply-composer .h-reply.h-custom-composer {
    display: block;
    position: relative
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper.custom-reply-composer .h-reply.h-custom-composer .ce-textarea {
    max-height: 100px;
    padding-right: 4rem
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper.custom-reply-composer .h-reply.h-custom-composer .ce-textarea.desktop-browser {
    padding-right: 1rem
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper.custom-reply-composer .bot-feedback-response-container {
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    border-top: 4px solid #36b37e;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: 0 0 7px 0 rgba(255,255,255,.2);
    color: rgba(9,30,66,.87);
    display: flex;
    font-size: .875rem;
    font-weight: 400;
    height: 40px;
    padding: 10px 40px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper.custom-reply-composer .bot-feedback-response-container .bot-feedback-response {
    padding-left: 8px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper.custom-reply-composer .fc-feedback-wrapper {
    position: absolute;
    width: 100%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper.custom-reply-composer .h-reply-button {
    background-color: #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    box-shadow: 0 0 8px rgba(0,0,0,.16)
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper.custom-reply-composer .h-reply-button .button-region {
    max-height: 180px;
    overflow-y: auto;
    padding: 8px;
    position: relative
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .hide {
    display: none
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body.single-channel-section {
    height: calc(100% - 7.5rem)
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body.single-channel-section .expand {
    top: -1.25rem
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body.single-channel-section .h-conv-chat {
    height: calc(100% + -2.25rem - 15px);
    top: -1.25rem
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body.single-channel-section.single-channel-no-desc {
    height: calc(100% - 6.5rem)
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body.help-widget-body {
    height: calc(100% - 12.5rem)
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body.help-widget-body .ember-help-widget-wrapper {
    height: calc(100% + 8.5rem);
    position: relative;
    top: -8.5rem
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view.fc-all-conversation-view .h-header,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view.fc-all-topics-view .h-header {
    height: 8.5rem
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view.fc-all-conversation-view .h-header .list-sub-title,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view.fc-all-topics-view .h-header .list-sub-title {
    font-size: 12px;
    font-weight: 600
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view.fc-all-conversation-view .body,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view.fc-all-topics-view .body {
    height: calc(100% - 5rem);
    position: absolute;
    top: 4rem;
    width: calc(100% - 24px)
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view.fc-all-conversation-view .body .channel-section,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view.fc-all-topics-view .body .channel-section {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.12);
    height: 100%;
    margin: 0 12px 12px 12px;
    padding: 1rem 0 0 0;
    width: 100%
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view.fc-all-conversation-view .body .channel-section div.channel-title,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view.fc-all-topics-view .body .channel-section div.channel-title {
    border-bottom: 1px solid #ebecf0;
    display: flex;
    justify-content: space-between;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view.fc-all-conversation-view .body .channel-section div.channel-title .list-sub-title,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view.fc-all-topics-view .body .channel-section div.channel-title .list-sub-title {
    color: #3a4b67;
    font-size: 1rem;
    font-weight: 600
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view.fc-all-conversation-view .body .channel-section div.channel-title .view-history,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view.fc-all-topics-view .body .channel-section div.channel-title .view-history {
    color: #2c5cc5;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 600
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view.fc-all-conversation-view .body .channel-section div.channel-title .view-history .arrow-icon,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view.fc-all-topics-view .body .channel-section div.channel-title .view-history .arrow-icon {
    align-items: flex-end;
    display: flex;
    font-size: 12px;
    justify-content: flex-end;
    width: 15px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view.fc-all-conversation-view .body .channel-section div.channel-title .view-history .arrow-icon .icon,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view.fc-all-topics-view .body .channel-section div.channel-title .view-history .arrow-icon .icon {
    font-size: 10px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view.fc-all-conversation-view .body .channel-section .channel-list,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view.fc-all-topics-view .body .channel-section .channel-list {
    height: calc(100% - 34px);
    overflow: auto
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view.fc-all-conversation-view .body .channel-section .history-conversation-loading,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view.fc-all-topics-view .body .channel-section .history-conversation-loading {
    align-items: center;
    display: flex;
    height: 200px;
    justify-content: center
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view.fc-all-conversation-view .body .channel-section .history-conversation-loading img.loading,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view.fc-all-topics-view .body .channel-section .history-conversation-loading img.loading {
    width: 80px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view.fc-all-conversation-view div.h-header .title .channel-info {
    align-items: center;
    display: flex;
    height: 28px
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view.fc-all-conversation-view div.h-header .title .channel-info .channel-title {
    font-size: 1.125 rem;
    margin-bottom: 0
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view.fc-all-conversation-view .body {
    height: calc(100% - 9rem)
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view.fc-all-conversation-view.disabled .body {
    height: calc(100% - 5rem)
}

.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view .new-message-toast.floating-csat-rating {
    bottom: 160px
}

.hotline-launcher.h-open .viewport div.h-conv.hide-header div.fc-conversation-view div.h-header {
    display: none
}

.hotline-launcher.h-open .viewport div.h-conv.hide-header div.fc-conversation-view div.body {
    height: 100%
}

.hotline-launcher.h-open .viewport div.h-conv.hide-header div.fc-conversation-view div.body div.h-chat-window {
    padding: 0
}

.hotline-launcher.h-open .viewport div.h-conv.hide-header div.fc-conversation-view div.body div.h-chat-window .expand {
    top: 0;
    width: 100%
}

.hotline-launcher.h-open .viewport div.h-conv.hide-header div.fc-conversation-view div.body div.h-chat-window .h-conv-chat {
    height: calc(100% - 8px);
    top: 0
}

.hotline-launcher.h-open .viewport div.h-conv.hide-header div.fc-conversation-view div.body.single-channel-section {
    height: 100%
}

.hotline-launcher.h-open .viewport div.h-conv.hide-header div.fc-conversation-view div.body.single-channel-section.single-channel-no-desc {
    height: 100%
}

.hotline-launcher.h-open .viewport div.h-conv .start-new-conversation {
    align-items: center;
    background: #fff;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1rem 0;
    position: absolute;
    width: 100%
}

.hotline-launcher.h-open .viewport div.h-conv .start-new-conversation p {
    color: #12344d;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .07px;
    margin-bottom: 10px;
    text-align: center
}

.hotline-launcher.h-open .viewport div.h-conv .start-new-conversation button.h-img-button {
    font-family: inherit;
    margin: 0;
    width: 90%
}

.hotline-launcher.h-open .viewport div.h-conv .start-new-conversation button.h-img-button .btn-content {
    font-size: 14px;
    font-style: normal;
    font-weight: 600
}

.hotline-launcher.h-open.fc-fullscreen .viewport div.h-conv div.fc-conversation-view .h-header,.hotline-launcher.h-open.fc-mobile-view .viewport div.h-conv div.fc-conversation-view .h-header {
    border-radius: 0
}

.hotline-launcher.h-open.fc-fullscreen .viewport div.h-conv div.fc-conversation-view .h-header div.title div.channel-info,.hotline-launcher.h-open.fc-mobile-view .viewport div.h-conv div.fc-conversation-view .h-header div.title div.channel-info {
    width: 75%
}

.hotline-launcher.h-open.fc-fullscreen .viewport div.h-conv div.fc-conversation-view .h-header div.title .ic-ellipsis-vertical,.hotline-launcher.h-open.fc-mobile-view .viewport div.h-conv div.fc-conversation-view .h-header div.title .ic-ellipsis-vertical {
    padding-right: 35px
}

.hotline-launcher.h-open.fc-fullscreen .viewport div.h-conv div.fc-conversation-view .h-header.single-channel-header div.title div.channel-info,.hotline-launcher.h-open.fc-mobile-view .viewport div.h-conv div.fc-conversation-view .h-header.single-channel-header div.title div.channel-info {
    width: 95%
}

.hotline-launcher.h-open.fc-fullscreen .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window div.expand div.fc-agent-profile div.user-details.agent-bio:hover,.hotline-launcher.h-open.fc-mobile-view .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window div.expand div.fc-agent-profile div.user-details.agent-bio:hover {
    background: none
}

.hotline-launcher.h-open.fc-fullscreen .viewport div.h-conv div.fc-conversation-view div.body div.h-reply-wrapper div.h-reply-smiley:hover,.hotline-launcher.h-open.fc-fullscreen .viewport div.h-conv div.fc-conversation-view div.body div.h-reply-wrapper div.h-reply-send:hover,.hotline-launcher.h-open.fc-fullscreen .viewport div.h-conv div.fc-conversation-view div.body div.h-reply-wrapper div.h-reply-attach:hover,.hotline-launcher.h-open.fc-mobile-view .viewport div.h-conv div.fc-conversation-view div.body div.h-reply-wrapper div.h-reply-smiley:hover,.hotline-launcher.h-open.fc-mobile-view .viewport div.h-conv div.fc-conversation-view div.body div.h-reply-wrapper div.h-reply-send:hover,.hotline-launcher.h-open.fc-mobile-view .viewport div.h-conv div.fc-conversation-view div.body div.h-reply-wrapper div.h-reply-attach:hover {
    background-color: unset
}

.fc-widget-small .hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view .new-message-toast.floating-csat-rating {
    bottom: 136px
}

.fc-widget-small .hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window.floating-csat-rating {
    height: calc(100% - 122px)
}

@media(max-height: 300px) {
    .hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-chat-window .h-conv-chat {
        height:calc(100% + 2.8rem)
    }

    .hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .ce-textarea {
        min-height: 34px;
        padding: .3rem 5.625rem 0 1rem
    }

    .hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .h-reply-smiley,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .h-reply-send,.hotline-launcher.h-open .viewport div.h-conv div.fc-conversation-view div.body .h-reply-wrapper .h-reply .h-reply-attach {
        top: 0
    }
}

@media only screen and (min-width: 768px) {
    .chat_img {
        width:auto !important
    }
}

body[dir=rtl] .minimize {
    left: 12px;
    right: auto
}

body[dir=rtl] .calendar-picker-minified .ic-calendar.cp-mini {
    float: right;
    position: relative
}

body[dir=rtl] .meeting-frag-holder .event-status-text .ic-calendar-scheduled.cp-mini {
    display: block
}

body[dir=rtl] .preview-container .preview-wrapper .replay-section .h-reply .ce-textarea {
    padding-right: 15px
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-channel .home-content .title.gradient {
    background: transparent linear-gradient(-270deg, rgba(0, 0, 0, 0.388) 0%, rgba(0, 0, 0, 0) 64%) 0% 0% no-repeat padding-box
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-channel .home-content .body .dummy-bar.gradient {
    background: transparent linear-gradient(-270deg, rgba(0, 0, 0, 0.388) 0%, rgba(0, 0, 0, 0) 64%) 0% 0% no-repeat padding-box
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-channel .home-content .channel-section .channel-title {
    padding-left: auto;
    padding-right: 1rem
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-channel .home-content ul.channel-list .h-category-item {
    padding-left: 0;
    padding-right: 8px
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-channel .home-content ul.channel-list .h-category-item .h-category-icon .h-notify {
    left: 0;
    right: 30px
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-channel .home-content ul.channel-list .h-conv-user .time-stamp {
    float: left
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-channel .home-content ul.channel-list .h-conv-user div.h-notify {
    left: 8px;
    right: auto
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-channel .home-content ul.channel-list .h-conv-user .u-agent-avatar {
    float: left
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-channel .home-content ul.channel-list .h-conv-user .count {
    float: left
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-channel .home-content .faq-list .faq-header {
    padding-left: initial;
    padding-right: 1rem
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .faq-content .h-header.gradient {
    background: transparent linear-gradient(-270deg, rgba(0, 0, 0, 0.388) 0%, rgba(0, 0, 0, 0) 64%) 0% 0% no-repeat padding-box
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .faq-content .h-header .ic-back {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .faq-content .h-header .logo {
    padding-right: 12px
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .faq-content .h-header .logo .ic-back {
    left: 0;
    right: 12px
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .faq-content .h-header .logo .logo-holder {
    margin-right: 50%;
    transform: translateX(50%)
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .faq-content .h-header .logo .logo-holder.company-logo {
    animation: rtlLogo .3s cubic-bezier(0.4, 0, 0.2, 1)
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .faq-content .h-header .search-for-answer .search-wrap .icon-ic_search {
    left: auto;
    right: 1rem
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .faq-content .h-header .search-for-answer .search-wrap .search-input-text {
    margin-left: 2.4rem;
    margin-right: 2.4rem
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .faq-content .h-header .logo.header-section {
    padding-right: 12px
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .faq-content .minimize {
    left: 16px;
    right: auto
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .faq-content .search-for-answer .search-wrap i.close_search_input {
    float: left;
    left: 1rem;
    right: auto
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .categories-list ul li.category {
    float: right;
    padding-left: 6px
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .article-heading .header-section .category-logo {
    padding-left: .75rem
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .faq-content .body.sections .article img {
    margin-left: 1rem;
    margin-right: 0
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.h-header .title {
    padding-right: 12px
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.h-header .title.gradient {
    background: transparent linear-gradient(-270deg, rgba(0, 0, 0, 0.388) 0%, rgba(0, 0, 0, 0) 64%) 0% 0% no-repeat padding-box
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.h-header .title .ic-back {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    float: right;
    left: auto
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.h-header .title .channel-info {
    left: auto;
    margin-right: 2.75rem;
    right: 18px
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.h-header .minimize {
    left: 10px;
    right: auto
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-chat-window .expand .fc-agent-profile .u-profile-info .u-agent-avatar {
    float: right
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-chat-window .expand .fc-agent-profile .u-profile-info .u-agent-info {
    float: right
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-chat-window .expand .fc-agent-profile .u-profile-info .u-agent-bio {
    padding-left: auto;
    padding-right: 48px
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-chat-window .expand .fc-agent-profile .bio-details .u-social-network {
    padding-left: auto;
    padding-right: 48px
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-chat-window .expand .fc-agent-profile .bio-details .u-social-network div {
    float: right;
    margin-left: 12px;
    margin-right: 0
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-chat-window .h-conv-chat ul .margin-reply-fragments {
    margin-right: 25px
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat {
    float: right;
    padding-left: 16%;
    padding-right: 33px
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .agent-pic {
    right: 0
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment {
    border-radius: 20px 4px 4px 20px
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.h-wrapped-article .articles-listview .article-info span:first-child {
    float: right
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv .h-comment.h-wrapped-article .articles-listview .article-info .arrow-right {
    border-left: 0;
    border-right: 5px solid #3a4b67;
    float: left
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv:first-child .h-comment {
    border-radius: 20px 20px 4px
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat .h-conv:last-child .h-comment {
    border-radius: 20px 4px 8px 20px
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat:hover .time {
    left: auto;
    padding-right: 10px;
    right: 23px
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-chat.h-article-view {
    padding-left: 0;
    padding-right: 33px
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.odd .h-chat {
    float: left;
    padding-left: 0;
    padding-right: 16%
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.odd .h-chat .h-conv .h-comment {
    border-radius: 4px 20px 20px 4px;
    float: left
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.odd .h-chat .h-conv:first-child .h-comment {
    border-radius: 8px 20px 20px 4px
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.odd .h-chat .h-conv:last-child .h-comment {
    border-radius: 4px 20px 20px
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.odd .h-chat .time {
    float: left
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.odd .h-chat:hover .time {
    padding-left: initial;
    padding-right: initial;
    right: auto
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container.odd .meeting-frag-holder {
    float: left
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .away-experience-form .input-state {
    left: 10px;
    right: auto
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-chat-window .h-conv-chat .message-container .h-calendar-status-message-container {
    float: left
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-chat-window .cal-picker-nav .cal-nav-left {
    float: left
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-chat-window .cal-picker-nav .cal-meeting-length {
    float: left
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-chat-window .calendar-event-reminder .reminder-details {
    float: right;
    margin-right: 15px
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-chat-window .calendar-event-reminder span.reminder-time-date {
    margin-right: 20px
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-chat-window .calendar-event-reminder .invite-more-icon {
    float: left;
    margin-left: 20px
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-reply-wrapper .h-reply .h-reply-smiley {
    left: 10px;
    right: auto
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-reply-wrapper .h-reply .h-reply-send {
    left: 10px;
    right: auto
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-reply-wrapper .h-reply .h-reply-attach {
    left: 40px;
    right: auto
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-reply-wrapper .h-reply .h-reply-attach.no-emoji {
    left: 10px
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-reply-wrapper .h-reply .ce-textarea {
    padding-left: 90px;
    padding-right: 15px
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-reply-wrapper .h-reply .file-meta .close {
    left: 8px;
    right: auto
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-reply-wrapper .h-reply .file-meta .file-name {
    padding-right: 24px
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-reply-wrapper .h-reply .file-meta .file-name .name {
    margin-right: 4px
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-reply-wrapper .h-reply .file-meta .edit {
    right: 8px
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-reply-wrapper.custom-reply-composer .h-reply.h-custom-composer .ce-textarea {
    padding-left: 4rem
}

body[dir=rtl] .hotline-launcher.h-open .viewport .h-conv .fc-conversation-view div.body .h-reply-wrapper.custom-reply-composer .h-reply.h-custom-composer .ce-textarea.desktop-browser {
    padding-left: 1rem
}

body[dir=rtl] .article-modal .h-modal-notes.expandedModal .modal-header .h-close {
    left: 30px;
    right: auto
}

body[dir=rtl] .safari-browser.medium-editor-placeholder::after {
    display: none
}

body[dir=rtl] .medium-editor-placeholder::after {
    padding-right: 20px;
    right: 0
}

body[dir=rtl] .emojiPicker::after {
    left: 14px;
    right: auto
}

body[dir=rtl] .emojiPicker section h1 {
    margin-left: 0;
    margin-right: 10px
}

body[dir=rtl] .h-btn.d-hotline-text #chat-text .help-icon {
    margin-left: 5px
}

.h-img-button {
    background-color: #fff;
    border: 1px solid;
    border-radius: 8px;
    box-shadow: 0 2px 3px 1px rgba(27,19,19,.1);
    cursor: pointer;
    font-size: .875rem;
    font-weight: 500;
    margin: 5px;
    min-height: 32px;
    min-width: 64px;
    padding: 8px 16px;
    vertical-align: middle;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.h-img-button.iphone-button {
    color: #000
}

.h-img-button .btn-content {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.h-img-button .btn-content.iphone-button {
    color: #000
}

.h-img-button[disabled] {
    cursor: not-allowed
}

.h-img-button--mini {
    min-height: 24px;
    min-width: initial;
    padding: 4px 8px
}

.h-img-button--mini .btn-content {
    -webkit-line-clamp: 1
}

.h-icon-button {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: .5rem
}

.h-icon-button:hover {
    background: #ebeff3
}

.avatar-image {
    border-collapse: collapse;
    height: 32px;
    width: 32px
}

.avatar-content-wrap {
    background-image: url(https://assetscdn-wchat.eu.freshchat.com/static/assets/Agent.9248214bd1b926d58bb91c3b28e120e3.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    color: #eff7fd;
    display: table;
    font-size: .875rem;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    height: 32px;
    width: 32px
}

.avatar-content-wrap span.theme-bg {
    display: table;
    font-weight: 300;
    height: 100%;
    width: 100%
}

.avatar-content-wrap img {
    height: 100%;
    width: 100%
}

.avatar-content-wrap .avatar-content {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: table-cell;
    font-weight: bold;
    vertical-align: middle;
    height: 100%;
    width: 100%
}

.no-avatar img {
    border-radius: 50%;
    height: 100%;
    width: 100%
}

.theme-1 {
    background-color: #47cde3
}

.theme-2 {
    background-color: #7883d1
}

.theme-3 {
    background-color: #e45e53
}

.theme-4 {
    background-color: #fda70d
}

.theme-5 {
    background-color: #47b5aa
}

.theme-6 {
    background-color: #a2877c
}

.theme-7 {
    background-color: #5e94f9
}

.csat-rating {
    background-color: rgba(0,0,0,.4);
    position: absolute;
    top: 0;
    z-index: 100;
    height: 100%;
    width: 100%
}

.csat-rating .vote-yes-outer,.csat-rating .csat-inner {
    bottom: 0;
    position: absolute;
    width: 100%
}

.csat-rating .csat-inner .text {
    align-items: center;
    background-color: #fff;
    border-radius: 8px 8px 0 0;
    display: flex;
    font-size: .875rem;
    justify-content: center;
    min-height: 3.5rem;
    padding: 1rem 0;
    text-align: center;
    width: 100%
}

.csat-rating .csat-inner .btn-csat-wrapper {
    align-items: center;
    background-color: #f4f5f7;
    display: flex;
    justify-content: center;
    padding: 1.25rem 0;
    vertical-align: middle;
    width: 100%
}

.csat-rating .csat-inner .btn-csat-wrapper .btn-csat {
    align-items: center;
    border: 1px solid #bcc2cb;
    border-radius: 2rem;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    justify-content: center;
    margin-right: 12px;
    padding: .625rem 0;
    width: 6.75rem
}

.csat-rating .csat-inner .btn-csat-wrapper .btn-csat.btn-csat-no {
    margin-right: 0
}

.csat-rating .csat-inner .btn-csat-wrapper .btn-csat:hover {
    background-color: #707c92;
    border: 0;
    color: #fff
}

.csat-rating .csat-inner .thank-you-feedback {
    background-color: #fff;
    border-radius: 8px 8px 0 0;
    display: table;
    height: 8rem;
    width: 100%
}

.csat-rating .csat-inner .thank-you-feedback .thank-you-content {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.csat-rating .csat-inner .thank-you-feedback .thank-you-content h2 {
    color: #3a4b67;
    font-size: .875rem;
    font-weight: bold;
    padding: .5rem 0
}

.csat-rating .csat-inner .thank-you-feedback .thank-you-content .user-logo img,.csat-rating .csat-inner .thank-you-feedback .thank-you-content .avatar-content-wrap {
    border: 1px solid #ebecf0;
    border-radius: 50%;
    margin: 0 auto;
    height: 3rem;
    width: 3rem
}

.csat-rating .csat-inner .thank-you-feedback .thank-you-content .thank-you {
    display: block;
    font-size: .875rem
}

.csat-rating.floating-csat-rating {
    background-color: transparent;
    bottom: 0;
    height: 140px;
    top: auto
}

.csat-rating .vote-yes-outer .vote-yes-wrapper {
    max-height: 416px;
    width: 100%
}

.csat-rating .vote-yes-outer .vote-yes-wrapper .vote-yes {
    background-color: #f4f5f7;
    border-radius: 8px 8px 0 0;
    height: 100%;
    width: 100%
}

.csat-rating .vote-yes-outer .vote-yes-wrapper .vote-yes .comment-header {
    align-items: center;
    background-color: #fff;
    border-radius: 8px 8px 0 0;
    display: flex;
    justify-content: center;
    min-height: 3.5rem;
    padding: 1rem 12px;
    text-align: center;
    width: 100%
}

.csat-rating .vote-yes-outer .vote-yes-wrapper .vote-yes .comment-header span {
    color: #3a4b67;
    display: block;
    font-size: .875rem;
    letter-spacing: -0.02px;
    line-height: 1.3;
    width: 85%
}

.csat-rating .vote-yes-outer .vote-yes-wrapper .vote-yes .comment-header .csat-minimize {
    cursor: pointer;
    position: absolute;
    right: 1rem
}

.csat-rating .vote-yes-outer .vote-yes-wrapper .vote-yes .align-middle {
    display: table;
    padding: 1rem 0;
    width: 100%
}

.csat-rating .vote-yes-outer .vote-yes-wrapper .vote-yes .align-middle .voting-section {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%
}

.csat-rating .vote-yes-outer .vote-yes-wrapper .vote-yes .align-middle .voting-section .user-logo img,.csat-rating .vote-yes-outer .vote-yes-wrapper .vote-yes .align-middle .voting-section .avatar-content-wrap {
    border-radius: 50%;
    margin: 0 auto;
    height: 3rem;
    width: 3rem
}

.csat-rating .vote-yes-outer .vote-yes-wrapper .vote-yes .align-middle .voting-section .rate {
    margin: .75rem 0 2rem
}

.csat-rating .vote-yes-outer .vote-yes-wrapper .vote-yes .align-middle .voting-section .rate h2 {
    font-size: .875rem;
    font-weight: normal;
    padding-bottom: .75rem
}

.csat-rating .vote-yes-outer .vote-yes-wrapper .vote-yes .align-middle .voting-section .rate .rating {
    display: inline-block
}

.csat-rating .vote-yes-outer .vote-yes-wrapper .vote-yes .align-middle .voting-section .rate .rating:not(:checked)>input {
    clip: rect(0, 0, 0, 0);
    position: absolute
}

.csat-rating .vote-yes-outer .vote-yes-wrapper .vote-yes .align-middle .voting-section .rate .rating:not(:checked)>label {
    background-image: url(https://assetscdn-wchat.eu.freshchat.com/static/assets/star-outline.0b92a26692b77dba5530970c486f0439.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    float: right;
    font-size: 2.5rem;
    margin: 0 .5rem;
    overflow: hidden;
    padding-left: 0;
    white-space: nowrap;
    height: 2rem;
    width: 2rem
}

.csat-rating .vote-yes-outer .vote-yes-wrapper .vote-yes .align-middle .voting-section .rate .rating:not(:checked)>label.bot-feedback-rating-star-label {
    font-size: 0;
    height: 48px;
    overflow: inherit;
    padding-top: 48px
}

.csat-rating .vote-yes-outer .vote-yes-wrapper .vote-yes .align-middle .voting-section .rate .rating:not(:checked)>label.bot-feedback-rating-star-label:hover {
    font-size: 10px
}

.csat-rating .vote-yes-outer .vote-yes-wrapper .vote-yes .align-middle .voting-section .rate .rating:not(:checked)>label::before {
    content: " "
}

.csat-rating .vote-yes-outer .vote-yes-wrapper .vote-yes .align-middle .voting-section .rate .rating>label:active {
    left: 2px;
    position: relative
}

.csat-rating .vote-yes-outer .vote-yes-wrapper .vote-yes .align-middle .voting-section .rate .rating>input:checked~label {
    background-image: url(https://assetscdn-wchat.eu.freshchat.com/static/assets/star-filled.d7d885551d50cb93a115e2edeb108986.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

.csat-rating .vote-yes-outer .vote-yes-wrapper .vote-yes .align-middle .voting-section .rate .rating:not(:checked)>label:hover,.csat-rating .vote-yes-outer .vote-yes-wrapper .vote-yes .align-middle .voting-section .rate .rating:not(:checked)>label:hover~label {
    background-image: url(https://assetscdn-wchat.eu.freshchat.com/static/assets/star-filled.d7d885551d50cb93a115e2edeb108986.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

.csat-rating .vote-yes-outer .vote-yes-wrapper .vote-yes .align-middle .voting-section .rate .rating>input:checked+label:hover,.csat-rating .vote-yes-outer .vote-yes-wrapper .vote-yes .align-middle .voting-section .rate .rating>input:checked~label:hover,.csat-rating .vote-yes-outer .vote-yes-wrapper .vote-yes .align-middle .voting-section .rate .rating>input:checked+label:hover~label,.csat-rating .vote-yes-outer .vote-yes-wrapper .vote-yes .align-middle .voting-section .rate .rating>input:checked~label:hover~label,.csat-rating .vote-yes-outer .vote-yes-wrapper .vote-yes .align-middle .voting-section .rate .rating>label:hover~input:checked~label {
    background-image: url(https://assetscdn-wchat.eu.freshchat.com/static/assets/star-filled.d7d885551d50cb93a115e2edeb108986.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

.csat-rating .vote-yes-outer .vote-yes-wrapper .vote-yes .align-middle .voting-section .comment textarea {
    background-color: #fff;
    border: 2px solid #ebecf0;
    border-radius: 6px;
    box-sizing: border-box;
    font-size: .875rem;
    line-height: 1.3;
    padding: .625rem;
    resize: none;
    height: 5rem;
    width: 300px
}

.csat-rating .vote-yes-outer .vote-yes-wrapper .vote-yes .align-middle .voting-section .comment textarea::placeholder {
    font-size: .875rem;
    opacity: .6
}

.csat-rating .vote-yes-outer .vote-yes-wrapper .vote-yes .align-middle .voting-section .submit-rating {
    margin: .625rem auto;
    margin-bottom: 0;
    width: 300px
}

.csat-rating .vote-yes-outer .vote-yes-wrapper .vote-yes .align-middle .voting-section .submit-rating .submit {
    align-items: center;
    border: 1px solid #bcc2cb;
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 500;
    justify-content: center;
    padding: 10px 0
}

.csat-rating .vote-yes-outer .vote-yes-wrapper .vote-yes .align-middle .voting-section .submit-rating .submit.disabled {
    cursor: not-allowed;
    opacity: .5
}

.fc-widget-small .csat-rating.floating-csat-rating {
    height: 122px
}

.medium-editor-placeholder::after {
    font-style: normal;
    width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.medium-editor-placeholder-relative::after {
    color: #b3b3b1;
    font-style: normal;
    padding: 2px 0
}

.hotline-launcher.h-open .viewport .footer-note {
    align-items: center;
    bottom: 0;
    color: #3a4b67;
    display: flex;
    font-size: 12px;
    justify-content: center;
    line-height: 2;
    position: absolute;
    text-align: center;
    height: 34px;
    width: 100%
}

.hotline-launcher.h-open .viewport .footer-note a {
    color: #0249a6;
    text-decoration: none
}

.hotline-launcher.h-open .viewport .footer-note a:hover {
    text-decoration: underline
}

.hotline-launcher.h-open .viewport .footer-note .icon {
    width: .875rem
}

.multi-widget-ui .hotline-launcher.h-open .viewport .footer-note {
    height: 28px;
    width: 100%
}

.webchat .emojiPicker {
    box-shadow: 0 12px 29px rgba(0,0,0,.25);
    left: 100px;
    z-index: 10
}

.webchat .emojiPicker .shortcode {
    box-shadow: 0 5px 29px rgba(0,0,0,.25);
    position: relative
}

.webchat .emojiPicker .shortcode::before {
    border-color: #eee transparent transparent transparent;
    border-style: solid;
    border-width: 12px 12px 0 12px;
    content: "";
    display: block;
    position: absolute;
    right: 20px;
    top: 100%;
    height: 0;
    width: 0
}

.webchat .emojiPicker section em {
    line-height: 0;
    margin: 2%;
    padding: 0
}

.webchat .emojiCe {
    border: 0;
    display: inline-block;
    margin: 0;
    outline: 0;
    vertical-align: middle;
    height: 20px;
    width: 20px
}

.lds-ring {
    display: inline-block;
    position: relative;
    height: 41px;
    width: 41px
}

.lds-ring div {
    border: 4px solid #bcc2cb;
    border-color: #bcc2cb transparent transparent transparent;
    border-radius: 50%;
    box-sizing: border-box;
    display: block;
    margin: 4px;
    position: absolute;
    -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    -moz-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    -ms-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    -o-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    height: 30px;
    width: 30px
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s
}

.app-loader {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%
}

.app-loader-top {
    margin: auto;
    min-height: 20px;
    position: relative;
    text-align: center;
    top: 12px;
    width: 100%
}

.app-loader-bottom {
    margin: auto;
    min-height: 20px;
    text-align: center;
    width: 100%
}

.app-loader-bottom .app-loader {
    bottom: 12px;
    height: unset
}

.app-loader-bottom .app-loader .lds-ring {
    margin-right: 5px
}

.app-loader .loader {
    font-size: 3px;
    margin: 0 auto;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: loader 1.1s infinite linear;
    -moz-animation: loader 1.1s infinite linear;
    -ms-animation: loader 1.1s infinite linear;
    -o-animation: loader 1.1s infinite linear;
    animation: loader 1.1s infinite linear;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.app-loader .loader,.app-loader .loader::after {
    border-radius: 50%;
    height: 16em;
    width: 16em
}

.app-loader .loader-frame {
    display: table-cell;
    vertical-align: middle
}

.app-loader .loader-text {
    color: #3a4b67;
    font-size: 13px;
    margin-top: 15px;
    margin-top: 3%;
    -webkit-animation: fadein 1s;
    -moz-animation: fadein 1s;
    -ms-animation: fadein 1s;
    -o-animation: fadein 1s;
    animation: fadein 1s
}

.app-loader .loader-wrap {
    display: block;
    text-align: center
}

.app-loader .loader-wrap img.faq-loader {
    height: 60px;
    width: 60px
}

.app-loader .loader-wrap-vertical {
    display: flex;
    flex-direction: row;
    justify-content: center
}

.app-loader .loader-wrap-vertical .lds-ring {
    height: 24px;
    width: 24px
}

.app-loader .loader-wrap-vertical .lds-ring div {
    border: 2px solid #bcc2cb;
    border-color: #bcc2cb transparent transparent transparent;
    height: 16px;
    width: 16px
}

.app-loader .loader-wrap-vertical .loader-text {
    margin-top: 5px
}

@keyframes lds-ring {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0;
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes fadein {
    from {
        opacity: 0;
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.iframe-modal {
    background: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%
}

.iframe-modal .h-modal-notes {
    height: 100%
}

.iframe-modal .h-modal-notes.expandedModal {
    overflow-x: hidden;
    overflow-y: hidden
}

.iframe-modal .h-modal-notes div.modal-header {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 3.5rem;
    padding: .625rem 12px;
    text-align: center
}

.iframe-modal .h-modal-notes div.modal-header .ic-back {
    background-color: rgba(255,255,255,.2);
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    height: 2.25rem;
    left: 12px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    width: 2.25rem
}

.iframe-modal .h-modal-notes div.modal-header .ic-back .icon {
    color: #fff;
    font-size: 1rem;
    height: 14px;
    line-height: 2.25rem;
    opacity: .6
}

.iframe-modal .h-modal-notes div.modal-header .frame-title {
    display: inline-block;
    font-size: 1rem;
    line-height: 1.3;
    padding-top: .5rem
}

.iframe-modal .h-modal-notes div.modal-header .frame-title img.proto-logo {
    height: 12px;
    margin-right: 5px;
    width: 12px
}

.iframe-modal .h-modal-notes div.modal-header span.h-close {
    cursor: pointer;
    left: 5px;
    position: absolute;
    top: 5px
}

.iframe-modal .h-modal-notes div.modal-header span.h-close i.icon-ic_close {
    font-size: 18px;
    opacity: .5
}

.iframe-modal .h-modal-notes div.modal-header span.h-close i.icon-ic_close:hover {
    opacity: 1
}

.iframe-modal .h-modal-notes div.modal-body {
    height: 100%;
    position: relative;
    width: 100%
}

.iframe-modal .h-modal-notes div.modal-body iframe.external-iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.iframe-modal.mobile-view div.modal-header {
    border-radius: 0
}

.fc_web_modal {
    background-color: rgba(23,30,34,.96);
    font-size: .875rem;
    left: 50%;
    outline: 0;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    top: 50%;
    z-index: 2147483601;
    height: 100%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.fc_web_modal .image-wrapper {
    display: table;
    overflow: hidden;
    position: relative;
    text-align: center;
    height: 100%;
    width: 100%
}

.fc_web_modal .image-wrapper .image-cell {
    display: table-cell;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.fc_web_modal .image-wrapper .image-cell img {
    max-height: 90vh;
    max-width: 90vw;
    opacity: 1;
    transform: translateY(0);
    transition: opacity 200ms ease 0s,transform 200ms ease 0s
}

.fc_web_modal .image-wrapper .close {
    color: #fff;
    cursor: pointer;
    font-size: 30px;
    position: absolute;
    right: 15px;
    top: 10px;
    height: 30px;
    width: 30px
}

.fc_web_modal .article-modal {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    left: 50%;
    margin-top: 10px;
    max-height: 80%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    height: 600px;
    width: 600px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.fc_web_modal .article-modal .chat_double {
    font-size: 18px;
    margin: 0 1px 0 0;
    position: relative;
    vertical-align: middle
}

.fc_web_modal .article-modal .h-modal-notes {
    height: 100%;
    position: relative
}

.fc_web_modal .article-modal .h-modal-notes.with-footer {
    height: calc(100% - 62px)
}

.fc_web_modal .article-modal .h-modal-notes.expandedModal .modal-header {
    align-items: center;
    border-bottom: 1px solid #ebecf0;
    display: flex;
    padding: 25px 30px
}

.fc_web_modal .article-modal .h-modal-notes.expandedModal .modal-header .modal-title {
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.25;
    width: 85%
}

.fc_web_modal .article-modal .h-modal-notes.expandedModal .modal-header .h-close {
    border-radius: 20px;
    cursor: pointer;
    font-size: 24px;
    margin-right: 0;
    opacity: .5;
    padding: 6px;
    position: absolute;
    right: 30px
}

.fc_web_modal .article-modal .h-modal-notes.expandedModal .modal-header .h-close:hover {
    opacity: 1
}

.fc_web_modal .article-modal .h-modal-notes.expandedModal .modal-body {
    height: calc(100% - 62px);
    line-height: 1.4;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 25px 30px 0 25px
}

.fc_web_modal .article-modal .h-modal-notes.expandedModal .modal-body .bottom-gradient {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
    bottom: 0;
    height: 62px;
    position: -webkit-sticky;
    position: sticky
}

.fc_web_modal .article-modal .h-modal-notes.expandedModal .modal-body img {
    display: block;
    margin: 0 auto;
    max-height: 350px;
    max-width: 100%;
    min-width: 0;
    overflow: auto;
    padding: 16px 0;
    height: auto;
    width: unset
}

.fc_web_modal .article-modal .h-modal-notes.expandedModal .modal-body h1,.fc_web_modal .article-modal .h-modal-notes.expandedModal .modal-body h2,.fc_web_modal .article-modal .h-modal-notes.expandedModal .modal-body pre,.fc_web_modal .article-modal .h-modal-notes.expandedModal .modal-body a {
    text-align: left
}

.fc_web_modal .article-modal .h-modal-notes.expandedModal .modal-body ul,.fc_web_modal .article-modal .h-modal-notes.expandedModal .modal-body ol {
    margin: 16px 0 16px 8px
}

.fc_web_modal .article-modal .h-modal-notes.expandedModal .modal-body ul>li,.fc_web_modal .article-modal .h-modal-notes.expandedModal .modal-body ol>li {
    line-height: 1.3;
    padding-bottom: 8px;
    text-align: left
}

.fc_web_modal .article-modal .h-modal-notes.expandedModal .modal-body ol {
    counter-reset: chapter;
    display: table
}

.fc_web_modal .article-modal .h-modal-notes.expandedModal .modal-body ol>li {
    counter-increment: chapter;
    display: table-row
}

.fc_web_modal .article-modal .h-modal-notes.expandedModal .modal-body ol>li::before {
    content: counter(chapter) ".";
    padding-right: 4px;
    text-align: right
}

.fc_web_modal .article-modal .h-modal-notes.expandedModal .modal-body ul {
    list-style-position: initial;
    list-style-type: disc;
    margin-left: 24px;
    overflow: unset
}

.fc_web_modal .article-modal .h-modal-notes.expandedModal .modal-body ul>li::before {
    display: table-cell;
    font-size: .75rem;
    line-height: 12px;
    padding-right: 4px;
    text-align: right;
    vertical-align: baseline
}

.fc_web_modal .article-modal .h-modal-notes.expandedModal .modal-body ol>li::after {
    content: "";
    display: block;
    padding-bottom: 6px
}

.fc_web_modal .article-modal .h-modal-notes.expandedModal .modal-body pre {
    background-color: #eff7fd;
    border: 1px solid #979797;
    border-radius: 4px;
    color: #3a4b67;
    display: block;
    font-size: .875rem;
    line-height: 1.42857143;
    margin: 0 0 10px;
    padding: 9.5px;
    white-space: pre-wrap;
    word-wrap: break-word
}

.fc_web_modal .article-modal .h-modal-notes.expandedModal .modal-body a {
    color: #45a4ec
}

.fc_web_modal .article-modal .h-modal-notes.expandedModal .modal-body .fr-video {
    display: block
}

.fc_web_modal .article-modal .h-modal-notes.expandedModal .modal-body iframe {
    background: #000;
    display: block;
    margin: 4px auto;
    max-height: 350px;
    width: 100%
}

.fc_web_modal .article-modal .modal-footer {
    border-top: 1px solid #bcc2cb;
    color: #3a4b67;
    font-size: .875rem;
    height: 62px;
    width: 100%
}

.fc_web_modal .article-modal .modal-footer .article_vote_outer {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 16px 0;
    text-align: center;
    height: 100%;
    width: 100%
}

.fc_web_modal .article-modal .modal-footer .article_vote_outer .article_vote_content {
    padding: 0 16px 0
}

.fc_web_modal .article-modal .modal-footer .article_vote_outer .like_dislike_vote {
    height: 30px
}

.fc_web_modal .article-modal .modal-footer .article_vote_outer .like_dislike_vote .article_like,.fc_web_modal .article-modal .modal-footer .article_vote_outer .like_dislike_vote .article_dislike {
    border: 1px solid #ebecf0;
    border-radius: 14px;
    cursor: pointer;
    display: inline-block;
    margin-right: 4px;
    position: relative;
    height: 100%;
    width: 62px
}

.fc_web_modal .article-modal .modal-footer .article_vote_outer .like_dislike_vote .article_like .icon-ic_thumps_up,.fc_web_modal .article-modal .modal-footer .article_vote_outer .like_dislike_vote .article_like .icon-ic_thumps_down,.fc_web_modal .article-modal .modal-footer .article_vote_outer .like_dislike_vote .article_dislike .icon-ic_thumps_up,.fc_web_modal .article-modal .modal-footer .article_vote_outer .like_dislike_vote .article_dislike .icon-ic_thumps_down {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.fc_web_modal .article-modal .modal-footer .article_vote_outer .thank_you {
    padding: 8px
}

.fc_web_modal .article-modal .modal-footer .article_vote_outer.downVoted {
    justify-content: space-between;
    padding: 0
}

.fc_web_modal .article-modal .modal-footer .article_vote_outer.downVoted .thank_you {
    padding: 22px 12px
}

.fc_web_modal .article-modal .modal-footer .article_vote_outer.downVoted .h-message-us {
    padding-right: 12px;
    padding-top: 15px
}

.fc_web_modal .article-modal .modal-footer .article_vote_outer.downVoted .h-message-us .h-message-us-btn {
    background-color: unset;
    border: 1px solid #ebecf0;
    border-radius: 18px;
    color: #3a4b67;
    cursor: pointer;
    font-size: 12px;
    padding: 5px 12px
}

.fc_web_modal.inside-widget {
    background: none;
    border-radius: 0;
    bottom: 0;
    left: auto;
    margin: 20px;
    overflow: hidden;
    right: 0;
    top: auto;
    transform: none;
    width: 384px;
    height: calc(100% - 50px);
    width: 384px
}

.fc_web_modal.inside-widget.mobile-view {
    height: 100%;
    margin: 0;
    max-height: 100%;
    width: 100%
}

.fc_web_modal.external-article {
    background: #f4f5f7;
    border-radius: 0;
    left: 0;
    margin: 32px 18px;
    overflow: hidden;
    right: 0;
    top: 0;
    transform: none;
    height: calc(100% - 50px);
    width: 384px
}

.fc_web_modal.external-article .h-conv {
    height: 100%
}

.fc_web_modal.external-article .h-conv .faq-content {
    height: 100%
}

.fc_web_modal.external-article .h-conv .faq-content .h-header {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.fc_web_modal.external-article .h-conv .faq-content .h-header .article-view-header {
    height: 84px
}

.fc_web_modal.external-article .h-conv .faq-content .h-header .article-view-header .logo {
    display: flex;
    justify-content: normal;
    padding: 16px 12px;
    position: relative;
    width: 100%
}

.fc_web_modal.external-article .h-conv .faq-content .h-header .article-view-header .logo .ic-back {
    background-color: rgba(255,255,255,.1);
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    left: 12px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    height: 36px;
    width: 36px
}

.fc_web_modal.external-article .h-conv .faq-content .h-header .article-view-header .logo .ic-back i {
    color: #fff;
    font-size: 1rem;
    height: 14px;
    line-height: 36px;
    opacity: .6
}

.fc_web_modal.external-article .h-conv .faq-content .h-header .article-view-header .logo .category-title {
    margin: 2px 48px 2px
}

.fc_web_modal.external-article .h-conv .faq-content .h-header .article-view-header .logo .category-title .title {
    -webkit-box-orient: vertical;
    color: #fff;
    display: -webkit-box;
    font-size: 1rem;
    font-weight: 600;
    -webkit-line-clamp: 2;
    line-height: 19px;
    overflow: hidden
}

.fc_web_modal.external-article .h-conv .faq-content .body {
    background-image: none;
    height: calc(100% - 84px);
    position: relative
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list {
    height: 100%;
    padding: 0 .75rem
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-list-items {
    background: #fff;
    border-radius: 6px;
    box-shadow: 1px 1px 10px 2px rgba(0,0,0,.1);
    height: calc(100% + 20px - 12px);
    list-style-type: none;
    margin-bottom: 8px;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    top: -20px
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-list-items .empty-content {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-list-items .empty-content .info {
    line-height: 20px
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content {
    height: 100%
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed {
    height: 100%
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .article-header-section {
    display: none
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated {
    height: 100%
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 16px
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes.with-footer {
    height: calc(100% - 84px)
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body {
    color: #293b5a;
    font-size: .875rem;
    line-height: 21px
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body img {
    display: block;
    margin: 0 auto;
    max-height: 350px;
    max-width: 100%;
    min-width: 0;
    overflow: auto;
    padding: 16px 0;
    height: auto;
    width: unset
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body h1,.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body h2,.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body pre,.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body a {
    text-align: left
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body ul,.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body ol {
    background: none;
    box-shadow: none;
    margin: 16px 0 16px 8px
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body ul>li,.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body ol>li {
    line-height: 1.3;
    padding-bottom: 8px
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body ol {
    counter-reset: chapter;
    display: table
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body ol>li {
    counter-increment: chapter;
    display: table-row
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body ol>li::before {
    content: counter(chapter) ".";
    padding-right: 4px;
    text-align: right
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body ul {
    list-style-position: initial;
    list-style-type: disc;
    margin-left: 24px;
    overflow: unset
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body ul>li::before {
    display: table-cell;
    font-size: .75rem;
    line-height: 12px;
    padding-right: 4px;
    text-align: right;
    vertical-align: baseline
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body ol>li::after {
    content: "";
    display: block;
    padding-bottom: 6px
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body pre {
    background-color: #f4f5f7;
    border: 1px solid #bcc2cb;
    border-radius: 4px;
    color: #1f2b36;
    display: block;
    font-size: .875rem;
    line-height: 1.42857143;
    margin: 0 0 10px;
    padding: 9.5px;
    white-space: pre-wrap;
    word-wrap: break-word
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body a {
    color: #45a4ec
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body iframe {
    background: #000;
    max-height: 400px;
    max-width: 100%
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body .fr-video {
    display: block
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body .article-external-link {
    display: flex;
    padding: 10px 0
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body .article-external-link img {
    cursor: pointer;
    margin: 0;
    padding: 0 10px
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .modal-body a {
    color: #15c
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .bottom-gradient {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
    bottom: 84px;
    height: 62px;
    left: 0;
    position: absolute;
    width: 100%
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .h-modal-notes .bottom-gradient.fix_btm {
    bottom: 0
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .modal-footer {
    border-top: 1px solid #ebecf0;
    color: #3a4b67;
    display: table;
    font-size: .875rem;
    height: 84px;
    width: 100%
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 100%;
    width: 100%
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .article_vote_content {
    display: block;
    padding-bottom: 8px
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .like_dislike_vote,.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .voter-buttons {
    height: 30px
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .like_dislike_vote .article_like,.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .like_dislike_vote .article_dislike,.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .like_dislike_vote .article_vote,.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .voter-buttons .article_like,.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .voter-buttons .article_dislike,.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .voter-buttons .article_vote {
    border: 1px solid #ebecf0;
    border-radius: 14px;
    cursor: pointer;
    display: inline-block;
    margin-right: 4px;
    position: relative;
    height: 100%;
    width: 62px
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .like_dislike_vote .article_like i,.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .like_dislike_vote .article_dislike i,.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .like_dislike_vote .article_vote i,.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .voter-buttons .article_like i,.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .voter-buttons .article_dislike i,.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .voter-buttons .article_vote i {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .like_dislike_vote .article_like:hover,.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .like_dislike_vote .article_dislike:hover,.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .like_dislike_vote .article_vote:hover,.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .voter-buttons .article_like:hover,.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .voter-buttons .article_dislike:hover,.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .voter-buttons .article_vote:hover {
    background-color: #707c92;
    border: 0;
    color: #fff
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .h-message-us {
    display: flex;
    justify-content: center;
    padding-top: 8px
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .h-message-us .h-message-us-btn {
    background-color: unset;
    border: 1px solid #ebecf0;
    border-radius: 18px;
    color: #3a4b67;
    cursor: pointer;
    padding: 9px 22px
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .h-message-us .h-message-us-btn:hover {
    background-color: #707c92;
    border: 0;
    color: #fff
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .voter-buttons {
    align-items: center;
    display: flex;
    justify-content: center
}

.fc_web_modal.external-article .h-conv .faq-content .body .articles-list .article-content .fc_web_modal_closed .animated .modal-footer .article_vote_outer .voter-buttons .article_vote {
    align-items: center;
    display: flex;
    justify-content: center
}

.fc_web_modal.external-article .h-conv .loading-article {
    background-color: #fff;
    height: 100%
}

.fc_web_modal.mobile-view .article-modal {
    max-height: 90%;
    width: 100%
}

.hotline-launcher.h-open .viewport .widget-status {
    background-color: #ff5630;
    border-radius: 8px 8px 0 0;
    bottom: 0;
    box-shadow: 0 -2px 18px 0 rgba(209,209,209,.5);
    color: #fff;
    display: table;
    font-size: 12px;
    font-weight: 500;
    position: absolute;
    transition: all .3s ease-out;
    width: 100%;
    z-index: 1000
}

.hotline-launcher.h-open .viewport .widget-status .help-text {
    display: table-cell;
    padding: 1rem 0;
    text-align: center;
    transition: all .3s ease-out;
    vertical-align: middle
}

.hotline-launcher.h-open .viewport .widget-status .help-text .icon-ic_nointernet {
    font-size: 1rem;
    margin-right: 5px;
    position: relative;
    top: 2px
}

.hotline-launcher.h-open .viewport .widget-status .help-text .icon-ic_alert {
    font-size: 1rem;
    margin-right: 2px;
    position: relative;
    top: 2px
}

.hotline-launcher.h-open .viewport .widget-status .help-text .refresh-btn {
    align-items: center;
    border: 1px solid #fff;
    border-radius: 15px;
    color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    margin-top: 12px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    height: 30px;
    width: 92px
}

.hotline-launcher.h-open .viewport .widget-status .help-text .refresh-btn span {
    max-width: 84px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hotline-launcher.h-open .viewport .widget-status .help-text .refresh-btn.refreshing-btn {
    cursor: not-allowed;
    opacity: .4;
    width: 200px
}

.hotline-launcher.h-open .viewport .widget-status .help-text .refresh-btn.refreshing-btn span {
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hotline-launcher.h-open .viewport .widget-status .help-text .refresh-btn.refreshing-btn:hover {
    background-color: inherit;
    color: inherit
}

.hotline-launcher.h-open .viewport .widget-status .help-text .refresh-btn .icon-ic_refresh {
    margin-right: 5px
}

.hotline-launcher.h-open .viewport .widget-status .help-text .refresh-btn:hover {
    background-color: #fff;
    color: #ff5630
}

.hotline-launcher.h-open .viewport .widget-status .help-text.dn {
    padding: 0
}

.hotline-launcher.h-open .viewport .rate-limited-message .widget-status {
    background-color: #ffecf0;
    color: inherit;
    z-index: 999
}

.hotline-launcher.h-open .viewport .rate-limited-message .widget-status .refresh-btn {
    border: 1px solid #707c92;
    color: #091e42;
    width: 120px
}

.hotline-launcher.h-open .viewport .rate-limited-message .widget-status .refresh-btn span {
    max-width: 96px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.screen-reader-only {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.fc-mobile-close.minimize {
    background-color: rgba(255,255,255,.2);
    border-radius: 5px;
    opacity: .6;
    right: 12px;
    top: 1rem;
    z-index: 10000;
    height: 2rem;
    width: 2rem
}

.fc-mobile-close.minimize i.icon-ic_close {
    color: #fff
}

.minimize {
    align-items: center;
    background-color: #707c92;
    border-radius: 1rem;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 1rem;
    justify-content: center;
    opacity: .7;
    position: absolute;
    right: 20px;
    top: 25px;
    transition: opacity .2s;
    height: 25px;
    width: 25px;
    padding: 3px;
    z-index: 100;
}

.minimize:hover {
    opacity: 1
}

.hide-close-icon {
    display: none
}

.calendar-picker-minified .calendar-picker-header {
    height: 38px;
    margin-bottom: 12px
}

.calendar-picker-minified .calendar-picker-header .cal-header-left {
    display: inline-block;
    margin-bottom: 6px;
    max-width: 100%
}

.calendar-picker-minified .calendar-picker-header .cal-header-left .schedule-a-demo-text {
    font-weight: bold;
    margin-left: 25px;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.calendar-picker-minified .calendar-picker-header .cal-header-tw {
    font-size: .75rem;
    margin-left: 5px;
    opacity: .5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.calendar-picker-minified .calendar-picker-header.email-input-view {
    height: 25px;
    margin-bottom: 0
}

.calendar-picker-minified .calendar-slots-not-av {
    background: #fff;
    border-radius: 4px;
    color: red;
    height: 40px;
    padding: 11px;
    text-align: center
}

.calendar-picker-minified .calendar-picker-body {
    background-color: #fff;
    border-radius: 4px;
    color: #000;
    margin-top: 10px
}

.calendar-picker-minified .calendar-picker-body .cal-picker-weekday {
    padding: 12px 12px 0 12px
}

.calendar-picker-minified .calendar-picker-body .calendar-picker-actions {
    color: #898989
}

.calendar-picker-minified .calendar-picker-body .calendar-picker-actions .calendar-tz-action {
    cursor: pointer;
    padding: 12px 0 12px 0;
    text-align: center;
    text-decoration: underline
}

.calendar-picker-minified .calendar-picker-body .calendar-picker-actions .calendar-show-more {
    border-bottom: 1px solid #e1e2e6;
    color: #1e68c6;
    cursor: pointer;
    padding: 8px 12px 16px 12px
}

.calendar-picker-minified .calendar-picker-body .calendar-picker-actions.is-loading {
    padding-top: 15px
}

.calendar-picker-minified .calendar-cancel-action {
    cursor: pointer;
    font-size: 14px;
    opacity: .5;
    padding: 12px 0 12px 0;
    text-align: center
}

.calendar-picker-minified .cal-picker-email-view {
    border-top: 1px solid rgba(255,255,255,.12)
}

.calendar-picker-minified .cal-picker-email-view .email-next-label {
    font-size: 14px;
    font-weight: bold;
    opacity: .5;
    padding: 12px 0 12px 0;
    text-align: center
}

.calendar-picker-minified .cal-picker-email-view .email-next-label.active {
    opacity: 1
}

.calendar-picker-minified .cal-picker-email-view .email-next-label.active:hover {
    cursor: pointer
}

.calendar-picker-minified .cal-picker-email-view .email-input-container {
    background: #fff;
    border-radius: 4px;
    height: 2.5rem;
    padding: 0 0 0 12px;
    width: 100%
}

.calendar-picker-minified .cal-picker-email-view .email-input-container input {
    border: none;
    font-size: .875rem;
    height: 2.5rem;
    width: 100%
}

.calendar-picker-minified .cal-picker-email-view .email-input-container input:focus {
    border: none;
    outline: none
}

.calendar-picker-minified .cal-picker-email-view .email-input-container input::placeholder {
    font-size: .875rem
}

.calendar-picker-minified .cal-picker-email-view .email-input-container div.email-action {
    align-items: center;
    box-shadow: 0 0 7px 0 rgba(0,0,0,.08);
    color: #000;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    position: relative;
    width: 15%
}

.calendar-picker-minified .cal-picker-email-view .email-input-container div.email-input {
    float: left;
    width: 85%
}

.calendar-picker-minified .cal-picker-email-view .email-input-container div.email-input.invalid-email input {
    color: #de350a
}

.calendar-picker-minified .cal-picker-email-view .email-input-container .update-email:hover {
    cursor: pointer
}

.calendar-picker-minified .cal-confirmation-div {
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    padding: 12px 0 12px 0;
    text-align: center;
    text-transform: capitalize
}

.calendar-picker-minified .cal-confirmation-div.disabled {
    opacity: .5;
    pointer-events: none
}

.calendar-picker-minified .cal-picker-conf-view {
    background-color: #fff;
    border-radius: 4px;
    color: #000;
    height: 174px;
    margin-top: 10px;
    padding: 16px
}

.calendar-picker-minified .cal-picker-conf-view .participants img {
    border-radius: 20px;
    height: 42px;
    width: 42px
}

.calendar-picker-minified .cal-picker-conf-view .participants div.agent-segment {
    float: left;
    padding-right: 10px;
    text-align: right;
    width: 50%
}

.calendar-picker-minified .cal-picker-conf-view .participants div.user-segment {
    display: inline-block;
    padding-left: 10px;
    text-align: left;
    width: 50%
}

.calendar-picker-minified .cal-picker-conf-view .participants div.user-segment .cal-user-name {
    padding-left: 10px;
    word-wrap: break-word
}

.calendar-picker-minified .cal-picker-conf-view .meeting-time {
    color: #1e68c6;
    cursor: pointer;
    font-size: .875em;
    font-weight: bold;
    padding: 6px;
    text-align: center;
    text-decoration: underline
}

.calendar-picker-minified .cal-picker-conf-view .meeting-date {
    font-size: .875em;
    padding: 6px;
    text-align: center
}

.calendar-picker-minified .cal-picker-conf-view .time-zone {
    padding: 6px;
    text-align: center
}

.calendar-picker-minified .cal-picker-conf-view .confirm-button-holder {
    padding: 6px;
    text-align: center
}

.calendar-picker-minified .cal-picker-conf-view .confirm-button-holder .cal-confirm-button {
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    height: 38px;
    width: 81px
}

.calendar-picker-minified .cal-picker-conf-view .cal-reschedule {
    cursor: pointer;
    opacity: .5;
    text-align: center;
    text-decoration: underline
}

.calendar-picker-minified .cal-picker-conf-view .event-participant-avatar>.avatar-content-wrap {
    border-radius: 50%;
    display: inline-block;
    height: 42px;
    overflow: hidden;
    vertical-align: baseline;
    width: 42px
}

.calendar-picker-minified .ic-calendar {
    display: block;
    height: 18px;
    left: 20px;
    position: absolute;
    width: 13px
}

.calendar-picker-minified .ic-calendar.cp-mini {
    display: inline-block;
    vertical-align: middle
}

.calendar-picker-minified .ic-goto-next-screen {
    color: #0053bf;
    cursor: pointer;
    height: 1rem;
    width: .5rem
}

.calendar-picker-minified .ic-empty-input {
    height: 1rem;
    opacity: .5;
    width: .5rem
}

.calendar-picker-minified .ic-invalid-input {
    color: #de350a;
    cursor: pointer;
    height: 1rem;
    width: 1rem
}

.calendar-picker-minified .ic-calendar-session {
    cursor: pointer;
    display: inline-block;
    height: 15px;
    vertical-align: text-bottom;
    width: 15px
}

.cal-time-slot-triplet .cal-time-slot {
    border: 1px solid #e1e2e6;
    border-top: 0
}

.cal-time-slot-triplet .cal-time-slot:nth-child(2) {
    border-left: 0;
    border-right: 0
}

.cal-time-slot-quad .cal-time-slot {
    border: 1px solid #e1e2e6;
    border-top: 0
}

.cal-time-slot-quad .cal-time-slot:nth-child(2) {
    border-left: 0
}

.cal-time-slot-quad .cal-time-slot:nth-child(3) {
    border-left: 0;
    border-right: 0
}

.cal-time-slot-quad:first-child .cal-time-slot {
    border-top: 1px solid #e1e2e6
}

.cal-picker-nav {
    border-bottom: 1px solid #ebecf0;
    color: #3a4b67;
    height: 2.5rem;
    padding: .875rem .625rem 0;
    width: 100%
}

.cal-picker-nav .cal-nav-left {
    float: right
}

.cal-picker-nav .cal-picker-title {
    display: inline-block;
    font-weight: bold;
    line-height: 1.2
}

.cal-picker-nav .cal-meeting-length {
    float: right;
    line-height: 1.2
}

.cal-weekday-details .cal-weekday-date {
    font-size: 12px;
    margin-left: 2px;
    opacity: .5
}

.cal-weekday-details .cal-weekday-name {
    font-size: 14px;
    font-weight: bold
}

.cal-time-slots {
    padding-top: 10px
}

.cal-time-slots.pad-quad {
    padding-bottom: 20px;
    padding-top: 20px
}

.cal-time-slots .session-name {
    background-color: #e1e2e6;
    border-radius: 4px 4px 0 0;
    color: rgba(9,30,66,.74);
    height: 24px;
    padding: 4px;
    padding-left: 9px;
    padding-top: 5px;
    width: 100%
}

.cal-time-slots .session-name.picker-max {
    width: 100%
}

.cal-time-slots .session-name .session-name-text {
    margin-left: 0;
    padding-left: 4px
}

.cal-time-slots .cal-time-slot-triplet .cal-time-slot {
    color: #4b5a75;
    cursor: pointer;
    display: table-cell;
    height: 40px;
    text-align: center;
    text-transform: lowercase;
    vertical-align: middle;
    width: 77px
}

.cal-time-slots .cal-time-slot-triplet .cal-time-slot:hover {
    color: #fff;
    cursor: pointer
}

.cal-time-slots .cal-time-slot-triplet.maximize-triplet-slot .cal-time-slot.maximize-slot {
    width: 22.5%
}

.cal-time-slots .cal-time-slot-triplet:last-child :last-child {
    border-right: 1px solid #e1e2e6
}

.cal-time-slots .cal-time-slot-triplet.loading:first-child .cal-time-slot {
    border-top: 1px solid #e1e2e6
}

.cal-time-slots .cal-time-slot-quad .cal-time-slot {
    color: #4b5a75;
    cursor: pointer;
    display: table-cell;
    height: 40px;
    text-align: center;
    text-transform: lowercase;
    vertical-align: middle;
    width: 83px
}

.cal-time-slots .cal-time-slot-quad .cal-time-slot:hover {
    color: #fff;
    cursor: pointer
}

.cal-time-slots .cal-time-slot-quad.maximize-quad-slot .cal-time-slot.maximize-slot {
    width: 15%
}

.cal-time-slots .cal-time-slot-quad:last-child :last-child {
    border-right: 1px solid #e1e2e6
}

.cal-time-slots .fc-widget-small .cal-time-slot-triplet .cal-time-slot {
    width: 61px
}

.cal-time-slots .fc-widget-small .cal-time-slot-triplet:last-child :last-child:nth-child(2) {
    width: 61px
}

.cal-time-slots .fc-widget-small .cal-time-slot-quad .cal-time-slot {
    width: 61px
}

.ic-cal-back {
    height: 18px;
    vertical-align: text-bottom;
    width: 10px
}

.ic-cal-back.clickable {
    cursor: pointer
}

.cal-timings-scroll {
    height: calc(100% - 2.5rem);
    overflow-y: scroll;
    padding: 20px 20px 20px 30px
}

.is-loading-weekday {
    background: #e1e2e6;
    border-radius: 10px;
    display: inline-block;
    height: 10px;
    width: 86px
}

.is-loading-weekday-name {
    background: #e1e2e6;
    border-radius: 10px;
    display: inline-block;
    height: 10px;
    opacity: .5;
    width: 50px
}

.is-loading-timeslot {
    background: #e1e2e6;
    border-radius: 6px;
    display: inline-block;
    height: 10px;
    opacity: .7;
    width: 80%
}

.calendar-action-is-loading {
    background: #e1e2e6;
    border-radius: 6px;
    display: inline-block;
    height: 6px;
    opacity: .5;
    width: 32px
}

.calendar-action-is-loading.right {
    float: right;
    margin-top: 2px
}

.timezone-picker .timezone-picker-header {
    height: 30px;
    padding-left: 12px
}

.timezone-picker .timezone-picker-header .cal-tz-existing {
    margin-left: 12px
}

.timezone-picker .timezone-picker-body {
    background: #fff;
    border-radius: 4px
}

.timezone-picker .timezone-picker-body .time-zones-container {
    color: rgba(9,30,66,.74);
    height: 200px;
    overflow-y: scroll
}

.timezone-picker .timezone-picker-body .time-zones-container .time-zone-list-item {
    cursor: pointer;
    padding: 12px
}

.timezone-picker .timezone-picker-body .time-zones-container .time-zone-list-item:hover {
    background-color: #f4f5f7
}

.timezone-picker .timezone-picker-body .time-zones-container .time-zone-list-item[aria-selected=true] {
    background-color: #45a4ec;
    border-radius: 6px
}

.timezone-picker .timezone-picker-body .time-zone-search-bar {
    border: 1px solid rgba(9,30,66,.12);
    padding-left: 12px
}

.timezone-picker .timezone-picker-body .time-zone-search-bar .time-zone-input {
    border: none;
    font-size: 14px;
    height: 40px;
    width: 100%
}

.timezone-picker .timezone-picker-body .time-zone-search-bar .time-zone-input:focus {
    border: none;
    outline: none
}

.meeting-frag-holder {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 6px 0 rgba(0,0,0,.05);
    display: inline-block;
    float: left;
    font-size: 1rem;
    line-height: 1.25
}

.meeting-frag-holder .event-status-text .ic-calendar-scheduled {
    display: block;
    height: 18px;
    left: 20px;
    margin-right: 4px;
    position: absolute;
    width: 13px
}

.meeting-frag-holder .event-status-text .ic-calendar-scheduled.cp-mini {
    display: inline-block;
    position: unset;
    vertical-align: middle
}

.event-fragment {
    padding: 0 4px 4px 4px;
    width: 16rem
}

.event-fragment .event-header {
    padding-top: 2px
}

.event-fragment .event-header .event-status {
    font-weight: bold;
    padding: 12px 0 4px 0;
    text-align: center
}

.event-fragment .event-header .event-status .event-status-text {
    font-size: 14px;
    text-align: center
}

.event-fragment .event-header .event-duration {
    font-size: 12px;
    margin-bottom: 12px;
    text-align: center
}

.event-fragment .event-body {
    background-color: #fff;
    border-radius: 4px;
    height: 160px;
    text-align: center
}

.event-fragment .event-body .event-participants {
    padding: 16px 0 0 0
}

.event-fragment .event-body .event-participants div.agent-segment {
    float: left;
    padding-right: 10px;
    text-align: right;
    width: 50%
}

.event-fragment .event-body .event-participants div.agent-segment .cal-agent-name {
    word-wrap: break-word
}

.event-fragment .event-body .event-participants div.user-segment {
    display: inline-block;
    padding-left: 10px;
    text-align: left;
    width: 50%
}

.event-fragment .event-body .event-participants div.user-segment .cal-user-name {
    padding-left: 10px;
    word-wrap: break-word
}

.event-fragment .event-body .event-participants .event-participant-avatar {
    border-radius: 20px;
    height: 42px;
    width: 42px
}

.event-fragment .event-body .event-participants .event-participant-avatar>.avatar-content-wrap {
    border-radius: 50%;
    display: inline-block;
    height: 42px;
    overflow: hidden;
    vertical-align: baseline;
    width: 42px
}

.event-fragment .event-body .participant-name {
    color: rgba(9,30,66,.74);
    font-size: 12px;
    font-weight: bold;
    padding: 4px;
    text-align: center
}

.event-fragment .event-body .event-timings {
    font-size: 12px;
    font-weight: bold;
    padding: 4px 0 4px 0
}

.event-fragment .event-body .event-timings.actionable {
    cursor: pointer;
    text-decoration: underline
}

.event-fragment .event-body .event-timings a {
    color: #0053bf
}

.event-fragment .event-body .event-date {
    font-size: 14px;
    padding: 6px 0 4px 0
}

.event-fragment .event-footer {
    color: rgba(9,30,66,.74);
    font-size: 12px;
    margin-top: 8px;
    text-align: center
}

.odd .meeting-frag-holder {
    float: right
}

.custom-tooltip {
    border-radius: 50%;
    color: #de350a;
    display: inline-block;
    font-weight: bold;
    left: -24px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    height: 18px;
    width: 18px
}

.custom-tooltip .tooltiptext {
    background-color: #091e42;
    border-radius: 6px;
    bottom: 150%;
    color: #eff7fd;
    font-size: 12px;
    font-style: initial;
    left: 50%;
    margin-left: -65px;
    padding: 5px;
    position: absolute;
    text-align: center;
    visibility: hidden;
    width: 120px;
    z-index: 1
}

.custom-tooltip .tooltiptext.calendar-tooltip {
    bottom: 50%;
    left: 95%
}

.custom-tooltip .tooltiptext::after {
    border-color: #000 transparent transparent transparent;
    border-style: solid;
    border-width: 5px;
    content: "";
    left: 50%;
    margin-left: -5px;
    position: absolute;
    top: 100%
}

.custom-tooltip:hover .tooltiptext {
    visibility: visible
}

.fc-carousel {
    color: rgba(9,30,66,.87);
    font-size: 12px;
    height: 100%;
    width: 100%
}

.fc-carousel-wrapper {
    border-radius: 6px;
    z-index: 100
}

.fc-carousel__title {
    color: rgba(9,30,66,.87);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    overflow: hidden;
    padding: 16px 3.725%;
    padding-bottom: 0
}

@media only screen and (min-width: 548px) {
    .fc-carousel__title {
        padding:16px calc(3.125% + 12px)
    }
}

.fc-carousel__viewport {
    padding: 0;
    padding-bottom: 10px;
    position: relative;
    width: 100%
}

.fc-carousel__navigations {
    align-items: center;
    display: flex
}

.fc-carousel__navigation {
    align-items: center;
    background: #fff;
    border: 0;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0,0,0,.32);
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    line-height: 12px;
    outline: none;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .5s;
    width: 32px;
    z-index: 1
}

.fc-carousel__navigation:hover,.fc-carousel__navigation:focus,.fc-carousel__navigation:active {
    background: #fff;
    border: 0;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0,0,0,.32);
    outline: none
}

.fc-carousel__navigation--right {
    right: 1rem
}

.fc-carousel__navigation--right-icon {
    transform: rotate(180deg)
}

.fc-carousel__navigation--left {
    left: 1rem
}

.fc-carousel-cards {
    align-items: stretch;
    display: flex;
    overflow: hidden;
    padding: 0;
    padding-left: 3.125%;
    transition: all .4s;
    width: 100%
}

.fc-widget-small .fc-carousel-cards {
    padding-left: 10.125%
}

.fc-carousel-card__wrapper {
    flex: none;
    margin: 0 !important;
    max-width: 250px;
    padding: 0 1.675%;
    position: relative;
    width: 82%
}

.fc-widget-small .fc-carousel-card__wrapper {
    width: 106%
}

@media only screen and (min-width: 548px) {
    .fc-carousel-card__wrapper {
        padding:24px 12px
    }
}

.fc-carousel-card__wrapper:last-child {
    padding-right: 16px;
    width: calc(82% + 8px)
}

.fc-widget-small .fc-carousel-card__wrapper:last-child {
    width: calc(106% + 8px)
}

@media only screen and (min-width: 548px) {
    .fc-carousel-card__wrapper:last-child {
        padding-right:12px
    }
}

.fc-carousel-card {
    background: #fff;
    border: 1px solid #ebeff3;
    border-radius: 4px;
    color: rgba(9,30,66,.87);
    display: flex;
    flex: 1;
    flex-direction: column;
    font-size: 12px;
    height: 100%;
    overflow: hidden;
    padding-bottom: 5px;
    position: relative;
    transition: all .3s;
    transition-delay: .1s;
    width: 100%
}

@media only screen and (min-width: 548px) {
    .fc-carousel-cards .fc-carousel-card:hover {
        box-shadow:0 0 10px rgba(0,0,0,.24);
        transform: scale(1.05)
    }
}

.fc-carousel-card--readonly {
    border: 1px solid #e1e2e6;
    box-shadow: none;
    flex: none;
    width: 210px
}

.fc-carousel-card__image-container {
    align-items: center;
    background: #f4f5f7;
    display: flex;
    height: 250px;
    justify-content: center;
    min-height: 190px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.fc-carousel-card__image-container::after {
    content: "";
    display: block;
    margin-top: 100%
}

.fc-carousel-card__image {
    bottom: -1000%;
    left: -1000%;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
    object-fit: cover;
    position: absolute;
    right: -1000%;
    top: -1000%;
    width: 100%
}

.fc-carousel-card__image-error {
    align-items: center;
    background-color: transparent;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    min-height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.fc-carousel-card__link {
    border-radius: 30px;
    color: #0053bf;
    text-decoration: none
}

.fc-carousel-card__button {
    margin-top: auto !important
}

.fc-carousel-card__button,.fc-carousel-card__link {
    align-items: center;
    display: flex;
    font-size: 12px;
    height: 32px;
    justify-content: center;
    margin: 3px 12px;
    text-align: center;
    width: auto
}

.fc-widget-small .fc-carousel-card__button,.fc-widget-small .fc-carousel-card__link {
    height: 30px
}

@media only screen and (min-width: 548px) {
    .fc-widget-small .fc-carousel-card__button,.fc-widget-small .fc-carousel-card__link {
        height:34px
    }
}

.fc-carousel-card__button-text,.fc-carousel-card__link-text {
    line-height: 1.2;
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fc-carousel-card__button-selected,.fc-carousel-card__link-selected {
    height: 15px;
    vertical-align: middle
}

.fc-carousel-card__selected-icon {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 16px 0 14px
}

.fc-carousel-card__title {
    color: rgba(9,30,66,.87);
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    margin: 14px 12px 12px 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fc-carousel-card__text {
    -webkit-box-orient: vertical;
    color: rgba(9,30,66,.87);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-height: 14px;
    margin: 12px;
    max-height: 28px;
    overflow: hidden
}

.fc-carousel-card__readonly-text {
    -webkit-line-clamp: 4;
    max-height: 58px !important
}

.fc-carousel-card__sub-title {
    margin: -7px 12px 12px 12px
}

.fc-carousel-sent-msg__inner {
    align-items: center;
    display: flex;
    font-size: 14px;
    padding: 5px 16px
}

.fc-carousel-sent-msg__image {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-right: 12px
}

.fc-carousel-message-bubble {
    padding: 0 !important
}

.fc-carousel-card__message-bubble {
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important
}

.fc-carousel-sent__message-bubble {
    border-radius: 4px !important;
    padding: 5px !important
}

.fc-carousel-sent__message-bubble .fc-carousel-sent-msg {
    border: 1px solid rgba(9,30,66,.12);
    border-radius: 2px;
    padding: 9px
}

.fc-carousel-sent__message-bubble .fc-carousel-sent-msg__inner {
    font-size: 14px;
    padding: 0
}

.fc-carousel-sent__message-bubble .fc-carousel-sent-msg__image {
    margin-right: 8px
}

.inbox-convo-chat .chat-container-wrap.odd div.chat-container div.chat-messages.multiple ul li .comment.fc-carousel-sent__message-bubble,div.inbox-convo-chat div.chat-container-wrap.odd div.chat-container div.chat-messages.multiple ul li:last-child .comment.fc-carousel-sent__message-bubble {
    border-radius: 4px !important;
    padding: 5px !important
}

.h-chat-custom .odd div.h-comment.fc-carousel-message-bubble {
    background-color: transparent !important
}

.fc-widget-small .fc-carousel-readonly .fc-carousel__navigation--right {
    right: 4rem
}

.fc-widget-small .fc-carousel-readonly .fc-carousel__navigation--left {
    left: 0
}

.fc-carousel-readonly .fc-carousel-cards {
    padding-left: 0
}

.fc-carousel-readonly .fc-carousel__viewport {
    width: 300px
}

.fc-carousel-readonly .fc-carousel-card__wrapper {
    padding-bottom: 2px;
    padding-top: 4px;
    width: auto
}

.fc-carousel-readonly .fc-carousel-card__wrapper:first-child {
    padding-left: 2px
}

.ui-agent-typing-indicator {
    align-items: center;
    background-color: #ebebeb;
    border-radius: 13px 13px 13px 4px;
    display: flex;
    flex-flow: row nowrap;
    height: 26px;
    justify-content: center;
    width: 40px
}

.ui-agent-typing-indicator .indicator-dot {
    background-color: #091e42;
    border-radius: 50%;
    display: block;
    height: 6px;
    margin: 1px;
    opacity: .4;
    width: 6px
}

.ui-agent-typing-indicator .indicator-dot:nth-of-type(1) {
    animation: 1s agentTypingIndicatorBlink infinite .3333s
}

.ui-agent-typing-indicator .indicator-dot:nth-of-type(2) {
    animation: 1s agentTypingIndicatorBlink infinite .6666s
}

.ui-agent-typing-indicator .indicator-dot:nth-of-type(3) {
    animation: 1s agentTypingIndicatorBlink infinite .9999s
}

@keyframes agentTypingIndicatorBlink {
    50% {
        opacity: 1
    }
}

.fc-widget-small .ui-agent-typing-indicator {
    height: 22px;
    width: 35px
}

.fc-widget-small .ui-agent-typing-indicator .indicator-dot {
    height: 5px;
    width: 5px
}

.h-conv-chat .ui-agent-typing-indicator {
    margin-bottom: .25rem;
    transition: all .3s
}

.h-conv-chat .ui-agent-typing-indicator.hidden {
    height: 0;
    margin: 0;
    width: 0
}

.h-conv-chat .ui-agent-typing-indicator.hidden .indicator-dot {
    display: none
}

.h-conv-chat .ui-agent-typing-indicator-wrap {
    clear: both;
    padding-left: 28px
}

body[dir=rtl] .h-conv-chat .ui-agent-typing-indicator-wrap {
    padding-left: 0;
    padding-right: 33px
}

body[dir=rtl] .h-conv-chat .ui-agent-typing-indicator-wrap .ui-agent-typing-indicator {
    border-radius: 13px 13px 4px 13px
}

.h-categories .enabled-agent-typing-indicator .welcome-text {
    position: relative
}

.h-categories div.ui-agent-typing-indicator {
    background-color: #fff;
    height: 100%;
    justify-content: flex-start;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.h-categories div.ui-agent-typing-indicator.hidden {
    display: none
}

.h-categories div.ui-agent-typing-indicator span.indicator-dot {
    background-color: #091e42
}

.h-categories .channel-list>li:hover .ui-agent-typing-indicator {
    background-color: #f2f5f7
}

.chip {
    background-color: #fff;
    border: 1px solid #bcc2cb;
    border-radius: 14px;
    box-shadow: 0 2px 11px 0 rgba(0,0,0,.17);
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    transition: opacity .5s ease-in-out
}

.chip:hover {
    background-color: #707c92;
    color: #fff
}

.chip__content {
    display: inline-block;
    padding: 8px
}

.dropdown-list {
    font-size: 14px
}

.dropdown-list .dropdown-item>* {
    pointer-events: none
}

.dropdown-list .dropdown-list-item {
    flex: 1;
    line-height: 1.2
}

html.fc-widget-normal .ember-basic-dropdown-content.actions-menu,html.fc-widget-small .ember-basic-dropdown-content.actions-menu {
    box-shadow: 0 2px 3px rgba(0,0,0,.06),0 2px 20px rgba(24,50,71,.16);
    width: 200px
}

.actions-button-dropdown {
    background-color: #f5f7f9;
    border-top: 1px solid #ebeff3;
    display: flex;
    height: 45px;
    padding: 4px 8px
}

.actions-button-dropdown .actions-button-region {
    display: flex
}

.actions-button-dropdown .actions-button-region .h-img-button:first-of-type:not(:only-of-type) {
    flex-shrink: 0;
    max-width: 150px
}

.actions-button-dropdown .actions-button-region .h-img-button.disabled {
    border: 1px solid #92a2b1 !important;
    color: #92a2b1;
    cursor: not-allowed;
    pointer-events: none
}

.actions-button-dropdown .actions-button-region .otp-timer {
    font-size: 14px;
    margin: 10px 0 0 8px
}

.fc-multi-select {
    align-items: center;
    background: #fff;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 15px
}

.fc-multi-select__selected {
    color: #3a4b67;
    margin-bottom: 4px
}

.fc-multi-select__actions {
    align-items: center;
    display: flex;
    justify-content: space-evenly
}

.select-box {
    border: solid 1px #ebeff3;
    border-radius: 4px;
    display: flex;
    padding: .5rem
}

.select-box .select-box-trigger {
    display: flex;
    flex: 1
}

.select-box .select-box-trigger .select-box-input-container {
    display: flex;
    flex: 1;
    flex-flow: wrap
}

.select-box .select-box-trigger .select-box-input-container .select-box-input {
    border: none;
    flex: 1;
    margin-left: 3px
}

.select-box .select-box-trigger .select-box-input-container .select-box-input:focus-visible {
    outline: none
}

.select-box .select-box-trigger .screen-reader-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.select-box .select-box-trigger .dropdown-icon {
    cursor: pointer;
    flex-basis: inherit;
    padding: 8px
}

.multi-select-option {
    background: #ebeff3;
    border-radius: 4px;
    color: #091e42;
    display: inline-flex;
    font-size: 13px;
    margin: .25rem
}

.multi-select-option--name {
    padding: 8px 4px 8px 8px
}

.multi-select-option--remove {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-weight: 600;
    padding: 5px 8px 7px
}

.multi-select-option--remove:hover {
    background-color: #cfd7df
}

.bot-feedback-poll {
    align-items: center;
    background: #f4f5f7;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 12px;
    position: absolute;
    width: 100%
}

#bot-feedback-rating .rate {
    margin: .2em
}

#bot-feedback-rating .align-middle {
    padding: .7em 0
}

.bot-feedback-comment .err-feeback-comment {
    background: #fff;
    padding-bottom: .25em;
    padding-left: 1em;
    width: 100%
}

.bot-feedback-comment .validation-error-info {
    align-items: center;
    color: #de350a;
    display: flex
}

.bot-feedback-comment .validation-error-info span:last-child {
    padding-left: .25em
}

html.fc-widget-normal .ember-basic-dropdown-content.actions-menu,html.fc-widget-small .ember-basic-dropdown-content.actions-menu {
    box-shadow: 0 2px 3px rgba(0,0,0,.06),0 2px 20px rgba(24,50,71,.16);
    width: 200px
}

.actions-button-dropdown {
    background-color: #f5f7f9;
    border-top: 1px solid #ebeff3;
    display: flex;
    height: 45px;
    padding: 4px 8px
}

.actions-button-dropdown .actions-button-region {
    display: flex
}

.actions-button-dropdown .actions-button-region .h-img-button:first-of-type:not(:only-of-type) {
    flex-shrink: 0;
    max-width: 150px
}

.actions-button-dropdown .actions-button-region .h-img-button.disabled {
    border: 1px solid #92a2b1 !important;
    color: #92a2b1;
    cursor: not-allowed;
    pointer-events: none
}

.actions-button-dropdown .actions-button-region .otp-timer {
    font-size: 14px;
    margin: 10px 0 0 8px
}

.iti__flag {
    background-image: url(https://assetscdn-wchat.eu.freshchat.com/static/assets/flags.007b2705c0a8f69dfdf6ea1bfa0341c9.png)
}

@media(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .iti__flag {
        background-image:url(https://assetscdn-wchat.eu.freshchat.com/static/assets/flags.007b2705c0a8f69dfdf6ea1bfa0341c9.png)
    }
}

.phone-number-code {
    line-height: 0 !important;
    overflow-y: unset !important;
    padding: 1rem 5.625rem 1rem 1rem !important
}

.phone-number-code #phone-number-code {
    width: 350px
}

.phone-number-code #phone-number-code,.phone-number-code #phone-number-code:focus-visible {
    border: none
}

.phone-number-code .iti--allow-dropdown input,.phone-number-code .iti--allow-dropdown input:focus-visible {
    border: none;
    outline: none
}

.phone-number-code .iti__arrow {
    background-image: url(https://assetscdn-wchat.eu.freshchat.com/static/assets/arrow_down.cfb3ec11e28040edfa1f4b2999c9c0c4.svg);
    background-position: 0 5px;
    background-repeat: no-repeat;
    border-bottom: none;
    border-right: 1px solid #cfd7df;
    border-top: none;
    box-sizing: content-box;
    height: 20px;
    margin-left: 1px;
    order: 1;
    padding-right: 4px;
    width: 13px
}

.phone-number-code .iti__arrow--up {
    background-image: url(https://assetscdn-wchat.eu.freshchat.com/static/assets/arrow_up.ece9b70d731c3ddb3bff8e78a626cc4f.svg);
    background-position: 0 3px;
    height: 20px;
    width: 13px
}

.phone-number-code .iti__flag-container {
    bottom: 0;
    min-width: 65px;
    padding: 1px;
    position: absolute;
    top: 0
}

.phone-number-code .iti__selected-flag {
    outline-style: none;
    padding: 0 3px 0 0
}

.phone-number-code .iti__country-list--dropup {
    bottom: 100%
}

.phone-number-code .iti__country-list {
    background-color: #fff;
    border: 1px solid #ebeff3;
    border-radius: 8px;
    box-shadow: -15px 20px 40px rgba(0,0,0,.04);
    left: -15px;
    margin: 0 0 22px 0;
    max-height: 232px;
    overflow-y: auto;
    padding: 8px;
    position: absolute;
    text-align: left;
    width: 89.5vw;
    z-index: 1000
}

.phone-number-code .iti__active {
    background-color: #e5f2fd
}

.phone-number-code .iti ul li:hover {
    background-color: inherit;
    color: inherit;
    padding-left: 14px
}

.phone-number-code .iti ul li.iti__highlight {
    background-color: #ebeff3
}

.phone-number-code .iti__divider {
    border-bottom: 1px solid #f1f1f1;
    border-radius: 0;
    margin-bottom: 1px;
    padding: 0
}

.phone-number-code .iti__flag-box,.phone-number-code .iti__country-name {
    color: #12344d;
    margin-right: 11px
}

.phone-number-code .iti__flag-box,.phone-number-code .iti__country-name,.phone-number-code .iti__dial-code {
    vertical-align: middle
}

.phone-number-code .iti~#alert-text {
    left: 12px;
    top: -17px
}

.phone-number-code .iti__dial-code {
    color: #12344d
}

.phone-number-code .iti__selected-dial-code {
    float: right;
    font-size: 14px;
    margin-left: 4px;
    order: 1
}

.phone-number-code .iti__selected-flag .iti__flag {
    order: 0
}

.phone-number-code .iti--separate-dial-code .iti__selected-flag {
    background-color: #fff
}

.phone-number-code .iti--separate-dial-code .iti__selected-flag:hover {
    background-color: #fff
}

.phone-number-code .iti__country {
    border-bottom: none;
    border-radius: 4px;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    outline: none;
    padding: 10px 14px
}

.phone-number-code .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: #fff
}

.phone-number-code.validation-error {
    border: 1px solid #de350a;
    border-radius: 4px;
    color: #de350a !important
}

.phone-number-code.validation-error #phone-number-code {
    color: #de350a !important
}

.phone-number-code.validation-error .iti__arrow {
    border-right-color: #de350a
}

.phone-number-code .rm-text-decorator {
    text-decoration: none
}

.phone-number-code .mobile-phone-input {
    width: 100% !important
}

.iti--container {
    left: 18px !important;
    top: 20px !important
}

.fc-mobile-view .iti--container {
    left: 21px !important;
    top: -236px !important
}

.fc-mobile-view .iti__country-list {
    width: 96.5vw
}

.fc-mobile-view .iti {
    width: 100%
}

@font-face {
    font-family: "fs-icons";
    src: url(https://assetscdn-wchat.eu.freshchat.com/static/assets/../fonts/fs-icons_db9017235f84eecfa2cafef72d487865.c718e1c5f860616b3641d0f43cf62275.eot);
    src: url(https://assetscdn-wchat.eu.freshchat.com/static/assets/../fonts/fs-icons_db9017235f84eecfa2cafef72d487865.c718e1c5f860616b3641d0f43cf62275.eot?#iefix) format("embedded-opentype"),url(https://assetscdn-wchat.eu.freshchat.com/static/assets/../fonts/fs-icons_db9017235f84eecfa2cafef72d487865.a50b22f71ea9f5d75e3dc4959c4f57a0.woff2) format("woff2"),url(https://assetscdn-wchat.eu.freshchat.com/static/assets/../fonts/fs-icons_db9017235f84eecfa2cafef72d487865.13ecf5ce86cd8ce14df8c0b0ddc235c1.woff) format("woff"),url(https://assetscdn-wchat.eu.freshchat.com/static/assets/../fonts/fs-icons_db9017235f84eecfa2cafef72d487865.6aa2a7715fce9cc51d96a245ad8f9f38.ttf) format("truetype"),url(https://assetscdn-wchat.eu.freshchat.com/static/assets/../fonts/fs-icons_db9017235f84eecfa2cafef72d487865.25a0c665da352cb04b85c796c0675e68.svg#fs-icons) format("svg");
    font-weight: normal;
    font-style: normal
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family:"fs-icons";
        src: url(https://assetscdn-wchat.eu.freshchat.com/static/assets/../fonts/fs-icons_db9017235f84eecfa2cafef72d487865.25a0c665da352cb04b85c796c0675e68.svg#fs-icons) format("svg")
    }
}

[data-icon]:before {
    content: attr(data-icon)
}

[data-icon]:before,.icon-check_circle_solid:before,.icon-chevron_right_regular:before,.icon-chevron_right_solid:before,.icon-compress-alt:before,.icon-download:before,.icon-expand-alt:before,.icon-ic_afternoon:before,.icon-ic_alert:before,.icon-ic_arrow:before,.icon-ic_attachment:before,.icon-ic_back:before,.icon-ic_back_calendar:before,.icon-ic_chat_icon:before,.icon-ic_close:before,.icon-ic_close_small:before,.icon-ic_cobrowse_close:before,.icon-ic_cobrowse_tick:before,.icon-ic_download_white:before,.icon-ic_evening:before,.icon-ic_expand_faq:before,.icon-ic_image:before,.icon-ic_logo_facebook:before,.icon-ic_logo_linkedin:before,.icon-ic_logo_twitter:before,.icon-ic_message:before,.icon-ic_morning:before,.icon-ic_night:before,.icon-ic_nointernet:before,.icon-ic_pencil:before,.icon-ic_refresh:before,.icon-ic_reply:before,.icon-ic_schedule_meeting:before,.icon-ic_scheduled:before,.icon-ic_search:before,.icon-ic_send:before,.icon-ic_shrink_faq:before,.icon-ic_smiley:before,.icon-ic_thumps_down:before,.icon-ic_thumps_up:before,.icon-ic_trash:before,.icon-ic_unauthenticated:before,.icon-powered_by:before,.icon-times_circle_solid:before {
    display: inline-block;
    font-family: "fs-icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

.icon-check_circle_solid:before {
    content: ""
}

.icon-chevron_right_regular:before {
    content: ""
}

.icon-chevron_right_solid:before {
    content: ""
}

.icon-compress-alt:before {
    content: ""
}

.icon-download:before {
    content: ""
}

.icon-expand-alt:before {
    content: ""
}

.icon-ic_afternoon:before {
    content: ""
}

.icon-ic_alert:before {
    content: ""
}

.icon-ic_arrow:before {
    content: ""
}

.icon-ic_attachment:before {
    content: ""
}

.icon-ic_back:before {
    content: ""
}

.icon-ic_back_calendar:before {
    content: ""
}

.icon-ic_chat_icon:before {
    content: ""
}

.icon-ic_close:before {
    content: ""
}

.icon-ic_close_small:before {
    content: ""
}

.icon-ic_cobrowse_close:before {
    content: ""
}

.icon-ic_cobrowse_tick:before {
    content: ""
}

.icon-ic_download_white:before {
    content: ""
}

.icon-ic_evening:before {
    content: ""
}

.icon-ic_expand_faq:before {
    content: ""
}

.icon-ic_image:before {
    content: ""
}

.icon-ic_logo_facebook:before {
    content: ""
}

.icon-ic_logo_linkedin:before {
    content: ""
}

.icon-ic_logo_twitter:before {
    content: ""
}

.icon-ic_message:before {
    content: ""
}

.icon-ic_morning:before {
    content: ""
}

.icon-ic_night:before {
    content: ""
}

.icon-ic_nointernet:before {
    content: ""
}

.icon-ic_pencil:before {
    content: ""
}

.icon-ic_refresh:before {
    content: ""
}

.icon-ic_reply:before {
    content: ""
}

.icon-ic_schedule_meeting:before {
    content: ""
}

.icon-ic_scheduled:before {
    content: ""
}

.icon-ic_search:before {
    content: ""
}

.icon-ic_send:before {
    content: ""
}

.icon-ic_shrink_faq:before {
    content: ""
}

.icon-ic_smiley:before {
    content: ""
}

.icon-ic_thumps_down:before {
    content: ""
}

.icon-ic_thumps_up:before {
    content: ""
}

.icon-ic_trash:before {
    content: ""
}

.icon-ic_unauthenticated:before {
    content: ""
}

.icon-powered_by:before {
    content: ""
}

.icon-times_circle_solid:before {
    content: ""
}

.ember-basic-dropdown {
    position: relative
}

.ember-basic-dropdown,.ember-basic-dropdown-content,.ember-basic-dropdown-content * {
    box-sizing: border-box
}

.ember-basic-dropdown-content {
    position: absolute;
    width: auto;
    z-index: 1000;
    background-color: #fff
}

.ember-basic-dropdown-content--left {
    left: 0
}

.ember-basic-dropdown-content--right {
    right: 0
}

.ember-basic-dropdown-overlay {
    position: fixed;
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    left: 0;
    pointer-events: none
}

.ember-basic-dropdown-content-wormhole-origin {
    display: inline
}


html, body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Segoe UI Emoji', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Cantarell', 'Helvetica Neue', sans-serif !important;
}

.h-chat-custom .odd .h-conv .h-comment,
.h-chat-custom .h-channel .h-header,
.h-chat-custom .h-channel .dummy-bar,
.h-chat-custom .h-conv .h-header,
.h-chat-custom .odd .h-conv .h-comment,
.h-chat-custom .h-conv div.body div.message-container.odd span.chat-msg,
.iframe-modal .h-modal-notes .modal-header,
.h-chat-custom .odd .h-conv .h-comment.file-attached .h-message-text,
.h-chat-custom .odd .h-conv .h-comment.media-message .h-message-text {
    background-color: #102137 !important;
}

.h-chat-custom .odd .h-conv .h-comment .h-message-text a,
.hotline-launcher.h-open .viewport .h-conv .faq-content .h-header.article-view-header .category-title .sub-title {
    color: #ffffff !important;
}

.h-chat-custom .h-channel .h-header {
    border: 0.1px solid #102137 !important;
}

.h-chat-custom .h-channel .h-header .icon, .h-chat-custom .h-conv .h-header .icon,
.h-chat-custom .h-channel .h-header .conv-title, .h-chat-custom .h-conv .h-header .conv-title,
.h-chat-custom .h-channel .h-header .ic-back, .h-chat-custom .h-conv .h-header .ic-back,
.h-chat-custom .h-channel .h-header .title, .h-chat-custom .h-conv .h-header .title,
.h-chat-custom .odd .h-conv .h-comment,
.h-chat-custom .h-conv div.body div.message-container.odd span.chat-msg,
.iframe-modal .h-modal-notes .modal-header .frame-title,
.iframe-modal .h-modal-notes .modal-header .h-close i,
.preview-bubble {
    color: #ffffff !important;
}

.h-chat-custom .h-conv div.body div.message-container.odd span.arrow.right {
    border-left-color: #102137 !important;
}

.h-chat-custom div.h-conv div.body div.h-conv-chat {
    background-image: url("https://assetscdn-wchat.eu.freshchat.com/static/assets/texture_background_1.aff96620ed7b5dfc8fbadb616251a75a.png") !important;
}

.preview-wrapper .top-border {
    border-top: 4px solid #102137;
}

.reply-options .reply-option-button,
.h-reply-wrapper .h-reply-button .h-img-button,
.actions-button-dropdown .h-img-button,
.h-chat-custom .h-conv .in-line-reply-fragments .h-conv-chat .fc-carousel-wrapper .h-img-button,
.h-chat-custom .h-conv .in-line-reply-fragments .h-conv-chat .button-region .h-img-button,
.h-chat-custom .h-conv .in-line-reply-fragments .h-conv-chat .fc-carousel-cards .h-img-button,
.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections .card-layout .start-new-conversation button.h-img-button,
.hotline-launcher.h-open .viewport .h-conv .start-new-conversation button.h-img-button,
.h-chat-custom .h-conv .in-line-reply-fragments .h-conv-chat .fc-carousel-wrapper .fc-multi-select .button-region .h-img-button {
    border: 1px solid #2690ff;
}

.reply-options .reply-option-button:hover,
.h-reply-wrapper .h-reply-button .h-img-button:hover:not([disabled]),
.h-reply-wrapper .h-reply-button .h-img-button--selected,
.actions-button-dropdown .h-img-button:hover:not([disabled]),
.hotline-launcher.h-open .viewport .h-channel .home-content .body.sections .card-layout .start-new-conversation button.h-img-button:hover:not([disabled]),
.hotline-launcher.h-open .viewport .h-conv .start-new-conversation button.h-img-button:hover:not([disabled]),
.h-chat-custom .h-conv .in-line-reply-fragments .h-conv-chat .fc-carousel-wrapper .h-img-button:hover:not([disabled]),
.h-chat-custom .h-conv .in-line-reply-fragments .h-conv-chat .button-region .h-img-button:hover:not([disabled]) {
    background-color: #2690ff !important;
    color: #ffffff;
}

.h-reply-wrapper .h-reply-button .btn-selected,
.h-chat-custom .h-conv .in-line-reply-fragments .h-conv-chat .fc-carousel-cards .h-img-button--selected,
.h-chat-custom .h-conv .in-line-reply-fragments .h-conv-chat .h-img-button.btn-selected {
    background-color: #2690ff !important;
    color: #ffffff;
}

.d-hotline {
    background-color: #102137 !important;
    color: #ffffff !important;
    border-color: transparent #102137 transparent transparent;
}

#chat-icon {
    background: #ffffff !important;
}

#chat-icon::before, #chat-icon::after {
    background-color: #102137 !important;
}

.loader {
    border-top: 1em solid rgba(#102137, 0.4);
    border-right: 1.05em solid #102137;
    border-bottom: 1.05em solid #102137;
    border-left: 1.05em solid #102137;
}

.article-modal .modal-footer .h-message-us-btn:hover,
.article-modal .modal-footer .article_vote:hover {
    background-color: #102137 !important;
    color: #ffffff !important;
}

/* .article-content .modal-footer .h-message-us-btn:hover,
.article-content .modal-footer .article_vote:hover {
  background-color: #102137 !important;
  color : #ffffff !important;
} */

.tabs .tabs-inner:after {
    background-color: #102137 !important;
}

.chat-btn:hover {
    background-color: #2690ff !important;
    color: #ffffff !important;
    border: 0 !important;
}

.submit-rating .submit.btn {
    background-color: #2690ff !important;
    color: #ffffff !important;
}

.send-offline-reply .send-message {
    background-color: #2690ff !important;
    color: #ffffff !important;
}

.h-comment.h-wrapped-article .articles-listview .article-showmore,
.fc-conversation-view div.body .h-chat-window .fc-agent-profile .u-social-network div i {
    color: #102137 !important;
}

.h-chat-custom .odd .h-conv .h-comment.file-attached,
.h-chat-custom .odd .h-conv .h-comment.media-message {
    background-color: unset !important;
}

.h-chat-custom .odd .h-conv .h-comment.file-attached .text-file-preview .text-haze-holder {
    background-color: #102137 !important;
    color: #ffffff !important;
}

.h-chat-custom .odd .h-conv .h-comment.file-attached .text-file-preview .text-haze-holder .bottom-gradient {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #102137 100%) !important;
}

.article-content .fc_web_modal_closed .article-header-section .progress-bar {
    background-color: #102137 !important;
}

.preview-container .h-reply-button .h-button-area button,
.h-reply-wrapper .h-reply-button .h-img-button,
.actions-button-dropdown .h-img-button {
    border-color: #2690ff !important;
}

.h-header .jwt-error-message {
    color: #44412e !important;
    background-color: #ffac00 !important;
}

.cal-time-slot:hover {
    background-color: #102137;
}

.calendar-picker-minified .cal-picker-conf-view .confirm-button-holder .cal-confirm-button {
    background-color: #102137;
}

.meeting-frag-holder {
    background-color: #102137 !important;
}

.meeting-frag-holder .event-header {
    color: #ffffff;
}

.h-conv-chat .h-chat .h-conv .h-comment .event-fragment .event-body .event-timings.actionable a {
    color: #102137;
}

.h-conv-chat .h-chat .h-conv .h-comment.emojis-1,
.h-conv-chat .h-chat .h-conv .h-comment.emojis-2,
.h-conv-chat .h-chat .h-conv .h-comment.emojis-3 {
    background-color: transparent !important;;
}

.h-reply-wrapper .ui-agent-typing-indicator {
    background-color: #102137;
}

.h-reply-wrapper .ui-agent-typing-indicator .indicator-dot {
    background-color: #ffffff;
}

.fc-mobile-close.minimize i.icon-ic_close {
    color: #ffffff;
}
/* Показываем плейсхолдер только когда реально пусто */
.editable[contenteditable][data-placeholder]:empty::before {
    content: attr(data-placeholder);
    opacity: .5;
    pointer-events: none;
}

/* На некоторых редакторах «пусто» это <br> или &nbsp;, поэтому дублируем через класс */
.editable[contenteditable].has-content::before {
    content: none !important;
}

.cookies-page {
    .cookies-table {
        width: 100%;
        border-collapse: collapse;
        margin: 20px 0;
        font-size: 15px;
        color: #333;
        background: #fff;
        border: 1px solid #e0e0e0;
        border-radius: 10px;
        overflow: hidden;
        table-layout: fixed;
    border-bottom: 1px solid #e5e5e5;

    th, td {
        padding: 14px 16px;
        border-bottom: 1px solid #eee;
        text-align: left;
        vertical-align: top;
        word-wrap: break-word;
    word-break: break-word;
        text-align: center;
    }

        th {
            background: #f9fafb;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 13px;
            color: #555;
        }

        td {
            line-height: 1.5;
            font-size: 14px;
        }

        tr:nth-child(even) td {
            background: #fcfcfc;
        }

        tr:hover td {
            background: #f4f7ff;
            transition: background 0.2s ease;
        }

    // ✅ Чётко фиксированные ширины
    th:nth-child(1),
    td:nth-child(1) { width: 18%; } // Cookie name
    th:nth-child(2),
    td:nth-child(2) { width: 13%; } // Type
    th:nth-child(3),
    td:nth-child(3) { width: 14%; } // Party
    th:nth-child(4),
    td:nth-child(4) { width: 35%; } // Target
    td:nth-child(5) { width: 20%; } // Retention

    @media (max-width: 768px) {
        font-size: 13px;

        th, td {
            padding: 10px 12px;
        }
    }
    }
}

.page-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* растягиваем на всю высоту окна */
}

.sign-form__box__button {
    position: relative; /* важно для позиционирования спиннера */
}

.spinner {
    border: 2px solid rgba(0,0,0,0.1);
    border-left-color: #000;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.coin-short {
    display: none; /* участвует только в поиске */
}

.exchange-flex {
    display: flex;
    justify-content: center;
}

.coin-name {

}