.tippy-box[data-animation=fade][data-state=hidden] {
        opacity: 0
    }

    [data-tippy-root] {
        max-width: calc(100vw - 10px)
    }

    .tippy-box {
        position: relative;
        background-color: #333;
        border-radius: 4px;
        line-height: 1.4;
        white-space: normal;
        outline: 0;
        transition-property: transform, visibility, opacity
    }

    .tippy-box[data-placement^=top]>.tippy-arrow {
        bottom: 0
    }

    .tippy-box[data-placement^=top]>.tippy-arrow:before {
        bottom: -7px;
        left: 0;
        border-width: 8px 8px 0;
        border-top-color: initial;
        transform-origin: center top
    }

    .tippy-box[data-placement^=bottom]>.tippy-arrow {
        top: 0
    }

    .tippy-box[data-placement^=bottom]>.tippy-arrow:before {
        top: -7px;
        left: 0;
        border-width: 0 8px 8px;
        border-bottom-color: initial;
        transform-origin: center bottom
    }

    .tippy-box[data-placement^=left]>.tippy-arrow {
        right: 0
    }

    .tippy-box[data-placement^=left]>.tippy-arrow:before {
        border-width: 8px 0 8px 8px;
        border-left-color: initial;
        right: -7px;
        transform-origin: center left
    }

    .tippy-box[data-placement^=right]>.tippy-arrow {
        left: 0
    }

    .tippy-box[data-placement^=right]>.tippy-arrow:before {
        left: -7px;
        border-width: 8px 8px 8px 0;
        border-right-color: initial;
        transform-origin: center right
    }

    .tippy-box[data-inertia][data-state=visible] {
        transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
    }

    .tippy-arrow {
        width: 16px;
        height: 16px;
        color: #333
    }

    .tippy-arrow:before {
        content: "";
        position: absolute;
        border-color: rgba(0, 0, 0, 0);
        border-style: solid
    }

    .tippy-content {
        position: relative;
        padding: 5px 9px;
        z-index: 1
    }

    .tippy-box[data-theme~=light] {
        color: #26323d;
        box-shadow: 0 0 20px 4px rgba(154, 161, 177, .15), 0 4px 80px -8px rgba(36, 40, 47, .25), 0 4px 4px -2px rgba(91, 94, 105, .15);
        background-color: #fff
    }

    .tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before {
        border-top-color: #fff
    }

    .tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before {
        border-bottom-color: #fff
    }

    .tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before {
        border-left-color: #fff
    }

    .tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before {
        border-right-color: #fff
    }

    .tippy-box[data-theme~=light]>.tippy-backdrop {
        background-color: #fff
    }

    .tippy-box[data-theme~=light]>.tippy-svg-arrow {
        fill: #fff
    }

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

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

    body {
        line-height: 1.3
    }

    ol,
    ul {
        list-style: none
    }

    blockquote,
    q {
        quotes: none
    }

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

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

    button,
    html input[type=button],
    input[type=reset],
    input[type=submit] {
        cursor: pointer;
        -webkit-appearance: button
    }

    :focus {
        outline: none
    }

    html {
        width: 100%;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    body {
        margin: 0
    }

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

    [hidden] {
        display: none
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p {
        margin-top: 0
    }

    a {
        background: rgba(0, 0, 0, 0)
    }

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

    b,
    strong {
        font-weight: inherit;
        font-weight: bolder
    }

    small {
        font-size: 80%
    }

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

    sup {
        top: -.5em
    }

    sub {
        bottom: -.25em
    }

    q {
        quotes: "\201C" "\201D" "\2018" "\2019"
    }

    hr {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        height: 0
    }

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

    pre {
        white-space: pre-wrap;
        overflow: auto
    }

    address {
        font-style: normal
    }

    nav ul {
        margin-left: 0;
        padding-left: 0;
        list-style: none
    }

    img {
        -ms-interpolation-mode: bicubic;
        vertical-align: middle;
        border: 0
    }

    svg:not(:root) {
        overflow: hidden
    }

    audio,
    canvas,
    progress,
    video {
        display: inline-block
    }

    audio:not([controls]) {
        display: none;
        height: 0
    }

    progress {
        vertical-align: baseline
    }

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

    button,
    input,
    optgroup,
    select,
    textarea {
        font: inherit;
        margin: 0
    }

    optgroup {
        font-weight: 700
    }

    input,
    optgroup,
    select,
    textarea {
        color: inherit
    }

    button {
        overflow: visible
    }

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

    [disabled] {
        cursor: default
    }

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

    input {
        line-height: normal
    }

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

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

    input[type=search] {
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    textarea {
        overflow: auto;
        vertical-align: top;
        resize: vertical
    }

    [type=search] {
        -webkit-appearance: textfield
    }

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

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

    td,
    th {
        padding: 0
    }

    @font-face {
        font-family: Graphik;
        src: url(../fonts/Graphik-Thin.woff2) format("woff2"), url(../fonts/Graphik-Thin.woff) format("woff");
        font-weight: 100;
        font-style: normal
    }

    @font-face {
        font-family: Graphik;
        src: url(../fonts/Graphik-ThinItalic.woff2) format("woff2"), url(../fonts/Graphik-ThinItalic.woff) format("woff");
        font-weight: 100;
        font-style: italic
    }

    @font-face {
        font-family: Graphik;
        src: url(../fonts/Graphik-Extralight.woff2) format("woff2"), url(../fonts/Graphik-Extralight.woff) format("woff");
        font-weight: 200;
        font-style: normal
    }

    @font-face {
        font-family: Graphik;
        src: url(../fonts/Graphik-ExtralightItalic.woff2) format("woff2"), url(../fonts/Graphik-ExtralightItalic.woff) format("woff");
        font-weight: 200;
        font-style: italic
    }

    @font-face {
        font-family: Graphik;
        src: url(../fonts/Graphik-Light.woff2) format("woff2"), url(../fonts/Graphik-Light.woff) format("woff");
        font-weight: 300;
        font-style: normal
    }

    @font-face {
        font-family: Graphik;
        src: url(../fonts/Graphik-LightItalic.woff2) format("woff2"), url(../fonts/Graphik-LightItalic.woff) format("woff");
        font-weight: 300;
        font-style: italic
    }

    @font-face {
        font-family: Graphik;
        src: url(../fonts/Graphik-Regular.woff2) format("woff2"), url(../fonts/Graphik-Regular.woff) format("woff");
        font-weight: 400;
        font-style: normal
    }

    @font-face {
        font-family: Graphik;
        src: url(../fonts/Graphik-RegularItalic.woff2) format("woff2"), url(../fonts/Graphik-RegularItalic.woff) format("woff");
        font-weight: 400;
        font-style: italic
    }

    @font-face {
        font-family: Graphik;
        src: url(../fonts/Graphik-Medium.woff2) format("woff2"), url(../fonts/Graphik-Medium.woff) format("woff");
        font-weight: 500;
        font-style: normal
    }

    @font-face {
        font-family: Graphik;
        src: url(../fonts/Graphik-MediumItalic.woff2) format("woff2"), url(../fonts/Graphik-MediumItalic.woff) format("woff");
        font-weight: 500;
        font-style: italic
    }

    @font-face {
        font-family: Graphik;
        src: url(../fonts/Graphik-Semibold.woff2) format("woff2"), url(../fonts/Graphik-Semibold.woff) format("woff");
        font-weight: 600;
        font-style: normal
    }

    @font-face {
        font-family: Graphik;
        src: url(../fonts/Graphik-SemiboldItalic.woff2) format("woff2"), url(../fonts/Graphik-SemiboldItalic.woff) format("woff");
        font-weight: 600;
        font-style: italic
    }

    @font-face {
        font-family: Graphik;
        src: url(../fonts/Graphik-Bold.woff2) format("woff2"), url(../fonts/Graphik-Bold.woff) format("woff");
        font-weight: 700;
        font-style: normal
    }

    @font-face {
        font-family: Graphik;
        src: url(../fonts/Graphik-BoldItalic.woff2) format("woff2"), url(../fonts/Graphik-BoldItalic.woff) format("woff");
        font-weight: 700;
        font-style: italic
    }

    @font-face {
        font-family: Graphik;
        src: url(../fonts/Graphik-Black.woff2) format("woff2"), url(../fonts/Graphik-Black.woff) format("woff");
        font-weight: 800;
        font-style: normal
    }

    @font-face {
        font-family: Graphik;
        src: url(../fonts/Graphik-BlackItalic.woff2) format("woff2"), url(../fonts/Graphik-BlackItalic.woff) format("woff");
        font-weight: 800;
        font-style: italic
    }

    @font-face {
        font-family: Graphik;
        src: url(../fonts/Graphik-Super.woff2) format("woff2"), url(../fonts/Graphik-Super.woff) format("woff");
        font-weight: 900;
        font-style: normal
    }

    @font-face {
        font-family: Graphik;
        src: url(../fonts/Graphik-SuperItalic.woff2) format("woff2"), url(../fonts/Graphik-SuperItalic.woff) format("woff");
        font-weight: 900;
        font-style: italic
    }

    @font-face {
        font-family: Graphik LC;
        src: url(../fonts/GraphikLC-Thin.woff2) format("woff2"), url(../fonts/GraphikLC-Thin.woff) format("woff");
        font-weight: 100;
        font-style: normal
    }

    @font-face {
        font-family: Graphik LC;
        src: url(../fonts/GraphikLC-ThinItalic.woff2) format("woff2"), url(../fonts/GraphikLC-ThinItalic.woff) format("woff");
        font-weight: 100;
        font-style: italic
    }

    @font-face {
        font-family: Graphik LC;
        src: url(../fonts/GraphikLC-Extralight.woff2) format("woff2"), url(../fonts/GraphikLC-Extralight.woff) format("woff");
        font-weight: 200;
        font-style: normal
    }

    @font-face {
        font-family: Graphik LC;
        src: url(../fonts/GraphikLC-ExtralightItalic.woff2) format("woff2"), url(../fonts/GraphikLC-ExtralightItalic.woff) format("woff");
        font-weight: 200;
        font-style: italic
    }

    @font-face {
        font-family: Graphik LC;
        src: url(../fonts/GraphikLC-Light.woff2) format("woff2"), url(../fonts/GraphikLC-Light.woff) format("woff");
        font-weight: 300;
        font-style: normal
    }

    @font-face {
        font-family: Graphik LC;
        src: url(../fonts/GraphikLC-LightItalic.woff2) format("woff2"), url(../fonts/GraphikLC-LightItalic.woff) format("woff");
        font-weight: 300;
        font-style: italic
    }

    @font-face {
        font-family: Graphik LC;
        src: url(../fonts/GraphikLC-Regular.woff2) format("woff2"), url(../fonts/GraphikLC-Regular.woff) format("woff");
        font-weight: 400;
        font-style: normal
    }

    @font-face {
        font-family: Graphik LC;
        src: url(../fonts/GraphikLC-RegularItalic.woff2) format("woff2"), url(../fonts/GraphikLC-RegularItalic.woff) format("woff");
        font-weight: 400;
        font-style: italic
    }

    @font-face {
        font-family: Graphik LC;
        src: url(../fonts/GraphikLC-Medium.woff2) format("woff2"), url(../fonts/GraphikLC-Medium.woff) format("woff");
        font-weight: 500;
        font-style: normal
    }

    @font-face {
        font-family: Graphik LC;
        src: url(../fonts/GraphikLC-MediumItalic.woff2) format("woff2"), url(../fonts/GraphikLC-MediumItalic.woff) format("woff");
        font-weight: 500;
        font-style: italic
    }

    @font-face {
        font-family: Graphik LC;
        src: url(../fonts/GraphikLC-Semibold.woff2) format("woff2"), url(../fonts/GraphikLC-Semibold.woff) format("woff");
        font-weight: 600;
        font-style: normal
    }

    @font-face {
        font-family: Graphik LC;
        src: url(../fonts/GraphikLC-SemiboldItalic.woff2) format("woff2"), url(../fonts/GraphikLC-SemiboldItalic.woff) format("woff");
        font-weight: 600;
        font-style: italic
    }

    @font-face {
        font-family: Graphik LC;
        src: url(../fonts/GraphikLC-Bold.woff2) format("woff2"), url(../fonts/GraphikLC-Bold.woff) format("woff");
        font-weight: 700;
        font-style: normal
    }

    @font-face {
        font-family: Graphik LC;
        src: url(../fonts/GraphikLC-BoldItalic.woff2) format("woff2"), url(../fonts/GraphikLC-BoldItalic.woff) format("woff");
        font-weight: 700;
        font-style: italic
    }

    @font-face {
        font-family: Graphik LC;
        src: url(../fonts/GraphikLC-Black.woff2) format("woff2"), url(../fonts/GraphikLC-Black.woff) format("woff");
        font-weight: 800;
        font-style: normal
    }

    @font-face {
        font-family: Graphik LC;
        src: url(../fonts/GraphikLC-BlackItalic.woff2) format("woff2"), url(../fonts/GraphikLC-BlackItalic.woff) format("woff");
        font-weight: 800;
        font-style: italic
    }

    @font-face {
        font-family: Graphik LC;
        src: url(../fonts/GraphikLC-Super.woff2) format("woff2"), url(../fonts/GraphikLC-Super.woff) format("woff");
        font-weight: 900;
        font-style: normal
    }

    @font-face {
        font-family: Graphik LC;
        src: url(../fonts/GraphikLC-SuperItalic.woff2) format("woff2"), url(../fonts/GraphikLC-SuperItalic.woff) format("woff");
        font-weight: 900;
        font-style: italic
    }

    @font-face {
        font-family: Graphik LG;
        src: url(../fonts/GraphikLG-Thin.woff2) format("woff2"), url(../fonts/GraphikLG-Thin.woff) format("woff");
        font-weight: 100;
        font-style: normal
    }

    @font-face {
        font-family: Graphik LG;
        src: url(../fonts/GraphikLG-ThinItalic.woff2) format("woff2"), url(../fonts/GraphikLG-ThinItalic.woff) format("woff");
        font-weight: 100;
        font-style: italic
    }

    @font-face {
        font-family: Graphik LG;
        src: url(../fonts/GraphikLG-Extralight.woff2) format("woff2"), url(../fonts/GraphikLG-Extralight.woff) format("woff");
        font-weight: 200;
        font-style: normal
    }

    @font-face {
        font-family: Graphik LG;
        src: url(../fonts/GraphikLG-ExtralightItalic.woff2) format("woff2"), url(../fonts/GraphikLG-ExtralightItalic.woff) format("woff");
        font-weight: 200;
        font-style: italic
    }

    @font-face {
        font-family: Graphik LG;
        src: url(../fonts/GraphikLG-Light.woff2) format("woff2"), url(../fonts/GraphikLG-Light.woff) format("woff");
        font-weight: 300;
        font-style: normal
    }

    @font-face {
        font-family: Graphik LG;
        src: url(../fonts/GraphikLG-LightItalic.woff2) format("woff2"), url(../fonts/GraphikLG-LightItalic.woff) format("woff");
        font-weight: 300;
        font-style: italic
    }

    @font-face {
        font-family: Graphik LG;
        src: url(../fonts/GraphikLG-Regular.woff2) format("woff2"), url(../fonts/GraphikLG-Regular.woff) format("woff");
        font-weight: 400;
        font-style: normal
    }

    @font-face {
        font-family: Graphik LG;
        src: url(../fonts/GraphikLG-RegularItalic.woff2) format("woff2"), url(../fonts/GraphikLG-RegularItalic.woff) format("woff");
        font-weight: 400;
        font-style: italic
    }

    @font-face {
        font-family: Graphik LG;
        src: url(../fonts/GraphikLG-Medium.woff2) format("woff2"), url(../fonts/GraphikLG-Medium.woff) format("woff");
        font-weight: 500;
        font-style: normal
    }

    @font-face {
        font-family: Graphik LG;
        src: url(../fonts/GraphikLG-MediumItalic.woff2) format("woff2"), url(../fonts/GraphikLG-MediumItalic.woff) format("woff");
        font-weight: 500;
        font-style: italic
    }

    @font-face {
        font-family: Graphik LG;
        src: url(../fonts/GraphikLG-Semibold.woff2) format("woff2"), url(../fonts/GraphikLG-Semibold.woff) format("woff");
        font-weight: 600;
        font-style: normal
    }

    @font-face {
        font-family: Graphik LG;
        src: url(../fonts/GraphikLG-SemiboldItalic.woff2) format("woff2"), url(../fonts/GraphikLG-SemiboldItalic.woff) format("woff");
        font-weight: 600;
        font-style: italic
    }

    @font-face {
        font-family: Graphik LG;
        src: url(../fonts/GraphikLG-Bold.woff2) format("woff2"), url(../fonts/GraphikLG-Bold.woff) format("woff");
        font-weight: 700;
        font-style: normal
    }

    @font-face {
        font-family: Graphik LG;
        src: url(../fonts/GraphikLG-BoldItalic.woff2) format("woff2"), url(../fonts/GraphikLG-BoldItalic.woff) format("woff");
        font-weight: 700;
        font-style: italic
    }

    @font-face {
        font-family: Graphik LG;
        src: url(../fonts/GraphikLG-Black.woff2) format("woff2"), url(../fonts/GraphikLG-Black.woff) format("woff");
        font-weight: 800;
        font-style: normal
    }

    @font-face {
        font-family: Graphik LG;
        src: url(../fonts/GraphikLG-BlackItalic.woff2) format("woff2"), url(../fonts/GraphikLG-BlackItalic.woff) format("woff");
        font-weight: 800;
        font-style: italic
    }

    @font-face {
        font-family: Graphik LG;
        src: url(../fonts/GraphikLG-Super.woff2) format("woff2"), url(../fonts/GraphikLG-Super.woff) format("woff");
        font-weight: 900;
        font-style: normal
    }

    @font-face {
        font-family: Graphik LG;
        src: url(../fonts/GraphikLG-SuperItalic.woff2) format("woff2"), url(../fonts/GraphikLG-SuperItalic.woff) format("woff");
        font-weight: 900;
        font-style: italic
    }

    @font-face {
        font-family: Graphik AR;
        src: url(../fonts/GraphikAR-Thin.woff2) format("woff2"), url(../fonts/GraphikAR-Thin.woff) format("woff");
        font-weight: 100;
        font-style: normal
    }

    @font-face {
        font-family: Graphik AR;
        src: url(../fonts/GraphikAR-Extralight.woff2) format("woff2"), url(../fonts/GraphikAR-Extralight.woff) format("woff");
        font-weight: 200;
        font-style: normal
    }

    @font-face {
        font-family: Graphik AR;
        src: url(../fonts/GraphikAR-Light.woff2) format("woff2"), url(../fonts/GraphikAR-Light.woff) format("woff");
        font-weight: 300;
        font-style: normal
    }

    @font-face {
        font-family: Graphik AR;
        src: url(../fonts/GraphikAR-Regular.woff2) format("woff2"), url(../fonts/GraphikAR-Regular.woff) format("woff");
        font-weight: 400;
        font-style: normal
    }

    @font-face {
        font-family: Graphik AR;
        src: url(../fonts/GraphikAR-Medium.woff2) format("woff2"), url(../fonts/GraphikAR-Medium.woff) format("woff");
        font-weight: 500;
        font-style: normal
    }

    @font-face {
        font-family: Graphik AR;
        src: url(../fonts/GraphikAR-Semibold.woff2) format("woff2"), url(../fonts/GraphikAR-Semibold.woff) format("woff");
        font-weight: 600;
        font-style: normal
    }

    @font-face {
        font-family: Graphik AR;
        src: url(../fonts/GraphikAR-Bold.woff2) format("woff2"), url(../fonts/GraphikAR-Bold.woff) format("woff");
        font-weight: 700;
        font-style: normal
    }

    @font-face {
        font-family: Graphik AR;
        src: url(../fonts/GraphikAR-Black.woff2) format("woff2"), url(../fonts/GraphikAR-Black.woff) format("woff");
        font-weight: 800;
        font-style: normal
    }

    @font-face {
        font-family: Graphik AR;
        src: url(../fonts/GraphikAR-Super.woff2) format("woff2"), url(../fonts/GraphikAR-Super.woff) format("woff");
        font-weight: 900;
        font-style: normal
    }

    @font-face {
        font-family: Graphik TH;
        src: url(../fonts/GraphikTH-Thin.woff2) format("woff2"), url(../fonts/GraphikTH-Thin.woff) format("woff");
        font-weight: 100;
        font-style: normal
    }

    @font-face {
        font-family: Graphik TH;
        src: url(../fonts/GraphikTH-ThinItalic.woff2) format("woff2"), url(../fonts/GraphikTH-ThinItalic.woff) format("woff");
        font-weight: 100;
        font-style: italic
    }

    @font-face {
        font-family: Graphik TH;
        src: url(../fonts/GraphikTH-Extralight.woff2) format("woff2"), url(../fonts/GraphikTH-Extralight.woff) format("woff");
        font-weight: 200;
        font-style: normal
    }

    @font-face {
        font-family: Graphik TH;
        src: url(../fonts/GraphikTH-ExtralightItalic.woff2) format("woff2"), url(../fonts/GraphikTH-ExtralightItalic.woff) format("woff");
        font-weight: 200;
        font-style: italic
    }

    @font-face {
        font-family: Graphik TH;
        src: url(../fonts/GraphikTH-Light.woff2) format("woff2"), url(../fonts/GraphikTH-Light.woff) format("woff");
        font-weight: 300;
        font-style: normal
    }

    @font-face {
        font-family: Graphik TH;
        src: url(../fonts/GraphikTH-LightItalic.woff2) format("woff2"), url(../fonts/GraphikTH-LightItalic.woff) format("woff");
        font-weight: 300;
        font-style: italic
    }

    @font-face {
        font-family: Graphik TH;
        src: url(../fonts/GraphikTH-Regular.woff2) format("woff2"), url(../fonts/GraphikTH-Regular.woff) format("woff");
        font-weight: 400;
        font-style: normal
    }

    @font-face {
        font-family: Graphik TH;
        src: url(../fonts/GraphikTH-RegularItalic.woff2) format("woff2"), url(../fonts/GraphikTH-RegularItalic.woff) format("woff");
        font-weight: 400;
        font-style: italic
    }

    @font-face {
        font-family: Graphik TH;
        src: url(../fonts/GraphikTH-Medium.woff2) format("woff2"), url(../fonts/GraphikTH-Medium.woff) format("woff");
        font-weight: 500;
        font-style: normal
    }

    @font-face {
        font-family: Graphik TH;
        src: url(../fonts/GraphikTH-MediumItalic.woff2) format("woff2"), url(../fonts/GraphikTH-MediumItalic.woff) format("woff");
        font-weight: 500;
        font-style: italic
    }

    @font-face {
        font-family: Graphik TH;
        src: url(../fonts/GraphikTH-Semibold.woff2) format("woff2"), url(../fonts/GraphikTH-Semibold.woff) format("woff");
        font-weight: 600;
        font-style: normal
    }

    @font-face {
        font-family: Graphik TH;
        src: url(../fonts/GraphikTH-SemiboldItalic.woff2) format("woff2"), url(../fonts/GraphikTH-SemiboldItalic.woff) format("woff");
        font-weight: 600;
        font-style: italic
    }

    @font-face {
        font-family: Graphik TH;
        src: url(../fonts/GraphikTH-Bold.woff2) format("woff2"), url(../fonts/GraphikTH-Bold.woff) format("woff");
        font-weight: 700;
        font-style: normal
    }

    @font-face {
        font-family: Graphik TH;
        src: url(../fonts/GraphikTH-BoldItalic.woff2) format("woff2"), url(../fonts/GraphikTH-BoldItalic.woff) format("woff");
        font-weight: 700;
        font-style: italic
    }

    @font-face {
        font-family: Graphik TH;
        src: url(../fonts/GraphikTH-Black.woff2) format("woff2"), url(../fonts/GraphikTH-Black.woff) format("woff");
        font-weight: 800;
        font-style: normal
    }

    @font-face {
        font-family: Graphik TH;
        src: url(../fonts/GraphikTH-BlackItalic.woff2) format("woff2"), url(../fonts/GraphikTH-BlackItalic.woff) format("woff");
        font-weight: 800;
        font-style: italic
    }

    @font-face {
        font-family: Graphik TH;
        src: url(../fonts/GraphikTH-Super.woff2) format("woff2"), url(../fonts/GraphikTH-Super.woff) format("woff");
        font-weight: 900;
        font-style: normal
    }

    @font-face {
        font-family: Graphik TH;
        src: url(../fonts/GraphikTH-SuperItalic.woff2) format("woff2"), url(../fonts/GraphikTH-SuperItalic.woff) format("woff");
        font-weight: 900;
        font-style: italic
    }

    .toast-title {
        font-weight: 700
    }

    .toast-message {
        -ms-word-wrap: break-word;
        word-wrap: break-word
    }

    .toast-message a,
    .toast-message label {
        color: #fff
    }

    .toast-message a:hover {
        color: #ccc;
        text-decoration: none
    }

    .toast-close-button {
        position: relative;
        right: -.3em;
        top: -.3em;
        float: right;
        font-size: 20px;
        font-weight: 700;
        color: #fff;
        -webkit-text-shadow: 0 1px 0 #fff;
        text-shadow: 0 1px 0 #fff;
        opacity: .8;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        filter: alpha(opacity=80)
    }

    .toast-close-button:focus,
    .toast-close-button:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .4;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
        filter: alpha(opacity=40)
    }

    button.toast-close-button {
        padding: 0;
        cursor: pointer;
        background: rgba(0, 0, 0, 0);
        border: 0;
        -webkit-appearance: none
    }

    .toast-top-center {
        top: 0;
        right: 0;
        width: 100%
    }

    .toast-bottom-center {
        bottom: 0;
        right: 0;
        width: 100%
    }

    .toast-top-full-width {
        top: 0;
        right: 0;
        width: 100%
    }

    .toast-bottom-full-width {
        bottom: 0;
        right: 0;
        width: 100%
    }

    .toast-top-left {
        top: 12px;
        left: 12px
    }

    .toast-top-right {
        top: 12px;
        right: 12px
    }

    .toast-bottom-right {
        right: 12px;
        bottom: 12px
    }

    .toast-bottom-left {
        bottom: 12px;
        left: 12px
    }

    #toast-container {
        position: fixed;
        z-index: 999999
    }

    #toast-container * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    #toast-container>div {
        position: relative;
        overflow: hidden;
        margin: 0 0 6px;
        padding: 15px 15px 15px 50px;
        width: 300px;
        border-radius: 3px 3px 3px 3px;
        background-position: 15px;
        background-repeat: no-repeat;
        -webkit-box-shadow: 0 0 12px #999;
        box-shadow: 0 0 12px #999;
        color: #fff;
        opacity: .8;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        filter: alpha(opacity=80)
    }

    #toast-container>div:hover {
        -webkit-box-shadow: 0 0 12px #000;
        box-shadow: 0 0 12px #000;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        filter: alpha(opacity=100);
        cursor: pointer
    }

    #toast-container>.toast-info {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important
    }

    #toast-container>.toast-error {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important
    }

    #toast-container>.toast-success {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important
    }

    #toast-container>.toast-warning {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important
    }

    #toast-container.toast-bottom-center>div,
    #toast-container.toast-top-center>div {
        width: 300px;
        margin-left: auto;
        margin-right: auto
    }

    #toast-container.toast-bottom-full-width>div,
    #toast-container.toast-top-full-width>div {
        width: 96%;
        margin-left: auto;
        margin-right: auto
    }

    .toast {
        background-color: #030303
    }

    .toast-success {
        background-color: #51a351
    }

    .toast-error {
        background-color: #bd362f
    }

    .toast-info {
        background-color: #2f96b4
    }

    .toast-warning {
        background-color: #f89406
    }

    .toast-progress {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 4px;
        background-color: #000;
        opacity: .4;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
        filter: alpha(opacity=40)
    }

    @media (max-width:240px) {
        #toast-container>div {
            padding: 8px 8px 8px 50px;
            width: 11em
        }

        #toast-container .toast-close-button {
            right: -.2em;
            top: -.2em
        }
    }

    @media (min-width:241px) and (max-width:480px) {
        #toast-container>div {
            padding: 8px 8px 8px 50px;
            width: 18em
        }

        #toast-container .toast-close-button {
            right: -.2em;
            top: -.2em
        }
    }

    @media (min-width:481px) and (max-width:768px) {
        #toast-container>div {
            padding: 15px 15px 15px 50px;
            width: 25em
        }
    }

    html {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-overflow-style: scrollbar
    }

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

    .container-fluid {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto
    }

    .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px
    }

    .no-gutters {
        margin-right: 0;
        margin-left: 0
    }

    .no-gutters>.col,
    .no-gutters>[class*=col-] {
        padding-right: 0;
        padding-left: 0
    }

    .col,
    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10,
    .col-11,
    .col-12,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-auto,
    .col-xl,
    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-auto,
    .col-xxl,
    .col-xxl-1,
    .col-xxl-2,
    .col-xxl-3,
    .col-xxl-4,
    .col-xxl-5,
    .col-xxl-6,
    .col-xxl-7,
    .col-xxl-8,
    .col-xxl-9,
    .col-xxl-10,
    .col-xxl-11,
    .col-xxl-12,
    .col-xxl-auto {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px
    }

    .col {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-1 {
        margin-left: 8.33333%
    }

    .offset-2 {
        margin-left: 16.66667%
    }

    .offset-3 {
        margin-left: 25%
    }

    .offset-4 {
        margin-left: 33.33333%
    }

    .offset-5 {
        margin-left: 41.66667%
    }

    .offset-6 {
        margin-left: 50%
    }

    .offset-7 {
        margin-left: 58.33333%
    }

    .offset-8 {
        margin-left: 66.66667%
    }

    .offset-9 {
        margin-left: 75%
    }

    .offset-10 {
        margin-left: 83.33333%
    }

    .offset-11 {
        margin-left: 91.66667%
    }

    @media (min-width:360px) {
        .col-sm {
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            -ms-flex-positive: 1;
            flex-grow: 1;
            max-width: 100%
        }

        .col-sm-auto {
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: auto;
            max-width: 100%
        }

        .col-sm-1 {
            -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
            max-width: 8.33333%
        }

        .col-sm-2 {
            -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
            max-width: 16.66667%
        }

        .col-sm-3 {
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%
        }

        .col-sm-4 {
            -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
            max-width: 33.33333%
        }

        .col-sm-5 {
            -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
            max-width: 41.66667%
        }

        .col-sm-6 {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%
        }

        .col-sm-7 {
            -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
            max-width: 58.33333%
        }

        .col-sm-8 {
            -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
            max-width: 66.66667%
        }

        .col-sm-9 {
            -ms-flex: 0 0 75%;
            flex: 0 0 75%;
            max-width: 75%
        }

        .col-sm-10 {
            -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
            max-width: 83.33333%
        }

        .col-sm-11 {
            -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
            max-width: 91.66667%
        }

        .col-sm-12 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%
        }

        .order-sm-first {
            -ms-flex-order: -1;
            order: -1
        }

        .order-sm-last {
            -ms-flex-order: 13;
            order: 13
        }

        .order-sm-0 {
            -ms-flex-order: 0;
            order: 0
        }

        .order-sm-1 {
            -ms-flex-order: 1;
            order: 1
        }

        .order-sm-2 {
            -ms-flex-order: 2;
            order: 2
        }

        .order-sm-3 {
            -ms-flex-order: 3;
            order: 3
        }

        .order-sm-4 {
            -ms-flex-order: 4;
            order: 4
        }

        .order-sm-5 {
            -ms-flex-order: 5;
            order: 5
        }

        .order-sm-6 {
            -ms-flex-order: 6;
            order: 6
        }

        .order-sm-7 {
            -ms-flex-order: 7;
            order: 7
        }

        .order-sm-8 {
            -ms-flex-order: 8;
            order: 8
        }

        .order-sm-9 {
            -ms-flex-order: 9;
            order: 9
        }

        .order-sm-10 {
            -ms-flex-order: 10;
            order: 10
        }

        .order-sm-11 {
            -ms-flex-order: 11;
            order: 11
        }

        .order-sm-12 {
            -ms-flex-order: 12;
            order: 12
        }

        .offset-sm-0 {
            margin-left: 0
        }

        .offset-sm-1 {
            margin-left: 8.33333%
        }

        .offset-sm-2 {
            margin-left: 16.66667%
        }

        .offset-sm-3 {
            margin-left: 25%
        }

        .offset-sm-4 {
            margin-left: 33.33333%
        }

        .offset-sm-5 {
            margin-left: 41.66667%
        }

        .offset-sm-6 {
            margin-left: 50%
        }

        .offset-sm-7 {
            margin-left: 58.33333%
        }

        .offset-sm-8 {
            margin-left: 66.66667%
        }

        .offset-sm-9 {
            margin-left: 75%
        }

        .offset-sm-10 {
            margin-left: 83.33333%
        }

        .offset-sm-11 {
            margin-left: 91.66667%
        }
    }

    @media (min-width:768px) {
        .col-md {
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            -ms-flex-positive: 1;
            flex-grow: 1;
            max-width: 100%
        }

        .col-md-auto {
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: auto;
            max-width: 100%
        }

        .col-md-1 {
            -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
            max-width: 8.33333%
        }

        .col-md-2 {
            -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
            max-width: 16.66667%
        }

        .col-md-3 {
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%
        }

        .col-md-4 {
            -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
            max-width: 33.33333%
        }

        .col-md-5 {
            -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
            max-width: 41.66667%
        }

        .col-md-6 {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%
        }

        .col-md-7 {
            -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
            max-width: 58.33333%
        }

        .col-md-8 {
            -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
            max-width: 66.66667%
        }

        .col-md-9 {
            -ms-flex: 0 0 75%;
            flex: 0 0 75%;
            max-width: 75%
        }

        .col-md-10 {
            -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
            max-width: 83.33333%
        }

        .col-md-11 {
            -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
            max-width: 91.66667%
        }

        .col-md-12 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%
        }

        .order-md-first {
            -ms-flex-order: -1;
            order: -1
        }

        .order-md-last {
            -ms-flex-order: 13;
            order: 13
        }

        .order-md-0 {
            -ms-flex-order: 0;
            order: 0
        }

        .order-md-1 {
            -ms-flex-order: 1;
            order: 1
        }

        .order-md-2 {
            -ms-flex-order: 2;
            order: 2
        }

        .order-md-3 {
            -ms-flex-order: 3;
            order: 3
        }

        .order-md-4 {
            -ms-flex-order: 4;
            order: 4
        }

        .order-md-5 {
            -ms-flex-order: 5;
            order: 5
        }

        .order-md-6 {
            -ms-flex-order: 6;
            order: 6
        }

        .order-md-7 {
            -ms-flex-order: 7;
            order: 7
        }

        .order-md-8 {
            -ms-flex-order: 8;
            order: 8
        }

        .order-md-9 {
            -ms-flex-order: 9;
            order: 9
        }

        .order-md-10 {
            -ms-flex-order: 10;
            order: 10
        }

        .order-md-11 {
            -ms-flex-order: 11;
            order: 11
        }

        .order-md-12 {
            -ms-flex-order: 12;
            order: 12
        }

        .offset-md-0 {
            margin-left: 0
        }

        .offset-md-1 {
            margin-left: 8.33333%
        }

        .offset-md-2 {
            margin-left: 16.66667%
        }

        .offset-md-3 {
            margin-left: 25%
        }

        .offset-md-4 {
            margin-left: 33.33333%
        }

        .offset-md-5 {
            margin-left: 41.66667%
        }

        .offset-md-6 {
            margin-left: 50%
        }

        .offset-md-7 {
            margin-left: 58.33333%
        }

        .offset-md-8 {
            margin-left: 66.66667%
        }

        .offset-md-9 {
            margin-left: 75%
        }

        .offset-md-10 {
            margin-left: 83.33333%
        }

        .offset-md-11 {
            margin-left: 91.66667%
        }
    }

    @media (min-width:992px) {
        .col-lg {
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            -ms-flex-positive: 1;
            flex-grow: 1;
            max-width: 100%
        }

        .col-lg-auto {
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: auto;
            max-width: 100%
        }

        .col-lg-1 {
            -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
            max-width: 8.33333%
        }

        .col-lg-2 {
            -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
            max-width: 16.66667%
        }

        .col-lg-3 {
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%
        }

        .col-lg-4 {
            -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
            max-width: 33.33333%
        }

        .col-lg-5 {
            -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
            max-width: 41.66667%
        }

        .col-lg-6 {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%
        }

        .col-lg-7 {
            -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
            max-width: 58.33333%
        }

        .col-lg-8 {
            -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
            max-width: 66.66667%
        }

        .col-lg-9 {
            -ms-flex: 0 0 75%;
            flex: 0 0 75%;
            max-width: 75%
        }

        .col-lg-10 {
            -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
            max-width: 83.33333%
        }

        .col-lg-11 {
            -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
            max-width: 91.66667%
        }

        .col-lg-12 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%
        }

        .order-lg-first {
            -ms-flex-order: -1;
            order: -1
        }

        .order-lg-last {
            -ms-flex-order: 13;
            order: 13
        }

        .order-lg-0 {
            -ms-flex-order: 0;
            order: 0
        }

        .order-lg-1 {
            -ms-flex-order: 1;
            order: 1
        }

        .order-lg-2 {
            -ms-flex-order: 2;
            order: 2
        }

        .order-lg-3 {
            -ms-flex-order: 3;
            order: 3
        }

        .order-lg-4 {
            -ms-flex-order: 4;
            order: 4
        }

        .order-lg-5 {
            -ms-flex-order: 5;
            order: 5
        }

        .order-lg-6 {
            -ms-flex-order: 6;
            order: 6
        }

        .order-lg-7 {
            -ms-flex-order: 7;
            order: 7
        }

        .order-lg-8 {
            -ms-flex-order: 8;
            order: 8
        }

        .order-lg-9 {
            -ms-flex-order: 9;
            order: 9
        }

        .order-lg-10 {
            -ms-flex-order: 10;
            order: 10
        }

        .order-lg-11 {
            -ms-flex-order: 11;
            order: 11
        }

        .order-lg-12 {
            -ms-flex-order: 12;
            order: 12
        }

        .offset-lg-0 {
            margin-left: 0
        }

        .offset-lg-1 {
            margin-left: 8.33333%
        }

        .offset-lg-2 {
            margin-left: 16.66667%
        }

        .offset-lg-3 {
            margin-left: 25%
        }

        .offset-lg-4 {
            margin-left: 33.33333%
        }

        .offset-lg-5 {
            margin-left: 41.66667%
        }

        .offset-lg-6 {
            margin-left: 50%
        }

        .offset-lg-7 {
            margin-left: 58.33333%
        }

        .offset-lg-8 {
            margin-left: 66.66667%
        }

        .offset-lg-9 {
            margin-left: 75%
        }

        .offset-lg-10 {
            margin-left: 83.33333%
        }

        .offset-lg-11 {
            margin-left: 91.66667%
        }
    }

    @media (min-width:1366px) {
        .col-xl {
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            -ms-flex-positive: 1;
            flex-grow: 1;
            max-width: 100%
        }

        .col-xl-auto {
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: auto;
            max-width: 100%
        }

        .col-xl-1 {
            -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
            max-width: 8.33333%
        }

        .col-xl-2 {
            -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
            max-width: 16.66667%
        }

        .col-xl-3 {
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%
        }

        .col-xl-4 {
            -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
            max-width: 33.33333%
        }

        .col-xl-5 {
            -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
            max-width: 41.66667%
        }

        .col-xl-6 {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%
        }

        .col-xl-7 {
            -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
            max-width: 58.33333%
        }

        .col-xl-8 {
            -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
            max-width: 66.66667%
        }

        .col-xl-9 {
            -ms-flex: 0 0 75%;
            flex: 0 0 75%;
            max-width: 75%
        }

        .col-xl-10 {
            -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
            max-width: 83.33333%
        }

        .col-xl-11 {
            -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
            max-width: 91.66667%
        }

        .col-xl-12 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%
        }

        .order-xl-first {
            -ms-flex-order: -1;
            order: -1
        }

        .order-xl-last {
            -ms-flex-order: 13;
            order: 13
        }

        .order-xl-0 {
            -ms-flex-order: 0;
            order: 0
        }

        .order-xl-1 {
            -ms-flex-order: 1;
            order: 1
        }

        .order-xl-2 {
            -ms-flex-order: 2;
            order: 2
        }

        .order-xl-3 {
            -ms-flex-order: 3;
            order: 3
        }

        .order-xl-4 {
            -ms-flex-order: 4;
            order: 4
        }

        .order-xl-5 {
            -ms-flex-order: 5;
            order: 5
        }

        .order-xl-6 {
            -ms-flex-order: 6;
            order: 6
        }

        .order-xl-7 {
            -ms-flex-order: 7;
            order: 7
        }

        .order-xl-8 {
            -ms-flex-order: 8;
            order: 8
        }

        .order-xl-9 {
            -ms-flex-order: 9;
            order: 9
        }

        .order-xl-10 {
            -ms-flex-order: 10;
            order: 10
        }

        .order-xl-11 {
            -ms-flex-order: 11;
            order: 11
        }

        .order-xl-12 {
            -ms-flex-order: 12;
            order: 12
        }

        .offset-xl-0 {
            margin-left: 0
        }

        .offset-xl-1 {
            margin-left: 8.33333%
        }

        .offset-xl-2 {
            margin-left: 16.66667%
        }

        .offset-xl-3 {
            margin-left: 25%
        }

        .offset-xl-4 {
            margin-left: 33.33333%
        }

        .offset-xl-5 {
            margin-left: 41.66667%
        }

        .offset-xl-6 {
            margin-left: 50%
        }

        .offset-xl-7 {
            margin-left: 58.33333%
        }

        .offset-xl-8 {
            margin-left: 66.66667%
        }

        .offset-xl-9 {
            margin-left: 75%
        }

        .offset-xl-10 {
            margin-left: 83.33333%
        }

        .offset-xl-11 {
            margin-left: 91.66667%
        }
    }

    @media (min-width:1440px) {
        .col-xxl {
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            -ms-flex-positive: 1;
            flex-grow: 1;
            max-width: 100%
        }

        .col-xxl-auto {
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: auto;
            max-width: 100%
        }

        .col-xxl-1 {
            -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
            max-width: 8.33333%
        }

        .col-xxl-2 {
            -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
            max-width: 16.66667%
        }

        .col-xxl-3 {
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%
        }

        .col-xxl-4 {
            -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
            max-width: 33.33333%
        }

        .col-xxl-5 {
            -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
            max-width: 41.66667%
        }

        .col-xxl-6 {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%
        }

        .col-xxl-7 {
            -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
            max-width: 58.33333%
        }

        .col-xxl-8 {
            -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
            max-width: 66.66667%
        }

        .col-xxl-9 {
            -ms-flex: 0 0 75%;
            flex: 0 0 75%;
            max-width: 75%
        }

        .col-xxl-10 {
            -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
            max-width: 83.33333%
        }

        .col-xxl-11 {
            -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
            max-width: 91.66667%
        }

        .col-xxl-12 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%
        }

        .order-xxl-first {
            -ms-flex-order: -1;
            order: -1
        }

        .order-xxl-last {
            -ms-flex-order: 13;
            order: 13
        }

        .order-xxl-0 {
            -ms-flex-order: 0;
            order: 0
        }

        .order-xxl-1 {
            -ms-flex-order: 1;
            order: 1
        }

        .order-xxl-2 {
            -ms-flex-order: 2;
            order: 2
        }

        .order-xxl-3 {
            -ms-flex-order: 3;
            order: 3
        }

        .order-xxl-4 {
            -ms-flex-order: 4;
            order: 4
        }

        .order-xxl-5 {
            -ms-flex-order: 5;
            order: 5
        }

        .order-xxl-6 {
            -ms-flex-order: 6;
            order: 6
        }

        .order-xxl-7 {
            -ms-flex-order: 7;
            order: 7
        }

        .order-xxl-8 {
            -ms-flex-order: 8;
            order: 8
        }

        .order-xxl-9 {
            -ms-flex-order: 9;
            order: 9
        }

        .order-xxl-10 {
            -ms-flex-order: 10;
            order: 10
        }

        .order-xxl-11 {
            -ms-flex-order: 11;
            order: 11
        }

        .order-xxl-12 {
            -ms-flex-order: 12;
            order: 12
        }

        .offset-xxl-0 {
            margin-left: 0
        }

        .offset-xxl-1 {
            margin-left: 8.33333%
        }

        .offset-xxl-2 {
            margin-left: 16.66667%
        }

        .offset-xxl-3 {
            margin-left: 25%
        }

        .offset-xxl-4 {
            margin-left: 33.33333%
        }

        .offset-xxl-5 {
            margin-left: 41.66667%
        }

        .offset-xxl-6 {
            margin-left: 50%
        }

        .offset-xxl-7 {
            margin-left: 58.33333%
        }

        .offset-xxl-8 {
            margin-left: 66.66667%
        }

        .offset-xxl-9 {
            margin-left: 75%
        }

        .offset-xxl-10 {
            margin-left: 83.33333%
        }

        .offset-xxl-11 {
            margin-left: 91.66667%
        }
    }

    .d-none {
        display: none !important
    }

    .d-inline {
        display: inline !important
    }

    .d-inline-block {
        display: inline-block !important
    }

    .d-block {
        display: block !important
    }

    .d-table {
        display: table !important
    }

    .d-table-row {
        display: table-row !important
    }

    .d-table-cell {
        display: table-cell !important
    }

    .d-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    @media (min-width:360px) {
        .d-sm-none {
            display: none !important
        }

        .d-sm-inline {
            display: inline !important
        }

        .d-sm-inline-block {
            display: inline-block !important
        }

        .d-sm-block {
            display: block !important
        }

        .d-sm-table {
            display: table !important
        }

        .d-sm-table-row {
            display: table-row !important
        }

        .d-sm-table-cell {
            display: table-cell !important
        }

        .d-sm-flex {
            display: -ms-flexbox !important;
            display: flex !important
        }

        .d-sm-inline-flex {
            display: -ms-inline-flexbox !important;
            display: inline-flex !important
        }
    }

    @media (min-width:768px) {
        .d-md-none {
            display: none !important
        }

        .d-md-inline {
            display: inline !important
        }

        .d-md-inline-block {
            display: inline-block !important
        }

        .d-md-block {
            display: block !important
        }

        .d-md-table {
            display: table !important
        }

        .d-md-table-row {
            display: table-row !important
        }

        .d-md-table-cell {
            display: table-cell !important
        }

        .d-md-flex {
            display: -ms-flexbox !important;
            display: flex !important
        }

        .d-md-inline-flex {
            display: -ms-inline-flexbox !important;
            display: inline-flex !important
        }
    }

    @media (min-width:992px) {
        .d-lg-none {
            display: none !important
        }

        .d-lg-inline {
            display: inline !important
        }

        .d-lg-inline-block {
            display: inline-block !important
        }

        .d-lg-block {
            display: block !important
        }

        .d-lg-table {
            display: table !important
        }

        .d-lg-table-row {
            display: table-row !important
        }

        .d-lg-table-cell {
            display: table-cell !important
        }

        .d-lg-flex {
            display: -ms-flexbox !important;
            display: flex !important
        }

        .d-lg-inline-flex {
            display: -ms-inline-flexbox !important;
            display: inline-flex !important
        }
    }

    @media (min-width:1366px) {
        .d-xl-none {
            display: none !important
        }

        .d-xl-inline {
            display: inline !important
        }

        .d-xl-inline-block {
            display: inline-block !important
        }

        .d-xl-block {
            display: block !important
        }

        .d-xl-table {
            display: table !important
        }

        .d-xl-table-row {
            display: table-row !important
        }

        .d-xl-table-cell {
            display: table-cell !important
        }

        .d-xl-flex {
            display: -ms-flexbox !important;
            display: flex !important
        }

        .d-xl-inline-flex {
            display: -ms-inline-flexbox !important;
            display: inline-flex !important
        }
    }

    @media (min-width:1440px) {
        .d-xxl-none {
            display: none !important
        }

        .d-xxl-inline {
            display: inline !important
        }

        .d-xxl-inline-block {
            display: inline-block !important
        }

        .d-xxl-block {
            display: block !important
        }

        .d-xxl-table {
            display: table !important
        }

        .d-xxl-table-row {
            display: table-row !important
        }

        .d-xxl-table-cell {
            display: table-cell !important
        }

        .d-xxl-flex {
            display: -ms-flexbox !important;
            display: flex !important
        }

        .d-xxl-inline-flex {
            display: -ms-inline-flexbox !important;
            display: inline-flex !important
        }
    }

    @media print {
        .d-print-none {
            display: none !important
        }

        .d-print-inline {
            display: inline !important
        }

        .d-print-inline-block {
            display: inline-block !important
        }

        .d-print-block {
            display: block !important
        }

        .d-print-table {
            display: table !important
        }

        .d-print-table-row {
            display: table-row !important
        }

        .d-print-table-cell {
            display: table-cell !important
        }

        .d-print-flex {
            display: -ms-flexbox !important;
            display: flex !important
        }

        .d-print-inline-flex {
            display: -ms-inline-flexbox !important;
            display: inline-flex !important
        }
    }

    .flex-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

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

    .justify-content-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }

    @media (min-width:360px) {
        .flex-sm-row {
            -ms-flex-direction: row !important;
            flex-direction: row !important
        }

        .flex-sm-column {
            -ms-flex-direction: column !important;
            flex-direction: column !important
        }

        .flex-sm-row-reverse {
            -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important
        }

        .flex-sm-column-reverse {
            -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important
        }

        .flex-sm-wrap {
            -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important
        }

        .flex-sm-nowrap {
            -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important
        }

        .flex-sm-wrap-reverse {
            -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important
        }

        .flex-sm-fill {
            -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important
        }

        .flex-sm-grow-0 {
            -ms-flex-positive: 0 !important;
            flex-grow: 0 !important
        }

        .flex-sm-grow-1 {
            -ms-flex-positive: 1 !important;
            flex-grow: 1 !important
        }

        .flex-sm-shrink-0 {
            -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important
        }

        .flex-sm-shrink-1 {
            -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important
        }

        .justify-content-sm-start {
            -ms-flex-pack: start !important;
            justify-content: flex-start !important
        }

        .justify-content-sm-end {
            -ms-flex-pack: end !important;
            justify-content: flex-end !important
        }

        .justify-content-sm-center {
            -ms-flex-pack: center !important;
            justify-content: center !important
        }

        .justify-content-sm-between {
            -ms-flex-pack: justify !important;
            justify-content: space-between !important
        }

        .justify-content-sm-around {
            -ms-flex-pack: distribute !important;
            justify-content: space-around !important
        }

        .align-items-sm-start {
            -ms-flex-align: start !important;
            align-items: flex-start !important
        }

        .align-items-sm-end {
            -ms-flex-align: end !important;
            align-items: flex-end !important
        }

        .align-items-sm-center {
            -ms-flex-align: center !important;
            align-items: center !important
        }

        .align-items-sm-baseline {
            -ms-flex-align: baseline !important;
            align-items: baseline !important
        }

        .align-items-sm-stretch {
            -ms-flex-align: stretch !important;
            align-items: stretch !important
        }

        .align-content-sm-start {
            -ms-flex-line-pack: start !important;
            align-content: flex-start !important
        }

        .align-content-sm-end {
            -ms-flex-line-pack: end !important;
            align-content: flex-end !important
        }

        .align-content-sm-center {
            -ms-flex-line-pack: center !important;
            align-content: center !important
        }

        .align-content-sm-between {
            -ms-flex-line-pack: justify !important;
            align-content: space-between !important
        }

        .align-content-sm-around {
            -ms-flex-line-pack: distribute !important;
            align-content: space-around !important
        }

        .align-content-sm-stretch {
            -ms-flex-line-pack: stretch !important;
            align-content: stretch !important
        }

        .align-self-sm-auto {
            -ms-flex-item-align: auto !important;
            align-self: auto !important
        }

        .align-self-sm-start {
            -ms-flex-item-align: start !important;
            align-self: flex-start !important
        }

        .align-self-sm-end {
            -ms-flex-item-align: end !important;
            align-self: flex-end !important
        }

        .align-self-sm-center {
            -ms-flex-item-align: center !important;
            align-self: center !important
        }

        .align-self-sm-baseline {
            -ms-flex-item-align: baseline !important;
            align-self: baseline !important
        }

        .align-self-sm-stretch {
            -ms-flex-item-align: stretch !important;
            align-self: stretch !important
        }
    }

    @media (min-width:768px) {
        .flex-md-row {
            -ms-flex-direction: row !important;
            flex-direction: row !important
        }

        .flex-md-column {
            -ms-flex-direction: column !important;
            flex-direction: column !important
        }

        .flex-md-row-reverse {
            -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important
        }

        .flex-md-column-reverse {
            -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important
        }

        .flex-md-wrap {
            -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important
        }

        .flex-md-nowrap {
            -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important
        }

        .flex-md-wrap-reverse {
            -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important
        }

        .flex-md-fill {
            -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important
        }

        .flex-md-grow-0 {
            -ms-flex-positive: 0 !important;
            flex-grow: 0 !important
        }

        .flex-md-grow-1 {
            -ms-flex-positive: 1 !important;
            flex-grow: 1 !important
        }

        .flex-md-shrink-0 {
            -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important
        }

        .flex-md-shrink-1 {
            -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important
        }

        .justify-content-md-start {
            -ms-flex-pack: start !important;
            justify-content: flex-start !important
        }

        .justify-content-md-end {
            -ms-flex-pack: end !important;
            justify-content: flex-end !important
        }

        .justify-content-md-center {
            -ms-flex-pack: center !important;
            justify-content: center !important
        }

        .justify-content-md-between {
            -ms-flex-pack: justify !important;
            justify-content: space-between !important
        }

        .justify-content-md-around {
            -ms-flex-pack: distribute !important;
            justify-content: space-around !important
        }

        .align-items-md-start {
            -ms-flex-align: start !important;
            align-items: flex-start !important
        }

        .align-items-md-end {
            -ms-flex-align: end !important;
            align-items: flex-end !important
        }

        .align-items-md-center {
            -ms-flex-align: center !important;
            align-items: center !important
        }

        .align-items-md-baseline {
            -ms-flex-align: baseline !important;
            align-items: baseline !important
        }

        .align-items-md-stretch {
            -ms-flex-align: stretch !important;
            align-items: stretch !important
        }

        .align-content-md-start {
            -ms-flex-line-pack: start !important;
            align-content: flex-start !important
        }

        .align-content-md-end {
            -ms-flex-line-pack: end !important;
            align-content: flex-end !important
        }

        .align-content-md-center {
            -ms-flex-line-pack: center !important;
            align-content: center !important
        }

        .align-content-md-between {
            -ms-flex-line-pack: justify !important;
            align-content: space-between !important
        }

        .align-content-md-around {
            -ms-flex-line-pack: distribute !important;
            align-content: space-around !important
        }

        .align-content-md-stretch {
            -ms-flex-line-pack: stretch !important;
            align-content: stretch !important
        }

        .align-self-md-auto {
            -ms-flex-item-align: auto !important;
            align-self: auto !important
        }

        .align-self-md-start {
            -ms-flex-item-align: start !important;
            align-self: flex-start !important
        }

        .align-self-md-end {
            -ms-flex-item-align: end !important;
            align-self: flex-end !important
        }

        .align-self-md-center {
            -ms-flex-item-align: center !important;
            align-self: center !important
        }

        .align-self-md-baseline {
            -ms-flex-item-align: baseline !important;
            align-self: baseline !important
        }

        .align-self-md-stretch {
            -ms-flex-item-align: stretch !important;
            align-self: stretch !important
        }
    }

    @media (min-width:992px) {
        .flex-lg-row {
            -ms-flex-direction: row !important;
            flex-direction: row !important
        }

        .flex-lg-column {
            -ms-flex-direction: column !important;
            flex-direction: column !important
        }

        .flex-lg-row-reverse {
            -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important
        }

        .flex-lg-column-reverse {
            -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important
        }

        .flex-lg-wrap {
            -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important
        }

        .flex-lg-nowrap {
            -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important
        }

        .flex-lg-wrap-reverse {
            -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important
        }

        .flex-lg-fill {
            -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important
        }

        .flex-lg-grow-0 {
            -ms-flex-positive: 0 !important;
            flex-grow: 0 !important
        }

        .flex-lg-grow-1 {
            -ms-flex-positive: 1 !important;
            flex-grow: 1 !important
        }

        .flex-lg-shrink-0 {
            -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important
        }

        .flex-lg-shrink-1 {
            -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important
        }

        .justify-content-lg-start {
            -ms-flex-pack: start !important;
            justify-content: flex-start !important
        }

        .justify-content-lg-end {
            -ms-flex-pack: end !important;
            justify-content: flex-end !important
        }

        .justify-content-lg-center {
            -ms-flex-pack: center !important;
            justify-content: center !important
        }

        .justify-content-lg-between {
            -ms-flex-pack: justify !important;
            justify-content: space-between !important
        }

        .justify-content-lg-around {
            -ms-flex-pack: distribute !important;
            justify-content: space-around !important
        }

        .align-items-lg-start {
            -ms-flex-align: start !important;
            align-items: flex-start !important
        }

        .align-items-lg-end {
            -ms-flex-align: end !important;
            align-items: flex-end !important
        }

        .align-items-lg-center {
            -ms-flex-align: center !important;
            align-items: center !important
        }

        .align-items-lg-baseline {
            -ms-flex-align: baseline !important;
            align-items: baseline !important
        }

        .align-items-lg-stretch {
            -ms-flex-align: stretch !important;
            align-items: stretch !important
        }

        .align-content-lg-start {
            -ms-flex-line-pack: start !important;
            align-content: flex-start !important
        }

        .align-content-lg-end {
            -ms-flex-line-pack: end !important;
            align-content: flex-end !important
        }

        .align-content-lg-center {
            -ms-flex-line-pack: center !important;
            align-content: center !important
        }

        .align-content-lg-between {
            -ms-flex-line-pack: justify !important;
            align-content: space-between !important
        }

        .align-content-lg-around {
            -ms-flex-line-pack: distribute !important;
            align-content: space-around !important
        }

        .align-content-lg-stretch {
            -ms-flex-line-pack: stretch !important;
            align-content: stretch !important
        }

        .align-self-lg-auto {
            -ms-flex-item-align: auto !important;
            align-self: auto !important
        }

        .align-self-lg-start {
            -ms-flex-item-align: start !important;
            align-self: flex-start !important
        }

        .align-self-lg-end {
            -ms-flex-item-align: end !important;
            align-self: flex-end !important
        }

        .align-self-lg-center {
            -ms-flex-item-align: center !important;
            align-self: center !important
        }

        .align-self-lg-baseline {
            -ms-flex-item-align: baseline !important;
            align-self: baseline !important
        }

        .align-self-lg-stretch {
            -ms-flex-item-align: stretch !important;
            align-self: stretch !important
        }
    }

    @media (min-width:1366px) {
        .flex-xl-row {
            -ms-flex-direction: row !important;
            flex-direction: row !important
        }

        .flex-xl-column {
            -ms-flex-direction: column !important;
            flex-direction: column !important
        }

        .flex-xl-row-reverse {
            -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important
        }

        .flex-xl-column-reverse {
            -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important
        }

        .flex-xl-wrap {
            -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important
        }

        .flex-xl-nowrap {
            -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important
        }

        .flex-xl-wrap-reverse {
            -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important
        }

        .flex-xl-fill {
            -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important
        }

        .flex-xl-grow-0 {
            -ms-flex-positive: 0 !important;
            flex-grow: 0 !important
        }

        .flex-xl-grow-1 {
            -ms-flex-positive: 1 !important;
            flex-grow: 1 !important
        }

        .flex-xl-shrink-0 {
            -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important
        }

        .flex-xl-shrink-1 {
            -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important
        }

        .justify-content-xl-start {
            -ms-flex-pack: start !important;
            justify-content: flex-start !important
        }

        .justify-content-xl-end {
            -ms-flex-pack: end !important;
            justify-content: flex-end !important
        }

        .justify-content-xl-center {
            -ms-flex-pack: center !important;
            justify-content: center !important
        }

        .justify-content-xl-between {
            -ms-flex-pack: justify !important;
            justify-content: space-between !important
        }

        .justify-content-xl-around {
            -ms-flex-pack: distribute !important;
            justify-content: space-around !important
        }

        .align-items-xl-start {
            -ms-flex-align: start !important;
            align-items: flex-start !important
        }

        .align-items-xl-end {
            -ms-flex-align: end !important;
            align-items: flex-end !important
        }

        .align-items-xl-center {
            -ms-flex-align: center !important;
            align-items: center !important
        }

        .align-items-xl-baseline {
            -ms-flex-align: baseline !important;
            align-items: baseline !important
        }

        .align-items-xl-stretch {
            -ms-flex-align: stretch !important;
            align-items: stretch !important
        }

        .align-content-xl-start {
            -ms-flex-line-pack: start !important;
            align-content: flex-start !important
        }

        .align-content-xl-end {
            -ms-flex-line-pack: end !important;
            align-content: flex-end !important
        }

        .align-content-xl-center {
            -ms-flex-line-pack: center !important;
            align-content: center !important
        }

        .align-content-xl-between {
            -ms-flex-line-pack: justify !important;
            align-content: space-between !important
        }

        .align-content-xl-around {
            -ms-flex-line-pack: distribute !important;
            align-content: space-around !important
        }

        .align-content-xl-stretch {
            -ms-flex-line-pack: stretch !important;
            align-content: stretch !important
        }

        .align-self-xl-auto {
            -ms-flex-item-align: auto !important;
            align-self: auto !important
        }

        .align-self-xl-start {
            -ms-flex-item-align: start !important;
            align-self: flex-start !important
        }

        .align-self-xl-end {
            -ms-flex-item-align: end !important;
            align-self: flex-end !important
        }

        .align-self-xl-center {
            -ms-flex-item-align: center !important;
            align-self: center !important
        }

        .align-self-xl-baseline {
            -ms-flex-item-align: baseline !important;
            align-self: baseline !important
        }

        .align-self-xl-stretch {
            -ms-flex-item-align: stretch !important;
            align-self: stretch !important
        }
    }

    @media (min-width:1440px) {
        .flex-xxl-row {
            -ms-flex-direction: row !important;
            flex-direction: row !important
        }

        .flex-xxl-column {
            -ms-flex-direction: column !important;
            flex-direction: column !important
        }

        .flex-xxl-row-reverse {
            -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important
        }

        .flex-xxl-column-reverse {
            -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important
        }

        .flex-xxl-wrap {
            -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important
        }

        .flex-xxl-nowrap {
            -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important
        }

        .flex-xxl-wrap-reverse {
            -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important
        }

        .flex-xxl-fill {
            -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important
        }

        .flex-xxl-grow-0 {
            -ms-flex-positive: 0 !important;
            flex-grow: 0 !important
        }

        .flex-xxl-grow-1 {
            -ms-flex-positive: 1 !important;
            flex-grow: 1 !important
        }

        .flex-xxl-shrink-0 {
            -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important
        }

        .flex-xxl-shrink-1 {
            -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important
        }

        .justify-content-xxl-start {
            -ms-flex-pack: start !important;
            justify-content: flex-start !important
        }

        .justify-content-xxl-end {
            -ms-flex-pack: end !important;
            justify-content: flex-end !important
        }

        .justify-content-xxl-center {
            -ms-flex-pack: center !important;
            justify-content: center !important
        }

        .justify-content-xxl-between {
            -ms-flex-pack: justify !important;
            justify-content: space-between !important
        }

        .justify-content-xxl-around {
            -ms-flex-pack: distribute !important;
            justify-content: space-around !important
        }

        .align-items-xxl-start {
            -ms-flex-align: start !important;
            align-items: flex-start !important
        }

        .align-items-xxl-end {
            -ms-flex-align: end !important;
            align-items: flex-end !important
        }

        .align-items-xxl-center {
            -ms-flex-align: center !important;
            align-items: center !important
        }

        .align-items-xxl-baseline {
            -ms-flex-align: baseline !important;
            align-items: baseline !important
        }

        .align-items-xxl-stretch {
            -ms-flex-align: stretch !important;
            align-items: stretch !important
        }

        .align-content-xxl-start {
            -ms-flex-line-pack: start !important;
            align-content: flex-start !important
        }

        .align-content-xxl-end {
            -ms-flex-line-pack: end !important;
            align-content: flex-end !important
        }

        .align-content-xxl-center {
            -ms-flex-line-pack: center !important;
            align-content: center !important
        }

        .align-content-xxl-between {
            -ms-flex-line-pack: justify !important;
            align-content: space-between !important
        }

        .align-content-xxl-around {
            -ms-flex-line-pack: distribute !important;
            align-content: space-around !important
        }

        .align-content-xxl-stretch {
            -ms-flex-line-pack: stretch !important;
            align-content: stretch !important
        }

        .align-self-xxl-auto {
            -ms-flex-item-align: auto !important;
            align-self: auto !important
        }

        .align-self-xxl-start {
            -ms-flex-item-align: start !important;
            align-self: flex-start !important
        }

        .align-self-xxl-end {
            -ms-flex-item-align: end !important;
            align-self: flex-end !important
        }

        .align-self-xxl-center {
            -ms-flex-item-align: center !important;
            align-self: center !important
        }

        .align-self-xxl-baseline {
            -ms-flex-item-align: baseline !important;
            align-self: baseline !important
        }

        .align-self-xxl-stretch {
            -ms-flex-item-align: stretch !important;
            align-self: stretch !important
        }
    }

    .m-0 {
        margin: 0 !important
    }

    .mt-0,
    .my-0 {
        margin-top: 0 !important
    }

    .mr-0,
    .mx-0 {
        margin-right: 0 !important
    }

    .mb-0,
    .my-0 {
        margin-bottom: 0 !important
    }

    .ml-0,
    .mx-0 {
        margin-left: 0 !important
    }

    .m-1 {
        margin: .25rem !important
    }

    .mt-1,
    .my-1 {
        margin-top: .25rem !important
    }

    .mr-1,
    .mx-1 {
        margin-right: .25rem !important
    }

    .mb-1,
    .my-1 {
        margin-bottom: .25rem !important
    }

    .ml-1,
    .mx-1 {
        margin-left: .25rem !important
    }

    .m-2 {
        margin: .5rem !important
    }

    .mt-2,
    .my-2 {
        margin-top: .5rem !important
    }

    .mr-2,
    .mx-2 {
        margin-right: .5rem !important
    }

    .mb-2,
    .my-2 {
        margin-bottom: .5rem !important
    }

    .ml-2,
    .mx-2 {
        margin-left: .5rem !important
    }

    .m-3 {
        margin: 1rem !important
    }

    .mt-3,
    .my-3 {
        margin-top: 1rem !important
    }

    .mr-3,
    .mx-3 {
        margin-right: 1rem !important
    }

    .mb-3,
    .my-3 {
        margin-bottom: 1rem !important
    }

    .ml-3,
    .mx-3 {
        margin-left: 1rem !important
    }

    .m-4 {
        margin: 1.5rem !important
    }

    .mt-4,
    .my-4 {
        margin-top: 1.5rem !important
    }

    .mr-4,
    .mx-4 {
        margin-right: 1.5rem !important
    }

    .mb-4,
    .my-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-4,
    .mx-4 {
        margin-left: 1.5rem !important
    }

    .m-5 {
        margin: 3rem !important
    }

    .mt-5,
    .my-5 {
        margin-top: 3rem !important
    }

    .mr-5,
    .mx-5 {
        margin-right: 3rem !important
    }

    .mb-5,
    .my-5 {
        margin-bottom: 3rem !important
    }

    .ml-5,
    .mx-5 {
        margin-left: 3rem !important
    }

    .p-0 {
        padding: 0 !important
    }

    .pt-0,
    .py-0 {
        padding-top: 0 !important
    }

    .pr-0,
    .px-0 {
        padding-right: 0 !important
    }

    .pb-0,
    .py-0 {
        padding-bottom: 0 !important
    }

    .pl-0,
    .px-0 {
        padding-left: 0 !important
    }

    .p-1 {
        padding: .25rem !important
    }

    .pt-1,
    .py-1 {
        padding-top: .25rem !important
    }

    .pr-1,
    .px-1 {
        padding-right: .25rem !important
    }

    .pb-1,
    .py-1 {
        padding-bottom: .25rem !important
    }

    .pl-1,
    .px-1 {
        padding-left: .25rem !important
    }

    .p-2 {
        padding: .5rem !important
    }

    .pt-2,
    .py-2 {
        padding-top: .5rem !important
    }

    .pr-2,
    .px-2 {
        padding-right: .5rem !important
    }

    .pb-2,
    .py-2 {
        padding-bottom: .5rem !important
    }

    .pl-2,
    .px-2 {
        padding-left: .5rem !important
    }

    .p-3 {
        padding: 1rem !important
    }

    .pt-3,
    .py-3 {
        padding-top: 1rem !important
    }

    .pr-3,
    .px-3 {
        padding-right: 1rem !important
    }

    .pb-3,
    .py-3 {
        padding-bottom: 1rem !important
    }

    .pl-3,
    .px-3 {
        padding-left: 1rem !important
    }

    .p-4 {
        padding: 1.5rem !important
    }

    .pt-4,
    .py-4 {
        padding-top: 1.5rem !important
    }

    .pr-4,
    .px-4 {
        padding-right: 1.5rem !important
    }

    .pb-4,
    .py-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-4,
    .px-4 {
        padding-left: 1.5rem !important
    }

    .p-5 {
        padding: 3rem !important
    }

    .pt-5,
    .py-5 {
        padding-top: 3rem !important
    }

    .pr-5,
    .px-5 {
        padding-right: 3rem !important
    }

    .pb-5,
    .py-5 {
        padding-bottom: 3rem !important
    }

    .pl-5,
    .px-5 {
        padding-left: 3rem !important
    }

    .m-n1 {
        margin: -.25rem !important
    }

    .mt-n1,
    .my-n1 {
        margin-top: -.25rem !important
    }

    .mr-n1,
    .mx-n1 {
        margin-right: -.25rem !important
    }

    .mb-n1,
    .my-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-n1,
    .mx-n1 {
        margin-left: -.25rem !important
    }

    .m-n2 {
        margin: -.5rem !important
    }

    .mt-n2,
    .my-n2 {
        margin-top: -.5rem !important
    }

    .mr-n2,
    .mx-n2 {
        margin-right: -.5rem !important
    }

    .mb-n2,
    .my-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-n2,
    .mx-n2 {
        margin-left: -.5rem !important
    }

    .m-n3 {
        margin: -1rem !important
    }

    .mt-n3,
    .my-n3 {
        margin-top: -1rem !important
    }

    .mr-n3,
    .mx-n3 {
        margin-right: -1rem !important
    }

    .mb-n3,
    .my-n3 {
        margin-bottom: -1rem !important
    }

    .ml-n3,
    .mx-n3 {
        margin-left: -1rem !important
    }

    .m-n4 {
        margin: -1.5rem !important
    }

    .mt-n4,
    .my-n4 {
        margin-top: -1.5rem !important
    }

    .mr-n4,
    .mx-n4 {
        margin-right: -1.5rem !important
    }

    .mb-n4,
    .my-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-n4,
    .mx-n4 {
        margin-left: -1.5rem !important
    }

    .m-n5 {
        margin: -3rem !important
    }

    .mt-n5,
    .my-n5 {
        margin-top: -3rem !important
    }

    .mr-n5,
    .mx-n5 {
        margin-right: -3rem !important
    }

    .mb-n5,
    .my-n5 {
        margin-bottom: -3rem !important
    }

    .ml-n5,
    .mx-n5 {
        margin-left: -3rem !important
    }

    .m-auto {
        margin: auto !important
    }

    .mt-auto,
    .my-auto {
        margin-top: auto !important
    }

    .mr-auto,
    .mx-auto {
        margin-right: auto !important
    }

    .mb-auto,
    .my-auto {
        margin-bottom: auto !important
    }

    .ml-auto,
    .mx-auto {
        margin-left: auto !important
    }

    @media (min-width:360px) {
        .m-sm-0 {
            margin: 0 !important
        }

        .mt-sm-0,
        .my-sm-0 {
            margin-top: 0 !important
        }

        .mr-sm-0,
        .mx-sm-0 {
            margin-right: 0 !important
        }

        .mb-sm-0,
        .my-sm-0 {
            margin-bottom: 0 !important
        }

        .ml-sm-0,
        .mx-sm-0 {
            margin-left: 0 !important
        }

        .m-sm-1 {
            margin: .25rem !important
        }

        .mt-sm-1,
        .my-sm-1 {
            margin-top: .25rem !important
        }

        .mr-sm-1,
        .mx-sm-1 {
            margin-right: .25rem !important
        }

        .mb-sm-1,
        .my-sm-1 {
            margin-bottom: .25rem !important
        }

        .ml-sm-1,
        .mx-sm-1 {
            margin-left: .25rem !important
        }

        .m-sm-2 {
            margin: .5rem !important
        }

        .mt-sm-2,
        .my-sm-2 {
            margin-top: .5rem !important
        }

        .mr-sm-2,
        .mx-sm-2 {
            margin-right: .5rem !important
        }

        .mb-sm-2,
        .my-sm-2 {
            margin-bottom: .5rem !important
        }

        .ml-sm-2,
        .mx-sm-2 {
            margin-left: .5rem !important
        }

        .m-sm-3 {
            margin: 1rem !important
        }

        .mt-sm-3,
        .my-sm-3 {
            margin-top: 1rem !important
        }

        .mr-sm-3,
        .mx-sm-3 {
            margin-right: 1rem !important
        }

        .mb-sm-3,
        .my-sm-3 {
            margin-bottom: 1rem !important
        }

        .ml-sm-3,
        .mx-sm-3 {
            margin-left: 1rem !important
        }

        .m-sm-4 {
            margin: 1.5rem !important
        }

        .mt-sm-4,
        .my-sm-4 {
            margin-top: 1.5rem !important
        }

        .mr-sm-4,
        .mx-sm-4 {
            margin-right: 1.5rem !important
        }

        .mb-sm-4,
        .my-sm-4 {
            margin-bottom: 1.5rem !important
        }

        .ml-sm-4,
        .mx-sm-4 {
            margin-left: 1.5rem !important
        }

        .m-sm-5 {
            margin: 3rem !important
        }

        .mt-sm-5,
        .my-sm-5 {
            margin-top: 3rem !important
        }

        .mr-sm-5,
        .mx-sm-5 {
            margin-right: 3rem !important
        }

        .mb-sm-5,
        .my-sm-5 {
            margin-bottom: 3rem !important
        }

        .ml-sm-5,
        .mx-sm-5 {
            margin-left: 3rem !important
        }

        .p-sm-0 {
            padding: 0 !important
        }

        .pt-sm-0,
        .py-sm-0 {
            padding-top: 0 !important
        }

        .pr-sm-0,
        .px-sm-0 {
            padding-right: 0 !important
        }

        .pb-sm-0,
        .py-sm-0 {
            padding-bottom: 0 !important
        }

        .pl-sm-0,
        .px-sm-0 {
            padding-left: 0 !important
        }

        .p-sm-1 {
            padding: .25rem !important
        }

        .pt-sm-1,
        .py-sm-1 {
            padding-top: .25rem !important
        }

        .pr-sm-1,
        .px-sm-1 {
            padding-right: .25rem !important
        }

        .pb-sm-1,
        .py-sm-1 {
            padding-bottom: .25rem !important
        }

        .pl-sm-1,
        .px-sm-1 {
            padding-left: .25rem !important
        }

        .p-sm-2 {
            padding: .5rem !important
        }

        .pt-sm-2,
        .py-sm-2 {
            padding-top: .5rem !important
        }

        .pr-sm-2,
        .px-sm-2 {
            padding-right: .5rem !important
        }

        .pb-sm-2,
        .py-sm-2 {
            padding-bottom: .5rem !important
        }

        .pl-sm-2,
        .px-sm-2 {
            padding-left: .5rem !important
        }

        .p-sm-3 {
            padding: 1rem !important
        }

        .pt-sm-3,
        .py-sm-3 {
            padding-top: 1rem !important
        }

        .pr-sm-3,
        .px-sm-3 {
            padding-right: 1rem !important
        }

        .pb-sm-3,
        .py-sm-3 {
            padding-bottom: 1rem !important
        }

        .pl-sm-3,
        .px-sm-3 {
            padding-left: 1rem !important
        }

        .p-sm-4 {
            padding: 1.5rem !important
        }

        .pt-sm-4,
        .py-sm-4 {
            padding-top: 1.5rem !important
        }

        .pr-sm-4,
        .px-sm-4 {
            padding-right: 1.5rem !important
        }

        .pb-sm-4,
        .py-sm-4 {
            padding-bottom: 1.5rem !important
        }

        .pl-sm-4,
        .px-sm-4 {
            padding-left: 1.5rem !important
        }

        .p-sm-5 {
            padding: 3rem !important
        }

        .pt-sm-5,
        .py-sm-5 {
            padding-top: 3rem !important
        }

        .pr-sm-5,
        .px-sm-5 {
            padding-right: 3rem !important
        }

        .pb-sm-5,
        .py-sm-5 {
            padding-bottom: 3rem !important
        }

        .pl-sm-5,
        .px-sm-5 {
            padding-left: 3rem !important
        }

        .m-sm-n1 {
            margin: -.25rem !important
        }

        .mt-sm-n1,
        .my-sm-n1 {
            margin-top: -.25rem !important
        }

        .mr-sm-n1,
        .mx-sm-n1 {
            margin-right: -.25rem !important
        }

        .mb-sm-n1,
        .my-sm-n1 {
            margin-bottom: -.25rem !important
        }

        .ml-sm-n1,
        .mx-sm-n1 {
            margin-left: -.25rem !important
        }

        .m-sm-n2 {
            margin: -.5rem !important
        }

        .mt-sm-n2,
        .my-sm-n2 {
            margin-top: -.5rem !important
        }

        .mr-sm-n2,
        .mx-sm-n2 {
            margin-right: -.5rem !important
        }

        .mb-sm-n2,
        .my-sm-n2 {
            margin-bottom: -.5rem !important
        }

        .ml-sm-n2,
        .mx-sm-n2 {
            margin-left: -.5rem !important
        }

        .m-sm-n3 {
            margin: -1rem !important
        }

        .mt-sm-n3,
        .my-sm-n3 {
            margin-top: -1rem !important
        }

        .mr-sm-n3,
        .mx-sm-n3 {
            margin-right: -1rem !important
        }

        .mb-sm-n3,
        .my-sm-n3 {
            margin-bottom: -1rem !important
        }

        .ml-sm-n3,
        .mx-sm-n3 {
            margin-left: -1rem !important
        }

        .m-sm-n4 {
            margin: -1.5rem !important
        }

        .mt-sm-n4,
        .my-sm-n4 {
            margin-top: -1.5rem !important
        }

        .mr-sm-n4,
        .mx-sm-n4 {
            margin-right: -1.5rem !important
        }

        .mb-sm-n4,
        .my-sm-n4 {
            margin-bottom: -1.5rem !important
        }

        .ml-sm-n4,
        .mx-sm-n4 {
            margin-left: -1.5rem !important
        }

        .m-sm-n5 {
            margin: -3rem !important
        }

        .mt-sm-n5,
        .my-sm-n5 {
            margin-top: -3rem !important
        }

        .mr-sm-n5,
        .mx-sm-n5 {
            margin-right: -3rem !important
        }

        .mb-sm-n5,
        .my-sm-n5 {
            margin-bottom: -3rem !important
        }

        .ml-sm-n5,
        .mx-sm-n5 {
            margin-left: -3rem !important
        }

        .m-sm-auto {
            margin: auto !important
        }

        .mt-sm-auto,
        .my-sm-auto {
            margin-top: auto !important
        }

        .mr-sm-auto,
        .mx-sm-auto {
            margin-right: auto !important
        }

        .mb-sm-auto,
        .my-sm-auto {
            margin-bottom: auto !important
        }

        .ml-sm-auto,
        .mx-sm-auto {
            margin-left: auto !important
        }
    }

    @media (min-width:768px) {
        .m-md-0 {
            margin: 0 !important
        }

        .mt-md-0,
        .my-md-0 {
            margin-top: 0 !important
        }

        .mr-md-0,
        .mx-md-0 {
            margin-right: 0 !important
        }

        .mb-md-0,
        .my-md-0 {
            margin-bottom: 0 !important
        }

        .ml-md-0,
        .mx-md-0 {
            margin-left: 0 !important
        }

        .m-md-1 {
            margin: .25rem !important
        }

        .mt-md-1,
        .my-md-1 {
            margin-top: .25rem !important
        }

        .mr-md-1,
        .mx-md-1 {
            margin-right: .25rem !important
        }

        .mb-md-1,
        .my-md-1 {
            margin-bottom: .25rem !important
        }

        .ml-md-1,
        .mx-md-1 {
            margin-left: .25rem !important
        }

        .m-md-2 {
            margin: .5rem !important
        }

        .mt-md-2,
        .my-md-2 {
            margin-top: .5rem !important
        }

        .mr-md-2,
        .mx-md-2 {
            margin-right: .5rem !important
        }

        .mb-md-2,
        .my-md-2 {
            margin-bottom: .5rem !important
        }

        .ml-md-2,
        .mx-md-2 {
            margin-left: .5rem !important
        }

        .m-md-3 {
            margin: 1rem !important
        }

        .mt-md-3,
        .my-md-3 {
            margin-top: 1rem !important
        }

        .mr-md-3,
        .mx-md-3 {
            margin-right: 1rem !important
        }

        .mb-md-3,
        .my-md-3 {
            margin-bottom: 1rem !important
        }

        .ml-md-3,
        .mx-md-3 {
            margin-left: 1rem !important
        }

        .m-md-4 {
            margin: 1.5rem !important
        }

        .mt-md-4,
        .my-md-4 {
            margin-top: 1.5rem !important
        }

        .mr-md-4,
        .mx-md-4 {
            margin-right: 1.5rem !important
        }

        .mb-md-4,
        .my-md-4 {
            margin-bottom: 1.5rem !important
        }

        .ml-md-4,
        .mx-md-4 {
            margin-left: 1.5rem !important
        }

        .m-md-5 {
            margin: 3rem !important
        }

        .mt-md-5,
        .my-md-5 {
            margin-top: 3rem !important
        }

        .mr-md-5,
        .mx-md-5 {
            margin-right: 3rem !important
        }

        .mb-md-5,
        .my-md-5 {
            margin-bottom: 3rem !important
        }

        .ml-md-5,
        .mx-md-5 {
            margin-left: 3rem !important
        }

        .p-md-0 {
            padding: 0 !important
        }

        .pt-md-0,
        .py-md-0 {
            padding-top: 0 !important
        }

        .pr-md-0,
        .px-md-0 {
            padding-right: 0 !important
        }

        .pb-md-0,
        .py-md-0 {
            padding-bottom: 0 !important
        }

        .pl-md-0,
        .px-md-0 {
            padding-left: 0 !important
        }

        .p-md-1 {
            padding: .25rem !important
        }

        .pt-md-1,
        .py-md-1 {
            padding-top: .25rem !important
        }

        .pr-md-1,
        .px-md-1 {
            padding-right: .25rem !important
        }

        .pb-md-1,
        .py-md-1 {
            padding-bottom: .25rem !important
        }

        .pl-md-1,
        .px-md-1 {
            padding-left: .25rem !important
        }

        .p-md-2 {
            padding: .5rem !important
        }

        .pt-md-2,
        .py-md-2 {
            padding-top: .5rem !important
        }

        .pr-md-2,
        .px-md-2 {
            padding-right: .5rem !important
        }

        .pb-md-2,
        .py-md-2 {
            padding-bottom: .5rem !important
        }

        .pl-md-2,
        .px-md-2 {
            padding-left: .5rem !important
        }

        .p-md-3 {
            padding: 1rem !important
        }

        .pt-md-3,
        .py-md-3 {
            padding-top: 1rem !important
        }

        .pr-md-3,
        .px-md-3 {
            padding-right: 1rem !important
        }

        .pb-md-3,
        .py-md-3 {
            padding-bottom: 1rem !important
        }

        .pl-md-3,
        .px-md-3 {
            padding-left: 1rem !important
        }

        .p-md-4 {
            padding: 1.5rem !important
        }

        .pt-md-4,
        .py-md-4 {
            padding-top: 1.5rem !important
        }

        .pr-md-4,
        .px-md-4 {
            padding-right: 1.5rem !important
        }

        .pb-md-4,
        .py-md-4 {
            padding-bottom: 1.5rem !important
        }

        .pl-md-4,
        .px-md-4 {
            padding-left: 1.5rem !important
        }

        .p-md-5 {
            padding: 3rem !important
        }

        .pt-md-5,
        .py-md-5 {
            padding-top: 3rem !important
        }

        .pr-md-5,
        .px-md-5 {
            padding-right: 3rem !important
        }

        .pb-md-5,
        .py-md-5 {
            padding-bottom: 3rem !important
        }

        .pl-md-5,
        .px-md-5 {
            padding-left: 3rem !important
        }

        .m-md-n1 {
            margin: -.25rem !important
        }

        .mt-md-n1,
        .my-md-n1 {
            margin-top: -.25rem !important
        }

        .mr-md-n1,
        .mx-md-n1 {
            margin-right: -.25rem !important
        }

        .mb-md-n1,
        .my-md-n1 {
            margin-bottom: -.25rem !important
        }

        .ml-md-n1,
        .mx-md-n1 {
            margin-left: -.25rem !important
        }

        .m-md-n2 {
            margin: -.5rem !important
        }

        .mt-md-n2,
        .my-md-n2 {
            margin-top: -.5rem !important
        }

        .mr-md-n2,
        .mx-md-n2 {
            margin-right: -.5rem !important
        }

        .mb-md-n2,
        .my-md-n2 {
            margin-bottom: -.5rem !important
        }

        .ml-md-n2,
        .mx-md-n2 {
            margin-left: -.5rem !important
        }

        .m-md-n3 {
            margin: -1rem !important
        }

        .mt-md-n3,
        .my-md-n3 {
            margin-top: -1rem !important
        }

        .mr-md-n3,
        .mx-md-n3 {
            margin-right: -1rem !important
        }

        .mb-md-n3,
        .my-md-n3 {
            margin-bottom: -1rem !important
        }

        .ml-md-n3,
        .mx-md-n3 {
            margin-left: -1rem !important
        }

        .m-md-n4 {
            margin: -1.5rem !important
        }

        .mt-md-n4,
        .my-md-n4 {
            margin-top: -1.5rem !important
        }

        .mr-md-n4,
        .mx-md-n4 {
            margin-right: -1.5rem !important
        }

        .mb-md-n4,
        .my-md-n4 {
            margin-bottom: -1.5rem !important
        }

        .ml-md-n4,
        .mx-md-n4 {
            margin-left: -1.5rem !important
        }

        .m-md-n5 {
            margin: -3rem !important
        }

        .mt-md-n5,
        .my-md-n5 {
            margin-top: -3rem !important
        }

        .mr-md-n5,
        .mx-md-n5 {
            margin-right: -3rem !important
        }

        .mb-md-n5,
        .my-md-n5 {
            margin-bottom: -3rem !important
        }

        .ml-md-n5,
        .mx-md-n5 {
            margin-left: -3rem !important
        }

        .m-md-auto {
            margin: auto !important
        }

        .mt-md-auto,
        .my-md-auto {
            margin-top: auto !important
        }

        .mr-md-auto,
        .mx-md-auto {
            margin-right: auto !important
        }

        .mb-md-auto,
        .my-md-auto {
            margin-bottom: auto !important
        }

        .ml-md-auto,
        .mx-md-auto {
            margin-left: auto !important
        }
    }

    @media (min-width:992px) {
        .m-lg-0 {
            margin: 0 !important
        }

        .mt-lg-0,
        .my-lg-0 {
            margin-top: 0 !important
        }

        .mr-lg-0,
        .mx-lg-0 {
            margin-right: 0 !important
        }

        .mb-lg-0,
        .my-lg-0 {
            margin-bottom: 0 !important
        }

        .ml-lg-0,
        .mx-lg-0 {
            margin-left: 0 !important
        }

        .m-lg-1 {
            margin: .25rem !important
        }

        .mt-lg-1,
        .my-lg-1 {
            margin-top: .25rem !important
        }

        .mr-lg-1,
        .mx-lg-1 {
            margin-right: .25rem !important
        }

        .mb-lg-1,
        .my-lg-1 {
            margin-bottom: .25rem !important
        }

        .ml-lg-1,
        .mx-lg-1 {
            margin-left: .25rem !important
        }

        .m-lg-2 {
            margin: .5rem !important
        }

        .mt-lg-2,
        .my-lg-2 {
            margin-top: .5rem !important
        }

        .mr-lg-2,
        .mx-lg-2 {
            margin-right: .5rem !important
        }

        .mb-lg-2,
        .my-lg-2 {
            margin-bottom: .5rem !important
        }

        .ml-lg-2,
        .mx-lg-2 {
            margin-left: .5rem !important
        }

        .m-lg-3 {
            margin: 1rem !important
        }

        .mt-lg-3,
        .my-lg-3 {
            margin-top: 1rem !important
        }

        .mr-lg-3,
        .mx-lg-3 {
            margin-right: 1rem !important
        }

        .mb-lg-3,
        .my-lg-3 {
            margin-bottom: 1rem !important
        }

        .ml-lg-3,
        .mx-lg-3 {
            margin-left: 1rem !important
        }

        .m-lg-4 {
            margin: 1.5rem !important
        }

        .mt-lg-4,
        .my-lg-4 {
            margin-top: 1.5rem !important
        }

        .mr-lg-4,
        .mx-lg-4 {
            margin-right: 1.5rem !important
        }

        .mb-lg-4,
        .my-lg-4 {
            margin-bottom: 1.5rem !important
        }

        .ml-lg-4,
        .mx-lg-4 {
            margin-left: 1.5rem !important
        }

        .m-lg-5 {
            margin: 3rem !important
        }

        .mt-lg-5,
        .my-lg-5 {
            margin-top: 3rem !important
        }

        .mr-lg-5,
        .mx-lg-5 {
            margin-right: 3rem !important
        }

        .mb-lg-5,
        .my-lg-5 {
            margin-bottom: 3rem !important
        }

        .ml-lg-5,
        .mx-lg-5 {
            margin-left: 3rem !important
        }

        .p-lg-0 {
            padding: 0 !important
        }

        .pt-lg-0,
        .py-lg-0 {
            padding-top: 0 !important
        }

        .pr-lg-0,
        .px-lg-0 {
            padding-right: 0 !important
        }

        .pb-lg-0,
        .py-lg-0 {
            padding-bottom: 0 !important
        }

        .pl-lg-0,
        .px-lg-0 {
            padding-left: 0 !important
        }

        .p-lg-1 {
            padding: .25rem !important
        }

        .pt-lg-1,
        .py-lg-1 {
            padding-top: .25rem !important
        }

        .pr-lg-1,
        .px-lg-1 {
            padding-right: .25rem !important
        }

        .pb-lg-1,
        .py-lg-1 {
            padding-bottom: .25rem !important
        }

        .pl-lg-1,
        .px-lg-1 {
            padding-left: .25rem !important
        }

        .p-lg-2 {
            padding: .5rem !important
        }

        .pt-lg-2,
        .py-lg-2 {
            padding-top: .5rem !important
        }

        .pr-lg-2,
        .px-lg-2 {
            padding-right: .5rem !important
        }

        .pb-lg-2,
        .py-lg-2 {
            padding-bottom: .5rem !important
        }

        .pl-lg-2,
        .px-lg-2 {
            padding-left: .5rem !important
        }

        .p-lg-3 {
            padding: 1rem !important
        }

        .pt-lg-3,
        .py-lg-3 {
            padding-top: 1rem !important
        }

        .pr-lg-3,
        .px-lg-3 {
            padding-right: 1rem !important
        }

        .pb-lg-3,
        .py-lg-3 {
            padding-bottom: 1rem !important
        }

        .pl-lg-3,
        .px-lg-3 {
            padding-left: 1rem !important
        }

        .p-lg-4 {
            padding: 1.5rem !important
        }

        .pt-lg-4,
        .py-lg-4 {
            padding-top: 1.5rem !important
        }

        .pr-lg-4,
        .px-lg-4 {
            padding-right: 1.5rem !important
        }

        .pb-lg-4,
        .py-lg-4 {
            padding-bottom: 1.5rem !important
        }

        .pl-lg-4,
        .px-lg-4 {
            padding-left: 1.5rem !important
        }

        .p-lg-5 {
            padding: 3rem !important
        }

        .pt-lg-5,
        .py-lg-5 {
            padding-top: 3rem !important
        }

        .pr-lg-5,
        .px-lg-5 {
            padding-right: 3rem !important
        }

        .pb-lg-5,
        .py-lg-5 {
            padding-bottom: 3rem !important
        }

        .pl-lg-5,
        .px-lg-5 {
            padding-left: 3rem !important
        }

        .m-lg-n1 {
            margin: -.25rem !important
        }

        .mt-lg-n1,
        .my-lg-n1 {
            margin-top: -.25rem !important
        }

        .mr-lg-n1,
        .mx-lg-n1 {
            margin-right: -.25rem !important
        }

        .mb-lg-n1,
        .my-lg-n1 {
            margin-bottom: -.25rem !important
        }

        .ml-lg-n1,
        .mx-lg-n1 {
            margin-left: -.25rem !important
        }

        .m-lg-n2 {
            margin: -.5rem !important
        }

        .mt-lg-n2,
        .my-lg-n2 {
            margin-top: -.5rem !important
        }

        .mr-lg-n2,
        .mx-lg-n2 {
            margin-right: -.5rem !important
        }

        .mb-lg-n2,
        .my-lg-n2 {
            margin-bottom: -.5rem !important
        }

        .ml-lg-n2,
        .mx-lg-n2 {
            margin-left: -.5rem !important
        }

        .m-lg-n3 {
            margin: -1rem !important
        }

        .mt-lg-n3,
        .my-lg-n3 {
            margin-top: -1rem !important
        }

        .mr-lg-n3,
        .mx-lg-n3 {
            margin-right: -1rem !important
        }

        .mb-lg-n3,
        .my-lg-n3 {
            margin-bottom: -1rem !important
        }

        .ml-lg-n3,
        .mx-lg-n3 {
            margin-left: -1rem !important
        }

        .m-lg-n4 {
            margin: -1.5rem !important
        }

        .mt-lg-n4,
        .my-lg-n4 {
            margin-top: -1.5rem !important
        }

        .mr-lg-n4,
        .mx-lg-n4 {
            margin-right: -1.5rem !important
        }

        .mb-lg-n4,
        .my-lg-n4 {
            margin-bottom: -1.5rem !important
        }

        .ml-lg-n4,
        .mx-lg-n4 {
            margin-left: -1.5rem !important
        }

        .m-lg-n5 {
            margin: -3rem !important
        }

        .mt-lg-n5,
        .my-lg-n5 {
            margin-top: -3rem !important
        }

        .mr-lg-n5,
        .mx-lg-n5 {
            margin-right: -3rem !important
        }

        .mb-lg-n5,
        .my-lg-n5 {
            margin-bottom: -3rem !important
        }

        .ml-lg-n5,
        .mx-lg-n5 {
            margin-left: -3rem !important
        }

        .m-lg-auto {
            margin: auto !important
        }

        .mt-lg-auto,
        .my-lg-auto {
            margin-top: auto !important
        }

        .mr-lg-auto,
        .mx-lg-auto {
            margin-right: auto !important
        }

        .mb-lg-auto,
        .my-lg-auto {
            margin-bottom: auto !important
        }

        .ml-lg-auto,
        .mx-lg-auto {
            margin-left: auto !important
        }
    }

    @media (min-width:1366px) {
        .m-xl-0 {
            margin: 0 !important
        }

        .mt-xl-0,
        .my-xl-0 {
            margin-top: 0 !important
        }

        .mr-xl-0,
        .mx-xl-0 {
            margin-right: 0 !important
        }

        .mb-xl-0,
        .my-xl-0 {
            margin-bottom: 0 !important
        }

        .ml-xl-0,
        .mx-xl-0 {
            margin-left: 0 !important
        }

        .m-xl-1 {
            margin: .25rem !important
        }

        .mt-xl-1,
        .my-xl-1 {
            margin-top: .25rem !important
        }

        .mr-xl-1,
        .mx-xl-1 {
            margin-right: .25rem !important
        }

        .mb-xl-1,
        .my-xl-1 {
            margin-bottom: .25rem !important
        }

        .ml-xl-1,
        .mx-xl-1 {
            margin-left: .25rem !important
        }

        .m-xl-2 {
            margin: .5rem !important
        }

        .mt-xl-2,
        .my-xl-2 {
            margin-top: .5rem !important
        }

        .mr-xl-2,
        .mx-xl-2 {
            margin-right: .5rem !important
        }

        .mb-xl-2,
        .my-xl-2 {
            margin-bottom: .5rem !important
        }

        .ml-xl-2,
        .mx-xl-2 {
            margin-left: .5rem !important
        }

        .m-xl-3 {
            margin: 1rem !important
        }

        .mt-xl-3,
        .my-xl-3 {
            margin-top: 1rem !important
        }

        .mr-xl-3,
        .mx-xl-3 {
            margin-right: 1rem !important
        }

        .mb-xl-3,
        .my-xl-3 {
            margin-bottom: 1rem !important
        }

        .ml-xl-3,
        .mx-xl-3 {
            margin-left: 1rem !important
        }

        .m-xl-4 {
            margin: 1.5rem !important
        }

        .mt-xl-4,
        .my-xl-4 {
            margin-top: 1.5rem !important
        }

        .mr-xl-4,
        .mx-xl-4 {
            margin-right: 1.5rem !important
        }

        .mb-xl-4,
        .my-xl-4 {
            margin-bottom: 1.5rem !important
        }

        .ml-xl-4,
        .mx-xl-4 {
            margin-left: 1.5rem !important
        }

        .m-xl-5 {
            margin: 3rem !important
        }

        .mt-xl-5,
        .my-xl-5 {
            margin-top: 3rem !important
        }

        .mr-xl-5,
        .mx-xl-5 {
            margin-right: 3rem !important
        }

        .mb-xl-5,
        .my-xl-5 {
            margin-bottom: 3rem !important
        }

        .ml-xl-5,
        .mx-xl-5 {
            margin-left: 3rem !important
        }

        .p-xl-0 {
            padding: 0 !important
        }

        .pt-xl-0,
        .py-xl-0 {
            padding-top: 0 !important
        }

        .pr-xl-0,
        .px-xl-0 {
            padding-right: 0 !important
        }

        .pb-xl-0,
        .py-xl-0 {
            padding-bottom: 0 !important
        }

        .pl-xl-0,
        .px-xl-0 {
            padding-left: 0 !important
        }

        .p-xl-1 {
            padding: .25rem !important
        }

        .pt-xl-1,
        .py-xl-1 {
            padding-top: .25rem !important
        }

        .pr-xl-1,
        .px-xl-1 {
            padding-right: .25rem !important
        }

        .pb-xl-1,
        .py-xl-1 {
            padding-bottom: .25rem !important
        }

        .pl-xl-1,
        .px-xl-1 {
            padding-left: .25rem !important
        }

        .p-xl-2 {
            padding: .5rem !important
        }

        .pt-xl-2,
        .py-xl-2 {
            padding-top: .5rem !important
        }

        .pr-xl-2,
        .px-xl-2 {
            padding-right: .5rem !important
        }

        .pb-xl-2,
        .py-xl-2 {
            padding-bottom: .5rem !important
        }

        .pl-xl-2,
        .px-xl-2 {
            padding-left: .5rem !important
        }

        .p-xl-3 {
            padding: 1rem !important
        }

        .pt-xl-3,
        .py-xl-3 {
            padding-top: 1rem !important
        }

        .pr-xl-3,
        .px-xl-3 {
            padding-right: 1rem !important
        }

        .pb-xl-3,
        .py-xl-3 {
            padding-bottom: 1rem !important
        }

        .pl-xl-3,
        .px-xl-3 {
            padding-left: 1rem !important
        }

        .p-xl-4 {
            padding: 1.5rem !important
        }

        .pt-xl-4,
        .py-xl-4 {
            padding-top: 1.5rem !important
        }

        .pr-xl-4,
        .px-xl-4 {
            padding-right: 1.5rem !important
        }

        .pb-xl-4,
        .py-xl-4 {
            padding-bottom: 1.5rem !important
        }

        .pl-xl-4,
        .px-xl-4 {
            padding-left: 1.5rem !important
        }

        .p-xl-5 {
            padding: 3rem !important
        }

        .pt-xl-5,
        .py-xl-5 {
            padding-top: 3rem !important
        }

        .pr-xl-5,
        .px-xl-5 {
            padding-right: 3rem !important
        }

        .pb-xl-5,
        .py-xl-5 {
            padding-bottom: 3rem !important
        }

        .pl-xl-5,
        .px-xl-5 {
            padding-left: 3rem !important
        }

        .m-xl-n1 {
            margin: -.25rem !important
        }

        .mt-xl-n1,
        .my-xl-n1 {
            margin-top: -.25rem !important
        }

        .mr-xl-n1,
        .mx-xl-n1 {
            margin-right: -.25rem !important
        }

        .mb-xl-n1,
        .my-xl-n1 {
            margin-bottom: -.25rem !important
        }

        .ml-xl-n1,
        .mx-xl-n1 {
            margin-left: -.25rem !important
        }

        .m-xl-n2 {
            margin: -.5rem !important
        }

        .mt-xl-n2,
        .my-xl-n2 {
            margin-top: -.5rem !important
        }

        .mr-xl-n2,
        .mx-xl-n2 {
            margin-right: -.5rem !important
        }

        .mb-xl-n2,
        .my-xl-n2 {
            margin-bottom: -.5rem !important
        }

        .ml-xl-n2,
        .mx-xl-n2 {
            margin-left: -.5rem !important
        }

        .m-xl-n3 {
            margin: -1rem !important
        }

        .mt-xl-n3,
        .my-xl-n3 {
            margin-top: -1rem !important
        }

        .mr-xl-n3,
        .mx-xl-n3 {
            margin-right: -1rem !important
        }

        .mb-xl-n3,
        .my-xl-n3 {
            margin-bottom: -1rem !important
        }

        .ml-xl-n3,
        .mx-xl-n3 {
            margin-left: -1rem !important
        }

        .m-xl-n4 {
            margin: -1.5rem !important
        }

        .mt-xl-n4,
        .my-xl-n4 {
            margin-top: -1.5rem !important
        }

        .mr-xl-n4,
        .mx-xl-n4 {
            margin-right: -1.5rem !important
        }

        .mb-xl-n4,
        .my-xl-n4 {
            margin-bottom: -1.5rem !important
        }

        .ml-xl-n4,
        .mx-xl-n4 {
            margin-left: -1.5rem !important
        }

        .m-xl-n5 {
            margin: -3rem !important
        }

        .mt-xl-n5,
        .my-xl-n5 {
            margin-top: -3rem !important
        }

        .mr-xl-n5,
        .mx-xl-n5 {
            margin-right: -3rem !important
        }

        .mb-xl-n5,
        .my-xl-n5 {
            margin-bottom: -3rem !important
        }

        .ml-xl-n5,
        .mx-xl-n5 {
            margin-left: -3rem !important
        }

        .m-xl-auto {
            margin: auto !important
        }

        .mt-xl-auto,
        .my-xl-auto {
            margin-top: auto !important
        }

        .mr-xl-auto,
        .mx-xl-auto {
            margin-right: auto !important
        }

        .mb-xl-auto,
        .my-xl-auto {
            margin-bottom: auto !important
        }

        .ml-xl-auto,
        .mx-xl-auto {
            margin-left: auto !important
        }
    }

    @media (min-width:1440px) {
        .m-xxl-0 {
            margin: 0 !important
        }

        .mt-xxl-0,
        .my-xxl-0 {
            margin-top: 0 !important
        }

        .mr-xxl-0,
        .mx-xxl-0 {
            margin-right: 0 !important
        }

        .mb-xxl-0,
        .my-xxl-0 {
            margin-bottom: 0 !important
        }

        .ml-xxl-0,
        .mx-xxl-0 {
            margin-left: 0 !important
        }

        .m-xxl-1 {
            margin: .25rem !important
        }

        .mt-xxl-1,
        .my-xxl-1 {
            margin-top: .25rem !important
        }

        .mr-xxl-1,
        .mx-xxl-1 {
            margin-right: .25rem !important
        }

        .mb-xxl-1,
        .my-xxl-1 {
            margin-bottom: .25rem !important
        }

        .ml-xxl-1,
        .mx-xxl-1 {
            margin-left: .25rem !important
        }

        .m-xxl-2 {
            margin: .5rem !important
        }

        .mt-xxl-2,
        .my-xxl-2 {
            margin-top: .5rem !important
        }

        .mr-xxl-2,
        .mx-xxl-2 {
            margin-right: .5rem !important
        }

        .mb-xxl-2,
        .my-xxl-2 {
            margin-bottom: .5rem !important
        }

        .ml-xxl-2,
        .mx-xxl-2 {
            margin-left: .5rem !important
        }

        .m-xxl-3 {
            margin: 1rem !important
        }

        .mt-xxl-3,
        .my-xxl-3 {
            margin-top: 1rem !important
        }

        .mr-xxl-3,
        .mx-xxl-3 {
            margin-right: 1rem !important
        }

        .mb-xxl-3,
        .my-xxl-3 {
            margin-bottom: 1rem !important
        }

        .ml-xxl-3,
        .mx-xxl-3 {
            margin-left: 1rem !important
        }

        .m-xxl-4 {
            margin: 1.5rem !important
        }

        .mt-xxl-4,
        .my-xxl-4 {
            margin-top: 1.5rem !important
        }

        .mr-xxl-4,
        .mx-xxl-4 {
            margin-right: 1.5rem !important
        }

        .mb-xxl-4,
        .my-xxl-4 {
            margin-bottom: 1.5rem !important
        }

        .ml-xxl-4,
        .mx-xxl-4 {
            margin-left: 1.5rem !important
        }

        .m-xxl-5 {
            margin: 3rem !important
        }

        .mt-xxl-5,
        .my-xxl-5 {
            margin-top: 3rem !important
        }

        .mr-xxl-5,
        .mx-xxl-5 {
            margin-right: 3rem !important
        }

        .mb-xxl-5,
        .my-xxl-5 {
            margin-bottom: 3rem !important
        }

        .ml-xxl-5,
        .mx-xxl-5 {
            margin-left: 3rem !important
        }

        .p-xxl-0 {
            padding: 0 !important
        }

        .pt-xxl-0,
        .py-xxl-0 {
            padding-top: 0 !important
        }

        .pr-xxl-0,
        .px-xxl-0 {
            padding-right: 0 !important
        }

        .pb-xxl-0,
        .py-xxl-0 {
            padding-bottom: 0 !important
        }

        .pl-xxl-0,
        .px-xxl-0 {
            padding-left: 0 !important
        }

        .p-xxl-1 {
            padding: .25rem !important
        }

        .pt-xxl-1,
        .py-xxl-1 {
            padding-top: .25rem !important
        }

        .pr-xxl-1,
        .px-xxl-1 {
            padding-right: .25rem !important
        }

        .pb-xxl-1,
        .py-xxl-1 {
            padding-bottom: .25rem !important
        }

        .pl-xxl-1,
        .px-xxl-1 {
            padding-left: .25rem !important
        }

        .p-xxl-2 {
            padding: .5rem !important
        }

        .pt-xxl-2,
        .py-xxl-2 {
            padding-top: .5rem !important
        }

        .pr-xxl-2,
        .px-xxl-2 {
            padding-right: .5rem !important
        }

        .pb-xxl-2,
        .py-xxl-2 {
            padding-bottom: .5rem !important
        }

        .pl-xxl-2,
        .px-xxl-2 {
            padding-left: .5rem !important
        }

        .p-xxl-3 {
            padding: 1rem !important
        }

        .pt-xxl-3,
        .py-xxl-3 {
            padding-top: 1rem !important
        }

        .pr-xxl-3,
        .px-xxl-3 {
            padding-right: 1rem !important
        }

        .pb-xxl-3,
        .py-xxl-3 {
            padding-bottom: 1rem !important
        }

        .pl-xxl-3,
        .px-xxl-3 {
            padding-left: 1rem !important
        }

        .p-xxl-4 {
            padding: 1.5rem !important
        }

        .pt-xxl-4,
        .py-xxl-4 {
            padding-top: 1.5rem !important
        }

        .pr-xxl-4,
        .px-xxl-4 {
            padding-right: 1.5rem !important
        }

        .pb-xxl-4,
        .py-xxl-4 {
            padding-bottom: 1.5rem !important
        }

        .pl-xxl-4,
        .px-xxl-4 {
            padding-left: 1.5rem !important
        }

        .p-xxl-5 {
            padding: 3rem !important
        }

        .pt-xxl-5,
        .py-xxl-5 {
            padding-top: 3rem !important
        }

        .pr-xxl-5,
        .px-xxl-5 {
            padding-right: 3rem !important
        }

        .pb-xxl-5,
        .py-xxl-5 {
            padding-bottom: 3rem !important
        }

        .pl-xxl-5,
        .px-xxl-5 {
            padding-left: 3rem !important
        }

        .m-xxl-n1 {
            margin: -.25rem !important
        }

        .mt-xxl-n1,
        .my-xxl-n1 {
            margin-top: -.25rem !important
        }

        .mr-xxl-n1,
        .mx-xxl-n1 {
            margin-right: -.25rem !important
        }

        .mb-xxl-n1,
        .my-xxl-n1 {
            margin-bottom: -.25rem !important
        }

        .ml-xxl-n1,
        .mx-xxl-n1 {
            margin-left: -.25rem !important
        }

        .m-xxl-n2 {
            margin: -.5rem !important
        }

        .mt-xxl-n2,
        .my-xxl-n2 {
            margin-top: -.5rem !important
        }

        .mr-xxl-n2,
        .mx-xxl-n2 {
            margin-right: -.5rem !important
        }

        .mb-xxl-n2,
        .my-xxl-n2 {
            margin-bottom: -.5rem !important
        }

        .ml-xxl-n2,
        .mx-xxl-n2 {
            margin-left: -.5rem !important
        }

        .m-xxl-n3 {
            margin: -1rem !important
        }

        .mt-xxl-n3,
        .my-xxl-n3 {
            margin-top: -1rem !important
        }

        .mr-xxl-n3,
        .mx-xxl-n3 {
            margin-right: -1rem !important
        }

        .mb-xxl-n3,
        .my-xxl-n3 {
            margin-bottom: -1rem !important
        }

        .ml-xxl-n3,
        .mx-xxl-n3 {
            margin-left: -1rem !important
        }

        .m-xxl-n4 {
            margin: -1.5rem !important
        }

        .mt-xxl-n4,
        .my-xxl-n4 {
            margin-top: -1.5rem !important
        }

        .mr-xxl-n4,
        .mx-xxl-n4 {
            margin-right: -1.5rem !important
        }

        .mb-xxl-n4,
        .my-xxl-n4 {
            margin-bottom: -1.5rem !important
        }

        .ml-xxl-n4,
        .mx-xxl-n4 {
            margin-left: -1.5rem !important
        }

        .m-xxl-n5 {
            margin: -3rem !important
        }

        .mt-xxl-n5,
        .my-xxl-n5 {
            margin-top: -3rem !important
        }

        .mr-xxl-n5,
        .mx-xxl-n5 {
            margin-right: -3rem !important
        }

        .mb-xxl-n5,
        .my-xxl-n5 {
            margin-bottom: -3rem !important
        }

        .ml-xxl-n5,
        .mx-xxl-n5 {
            margin-left: -3rem !important
        }

        .m-xxl-auto {
            margin: auto !important
        }

        .mt-xxl-auto,
        .my-xxl-auto {
            margin-top: auto !important
        }

        .mr-xxl-auto,
        .mx-xxl-auto {
            margin-right: auto !important
        }

        .mb-xxl-auto,
        .my-xxl-auto {
            margin-bottom: auto !important
        }

        .ml-xxl-auto,
        .mx-xxl-auto {
            margin-left: auto !important
        }
    }

    body {
        font-family: Graphik, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        line-height: 20px;
        font-size: 16px;
        font-weight: 400;
        direction: ltr;
        font-variant-numeric: lining-nums;
        -ms-font-feature-settings: "lnum" 1;
        -o-font-feature-settings: "lnum" 1;
        -webkit-font-feature-settings: "lnum" 1;
        font-feature-settings: "lnum" 1;
        background: #f5f5fa;
        color: #47474f
    }

    @media (max-width:991.98px) {
        body {
            font-size: 18px;
            line-height: 22px
        }
    }

    @media (max-width:767.98px) {
        body {
            font-size: 16px;
            line-height: 20px
        }
    }

    body.lang-bg,
    body.lang-ru,
    body.lang-uk {
        font-family: Graphik LC, Arial, sans-serif
    }

    body.lang-el {
        font-family: Graphik LG, Arial, sans-serif
    }

    body.lang-ar {
        font-family: Arial, sans-serif
    }

    body.lang-vi {
        font-family: Noto Sans, Arial, sans-serif
    }

    body.lang-ja {
        font-family: Noto Sans JP, Arial, sans-serif
    }

    body.lang-hi,
    body.lang-ko {
        font-family: Noto Sans KR, Arial, sans-serif
    }

    body.lang-th {
        font-family: Graphik TH, Arial, sans-serif
    }

    body.lang-zh-Hans {
        font-family: Noto Sans SC, Arial, sans-serif
    }

    body.lang-zh-Hant {
        font-family: Noto Sans TC, Arial, sans-serif
    }

    .container {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        max-width: 91%
    }

    @media (min-width:360px) {
        .container {
            max-width: 91%
        }
    }

    @media (min-width:768px) {
        .container {
            max-width: 92%
        }
    }

    @media (min-width:992px) {
        .container {
            max-width: 84%
        }
    }

    @media (min-width:1366px) {
        .container {
            max-width: 84%
        }
    }

    @media (min-width:1440px) {
        .container {
            max-width: 84%
        }
    }

    .super-title {
        font-size: 80px;
        line-height: 1.05;
        font-weight: 600;
        color: #33333b
    }

    @media (max-width:1365.98px) {
        .super-title {
            font-size: 60px;
            line-height: 70px
        }
    }

    @media (max-width:767.98px) {
        .super-title {
            font-size: 42px;
            line-height: 52px
        }
    }

    .title,
    .title0 {
        font-weight: 600;
        font-size: 60px;
        line-height: 70px;
        color: #33333b
    }

    @media (max-width:767.98px) {

        .title,
        .title0 {
            font-size: 42px;
            line-height: 52px
        }
    }

    .title1 {
        font-weight: 600;
        font-size: 42px;
        line-height: 52px;
        color: #33333b
    }

    @media (max-width:767.98px) {
        .title1 {
            font-size: 24px;
            line-height: 34px
        }
    }

    .title2 {
        font-weight: 500;
        font-size: 28px;
        line-height: 30px;
        color: #33333b
    }

    @media (max-width:991.98px) {
        .title2 {
            font-size: 20px;
            line-height: 30px
        }
    }

    @media (max-width:767.98px) {
        .title2 {
            font-size: 18px;
            line-height: 28px
        }
    }

    .title3 {
        font-weight: 500;
        font-size: 20px;
        line-height: 28px;
        color: #33333b
    }

    @media (max-width:991.98px) {
        .title3 {
            font-size: 18px;
            line-height: 24px
        }
    }

    @media (max-width:767.98px) {
        .title3 {
            font-size: 16px;
            line-height: 20px
        }
    }

    .title4 {
        line-height: 20px;
        font-size: 16px;
        font-weight: 400;
        font-weight: 600;
        color: #33333b
    }

    @media (max-width:991.98px) {
        .title4 {
            font-size: 18px;
            line-height: 22px
        }
    }

    @media (max-width:767.98px) {
        .title4 {
            font-size: 16px;
            line-height: 20px
        }
    }

    .subtitle {
        font-weight: 400;
        font-size: 28px;
        line-height: 38px;
        color: #33333b
    }

    @media (max-width:991.98px) {
        .subtitle {
            font-size: 20px;
            line-height: 30px
        }
    }

    @media (max-width:767.98px) {
        .subtitle {
            font-size: 16px;
            line-height: 22px
        }
    }

    .subtitle1 {
        line-height: 32px;
        font-size: 22px;
        font-weight: 400;
        color: #47474f
    }

    @media (max-width:991.98px) {
        .subtitle1 {
            font-size: 20px;
            line-height: 28px
        }
    }

    @media (max-width:767.98px) {
        .subtitle1 {
            font-size: 16px;
            line-height: 20px
        }
    }

    .title-card {
        font-family: inherit;
        font-weight: 500;
        font-size: 28px;
        line-height: 30px;
        color: #33333b;
        color: #707078
    }

    @media (max-width:991.98px) {
        .title-card {
            font-size: 20px;
            line-height: 30px
        }
    }

    @media (max-width:767.98px) {
        .title-card {
            font-size: 18px;
            line-height: 28px
        }
    }

    .super-title+.subtitle {
        margin-top: 24px
    }

    .title0+.subtitle,
    .title+.subtitle {
        margin-top: 12px
    }

    .title0+.subtitle1,
    .title0+p,
    .title1+p,
    .title+.subtitle1,
    .title+p {
        margin-top: 24px
    }

    .title1+.subtitle1 {
        margin-top: 16px
    }

    .title1+.title2 {
        margin-top: 48px
    }

    .title1+.title3,
    .title1+.title4 {
        margin-top: 32px
    }

    .title1+.btn,
    .title1+.buttons,
    .title1+.listcheck {
        margin-top: 48px
    }

    .title2+p {
        margin-top: 12px
    }

    .title2+.subtitle1 {
        margin-top: 16px
    }

    .title2+.row {
        margin-top: 32px
    }

    .title2+ul {
        margin-top: 24px
    }

    .title3+p {
        margin-top: 12px
    }

    .title3+.form__group {
        margin-top: 32px
    }

    .title4+p {
        margin-top: 12px
    }

    .title4+.small {
        margin-top: 0
    }

    p+.title3,
    p+.title4 {
        margin-top: 32px
    }

    p+p,
    p+ul {
        margin-top: 16px
    }

    p+.btn,
    p+.buttons {
        margin-top: 32px
    }

    p+.row {
        margin-top: 16px
    }

    p+.form__group {
        margin-top: 32px
    }

    ul+p {
        margin-top: 16px
    }

    .block__container+.block__container {
        margin-top: 124px
    }

    .subtitle1+.btn,
    .subtitle1+.btn__link,
    .subtitle1+.buttons,
    .subtitle1+.title3,
    .subtitle+.btn {
        margin-top: 48px
    }

    .heart+.title2 {
        margin-top: 8px
    }

    a {
        font-weight: 500;
        text-decoration: underline;
        color: #e5322d;
        cursor: pointer
    }

    a:focus,
    a:hover {
        color: #161616
    }

    a.link--secondary {
        color: #161616;
        text-decoration: none
    }

    a.link--secondary:focus,
    a.link--secondary:hover {
        color: #e5322d
    }

    a.link--secondary.link--company {
        color: #161616;
        text-decoration: none
    }

    a.link--secondary.link--company:focus,
    a.link--secondary.link--company:hover {
        color: #e5322d
    }

    a.link--negative {
        color: #fff
    }

    a.link--negative:focus,
    a.link--negative:hover {
        color: #fde4df
    }

    a p {
        text-decoration: none
    }

    .link {
        font-weight: 500;
        text-decoration: underline;
        color: #e5322d;
        cursor: pointer
    }

    .link:focus,
    .link:hover {
        color: #161616
    }

    .link.link--secondary {
        color: #161616;
        text-decoration: none
    }

    .link.link--secondary:focus,
    .link.link--secondary:hover {
        color: #e5322d
    }

    .link.link--secondary.link--company {
        color: #161616;
        text-decoration: none
    }

    .link.link--secondary.link--company:focus,
    .link.link--secondary.link--company:hover {
        color: #e5322d
    }

    .link.link--negative {
        color: #fff
    }

    .link.link--negative:focus,
    .link.link--negative:hover {
        color: #fde4df
    }

    .link p {
        text-decoration: none
    }

    hr {
        border: 0;
        border-bottom: 1px solid #fff;
        -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .1);
        box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .1)
    }

    hr.h1 {
        max-width: 800px;
        margin: 0 auto 16px
    }

    .hr {
        height: 1px;
        width: 100%
    }

    blockquote {
        padding: 4px 32px;
        margin-bottom: 12px
    }

    i {
        font-style: italic
    }

    .prominent:hover {
        color: #e5322d
    }

    .paragraph,
    p {
        line-height: 28px;
        font-size: 16px;
        font-weight: 400
    }

    @media (max-width:991.98px) {

        .paragraph,
        p {
            font-size: 14px;
            line-height: 24px
        }
    }

    @media (max-width:767.98px) {

        .paragraph,
        p {
            font-size: 14px;
            line-height: 20px
        }
    }

    .big {
        line-height: 32px;
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 24px
    }

    .big:last-child {
        margin-bottom: 0
    }

    .title+p.big {
        margin-top: 24px
    }

    .alert {
        line-height: 20px;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: .3px;
        padding: 18px 48px;
        background-position: 16px;
        background-repeat: no-repeat;
        border: 1px solid rgba(0, 0, 0, 0);
        border-radius: 6px;
        text-align: left;
        color: #161616
    }

    @media (max-width:991.98px) {
        .alert {
            font-size: 12px;
            line-height: 16px
        }
    }

    @media (max-width:767.98px) {
        .alert {
            font-size: 12px;
            line-height: 16px
        }
    }

    .alert p {
        line-height: 20px;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: .3px
    }

    @media (max-width:991.98px) {
        .alert p {
            font-size: 12px;
            line-height: 16px
        }
    }

    @media (max-width:767.98px) {
        .alert p {
            font-size: 12px;
            line-height: 16px
        }
    }

    .alert--error {
        background-color: #ffe3e3;
        border-color: #e90003;
        background-image: url(../images/error.svg);
        color: #fb7876
    }

    .alert--success {
        background-color: #c0fddc;
        border-color: #1d9d58;
        background-image: url(../images/success.svg);
        color: #4acd86
    }

    .alert--warning {
        background-color: #ffe4c9;
        border-color: #d76c00;
        background-image: url(../images/warning.svg)
    }

    .alert--info {
        padding: 24px;
        background-color: #def2ff;
        border-color: #008ee9
    }

    .rtl .alert {
        text-align: right;
        background-position: right 16px center
    }

    .info {
        line-height: 20px;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: .3px;
        background-position: 16px;
        background-repeat: no-repeat;
        border-radius: 6px;
        text-align: left;
        color: #161616;
        padding: 24px;
        background-color: #def2ff;
        border: 1px solid #008ee9
    }

    @media (max-width:991.98px) {
        .info {
            font-size: 12px;
            line-height: 16px
        }
    }

    @media (max-width:767.98px) {
        .info {
            font-size: 12px;
            line-height: 16px
        }
    }

    .info p {
        line-height: 20px;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: .3px
    }

    @media (max-width:991.98px) {
        .info p {
            font-size: 12px;
            line-height: 16px
        }
    }

    @media (max-width:767.98px) {
        .info p {
            font-size: 12px;
            line-height: 16px
        }
    }

    .rtl .info {
        text-align: right
    }

    .template,
    template {
        display: none
    }

    .small,
    .small>*,
    small,
    small>* {
        line-height: 18px;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: .3px
    }

    @media (max-width:991.98px) {

        .small,
        .small>*,
        small,
        small>* {
            font-size: 12px;
            line-height: 16px
        }
    }

    @media (max-width:767.98px) {

        .small,
        .small>*,
        small,
        small>* {
            font-size: 12px;
            line-height: 16px
        }
    }

    .small>* a,
    .small a,
    small>* a,
    small a {
        font-weight: 500
    }

    .normal {
        line-height: 20px;
        font-size: 16px;
        font-weight: 400
    }

    @media (max-width:991.98px) {
        .normal {
            font-size: 18px;
            line-height: 22px
        }
    }

    @media (max-width:767.98px) {
        .normal {
            font-size: 16px;
            line-height: 20px
        }
    }

    .medium {
        line-height: 20px;
        font-size: 16px;
        font-weight: 400
    }

    @media (max-width:991.98px) {
        .medium {
            font-size: 18px;
            line-height: 22px
        }
    }

    @media (max-width:767.98px) {
        .medium {
            font-size: 16px;
            line-height: 20px
        }
    }

    .small strong,
    b,
    strong {
        font-weight: 500
    }

    body.lang-hi .small strong,
    body.lang-hi b,
    body.lang-hi strong,
    body.lang-ja .small strong,
    body.lang-ja b,
    body.lang-ja strong,
    body.lang-ko .small strong,
    body.lang-ko b,
    body.lang-ko strong,
    body.lang-vi .small strong,
    body.lang-vi b,
    body.lang-vi strong,
    body.lang-zh-Hans .small strong,
    body.lang-zh-Hans b,
    body.lang-zh-Hans strong,
    body.lang-zh-Hant .small strong,
    body.lang-zh-Hant b,
    body.lang-zh-Hant strong {
        font-weight: 700
    }

    pre {
        background: #fff;
        padding: 16px;
        font-family: Times, serif
    }

    .text-left,
    pre {
        text-align: left
    }

    .text-right {
        text-align: right
    }

    .text-center {
        text-align: center
    }

    .float-right {
        float: right
    }

    .float-left {
        float: left
    }

    .list li {
        margin: 10px 0
    }

    .list li svg {
        margin-right: 10px;
        vertical-align: middle
    }

    .list-disc {
        list-style: disc;
        padding-left: 18px;
        margin-bottom: 12px
    }

    .list-disc li {
        margin: 10px 0;
        padding-left: 12px
    }

    .max800 {
        max-width: 800px;
        margin: auto;
        text-align: center
    }

    .pulse:not(disabled) {
        position: relative
    }

    .pulse:not(disabled):after {
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        border-radius: 8px;
        -webkit-animation: pulse 5s cubic-bezier(.66, 0, 0, 1) infinite;
        animation: pulse 5s cubic-bezier(.66, 0, 0, 1) infinite;
        -webkit-animation-delay: 2s;
        animation-delay: 2s
    }

    .pulse:not(disabled):hover:after {
        -webkit-animation: none;
        animation: none
    }

    .pulse:disabled:after {
        display: none !important
    }

    .uppercase {
        text-transform: uppercase
    }

    .hidden {
        display: none !important
    }

    img {
        image-orientation: from-image
    }

    [contenteditable] {
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text
    }

    a.anchor,
    a.marker {
        position: relative;
        top: -60px
    }

    code {
        border-radius: 2px;
        background-color: #f5f5fa;
        border: 1px solid #ebebf4;
        padding: 0 4px;
        color: #d76c00
    }

    code,
    em {
        font-family: monospace
    }

    em,
    em a {
        color: #008ee9
    }

    em a {
        font-weight: 400;
        text-decoration: none
    }

    .absolute-overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #161616;
        opacity: .2
    }

    .vr {
        width: 1px;
        height: 100%
    }

    .table tbody td,
    table tbody td {
        overflow: initial
    }

    span.compact {
        display: inline-block
    }

    .hidden {
        display: none
    }

    .max--900 {
        max-width: 900px
    }

    .btn {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        font-weight: 600;
        border: none;
        -webkit-transition: all .1s linear;
        -o-transition: all .1s linear;
        transition: all .1s linear;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-shadow: none;
        text-decoration: none;
        letter-spacing: 0;
        font-size: 16px;
        border-radius: 8px;
        padding: 8px 20px;
        line-height: 26px;
        color: #fff;
        background-color: #e5322d
    }

    @media (max-width:767.98px) {
        .btn {
            width: 100%
        }
    }

    .btn:disabled {
        pointer-events: none;
        opacity: .5
    }

    .btn:focus,
    .btn:hover {
        color: #fff;
        background-color: #bd060a
    }

    .btn:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none
    }

    .btn:active {
        color: #fff;
        background-color: #161616
    }

    .btn--sm {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        font-weight: 600;
        border: none;
        -webkit-transition: all .1s linear;
        -o-transition: all .1s linear;
        transition: all .1s linear;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-shadow: none;
        text-decoration: none;
        letter-spacing: 0;
        font-size: 16px;
        border-radius: 8px;
        padding: 8px 20px;
        line-height: 26px;
        font-size: 12px;
        line-height: 18px
    }

    @media (max-width:767.98px) {
        .btn--sm {
            width: 100%
        }
    }

    .btn--sm:disabled {
        pointer-events: none;
        opacity: .5
    }

    .btn--secondary {
        color: #e5322d;
        background-color: #fff;
        outline: 2px solid #e5322d;
        outline-offset: -2px;
        border: none
    }

    .btn--secondary:focus,
    .btn--secondary:hover {
        color: #bd060a
    }

    .btn--secondary:active,
    .btn--secondary:focus,
    .btn--secondary:hover {
        background-color: #fff;
        outline: 2px solid #bd060a;
        outline-offset: -2px;
        border: none
    }

    .btn--secondary:active {
        color: #161616
    }

    .btn--premium {
        color: #33333b;
        background-color: #ffc233
    }

    .btn--premium:focus,
    .btn--premium:hover {
        color: #33333b;
        background-color: #ef9e02
    }

    .btn--premium:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none
    }

    .btn--premium:active {
        color: #33333b;
        background-color: #161616
    }

    .btn--grayscale {
        font-weight: 500;
        outline: 2px solid #adadb6;
        outline-offset: -2px
    }

    .btn--grayscale,
    .btn--grayscale:hover {
        background-color: #fff;
        color: #33333b;
        border: none
    }

    .btn--grayscale:active,
    .btn--grayscale:focus,
    .btn--grayscale:hover {
        outline: 2px solid #161616;
        outline-offset: -2px
    }

    .btn--grayscale:active,
    .btn--grayscale:focus {
        color: #33333b;
        background-color: #f5f5fa;
        border: none
    }

    .btn--company {
        color: #fff;
        background-color: #e5322d
    }

    .btn--company:focus,
    .btn--company:hover {
        color: #fff;
        background-color: #bd060a
    }

    .btn--company:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none
    }

    .btn--company:active {
        color: #fff;
        background-color: #161616
    }

    .btn__icon {
        width: 16px;
        height: 16px;
        margin-right: 8px;
        color: currentColor
    }

    .btn div+svg,
    .btn span+svg,
    .btn svg+div,
    .btn svg+span {
        margin-left: 8px
    }

    .btn__icon g,
    .btn__icon path {
        fill: currentColor
    }

    .btn__img {
        margin-right: 8px
    }

    button.link {
        background: none;
        border: 0
    }

    .buttons .btn+.btn {
        margin-left: 16px
    }

    @media (max-width:767.98px) {
        .buttons .btn+.btn {
            margin-left: 0;
            margin-top: 16px
        }
    }

    .btn-icon {
        width: 36px;
        min-width: 0;
        padding: 0;
        height: 36px;
        border-radius: 100%;
        background: #e5322d;
        color: #fff;
        text-decoration: none;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .14);
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .14)
    }

    .btn-icon--sm {
        width: 20px;
        height: 20px
    }

    .btn-icon svg {
        margin-top: 0;
        margin-right: 0
    }

    .btn-icon:hover {
        -webkit-box-shadow: 0 1px 26px 0 rgba(0, 0, 0, .14);
        box-shadow: 0 1px 26px 0 rgba(0, 0, 0, .14);
        background: #161616
    }

    .btn-icon:hover i {
        color: #fff
    }

    .btn-icon:hover path,
    .btn-icon:hover svg {
        fill: #fff
    }

    .btn-icon:active {
        color: #fff;
        background: #161616
    }

    .btn-icon:active i {
        color: #fff
    }

    .btn-icon:active path,
    .btn-icon:active svg {
        fill: #fff
    }

    .btn-icon a {
        text-decoration: none
    }

    .btn-icon i {
        color: #fff;
        font-size: 24px
    }

    .btn-icon g,
    .btn-icon path,
    .btn-icon svg {
        fill: #fff
    }

    .btn-icon span {
        display: none
    }

    .btn-icon--white {
        background: #fff;
        color: #161616
    }

    .btn-icon--white i {
        color: #161616
    }

    .btn-icon--white g,
    .btn-icon--white path,
    .btn-icon--white svg {
        fill: #161616
    }

    .btn-icon--white:hover {
        background: #fff
    }

    .btn-icon--white:hover i {
        color: #e5322d
    }

    .btn-icon--white:hover g,
    .btn-icon--white:hover path,
    .btn-icon--white:hover svg {
        fill: #e5322d
    }

    .btn-icon--white:active {
        background: #fff
    }

    .btn-icon--white:active i {
        color: #707078
    }

    .btn-icon--white:active path,
    .btn-icon--white:active svg {
        fill: #707078
    }

    .btn-group .btn {
        -webkit-box-shadow: none;
        box-shadow: none;
        min-width: inherit;
        padding: 12px;
        border: 1px solid #ebebf4;
        border-radius: 4px
    }

    .btn-group .btn--sm {
        padding: 6px 12px 8px
    }

    .btn-group label.btn.active {
        background: #e5322d
    }

    .btn-group .dropdown-menu {
        padding: 0;
        -webkit-transform: none !important;
        transform: none !important;
        text-transform: uppercase;
        font-size: 12px;
        top: 28px !important;
        right: 0 !important;
        min-width: 13rem
    }

    .btn-group .dropdown-menu .dropdown-item {
        padding: .25rem 1rem
    }

    .link--invoice {
        padding: 3px 15px 5px;
        background-color: #fff;
        border-radius: 4px;
        border: 1px solid #eee
    }

    .link--invoice:hover {
        background-color: #ebebf4
    }

    .link--invoice svg {
        margin-right: 8px
    }

    button.no-style {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    button.no-style:disabled {
        background: none !important
    }

    .btn.no-style,
    button.mat-button {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    button.mat-button:disabled {
        background: none !important
    }

    button.mat-icon-button {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    button.mat-icon-button:disabled {
        background: none !important
    }

    .btn--clean {
        margin-top: 16px;
        background: #fff;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        border: 1px solid #47474f;
        color: #47474f;
        font-size: 15px;
        letter-spacing: .3px;
        line-height: 24px;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .btn--clean svg {
        margin-right: 8px !important
    }

    .btn--clean:hover {
        color: #fff;
        background: #47474f
    }

    .btn--clean:hover path,
    .btn--clean:hover svg {
        fill: #fff
    }

    .btn-group {
        display: -ms-inline-flexbox;
        display: inline-flex;
        position: relative
    }

    .btn-group>.btn+.dropdown-toggle {
        display: block
    }

    .dropdown-toggle:after {
        vertical-align: 2px;
        border-top: .4em solid;
        border-right: .4em solid rgba(0, 0, 0, 0);
        border-bottom: 0;
        border-left: .4em solid rgba(0, 0, 0, 0);
        border-radius: 2px
    }

    .tooltip {
        opacity: 1;
        position: relative
    }

    .tippy-box {
        color: #fff;
        font-size: 14px;
        background: #47474f;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-weight: 600
    }

    .tippy-arrow {
        color: #47474f
    }

    .tippy-content {
        text-align: center
    }

    .tippy-box[data-theme=guide] {
        background-color: #ffe096;
        background-clip: padding-box;
        border: 1px solid rgba(0, 8, 16, .15);
        color: #161616;
        -webkit-box-shadow: 0 4px 14px -2px rgba(0, 8, 16, .08);
        box-shadow: 0 4px 14px -2px rgba(0, 8, 16, .08)
    }

    .tippy-box[data-theme=guide]>.tippy-content {
        padding: 24px;
        font-size: 12px;
        color: #161616
    }

    .tippy-box[data-theme=guide]>.tippy-backdrop {
        background-color: #ffe096
    }

    .tippy-box[data-theme=guide]>.tippy-arrow:after {
        content: "";
        position: absolute;
        z-index: -1;
        border-color: rgba(0, 0, 0, 0);
        border-style: solid
    }

    .tippy-box[data-theme=guide][data-placement^=top]>.tippy-arrow:before {
        border-top-color: #ffe096
    }

    .tippy-box[data-theme=guide][data-placement^=top]>.tippy-arrow:after {
        border-top-color: rgba(0, 8, 16, .2);
        border-width: 7px 7px 0;
        top: 17px;
        left: 1px
    }

    .tippy-box[data-theme=guide][data-placement^=bottom]>.tippy-arrow:before {
        border-bottom-color: #ffe096;
        bottom: 16px
    }

    .tippy-box[data-theme=guide][data-placement^=bottom]>.tippy-arrow:after {
        border-bottom-color: rgba(0, 8, 16, .2);
        border-width: 0 7px 7px;
        bottom: 17px;
        left: 1px
    }

    .tippy-box[data-theme=guide][data-placement^=left]>.tippy-arrow:before {
        border-left-color: #ffe096
    }

    .tippy-box[data-theme=guide][data-placement^=left]>.tippy-arrow:after {
        border-left-color: rgba(0, 8, 16, .2);
        border-width: 7px 0 7px 7px;
        left: 17px;
        top: 1px
    }

    .tippy-box[data-theme=guide][data-placement^=right]>.tippy-arrow:before {
        border-right-color: #ffe096;
        right: 16px
    }

    .tippy-box[data-theme=guide][data-placement^=right]>.tippy-arrow:after {
        border-width: 7px 7px 7px 0;
        right: 17px;
        top: 1px;
        border-right-color: rgba(0, 8, 16, .2)
    }

    .tippy-box[data-theme=guide]>.tippy-svg-arrow {
        fill: #fff
    }

    .tippy-box[data-theme=guide]>.tippy-svg-arrow:after {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA2czEuNzk2LS4wMTMgNC42Ny0zLjYxNUM1Ljg1MS45IDYuOTMuMDA2IDggMGMxLjA3LS4wMDYgMi4xNDguODg3IDMuMzQzIDIuMzg1QzE0LjIzMyA2LjAwNSAxNiA2IDE2IDZIMHoiIGZpbGw9InJnYmEoMCwgOCwgMTYsIDAuMikiLz48L3N2Zz4=);
        background-size: 16px 6px;
        width: 16px;
        height: 6px
    }

    @media (max-width:480px) {
        .tippy-box {
            display: none !important
        }
    }

    .toast-top-left,
    .toast-top-right {
        top: 72px
    }

    .toast-success {
        background-color: #c0fddc
    }

    .toast-success * {
        color: #4acd86
    }

    .toast-error {
        background-color: #ffe3e3
    }

    .toast-error * {
        color: #fb7876
    }

    .toast-info {
        background-color: #def2ff
    }

    .toast-info * {
        color: #53bbfd
    }

    .toast-warning {
        background-color: #ffe4c9
    }

    .toast-warning * {
        color: #ff9428
    }

    #toast-container.toast-bottom-left {
        bottom: 49px
    }

    #toast-container.toast-bottom-left>.toast-info {
        background-image: none;
        background-color: #fff;
        padding: 24px;
        width: 350px
    }

    #toast-container.toast-bottom-left>.toast-info a {
        color: #47474f !important
    }

    #toast-container.toast-bottom-left>.toast-info a:hover {
        color: #161616 !important
    }

    #toast-container.toast-bottom-left>.toast-info .langtoas {
        background-color: #f5f5fa;
        display: inline-block;
        font-weight: 600
    }

    #toast-container.toast-bottom-left>.toast-info .langtoas:hover {
        background-color: #ebebf4
    }

    #toast-container.toast-bottom-left>.toast-info .langtoas--big {
        padding: 8px 16px;
        float: right;
        color: #ffe !important;
        background-color: #4d90fe;
        border-radius: 5px;
        -webkit-box-shadow: none;
        box-shadow: none;
        text-decoration: none
    }

    #toast-container.toast-bottom-left>.toast-info .langtoas--big:hover {
        background-color: #161616;
        color: #fff !important
    }

    #toast-container.toast-bottom-left>.toast-info .btn {
        margin-right: 8px
    }

    .toast .toast-title {
        margin-bottom: 12px;
        font-weight: 500
    }

    .toast .toast-message {
        font-size: 12px
    }

    .toast .toast-message .btn {
        width: -webkit-fit-content !important;
        width: -moz-fit-content !important;
        width: fit-content !important
    }

    .toast button.toast-close-button {
        width: 24px;
        height: 24px;
        min-width: inherit;
        border-radius: 100%;
        background-color: #f5f5fa;
        background-image: url(../images/close.png);
        background-repeat: no-repeat;
        background-position: 50%;
        text-indent: 9999px;
        opacity: 1;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        background-size: 14px 14px
    }

    .toast button.toast-close-button:hover {
        background-color: #ebebf4;
        opacity: 1;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    #toast-container>div {
        opacity: .9
    }

    #toast-container>div:hover {
        -webkit-box-shadow: 0 0 12px #999;
        box-shadow: 0 0 12px #999
    }

    .toast-accept button.toast-close-button {
        background-image: url(../images/check.svg);
        background-size: 16px 16px
    }

    .toast-accept:hover button.toast-close-button {
        background-image: url(../images/check_ok_1.svg)
    }

    #ck_cnt {
        font-size: 11px
    }

    #ck_cnt a {
        text-decoration: underline
    }

    #toast-container.ck-tstr .toast-message {
        line-height: 15px
    }

    #toast-container.toast-bottom-left.ck-tstr>.toast-info {
        padding: 16px
    }

    #ck_set {
        display: block;
        float: left;
        width: auto;
        margin-left: 0;
        margin-top: 19px;
        font-size: 13px;
        text-decoration: underline;
        font-weight: 400
    }

    #ck_cnt input {
        float: left;
        height: 27px;
        margin-right: 12px;
        width: 20px;
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-top: -6px
    }

    #ck_cnt label {
        color: #000;
        display: block;
        font-size: 13px;
        min-height: 32px;
        line-height: 16px;
        font-weight: 400;
        width: auto
    }

    #toast-container>div:hover {
        cursor: default
    }

    #okck:hover {
        cursor: pointer !important
    }

    .toast-bottom-left .toast-info {
        background-color: #fff
    }

    .toast-bottom-left .toast-info :not(.btn) {
        color: #47474f
    }

    .toast-bottom-left .toast-info .btn--secondary {
        border-color: #47474f !important
    }

    .toast-bottom-left .toast-info .btn--secondary:hover {
        border-color: #161616 !important
    }

    .header {
        background: #fff;
        width: 100%;
        height: 60px;
        z-index: 1041;
        position: fixed;
        right: 0;
        left: 0;
        top: 0;
        -webkit-box-shadow: 0 3px 6px 0 rgba(50, 50, 50, .3);
        box-shadow: 0 3px 6px 0 rgba(50, 50, 50, .3);
        padding: 0 24px
    }

    .header nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        font-size: 12px;
        height: 60px
    }

    .header nav a:not(.btn) {
        color: #161616;
        text-decoration: none
    }

    .header nav a:not(.btn).active,
    .header nav a:not(.btn):hover {
        color: #e5322d
    }

    .header nav .brand {
        -ms-flex-order: 1;
        order: 1;
        display: block
    }

    .header nav .brand img {
        height: 30px;
        width: auto;
        margin: 0
    }

    @media (max-width:640px) {
        .header nav .brand {
            margin-right: auto
        }
    }

    .header nav .menu {
        font-size: 12px
    }

    @media (min-width:1440px) {
        .header nav .menu {
            font-size: 14px
        }
    }

    .header nav .actions,
    .header nav .menu {
        margin: 0 24px;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
        display: -ms-flexbox;
        display: flex
    }

    @media (max-width:640px) {

        .header nav .actions,
        .header nav .menu {
            margin: 0
        }
    }

    .header nav .actions>*,
    .header nav .menu>* {
        margin: 0 6px
    }

    .header nav .actions>ul,
    .header nav .menu>ul {
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        margin: 0
    }

    .header nav .actions>ul>li,
    .header nav .menu>ul>li {
        margin: 0 12px;
        height: 100%;
        -ms-flex-align: center;
        align-items: center;
        display: none
    }

    .header nav .actions>ul>li>a:not(.btn),
    .header nav .actions>ul>li>span,
    .header nav .menu>ul>li>a:not(.btn),
    .header nav .menu>ul>li>span {
        padding: 0 12px
    }

    .header nav .actions>ul>li.has-dropdown,
    .header nav .menu>ul>li.has-dropdown {
        cursor: pointer
    }

    .header nav .actions>ul>li.has-dropdown:hover>.dropdown,
    .header nav .menu>ul>li.has-dropdown:hover>.dropdown {
        display: block
    }

    @media (max-width:1440px) {

        .header nav .actions>ul>li,
        .header nav .menu>ul>li {
            margin: 0 4px
        }
    }

    @media (min-width:640px) {

        .header nav .actions>ul>li,
        .header nav .menu>ul>li {
            display: -ms-flexbox;
            display: flex
        }

        .header nav .actions>ul>li.has-dropdown,
        .header nav .menu>ul>li.has-dropdown {
            position: relative
        }

        .header nav .actions>ul>li.has-dropdown--full,
        .header nav .menu>ul>li.has-dropdown--full {
            position: static
        }

        .header nav .actions>ul>li.has-dropdown>span,
        .header nav .menu>ul>li.has-dropdown>span {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center
        }

        .header nav .actions>ul>li.has-dropdown>span>.ico,
        .header nav .actions>ul>li.has-dropdown>span>svg,
        .header nav .menu>ul>li.has-dropdown>span>.ico,
        .header nav .menu>ul>li.has-dropdown>span>svg {
            display: inline-block;
            margin-left: 8px
        }

        .header nav .actions>ul>li.has-dropdown.has-dropdown--left ul,
        .header nav .menu>ul>li.has-dropdown.has-dropdown--left ul {
            display: none
        }

        .header nav .actions>ul>li.has-dropdown li,
        .header nav .menu>ul>li.has-dropdown li {
            -ms-flex-align: center;
            align-items: center
        }
    }

    @media (min-width:640px) and (min-width:640px) {

        .header nav .actions>ul>li.has-dropdown:hover>a,
        .header nav .actions>ul>li.has-dropdown:hover>span,
        .header nav .menu>ul>li.has-dropdown:hover>a,
        .header nav .menu>ul>li.has-dropdown:hover>span {
            color: #e5322d
        }

        .header nav .actions>ul>li.has-dropdown:hover>:first-child:after,
        .header nav .menu>ul>li.has-dropdown:hover>:first-child:after {
            content: "";
            position: absolute;
            left: calc(50% - 12px);
            bottom: -18px;
            width: 0;
            height: 0;
            border-left: 12px solid rgba(0, 0, 0, 0);
            border-right: 12px solid rgba(0, 0, 0, 0);
            border-bottom: 10px solid #fff;
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
            -webkit-transition: .2s;
            -o-transition: .2s;
            transition: .2s;
            -webkit-animation: fade-in-bottom .08s ease-in-out both;
            animation: fade-in-bottom .08s ease-in-out both;
            z-index: 2
        }

        .header nav .actions>ul>li.has-dropdown:hover .ico--down,
        .header nav .menu>ul>li.has-dropdown:hover .ico--down {
            background-position: -55px -166px
        }
    }

    @media (min-width:640px) {

        .header nav .actions>ul>li.has-dropdown:hover>.dropdown,
        .header nav .menu>ul>li.has-dropdown:hover>.dropdown {
            display: block
        }
    }

    @media (max-width:780px) {

        .header nav .actions:hover .main__menu,
        .header nav .menu:hover .main__menu {
            display: block
        }
    }

    .header nav .menu {
        -ms-flex-order: 2;
        order: 2
    }

    .header nav .menu--md,
    .header nav .menu--sm {
        display: none;
        -ms-flex-align: center;
        align-items: center;
        color: #161616;
        text-decoration: none;
        cursor: pointer;
        font-weight: 500;
        text-transform: uppercase;
        height: 100%
    }

    .header nav .menu--md:hover,
    .header nav .menu--sm:hover {
        color: #e5322d
    }

    .header nav .menu--md>.ico,
    .header nav .menu--md>svg {
        display: inline-block;
        margin-left: 8px
    }

    @media (max-width:1060px) {
        .header nav .menu--md {
            display: -ms-flexbox;
            display: flex
        }
    }

    @media (max-width:640px) {
        .header nav .menu--sm {
            display: -ms-flexbox;
            display: flex
        }

        .header nav .menu--md {
            display: none
        }

        .header nav .menu:hover:after {
            left: auto !important;
            right: 0
        }
    }

    @media (max-width:1060px) {

        .header nav .menu>ul,
        .header nav .menu>ul>li {
            display: none
        }

        .header nav .menu.dropdown-close .menu__main {
            display: none !important
        }

        .header nav .menu .menu__main {
            margin-top: 16px;
            -webkit-animation: fade-in-bottom .08s ease-in-out both;
            animation: fade-in-bottom .08s ease-in-out both;
            display: none;
            background: #fff;
            position: absolute;
            padding: 32px;
            border-radius: 8px;
            -webkit-box-shadow: 0 5px 45px hsla(0, 0%, 9%, .1);
            box-shadow: 0 5px 45px hsla(0, 0%, 9%, .1);
            width: 90vw;
            left: 5vw;
            top: 100%;
            height: -webkit-fit-content;
            height: -moz-fit-content;
            height: fit-content;
            max-height: 90vh;
            overflow-y: auto;
            -ms-flex-pack: distribute;
            justify-content: space-around
        }
    }

    @media (max-width:1060px) and (max-width:640px) {
        .header nav .menu .menu__main .dropdown .col-sm-12+.col-sm-12 {
            margin-top: 32px
        }
    }

    @media (max-width:1060px) {
        .header nav .menu .menu__main ul {
            padding: 0;
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .header nav .menu .menu__main li {
            display: block;
            width: 100%;
            height: auto;
            margin: 0
        }

        .header nav .menu .menu__main li a {
            width: 100%
        }

        .header nav .menu .menu__main li a:hover {
            background: #f5f5fa
        }

        .header nav .menu .menu__main>li {
            margin: 24px 0
        }
    }

    @media (max-width:1060px) and (max-width:991.98px) {
        .header nav .menu .menu__main>li {
            margin: 12px 0
        }
    }

    @media (max-width:1060px) and (max-width:767.98px) {
        .header nav .menu .menu__main>li {
            margin: 0
        }
    }

    @media (max-width:1060px) {

        .header nav .menu .menu__main .has-dropdown>span .ico,
        .header nav .menu .menu__main .has-dropdown>span svg,
        .header nav .menu .menu__main>.has-dropdown>span {
            display: none
        }
    }

    @media (max-width:1060px) and (min-width:640px) {
        .header nav .menu .menu__main>.has-dropdown li {
            width: 200px
        }
    }

    @media (max-width:1060px) {
        .header nav .menu .menu__main .dropdown {
            position: relative;
            -webkit-transform: none;
            transform: none;
            width: 100%;
            display: block;
            left: auto;
            min-width: 0
        }

        .header nav .menu .menu__main .dropdown--full {
            display: block;
            min-width: 0
        }

        .header nav .menu .menu__main .dropdown--full>ul {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .header nav .menu .menu__main .dropdown--full>ul>li {
            margin-bottom: 32px
        }
    }

    @media (max-width:1060px) and (max-width:991.98px) {
        .header nav .menu .menu__main .dropdown--full>ul>li {
            margin-bottom: 12px
        }
    }

    @media (max-width:1060px) and (max-width:767.98px) {
        .header nav .menu .menu__main .dropdown--full>ul>li {
            margin-bottom: 4px
        }
    }

    @media (max-width:1060px) {

        .header nav .menu.dropdown-open:after,
        .header nav .menu:hover:after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -16px;
            width: 50%;
            height: 16px;
            background: rgba(0, 0, 0, 0);
            z-index: 1
        }

        .header nav .menu.dropdown-open .menu__main,
        .header nav .menu:hover .menu__main {
            display: block
        }
    }

    .header nav .actions {
        -ms-flex-order: 3;
        order: 3;
        margin-left: auto;
        margin-right: -24px
    }

    .header nav .actions>a {
        font-size: 14px;
        line-height: 18px
    }

    .header nav .actions>ul>li {
        display: -ms-flexbox;
        display: flex;
        margin: 0
    }

    @media (max-width:640px) {
        .header nav .actions {
            -ms-flex-order: 2;
            order: 2;
            margin-left: 0
        }

        .header nav .actions>* {
            margin: 0 8px
        }
    }

    .header nav .actions .ico {
        -webkit-filter: brightness(0) saturate(100%) invert(0) sepia(1%) saturate(3992%) hue-rotate(328deg) brightness(82%) contrast(83%);
        filter: brightness(0) saturate(100%) invert(0) sepia(1%) saturate(3992%) hue-rotate(328deg) brightness(82%) contrast(83%)
    }

    .header nav .actions>:last-child:is(.btn) {
        margin-right: 24px
    }

    .header nav .actions .dropdown--left li:hover>* {
        color: #e5322d
    }

    .header nav .actions .dropdown--left li:hover>*>.ico {
        -webkit-filter: none;
        filter: none
    }

    .header nav .dropdown {
        display: none;
        min-width: 500px;
        position: absolute;
        top: calc(100% - 2px);
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        padding-top: 16px;
        cursor: auto
    }

    .header nav .dropdown>* {
        background: #fff;
        border-radius: 8px;
        padding: 32px;
        -webkit-animation: fade-in-bottom .08s ease-in-out both;
        animation: fade-in-bottom .08s ease-in-out both
    }

    .header nav .dropdown>ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: #fff;
        position: relative;
        border-radius: 8px;
        -webkit-box-shadow: 0 5px 45px hsla(0, 0%, 9%, .1);
        box-shadow: 0 5px 45px hsla(0, 0%, 9%, .1);
        width: 100%;
        margin: auto;
        padding-bottom: 0
    }

    .header nav .dropdown>ul>li>ul {
        margin-bottom: 24px
    }

    .header nav .dropdown li {
        min-width: 200px
    }

    @media (min-width:780px) and (max-width:1290px) {
        .header nav .dropdown li {
            max-width: 200px
        }
    }

    .header nav .dropdown a {
        padding: 12px;
        margin-left: -12px;
        width: 100%;
        border-radius: 8px
    }

    .header nav .dropdown .active>a,
    .header nav .dropdown .has-dropdown>span:hover,
    .header nav .dropdown a:hover {
        background: #f5f5fa
    }

    .header nav .dropdown--full {
        left: 0;
        -webkit-transform: translateX(5%);
        transform: translateX(5%);
        width: 90vw
    }

    .header nav .dropdown--single {
        min-width: 200px
    }

    .header nav .dropdown--single>ul {
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 4px
    }

    .header nav .dropdown--single>ul li {
        width: 100%;
        padding: 0 !important
    }

    .header nav .dropdown--single>ul li a,
    .header nav .dropdown--single>ul li span {
        padding: 12px;
        margin: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .header nav .dropdown--single>ul li a .icon,
    .header nav .dropdown--single>ul li span .icon,
    .header nav .dropdown--single>ul li ul {
        display: none
    }

    .header nav .dropdown--single .dropdown {
        padding: 0
    }

    .header nav .dropdown--single .has-dropdown {
        position: relative
    }

    .header nav .dropdown--single .has-dropdown span:after {
        content: "";
        width: 8px;
        height: 12px;
        background: url(../images/chevron_right_g.svg) no-repeat 50%;
        position: absolute;
        right: 8px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #161616
    }

    .header nav .dropdown--single .has-dropdown .dropdown {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: auto;
        left: 100%;
        background: #fff;
        border-radius: 8px;
        min-width: 0;
        -webkit-box-shadow: 0 5px 45px hsla(0, 0%, 9%, .1);
        box-shadow: 0 5px 45px hsla(0, 0%, 9%, .1);
        cursor: auto
    }

    .header nav .dropdown--single .has-dropdown.open .dropdown,
    .header nav .dropdown--single .has-dropdown:hover .dropdown {
        display: block;
        z-index: 1
    }

    @media (max-width:640px) {

        .header nav .dropdown--single .has-dropdown.open .dropdown,
        .header nav .dropdown--single .has-dropdown:hover .dropdown {
            right: 70%
        }
    }

    @media (max-width:640px) {

        .header nav .dropdown--single .has-dropdown.open .dropdown.lang,
        .header nav .dropdown--single .has-dropdown:hover .dropdown.lang {
            -webkit-transform: translateY(-30%);
            transform: translateY(-30%)
        }
    }

    .header nav .dropdown--single .has-dropdown.open .dropdown .lang__current,
    .header nav .dropdown--single .has-dropdown:hover .dropdown .lang__current {
        display: none
    }

    .header nav .dropdown--single .has-dropdown.open .dropdown .lang__menu,
    .header nav .dropdown--single .has-dropdown:hover .dropdown .lang__menu {
        display: block;
        width: 500px;
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 32px;
        -moz-column-gap: 32px;
        column-gap: 32px;
        max-height: 90vh;
        overflow-y: auto;
        background: rgba(0, 0, 0, 0);
        -webkit-box-shadow: none;
        box-shadow: none
    }

    @media (max-width:640px) {

        .header nav .dropdown--single .has-dropdown.open .dropdown .lang__menu,
        .header nav .dropdown--single .has-dropdown:hover .dropdown .lang__menu {
            width: 200px;
            display: -ms-flexbox;
            display: flex;
            -webkit-column-count: 1;
            -moz-column-count: 1;
            column-count: 1;
            z-index: 1;
            max-height: 60vh
        }
    }

    .header nav .dropdown--single .has-dropdown.open .dropdown .lang__menu li,
    .header nav .dropdown--single .has-dropdown:hover .dropdown .lang__menu li {
        min-width: 0
    }

    .header nav .dropdown--single .has-dropdown.open .dropdown .lang__menu li a,
    .header nav .dropdown--single .has-dropdown:hover .dropdown .lang__menu li a {
        margin-left: -4px;
        padding-left: 24px
    }

    .header nav .dropdown--single .has-dropdown.open .dropdown .lang__menu li svg,
    .header nav .dropdown--single .has-dropdown:hover .dropdown .lang__menu li svg {
        margin-right: 4px
    }

    .header nav .dropdown--left {
        left: auto;
        right: 0;
        -webkit-transform: none;
        transform: none
    }

    .header nav .dropdown--left .has-dropdown .dropdown {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: auto;
        right: 100%;
        background: #fff;
        border-radius: 8px;
        min-width: 0;
        -webkit-box-shadow: 0 5px 45px hsla(0, 0%, 9%, .1);
        box-shadow: 0 5px 45px hsla(0, 0%, 9%, .1)
    }

    .header nav .dropdown--right {
        left: 0;
        -webkit-transform: none;
        transform: none
    }

    .header nav li {
        text-transform: uppercase;
        font-weight: 500
    }

    .header nav li li {
        text-transform: none
    }

    .header nav li li .nav__title {
        text-transform: uppercase;
        margin-bottom: 12px;
        color: #707078
    }

    .header nav li div {
        color: #161616;
        font-size: 13px;
        line-height: 18px
    }

    .header nav li .ico,
    .header nav li svg {
        margin: 0 8px 0 0
    }

    .header nav a {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center
    }

    .header nav a>.ico,
    .header nav a>img,
    .header nav a>svg,
    .header nav span>.ico,
    .header nav span>img,
    .header nav span>svg {
        margin-right: 8px
    }

    .header .divider {
        height: 1px;
        width: 90%;
        margin: 2px auto;
        background: #f5f5fa
    }

    .header .hide {
        display: none
    }

    .header .hide--sm {
        display: -ms-flexbox;
        display: flex
    }

    @media (max-width:640px) {
        .header .hide--sm {
            display: none !important
        }
    }

    .header .hide--md {
        display: -ms-flexbox;
        display: flex
    }

    @media (max-width:840px) {
        .header .hide--md {
            display: none
        }
    }

    .header .hide--lg {
        display: -ms-flexbox;
        display: flex
    }

    @media (min-width:1290px) {
        .header .hide--lg {
            display: none
        }
    }

    .header .show {
        display: -ms-flexbox;
        display: flex
    }

    .header .show--sm {
        display: none
    }

    @media (max-width:640px) {
        .header .show--sm {
            display: -ms-flexbox;
            display: flex
        }
    }

    .header .show--md {
        display: none
    }

    @media (max-width:840px) {
        .header .show--md {
            display: -ms-flexbox;
            display: flex
        }
    }

    .header .show--lg {
        display: none
    }

    @media (min-width:1290px) {
        .header .show--lg {
            display: -ms-flexbox;
            display: flex
        }
    }

    .header ul.menu__user a svg:not(.premium) path {
        fill: #161616
    }

    .header ul.menu__user a:hover svg path {
        fill: #e5322d
    }

    .header .avatar {
        border-radius: 100%;
        background-color: #fde4df;
        outline: 2px solid #fde4df;
        width: 32px;
        height: 32px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: auto;
        font-size: 16px;
        font-weight: 600;
        color: #e5322d
    }

    .header .avatar--desktop {
        outline: 2px solid #ffc233
    }

    .header nav .dropdown>ul.lang__menu {
        padding: 8px 4px 8px 12px
    }

    .header nav .menu>.menu__main.dropdown {
        display: none
    }

    @media (max-width:1290px) {
        .header nav .menu>.menu__main.dropdown {
            display: block
        }
    }

    .rtl .header nav .menu {
        direction: rtl
    }

    .rtl .header nav .actions .ico,
    .rtl .header nav .actions svg,
    .rtl .header nav a>.ico,
    .rtl .header nav a>img,
    .rtl .header nav a>svg,
    .rtl .header nav span>.ico,
    .rtl .header nav span>img,
    .rtl .header nav span>svg {
        margin-left: 8px;
        margin-right: 0
    }

    .rtl .header nav .dropdown--single .has-dropdown span:after {
        right: auto;
        left: 8px;
        -webkit-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg)
    }

    .rtl .header nav .has-dropdown .ico--down {
        margin-right: 8px
    }

    .rtl .header nav li li .nav__title {
        text-align: right
    }

    .rtl .header nav .dropdown:not(.dropdown--single) a {
        margin-left: 0;
        margin-right: -12px;
        display: -ms-flexbox;
        display: flex;
        text-align: right
    }

    .rtl .header nav .dropdown--single .dropdown a {
        margin: 0
    }

    .rtl .header nav {
        direction: ltr
    }

    .rtl .header nav li {
        direction: rtl
    }

    @media (max-width:840px) {

        .has-dropdown.dropdown-close>.dropdown,
        .has-dropdown.dropdown-close>span:after {
            display: none !important
        }

        .has-dropdown.dropdown-open>.dropdown {
            display: block !important
        }
    }

    .lang-ar .header nav li,
    .lang-vi .header nav li {
        font-weight: 600
    }

    .header .actions .btn {
        padding: 0 13px;
        height: 32px
    }

    .brand {
        line-height: 20px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .brand img {
        width: 147px;
        max-height: 100%;
        max-width: 100%;
        height: auto
    }

    .social__item {
        width: 24px;
        height: 24px;
        background-size: 24px 24px;
        border-radius: 100%;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        opacity: .7;
        display: inline-block;
        margin-left: 8px;
        background-position: 0 0;
        background-repeat: no-repeat;
        background-color: rgba(0, 0, 0, 0)
    }

    .social__item--twitter {
        background-image: url(../images/twitter.svg)
    }

    .social__item--facebook {
        background-image: url(../images/facebook.svg)
    }

    .social__item--android {
        background-image: url(../images/android.svg)
    }

    .social__item--apple {
        background-image: url(../images/apple.svg)
    }

    .social__item--linkedin {
        background-image: url(../images/linkedin.svg)
    }

    .social__item--tiktok {
        background-image: url(../images/tiktok.svg)
    }

    .social__item--instagram {
        background-image: url(../images/instagram.svg)
    }

    .social__item:hover {
        opacity: 1
    }

    .rtl .social__item {
        margin-left: 0;
        margin-right: 8px
    }

    .main {
        margin-top: 60px;
        overflow: hidden
    }

    @media (max-width:840px) {
        .main {
            margin-top: 60px
        }
    }

    .badge {
        line-height: 18px;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: .3px;
        padding: 4px 12px;
        border: 1px solid;
        border-radius: 8px;
        line-height: 16px;
        white-space: nowrap;
        display: -ms-inline-flexbox;
        display: inline-flex;
        font-weight: 500;
        min-height: 24px;
        -ms-flex-align: center;
        align-items: center;
        letter-spacing: 1px
    }

    @media (max-width:991.98px) {
        .badge {
            font-size: 12px;
            line-height: 16px
        }
    }

    @media (max-width:767.98px) {
        .badge {
            font-size: 12px;
            line-height: 16px
        }
    }

    .badge svg {
        margin-right: 4px;
        width: 16px;
        height: 16px;
        display: inline
    }

    .badge--success {
        border-color: #1d9d58;
        color: #4acd86
    }

    .badge--error {
        border-color: #e90003;
        color: #fb7876
    }

    .badge--warning {
        border-color: #d76c00;
        color: #ff9428
    }

    .badge--neutral {
        border-color: #47474f;
        color: #707078
    }

    .badge--premium {
        border-color: #ffc233;
        background-color: #ffc233;
        color: #47474f;
        text-transform: none
    }

    .badge--info {
        border-color: #008ee9;
        color: #53bbfd
    }

    .badge--new {
        border-color: #bd060a;
        color: #e5322d;
        position: absolute;
        right: 10px;
        z-index: 2;
        top: 10px
    }

    .badge--nomargin {
        margin-left: 0
    }

    .badge--full-error {
        color: #fff;
        background: #e5322d;
        border: none;
        font-weight: 600
    }

    span.badge {
        margin-left: 4px;
        margin-right: 4px
    }

    a.badge {
        padding: 2px 8px 3px;
        font-size: 12px;
        color: #e5322d;
        background: rgba(0, 0, 0, 0);
        border: 1px solid #e5322d;
        font-weight: 800;
        display: inline-block;
        margin-top: 5px;
        vertical-align: top
    }

    a.badge:hover {
        background-color: #e5322d;
        color: #fff
    }

    .rtl .badge svg {
        margin-left: 4px;
        margin-right: 0
    }

    .footer {
        position: fixed;
        left: 0;
        right: 0;
        z-index: 10000;
        bottom: 0;
        background: hsla(0, 0%, 100%, .6);
        padding: 12px 24px;
        font-size: 12px
    }

    .footer a {
        text-decoration: none;
        font-weight: 400
    }

    .footer__copy {
        float: left;
        color: #161616
    }

    .footer-minimal {
        padding: 18px 24px 22px;
        border-top: 8px solid #fff;
        background: #f5f5fa;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        line-height: 18px;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: .3px
    }

    @media (max-width:991.98px) {
        .footer-minimal {
            font-size: 12px;
            line-height: 16px
        }
    }

    @media (max-width:767.98px) {
        .footer-minimal {
            font-size: 12px;
            line-height: 16px
        }
    }

    @media (max-width:780px) {
        .footer-minimal {
            display: block
        }
    }

    .footer-minimal__nav {
        display: -ms-flexbox;
        display: flex
    }

    .footer-minimal__nav li:after {
        content: " ";
        display: inline-block;
        width: 1px;
        vertical-align: bottom;
        margin: 0 6px;
        height: 85%;
        background: #161616
    }

    .footer-minimal__nav li:last-child:after {
        display: none
    }

    .footer-minimal__nav li a {
        color: #161616;
        text-decoration: none
    }

    .footer-minimal__nav li a:hover {
        color: #e5322d
    }

    @media (max-width:780px) {
        .footer-minimal__nav {
            -ms-flex-pack: center;
            justify-content: center;
            margin-bottom: 12px
        }
    }

    .footer-minimal__copy {
        text-align: right
    }

    @media (max-width:780px) {
        .footer-minimal__copy {
            text-align: center
        }
    }

    .footer-big {
        border-top: 8px solid #fff;
        background: #f5f5fa;
        padding: 32px
    }

    .footer-big__container {
        width: 100%;
        padding: 16px 15px;
        margin-right: auto;
        margin-left: auto;
        max-width: 91%
    }

    @media (min-width:360px) {
        .footer-big__container {
            max-width: 91%
        }
    }

    @media (min-width:768px) {
        .footer-big__container {
            max-width: 92%
        }
    }

    @media (min-width:992px) {
        .footer-big__container {
            max-width: 84%
        }
    }

    @media (min-width:1366px) {
        .footer-big__container {
            max-width: 84%
        }
    }

    @media (min-width:1440px) {
        .footer-big__container {
            max-width: 84%
        }
    }

    .footer-big__lang {
        position: relative;
        padding-top: 12px;
        margin-top: -12px;
        margin-bottom: 24px;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center
    }

    .footer-big__lang .lang__menu {
        position: absolute;
        bottom: 32px;
        left: 0;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
        z-index: 9;
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
        background-color: #fff;
        padding: 4px 12px 16px;
        border-radius: 12px;
        display: none;
        font-size: 13px;
        max-height: 80vh;
        width: 250px;
        overflow: auto
    }

    @media (min-width:840px) {
        .footer-big__lang .lang__menu {
            -webkit-column-count: 3;
            -moz-column-count: 3;
            column-count: 3;
            width: 500px
        }
    }

    .footer-big__lang .lang__menu li {
        background: #fff;
        padding: 8px 16px 0;
        height: 30px
    }

    .footer-big__lang .lang__menu li a {
        color: #161616;
        text-decoration: none
    }

    .footer-big__lang .lang__menu li a:hover {
        color: #e5322d
    }

    .footer-big__lang .lang__menu li a.active {
        font-weight: 700
    }

    .footer-big__lang .lang__menu li.lang__active {
        display: block;
        background: rgba(0, 0, 0, 0);
        cursor: pointer;
        margin-top: 12px
    }

    .footer-big__lang:hover .lang__menu {
        display: block
    }

    .footer-big__lang .lang__current {
        cursor: pointer;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-right: auto;
        -ms-flex-align: center;
        align-items: center
    }

    .footer-big__lang .lang__current .ico--world {
        margin-right: 8px
    }

    .footer-big__lang .lang__current .ico--down {
        margin-left: 8px
    }

    .footer-big__nav {
        margin: 0
    }

    .footer-big__nav li {
        margin-bottom: 12px
    }

    .footer-big__nav li a {
        text-decoration: none;
        font-size: 14px;
        line-height: 20px;
        color: #161616
    }

    .footer-big__nav li a:hover {
        color: #e5322d
    }

    .footer-big__nav--main li a {
        font-weight: 600
    }

    .footer-big__info {
        text-align: right;
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: auto
    }

    .footer-big__info .social {
        margin-top: 20px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-align: center;
        align-items: center
    }

    .footer-main {
        background: #f5f5fa;
        padding-top: 32px;
        padding-bottom: 50px;
        border-top: 8px solid #fff
    }

    .footer-main__title {
        line-height: 20px;
        font-size: 16px;
        font-weight: 400;
        font-weight: 600;
        color: #33333b;
        color: #e5322d;
        text-transform: uppercase;
        margin-bottom: 18px
    }

    @media (max-width:991.98px) {
        .footer-main__title {
            font-size: 18px;
            line-height: 22px
        }
    }

    @media (max-width:767.98px) {
        .footer-main__title {
            font-size: 16px;
            line-height: 20px
        }
    }

    .footer-main__nav li {
        margin-bottom: 12px
    }

    .footer-main__nav li a {
        color: #47474f;
        font-weight: 400;
        text-decoration: none
    }

    .footer-main__nav li a:hover {
        color: #e5322d
    }

    .footer-main .row+.row {
        margin-top: 32px
    }

    .footer-main .separator {
        margin-top: 24px;
        margin-bottom: 24px;
        width: 100%;
        border-bottom: 1px solid #b4b4b4
    }

    .footer-main__info {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .footer-main__info .slogan {
        margin-right: 16px
    }

    .footer-main__info .social {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .footer-main .powered {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .footer-main .powered>*+* {
        margin-left: 12px
    }

    .footer-main .powered>img+img {
        margin-left: 24px
    }

    .rtl .footer-main__info .slogan {
        margin-right: 0;
        margin-left: 16px
    }

    .rtl .footer-big__info {
        text-align: left
    }

    .rtl .footer-big__lang .lang__menu {
        left: inherit;
        right: 0
    }

    .rtl .footer-big__lang .lang__current .ico--world,
    .rtl .footer-big__lang .lang__current svg {
        margin-left: 8px;
        margin-right: 0
    }

    .rtl .footer-big__lang .lang__current .ico--down {
        margin-left: 0;
        margin-right: 8px
    }

    .app__store {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-top: 32px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .app__store li {
        margin-left: 12px
    }

    .block {
        padding: 48px 0 64px
    }

    @media (min-width:768px) {
        .block {
            padding: 64px 0 72px
        }
    }

    @media (min-width:992px) {
        .block {
            padding: 72px 0 96px
        }
    }

    @media (min-width:1366px) {
        .block {
            padding: 96px 0 124px
        }
    }

    .block--intro {
        min-height: 80vh;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .block--intro .title.white {
        text-shadow: 0 0 8px rgba(0, 0, 0, .6)
    }

    .block--big {
        min-height: 70vh;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .block--big .title.white {
        text-shadow: 0 0 8px rgba(0, 0, 0, .6)
    }

    .block--no-text-shadow .title.white {
        text-shadow: none
    }

    .block--full {
        min-height: 100vh;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .block--white {
        background: #fff
    }

    .block--grey {
        background: #f5f5fa
    }

    .block--black {
        background: #47474f;
        color: #f5f5fa
    }

    .block--black :not(.btn) {
        color: #f5f5fa
    }

    .block--red {
        background: #e5322d;
        color: #fff
    }

    .block--red * {
        color: #fff
    }

    .block--bg-cover {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%
    }

    .block--separator {
        padding: 96px 0
    }

    @media (max-width:75em) {
        .block--separator {
            padding: 72px 0
        }
    }

    @media (max-width:46.25em) {
        .block--separator {
            padding: 48px 0
        }
    }

    .block--column {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .block__container {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        max-width: 91%
    }

    @media (min-width:360px) {
        .block__container {
            max-width: 91%
        }
    }

    @media (min-width:768px) {
        .block__container {
            max-width: 92%
        }
    }

    @media (min-width:992px) {
        .block__container {
            max-width: 84%
        }
    }

    @media (min-width:1366px) {
        .block__container {
            max-width: 84%
        }
    }

    @media (min-width:1440px) {
        .block__container {
            max-width: 84%
        }
    }

    .block__header {
        text-align: center;
        max-width: 1100px;
        margin-left: auto;
        margin-right: auto
    }

    .block__body .block__header {
        text-align: left;
        margin-bottom: 24px;
        max-width: none
    }

    .block__body+.block__body {
        margin-top: 72px
    }

    .block__header+.block__body {
        margin-top: 64px
    }

    @media (max-width:75em) {
        .block__header+.block__body {
            margin-top: 56px
        }
    }

    @media (max-width:46.25em) {
        .block__header+.block__body {
            margin-top: 24px
        }
    }

    .block__body .box+.box {
        margin-top: 32px
    }

    .block__header .breadcrumb a {
        color: #33333b;
        margin-bottom: 12px;
        line-height: 28px
    }

    .block__header .breadcrumb a:hover {
        color: #e5322d
    }

    .network {
        display: -ms-flexbox;
        display: flex;
        display: none;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        max-width: 300px;
        position: fixed;
        top: 100px;
        right: 20px;
        border: 1px solid #e5322d;
        background: hsla(0, 0%, 100%, .7);
        color: #161616;
        z-index: 99999;
        padding: 24px;
        -ms-flex-align: center;
        align-items: center
    }

    .network g,
    .network path,
    .network svg {
        fill: #e5322d;
        margin-bottom: 16px
    }

    .blue {
        color: #4d90fe
    }

    .indigo {
        color: #6610f2
    }

    .purple {
        color: #6f42c1
    }

    .pink {
        color: #e83e8c
    }

    .red {
        color: #e5322d
    }

    .orange {
        color: #ffb400
    }

    .yellow {
        color: #ffc107
    }

    .green {
        color: #4acd86
    }

    .teal {
        color: #20c997
    }

    .cyan {
        color: #17a2b8
    }

    .white {
        color: #fff
    }

    .gray {
        color: #6c757d
    }

    .gray-dark {
        color: #343a40
    }

    .product-light {
        color: #fde4df
    }

    .product,
    .product-primary {
        color: #e5322d
    }

    .product-dark {
        color: #bd060a
    }

    .bg-blue {
        background-color: #4d90fe
    }

    .bg-indigo {
        background-color: #6610f2
    }

    .bg-purple {
        background-color: #6f42c1
    }

    .bg-pink {
        background-color: #e83e8c
    }

    .bg-red {
        background-color: #e5322d
    }

    .bg-orange {
        background-color: #ffb400
    }

    .bg-yellow {
        background-color: #ffc107
    }

    .bg-green {
        background-color: #4acd86
    }

    .bg-teal {
        background-color: #20c997
    }

    .bg-cyan {
        background-color: #17a2b8
    }

    .bg-white {
        background-color: #fff
    }

    .bg-gray {
        background-color: #6c757d
    }

    .bg-gray-dark {
        background-color: #343a40
    }

    .bg-product-light {
        background-color: #fde4df
    }

    .bg-product,
    .bg-product-primary {
        background-color: #e5322d
    }

    .bg-product-dark {
        background-color: #bd060a
    }

    @-webkit-keyframes fade-in-bottom {
        0% {
            -webkit-transform: translateY(50px);
            transform: translateY(50px);
            opacity: 0
        }

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

    @keyframes fade-in-bottom {
        0% {
            -webkit-transform: translateY(50px);
            transform: translateY(50px);
            opacity: 0
        }

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

    @-webkit-keyframes pulse {
        0% {
            -webkit-box-shadow: 0 0 0 0 rgba(255, 106, 88, .6);
            box-shadow: 0 0 0 0 rgba(255, 106, 88, .6)
        }

        30% {
            -webkit-box-shadow: 0 0 0 60px rgba(255, 106, 88, .1);
            box-shadow: 0 0 0 60px rgba(255, 106, 88, .1)
        }

        40% {
            -webkit-box-shadow: 0 0 0 60px rgba(255, 106, 88, .1);
            box-shadow: 0 0 0 60px rgba(255, 106, 88, .1)
        }

        to {
            -webkit-box-shadow: 0 0 0 0 rgba(255, 106, 88, .1);
            box-shadow: 0 0 0 0 rgba(255, 106, 88, .1)
        }
    }

    @keyframes pulse {
        0% {
            -webkit-box-shadow: 0 0 0 0 rgba(255, 106, 88, .6);
            box-shadow: 0 0 0 0 rgba(255, 106, 88, .6)
        }

        30% {
            -webkit-box-shadow: 0 0 0 60px rgba(255, 106, 88, .1);
            box-shadow: 0 0 0 60px rgba(255, 106, 88, .1)
        }

        40% {
            -webkit-box-shadow: 0 0 0 60px rgba(255, 106, 88, .1);
            box-shadow: 0 0 0 60px rgba(255, 106, 88, .1)
        }

        to {
            -webkit-box-shadow: 0 0 0 0 rgba(255, 106, 88, .1);
            box-shadow: 0 0 0 0 rgba(255, 106, 88, .1)
        }
    }

    @-webkit-keyframes shake {

        10%,
        90% {
            -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0)
        }

        20%,
        80% {
            -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0)
        }

        30%,
        50%,
        70% {
            -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0)
        }

        40%,
        60% {
            -webkit-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0)
        }
    }

    @keyframes shake {

        10%,
        90% {
            -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0)
        }

        20%,
        80% {
            -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0)
        }

        30%,
        50%,
        70% {
            -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0)
        }

        40%,
        60% {
            -webkit-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0)
        }
    }

    .shake {
        -webkit-animation: shake .82s cubic-bezier(.36, .07, .19, .97) both;
        animation: shake .82s cubic-bezier(.36, .07, .19, .97) both;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .checkmark__circle {
        stroke-dasharray: 166;
        stroke-dashoffset: 166;
        stroke-width: 2;
        stroke-miterlimit: 10;
        stroke: #7ac142;
        fill: none;
        -webkit-animation: stroke .6s cubic-bezier(.65, 0, .45, 1) forwards;
        animation: stroke .6s cubic-bezier(.65, 0, .45, 1) forwards
    }

    .checkmark {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        display: block;
        stroke-width: 2;
        stroke: #fff;
        stroke-miterlimit: 10;
        margin: 32px auto;
        -webkit-box-shadow: inset 0 0 0 #7ac142;
        box-shadow: inset 0 0 0 #7ac142;
        -webkit-animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
        animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both
    }

    .checkmark__check {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        stroke-dasharray: 48;
        stroke-dashoffset: 48;
        -webkit-animation: stroke .3s cubic-bezier(.65, 0, .45, 1) .8s forwards;
        animation: stroke .3s cubic-bezier(.65, 0, .45, 1) .8s forwards
    }

    @-webkit-keyframes fade-in {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    @keyframes fade-in {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    @-webkit-keyframes fadeIn {
        0% {
            display: none;
            opacity: 0
        }

        1% {
            display: block;
            opacity: 0
        }

        to {
            display: block;
            opacity: 1
        }
    }

    @keyframes fadeIn {
        0% {
            display: none;
            opacity: 0
        }

        1% {
            display: block;
            opacity: 0
        }

        to {
            display: block;
            opacity: 1
        }
    }

    @-webkit-keyframes slideIn {
        to {
            left: 0
        }
    }

    @keyframes slideIn {
        to {
            left: 0
        }
    }

    @-webkit-keyframes slideOutLeft {
        to {
            left: -100%
        }
    }

    @keyframes slideOutLeft {
        to {
            left: -100%
        }
    }

    @-webkit-keyframes slideOutRight {
        to {
            left: 100%
        }
    }

    @keyframes slideOutRight {
        to {
            left: 100%
        }
    }

    @-webkit-keyframes backgroundAnimate {
        0% {
            background-position: 0 50%
        }

        50% {
            background-position: 100% 50%
        }

        to {
            background-position: 0 50%
        }
    }

    @keyframes backgroundAnimate {
        0% {
            background-position: 0 50%
        }

        50% {
            background-position: 100% 50%
        }

        to {
            background-position: 0 50%
        }
    }

    @-webkit-keyframes stroke {
        to {
            stroke-dashoffset: 0
        }
    }

    @keyframes stroke {
        to {
            stroke-dashoffset: 0
        }
    }

    @-webkit-keyframes scale {

        0%,
        to {
            -webkit-transform: none;
            transform: none
        }

        50% {
            -webkit-transform: scale3d(1.1, 1.1, 1);
            transform: scale3d(1.1, 1.1, 1)
        }
    }

    @keyframes scale {

        0%,
        to {
            -webkit-transform: none;
            transform: none
        }

        50% {
            -webkit-transform: scale3d(1.1, 1.1, 1);
            transform: scale3d(1.1, 1.1, 1)
        }
    }

    @-webkit-keyframes fill {
        to {
            -webkit-box-shadow: inset 0 0 0 30px #7ac142;
            box-shadow: inset 0 0 0 30px #7ac142
        }
    }

    @keyframes fill {
        to {
            -webkit-box-shadow: inset 0 0 0 30px #7ac142;
            box-shadow: inset 0 0 0 30px #7ac142
        }
    }

    html[data-useragent*="MSIE 10.0"] .range {
        display: inline-block;
        vertical-align: middle
    }

    html[data-useragent*="MSIE 10.0"] .file {
        display: -ms-inline-flexbox;
        display: inline-flex;
        vertical-align: middle
    }

    html[data-useragent*="Trident/7.0"] .ie11-hide {
        display: none
    }

    html[data-useragent*="Trident/7.0"] .Section-content #card-element-paymentStripe-card-cvc,
    html[data-useragent*="Trident/7.0"] .Section-content #card-element-paymentStripe-card-expiry,
    html[data-useragent*="Trident/7.0"] .Section-content #card-element-paymentStripe-card-number {
        width: 240px;
        -ms-flex: 1 1 240px;
        flex: 1 1 240px;
        max-width: 240px
    }

    html[data-useragent*="Trident/7.0"] .slider__element__slider-datalist {
        display: none
    }

    html[data-useragent*="Trident/7.0"] .slider__element input[type=range] {
        height: 30px !important
    }

    body.rtl,
    body.rtl .tools__container {
        direction: rtl
    }

    body.rtl .dropdown.dropdown-full#menuSmall {
        direction: ltr
    }

    body.rtl .dropdown.dropdown-full#menuSmall .dropdown-menu {
        direction: rtl
    }

    body.rtl .main-menu .nav li.dropdown .nav__icon>.ico {
        margin-right: auto
    }

    body.rtl .main-menu .nav li ul.menu-full--convert,
    body.rtl .main-menu .nav li ul.menu-full--double {
        left: 0;
        right: auto
    }

    body.rtl .main-menu .nav li ul.menu-full div {
        text-align: right
    }

    body.rtl .top-menu .nav__item--sub ul a .ico {
        margin-right: 0;
        margin-left: 8px
    }

    body.rtl .tool {
        direction: rtl
    }

    body.rtl .tool__preview .tool__preview__arrow {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    body.rtl .tool__preview.closed .tool__preview__toggle svg {
        -webkit-transform: none;
        transform: none
    }

    body.rtl #processTask {
        right: auto;
        left: 24px
    }

    body.rtl #processTask span svg {
        -webkit-transform: scale(-1);
        transform: scale(-1);
        margin-right: 0;
        margin-left: 8px
    }

    body.rtl .uploader__extra {
        margin-left: -48px;
        left: 0
    }

    body.rtl .uploader__extra:nth-child(3) {
        margin-left: -92px
    }

    body.rtl .uploader__extra:nth-child(4) {
        margin-left: -136px
    }

    body.rtl .uploader.box .uploader__extra {
        margin-left: 0
    }

    body.rtl .downloader__extra:first-child {
        margin-left: inherit;
        right: -48px;
        left: inherit
    }

    body.rtl .downloader__extra:first-child svg {
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1)
    }

    body.rtl .downloader__btn svg {
        margin-right: 0;
        margin-left: 12px
    }

    body.rtl .downloader__extra {
        left: 0
    }

    body.rtl .downloader__extra:nth-child(3) {
        margin-left: -56px
    }

    body.rtl .downloader__extra:nth-child(4) {
        margin-left: -100px
    }

    body.rtl .float-right {
        float: left
    }

    body.rtl .file__actions {
        right: auto;
        left: 8px
    }

    body.rtl .downloader__info {
        direction: rtl
    }

    body.rtl .downloader__info__content {
        text-align: right
    }

    body.rtl .auth,
    body.rtl .row {
        direction: rtl
    }

    body.rtl .auth__extra--top {
        right: auto;
        left: 16px
    }

    body.rtl .pricing__list__item {
        text-align: right
    }

    body.rtl .pricing__list__item>span {
        padding-right: 0;
        padding-left: 24px
    }

    body.rtl .pricing__list__item.item-dropdown:before {
        right: inherit;
        left: 0
    }

    body.rtl .tool__sidebar {
        border-right: 1px solid rgba(0, 0, 0, .2);
        border-left: none
    }

    body.rtl .tool__sidebar__inactive svg {
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1)
    }

    body.rtl [type=checkbox]:checked+label:before,
    body.rtl [type=checkbox]:not(:checked)+label:before {
        margin-left: 12px;
        margin-right: 0
    }

    body.rtl .input--icon:before {
        left: inherit;
        right: 12px
    }

    body.rtl [type=checkbox]:checked+label:after,
    body.rtl [type=checkbox]:not(:checked)+label:after {
        left: inherit
    }

    body.rtl .input--icon .input,
    body.rtl .input--icon input,
    body.rtl .input--icon select {
        padding-left: 12px;
        padding-right: 36px
    }

    body.rtl .pricing__list__item ul li span:last-child {
        margin-right: auto;
        margin-left: inherit
    }

    body.rtl .form__group--btn .input,
    body.rtl .form__group--btn input,
    body.rtl .form__group--btn select {
        border-radius: 0 4px 4px 0
    }

    body.rtl .form__group--btn .btn {
        border-radius: 4px 0 0 4px
    }

    body.rtl [type=number].input,
    body.rtl input[type=number],
    body.rtl select[type=number] {
        padding: 8px 12px 8px 24px
    }

    body.rtl [type=number].input::-webkit-inner-spin-button,
    body.rtl [type=number].input::-webkit-outer-spin-button,
    body.rtl input[type=number]::-webkit-inner-spin-button,
    body.rtl input[type=number]::-webkit-outer-spin-button,
    body.rtl select[type=number]::-webkit-inner-spin-button,
    body.rtl select[type=number]::-webkit-outer-spin-button {
        right: inherit;
        left: 0
    }

    body.rtl .radio [type=radio]:checked,
    body.rtl .radio [type=radio]:not(:checked) {
        left: auto;
        right: -9999px
    }

    body.rtl .radio [type=radio]:checked+label:before,
    body.rtl .radio [type=radio]:not(:checked)+label:before {
        margin-right: 0;
        margin-left: 12px
    }

    body.rtl .radio [type=radio]:checked+label:after,
    body.rtl .radio [type=radio]:not(:checked)+label:after {
        left: auto;
        right: 4px
    }

    body.rtl .share {
        text-align: right
    }

    body.rtl .share__buttons li i {
        margin-right: inherit;
        margin-left: 12px
    }

    body.rtl .text-left {
        text-align: right
    }

    body.rtl .apptools__item {
        padding-right: 24px;
        padding-left: 12px
    }

    body.rtl .apptools__item:before {
        left: auto;
        right: 0
    }

    body.rtl .btn svg,
    body.rtl button svg {
        margin-right: 0;
        margin-left: 8px
    }

    body.rtl .option__image__item:last-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px
    }

    body.rtl .option__image__item:first-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px
    }

    body.rtl .tool-resizeimage .file__info__size i {
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1)
    }

    body.rtl .tool-resizeimage .file__info__size__from {
        margin-right: inherit;
        margin-left: -2px;
        display: inline-block
    }

    body.rtl .file__info__size__to {
        margin-left: inherit;
        margin-right: -2px;
        display: inline-block
    }

    body.rtl .checkbox [type=checkbox]:checked,
    body.rtl .checkbox [type=checkbox]:not(:checked) {
        position: absolute;
        right: -9999px
    }

    body.rtl .sidebar .user-menu__item a svg {
        margin-right: 0;
        margin-left: 10px
    }

    body.rtl .top-menu .nav__item--sub ul a svg {
        margin-right: 0;
        margin-left: 8px
    }

    body.rtl .main-menu .nav li.dropdown svg {
        margin-left: 0;
        margin-right: 4px
    }

    body.rtl .pricing__account--desktop .pricing__account__option {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    body.rtl .pricing__account--premium .pricing__account__option__item:first-child {
        border-right: 0;
        padding-right: 0;
        margin-right: 0;
        border-left: 1px solid #e5322d;
        padding-left: 16px;
        margin-left: 16px
    }

    body.rtl .badge {
        margin-left: 0;
        margin-right: 8px
    }

    body.rtl .badge--new {
        right: auto;
        left: 10px
    }

    body.rtl .pricing__account--desktop .pricing__account__option__item:first-child {
        border-right: 0;
        padding-right: 0;
        margin-right: 0;
        border-left: 1px solid #ffb400;
        padding-left: 16px;
        margin-left: 16px
    }

    body.rtl .range__remove {
        right: auto;
        left: 16px
    }

    body.rtl .card .nav.nav-tabs .nav-link svg,
    body.rtl .editor__toolbar__block.page_status input,
    body.rtl .nav.nav-tabs .nav-link svg {
        margin-right: 0;
        margin-left: 4px
    }

    body.rtl .editor__toolbar__block.page_status span {
        margin-right: 4px;
        margin-left: 0
    }

    body.rtl .signature__firm {
        text-align: right
    }

    body.rtl .sign__element__content__applied {
        margin-right: 0;
        margin-left: auto
    }

    body.rtl .selfsigned .sign__group__actions {
        right: auto;
        left: -10px
    }

    body.rtl .signature__draw__clean,
    body.rtl .signature__upload__clean {
        right: auto;
        left: 12px
    }

    body.rtl .signer-id .nav,
    body.rtl .signer-id .tab-content {
        margin-left: 0;
        margin-right: 40px
    }

    body.rtl .signer-id .subtab-nav {
        margin-left: auto;
        margin-right: -66px;
        border-radius: 0 4px 4px 0;
        border-left: 0;
        border-right: 1px solid #e5e5e5
    }

    body.rtl .signer-id .subtab-nav li {
        margin-left: -4px
    }

    body.rtl .signer-id .subtab-nav li.active:after {
        border-radius: 0 4px 4px 0;
        left: 0
    }

    body.rtl .social-auth .auth-clients li {
        margin: 0 0 0 12px
    }

    body.rtl .social-auth .auth-clients li:last-child {
        margin-left: 0
    }

    body.rtl .social-auth .social-auth--icon-buttons {
        text-align: right
    }

    body.rtl .card__header>:first-child {
        margin-right: 0;
        margin-left: auto
    }

    body.rtl.user .btn--red svg,
    body.rtl.user button--red svg {
        margin-left: 8px;
        margin-right: 0
    }

    body.rtl .user-info li strong,
    body.rtl .user-info p strong {
        margin-left: 4px;
        margin-right: 0
    }

    body.rtl .user-info li img,
    body.rtl .user-info p img {
        margin-left: 8px;
        margin-right: 4px
    }

    body.rtl .admin-sidebar__nav ul li img {
        margin-right: 0;
        margin-left: 8px
    }

    body.rtl .text-right {
        text-align: left !important
    }

    body.rtl .payment__chip-save {
        margin-left: 0;
        margin-right: 8px
    }

    body.rtl .radio+.radio {
        margin-left: 0;
        margin-right: 24px
    }

    body.rtl .payment__card-details-desc {
        text-align: right
    }

    body.rtl .avatar__information {
        margin-left: 0;
        margin-right: 12px
    }

    body.rtl .listcheck {
        padding-left: 0;
        padding-right: 24px;
        text-align: right
    }

    body.rtl .listcheck__item:before {
        left: auto;
        right: -24px
    }

    body.rtl .user-info__action {
        margin-left: 0;
        margin-right: auto
    }

    body.rtl .pricing__account__header__folding {
        right: auto;
        left: 0;
        top: -2px;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    body.rtl .block--business .bg,
    body.rtl .block--education .bg {
        right: auto
    }

    body.rtl .social-auth .auth-link *+.auth-link__text {
        margin-left: 0;
        margin-right: 9px
    }

    body.rtl .ocr__container {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    body.rtl .limit-alert__content,
    body.rtl .limit-alert__header,
    body.rtl .limit-slide__title:first-child {
        text-align: right
    }

    body.rtl .limit-slide__title:last-child {
        text-align: left
    }

    body.rtl .limit-slide__slide__free {
        left: auto;
        right: 0
    }

    body.rtl .limit-slide__slide__current {
        left: auto;
        right: 0;
        -webkit-transition: right .8s ease-in-out;
        -o-transition: right .8s ease-in-out;
        transition: right .8s ease-in-out
    }

    body.rtl [next-from-confirm-files-no],
    body.rtl [next-from-confirm-files-yes] {
        text-align: right
    }

    .cmp {
        z-index: 999999 !important
    }

    .ck-tstr p {
        font-size: 12px;
        line-height: 18px
    }

    .ck-tstr .toast-message li {
        font-size: 11px
    }

    .ck-tstr ul {
        list-style: initial;
        padding-left: 14px
    }

    .ck-tstr p+ul {
        margin-top: 0
    }

    .ck-tstr .toast-message {
        font-size: 11px !important
    }

    .ck-tstr .toast-info {
        width: 450px !important
    }

    .ck-tstr .toast-info a {
        font-weight: 400
    }

    @media (max-width:450px) {
        .ck-tstr .toast-info {
            width: calc(100% - 12px) !important
        }
    }

    @media (max-width:950px) {
        .cmp__container {
            width: calc(90% - 48px);
            margin: 32px 0 !important
        }
    }

    @media (max-width:450px) {
        .cmp__container {
            width: calc(100% - 24px) !important;
            top: inherit !important;
            -webkit-transform: none !important;
            transform: none !important;
            left: 0 !important;
            height: 100vh;
            padding: 32px 12px !important;
            margin: 32px 0 !important
        }
    }

    #toast-container.toast-bottom-left>.toast-info a#ck_set {
        color: #186adc !important;
        background-color: #fff
    }

    #toast-container.toast-bottom-left>.toast-info .langtoas,
    #toast-container.toast-bottom-left>.toast-info a#ck_set {
        font-weight: 500;
        border: 2px solid #186adc;
        border-radius: 5px;
        text-decoration: none;
        font-size: 12px;
        padding: 8px 12px;
        line-height: 12px;
        margin-right: 8px;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        display: -ms-inline-flexbox;
        display: inline-flex;
        text-transform: uppercase;
        letter-spacing: .25px
    }

    #toast-container.toast-bottom-left>.toast-info .langtoas {
        float: right;
        color: #ffe !important;
        background-color: #186adc !important;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    @media (max-width:450px) {
        .cmp__actions button {
            margin-bottom: 4px
        }
    }

    .home-title {
        position: relative;
        padding: 30px 45px;
        text-align: center
    }

    @media (max-width:90em) {
        .home-title {
            padding: 24px
        }
    }

    .home-title__title {
        font-weight: 600;
        font-size: 42px;
        line-height: 52px;
        color: #33333b;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 4px;
        max-width: 1100px
    }

    @media (max-width:767.98px) {
        .home-title__title {
            font-size: 24px;
            line-height: 34px
        }
    }

    .home-title__title strong {
        font-weight: 600
    }

    .home-title__subtitle {
        line-height: 32px;
        font-size: 22px;
        font-weight: 400;
        color: #47474f;
        max-width: 980px;
        margin: auto auto 28px
    }

    @media (max-width:991.98px) {
        .home-title__subtitle {
            font-size: 20px;
            line-height: 28px
        }
    }

    @media (max-width:767.98px) {
        .home-title__subtitle {
            font-size: 16px;
            line-height: 20px
        }
    }

    @media (max-width:90em) {
        .home-title__subtitle {
            margin-bottom: 12px
        }
    }

    .tools {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        margin: auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 68px 42px
    }

    @media (max-width:90em) {
        .tools {
            padding: 0 32px 32px
        }
    }

    @media (max-width:960px) {
        .tools {
            padding: 0 24px 24px
        }
    }

    .tools__container {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative
    }

    .tools__item {
        background: #fff;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(25% - 4px);
        flex-basis: calc(25% - 4px);
        border: 1px solid #f5f5fa;
        margin: 2px;
        position: relative;
        overflow: hidden;
        -webkit-transition: background-color .4s ease-out, -webkit-box-shadow .4s ease-out;
        transition: background-color .4s ease-out, -webkit-box-shadow .4s ease-out;
        -o-transition: box-shadow .4s ease-out, background-color .4s ease-out;
        transition: box-shadow .4s ease-out, background-color .4s ease-out;
        transition: box-shadow .4s ease-out, background-color .4s ease-out, -webkit-box-shadow .4s ease-out;
        z-index: 1;
        border-radius: 4px;
        -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1)
    }

    .tools__item__icon {
        width: 48px;
        height: 48px;
        margin: 0 auto 35px auto
    }

    @media (max-width:90em) {
        .tools__item__icon {
            width: 42px;
            height: 42px
        }
    }

    @media (max-width:640px) {
        .tools__item__icon {
            width: 32px;
            height: 32px;
            margin: 0 auto 60px auto
        }
    }

    .tools__item__icon svg,
    .tools__item a {
        width: 100%;
        height: 100%
    }

    .tools__item a {
        display: block;
        padding: 45px 32px;
        position: relative;
        z-index: 2;
        text-decoration: none;
        font-weight: 400
    }

    @media (max-width:98.75em) {
        .tools__item {
            font-size: 36px;
            line-height: 38px;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: calc(25% - 4px);
            flex-basis: calc(25% - 4px)
        }

        .tools__item a {
            padding: 37px 24px
        }
    }

    @media (max-width:1300px) {
        .tools__item {
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: calc(25% - 4px);
            flex-basis: calc(25% - 4px)
        }
    }

    @media (max-width:1280px) {
        .tools__item {
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: calc(25% - 4px);
            flex-basis: calc(25% - 4px)
        }
    }

    @media (max-width:960px) {
        .tools__item {
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: calc(33.333% - 4px);
            flex-basis: calc(33.333% - 4px)
        }
    }

    @media (max-width:640px) {
        .tools__item {
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: calc(50% - 4px);
            flex-basis: calc(50% - 4px)
        }

        .tools__item a {
            padding: 37px 24px
        }
    }

    @media (max-width:440px) {
        .tools__item {
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: calc(100% - 4px);
            flex-basis: calc(100% - 4px)
        }

        .tools__item a {
            padding: 25px 12px;
            display: -ms-flexbox;
            display: flex;
           flex-direction: column;
            align-items: center
        }

        .tools__item a .tools__item__icon {

      }

        .tools__item a .tools__item__content {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%
        }

        .tools__item .badge {
            display: none
        }
    }

    .tools__item h3 {
        font-weight: 500;
        font-size: 20px;
        line-height: 28px;
        color: #33333b;
        margin-bottom: 8px;
        text-align: center;
    }

    @media (max-width:991.98px) {
        .tools__item h3 {
            font-size: 18px;
            line-height: 24px
        }
    }

    @media (max-width:767.98px) {
        .tools__item h3 {
            font-size: 16px;
            line-height: 20px
        }
    }

    .tools__item__content p {
        line-height: 18px;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: .3px;
        font-size: 13px;
        color: #707078
    }

    @media (max-width:991.98px) {
        .tools__item__content p {
            font-size: 12px;
            line-height: 16px
        }
    }

    @media (max-width:767.98px) {
        .tools__item__content p {
            font-size: 12px;
            line-height: 16px;
            text-align: center;
        }
    }

    .tools__item:after {
        -webkit-transform: translateX(30%) skew(-30deg);
        transform: translateX(30%) skew(-30deg);
        opacity: 0;
        width: 120%
    }

    .tools__item svg {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }

    .tools__item:hover {
        z-index: 999;
        background: #f5f5fa
    }

    .tools__item:hover h3 {
        color: #161616
    }

    .tools__item:hover svg {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    .tools__item:hover p {
        color: #47474f
    }

    .tools-mini {
        margin-top: 12px;
        margin-bottom: 32px
    }

    .tools-mini .title2 {
        text-align: center
    }

    .tools-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }

    .tools-list .tools-list__item {
        display: block;
        width: 60px;
        height: 60px;
        margin: 6px
    }

    .tools-list .tools-list__item a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        height: 100%;
        -webkit-transition: all .4s ease-in;
        -o-transition: all .4s ease-in;
        transition: all .4s ease-in;
        border-radius: 100%
    }

    .tools-list .tools-list__item a svg {
        width: 50px
    }

    .tools-list .tools-list__item a:hover .zone-white {
        fill: #fff
    }

    .tools-list .tools-list__item a:hover .zone-dark {
        fill: #fde4df
    }

    .tools-list .tools-list__item a:hover .zone-light {
        fill: #fff
    }

    .tools-list .tools-list__item a:hover .zone-black {
        fill: #e5322d
    }

    .new-premium__logos {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin: auto;
        max-width: 580px;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .new-premium__logos img {
        margin: 12px
    }

    .new-premium__logos--left {
        -ms-flex-pack: start;
        justify-content: start;
        max-width: none;
        margin: 0 -24px
    }

    .infounit {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 32px;
        padding: 12px
    }

    .infounit__icon {
        margin-bottom: 24px
    }

    .infounit__icon img,
    .infounit__icon svg {
        width: 48px;
        height: 48px
    }

    .infounit__icon--lg img,
    .infounit__icon--lg svg {
        width: 80px;
        height: 80px
    }

    .infounit__icon--sm img,
    .infounit__icon--sm svg {
        width: 32px;
        height: 32px
    }

    .infounit__title {
        font-weight: 500;
        font-size: 28px;
        line-height: 30px;
        color: #33333b;
        margin-bottom: 12px
    }

    @media (max-width:991.98px) {
        .infounit__title {
            font-size: 20px;
            line-height: 30px
        }
    }

    @media (max-width:767.98px) {
        .infounit__title {
            font-size: 18px;
            line-height: 28px
        }
    }

    .infounit__body,
    .infounit__content {
        color: #707078;
        line-height: 28px;
        font-size: 16px;
        font-weight: 400
    }

    @media (max-width:991.98px) {

        .infounit__body,
        .infounit__content {
            font-size: 14px;
            line-height: 24px
        }
    }

    @media (max-width:767.98px) {

        .infounit__body,
        .infounit__content {
            font-size: 14px;
            line-height: 20px
        }
    }

    .ico {
        width: 20px;
        height: 20px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 0;
        margin: 0;
        border: none;
        background: rgba(0, 0, 0, 0) url(../images/sprite.svg);
        display: block
    }

    .ico--merge {
        background-position: -5px -5px
    }

    .ico--split {
        background-position: -5px -30px
    }

    .ico--remove {
        background-position: -5px -55px
    }

    .ico--extract {
        background-position: -5px -80px
    }

    .ico--organize {
        background-position: -5px -105px
    }

    .ico--compress {
        background-position: -5px -130px
    }

    .ico--repair {
        background-position: -5px -155px
    }

    .ico--imagepdf,
    .ico--jpgpdf {
        background-position: -5px -180px
    }

    .ico--wordpdf {
        background-position: -5px -205px
    }

    .ico--powerpointpdf {
        background-position: -5px -230px
    }

    .ico--excelpdf {
        background-position: -5px -255px
    }

    .ico--pdfjpg {
        background-position: -5px -280px
    }

    .ico--pdfword {
        background-position: -5px -305px
    }

    .ico--pdfoffice {
        background-position: -30px -305px
    }

    .ico--pdfpowerpoint {
        background-position: -5px -330px
    }

    .ico--pdfexcel {
        background-position: -5px -355px
    }

    .ico--rotate {
        background-position: -5px -380px
    }

    .ico--pagenumber {
        background-position: -5px -405px
    }

    .ico--watermark {
        background-position: -5px -430px
    }

    .ico--unlock {
        background-position: -5px -455px
    }

    .ico--protect {
        background-position: -5px -480px
    }

    .ico--pdfa {
        background-position: -5px -505px
    }

    .ico--htmlpdf {
        background-position: -5px -530px
    }

    .ico--sign {
        background-position: -5px -555px
    }

    .ico--annotate {
        background-position: -5px -580px
    }

    .ico--validatepdfa {
        background-position: -5px -605px
    }

    .ico--editpdf {
        background-position: -5px -630px
    }

    .ico--certify {
        background-position: -5px -655px
    }

    .ico--scan {
        background-position: -5px -680px
    }

    .ico--pdfocr {
        background-position: -5px -705px
    }

    .ico--pdfcompare {
        background-position: -5px -730px
    }

    .ico--redact {
        background-position: -5px -755px
    }

    .ico--ilovepdf {
        background-position: -30px -5px
    }

    .ico--iloveimg {
        background-position: -30px -30px
    }

    .ico--desktop {
        background-position: -30px -55px
    }

    .ico--app {
        background-position: -30px -80px
    }

    .ico--features {
        background-position: -30px -105px
    }

    .ico--pricing {
        background-position: -30px -130px
    }

    .ico--lang {
        background-position: -30px -155px
    }

    .ico--help {
        background-position: -30px -180px
    }

    .ico--about {
        background-position: -30px -205px
    }

    .ico--contact {
        background-position: -30px -230px
    }

    .ico--developer {
        background-position: -30px -255px
    }

    .ico--world {
        background-position: -30px -281px
    }

    .ico--wordpress {
        background-position: -30px -330px
    }

    .ico--faq {
        background-position: -30px -355px
    }

    .ico--documentation {
        background-position: -30px -380px
    }

    .ico--legal {
        background-position: -30px -405px
    }

    .ico--product {
        background-position: -30px -430px
    }

    .ico--signature {
        background-position: -30px -455px
    }

    .ico--solutions {
        background-position: -30px -480px
    }

    .ico--business {
        background-position: -30px -505px
    }

    .ico--education {
        background-position: -30px -530px
    }

    .ico--cookie {
        background-position: -30px -555px
    }

    .ico--hamburger {
        background-position: -55px -5px
    }

    .ico--desk {
        background-position: -55px -28px
    }

    .ico--down {
        background-position: -55px -146px
    }

    .ico--down-w {
        background-position: -55px -156px
    }

    .ico--down-a {
        background-position: -55px -166px
    }

    .ico--chevron-r {
        background-position: -55px -176px
    }

    .ico--tools {
        background-position: -55px -290px
    }

    .ico--auth {
        background-position: -55px -327px
    }

    .ico--network {
        background-position: -55px -222px
    }

    .ico--user {
        background-position: -55px -267px
    }

    .main-menu .nav li.dropdown .ico {
        margin: 4px 8px 4px 4px
    }

    .ico--down,
    .ico--down-a,
    .ico--down-w {
        width: 8px;
        height: 5px
    }

    .ico--auth,
    .ico--tools {
        width: 32px;
        height: 32px
    }

    .ico--auth {
        -webkit-filter: none !important;
        filter: none !important
    }

    .ico--hamburger {
        width: 24px;
        height: 18px
    }

    .ico--desk {
        width: 35px;
        height: 32px
    }

    .ico--network {
        width: 49px;
        height: 40px
    }

    .ico--user {
        width: 18px;
        height: 18px
    }

    .ico--iloveimg,
    .ico--ilovepdf {
        -webkit-filter: none !important;
        filter: none !important
    }

    @media (min-width:641px) and (max-width:1400px) {
        .lang-en .header nav .menu--md {
            display: -ms-flexbox;
            display: flex
        }

        .lang-en .header nav .menu>ul {
            display: none
        }

        .lang-en .header nav .menu:hover .menu__main {
            display: block
        }

        .lang-en .header nav .menu:hover .has-dropdown--full>span {
            display: none
        }

        .lang-en .header nav .menu:hover .has-dropdown--full .dropdown,
        .lang-en .header nav .menu:hover .has-dropdown--full .dropdown--full {
            display: block
        }
    }

    @media (min-width:641px) and (max-width:1620px) {
        .lang-bg .header nav .menu {
            font-size: 12px
        }
    }

    @media (min-width:641px) and (max-width:1495px) {
        .lang-bg .header nav .menu--md {
            display: -ms-flexbox;
            display: flex
        }

        .lang-bg .header nav .menu>ul {
            display: none
        }

        .lang-bg .header nav .menu:hover .menu__main {
            display: block
        }

        .lang-bg .header nav .menu:hover .has-dropdown--full>span {
            display: none
        }

        .lang-bg .header nav .menu:hover .has-dropdown--full .dropdown,
        .lang-bg .header nav .menu:hover .has-dropdown--full .dropdown--full {
            display: block
        }
    }

    @media (max-width:700px) {
        .lang-bg .header nav .menu {
            font-size: 11px
        }

        .lang-bg .header nav .actions,
        .lang-bg .header nav .menu {
            margin-left: 12px
        }

        .lang-bg .header nav .actions>a {
            font-size: 12px;
            line-height: 14px;
            min-width: -webkit-fit-content;
            min-width: -moz-fit-content;
            min-width: fit-content
        }
    }

    @media (min-width:641px) and (max-width:1300px) {
        .lang-uk .header nav .menu--md {
            display: -ms-flexbox;
            display: flex
        }

        .lang-uk .header nav .menu>ul {
            display: none
        }

        .lang-uk .header nav .menu:hover .menu__main {
            display: block
        }

        .lang-uk .header nav .menu:hover .has-dropdown--full>span {
            display: none
        }

        .lang-uk .header nav .menu:hover .has-dropdown--full .dropdown,
        .lang-uk .header nav .menu:hover .has-dropdown--full .dropdown--full {
            display: block
        }
    }

    @media (min-width:641px) and (max-width:1250px) {
        .lang-ru .header nav .menu--md {
            display: -ms-flexbox;
            display: flex
        }

        .lang-ru .header nav .menu>ul {
            display: none
        }

        .lang-ru .header nav .menu:hover .menu__main {
            display: block
        }

        .lang-ru .header nav .menu:hover .has-dropdown--full>span {
            display: none
        }

        .lang-ru .header nav .menu:hover .has-dropdown--full .dropdown,
        .lang-ru .header nav .menu:hover .has-dropdown--full .dropdown--full {
            display: block
        }
    }

    @media (min-width:641px) and (max-width:1240px) {

        .lang-de .header nav .menu--md,
        .lang-el .header nav .menu--md,
        .lang-es .header nav .menu--md,
        .lang-fr .header nav .menu--md,
        .lang-nl .header nav .menu--md,
        .lang-pl .header nav .menu--md,
        .lang-sv .header nav .menu--md {
            display: -ms-flexbox;
            display: flex
        }

        .lang-de .header nav .menu>ul,
        .lang-el .header nav .menu>ul,
        .lang-es .header nav .menu>ul,
        .lang-fr .header nav .menu>ul,
        .lang-nl .header nav .menu>ul,
        .lang-pl .header nav .menu>ul,
        .lang-sv .header nav .menu>ul {
            display: none
        }

        .lang-de .header nav .menu:hover .menu__main,
        .lang-el .header nav .menu:hover .menu__main,
        .lang-es .header nav .menu:hover .menu__main,
        .lang-fr .header nav .menu:hover .menu__main,
        .lang-nl .header nav .menu:hover .menu__main,
        .lang-pl .header nav .menu:hover .menu__main,
        .lang-sv .header nav .menu:hover .menu__main {
            display: block
        }

        .lang-de .header nav .menu:hover .has-dropdown--full>span,
        .lang-el .header nav .menu:hover .has-dropdown--full>span,
        .lang-es .header nav .menu:hover .has-dropdown--full>span,
        .lang-fr .header nav .menu:hover .has-dropdown--full>span,
        .lang-nl .header nav .menu:hover .has-dropdown--full>span,
        .lang-pl .header nav .menu:hover .has-dropdown--full>span,
        .lang-sv .header nav .menu:hover .has-dropdown--full>span {
            display: none
        }

        .lang-de .header nav .menu:hover .has-dropdown--full .dropdown,
        .lang-de .header nav .menu:hover .has-dropdown--full .dropdown--full,
        .lang-el .header nav .menu:hover .has-dropdown--full .dropdown,
        .lang-el .header nav .menu:hover .has-dropdown--full .dropdown--full,
        .lang-es .header nav .menu:hover .has-dropdown--full .dropdown,
        .lang-es .header nav .menu:hover .has-dropdown--full .dropdown--full,
        .lang-fr .header nav .menu:hover .has-dropdown--full .dropdown,
        .lang-fr .header nav .menu:hover .has-dropdown--full .dropdown--full,
        .lang-nl .header nav .menu:hover .has-dropdown--full .dropdown,
        .lang-nl .header nav .menu:hover .has-dropdown--full .dropdown--full,
        .lang-pl .header nav .menu:hover .has-dropdown--full .dropdown,
        .lang-pl .header nav .menu:hover .has-dropdown--full .dropdown--full,
        .lang-sv .header nav .menu:hover .has-dropdown--full .dropdown,
        .lang-sv .header nav .menu:hover .has-dropdown--full .dropdown--full {
            display: block
        }
    }

    @media (min-width:641px) and (max-width:1200px) {

        .lang-it .header nav .menu--md,
        .lang-ms .header nav .menu--md,
        .lang-pt .header nav .menu--md {
            display: -ms-flexbox;
            display: flex
        }

        .lang-it .header nav .menu>ul,
        .lang-ms .header nav .menu>ul,
        .lang-pt .header nav .menu>ul {
            display: none
        }

        .lang-it .header nav .menu:hover .menu__main,
        .lang-ms .header nav .menu:hover .menu__main,
        .lang-pt .header nav .menu:hover .menu__main {
            display: block
        }

        .lang-it .header nav .menu:hover .has-dropdown--full>span,
        .lang-ms .header nav .menu:hover .has-dropdown--full>span,
        .lang-pt .header nav .menu:hover .has-dropdown--full>span {
            display: none
        }

        .lang-it .header nav .menu:hover .has-dropdown--full .dropdown,
        .lang-it .header nav .menu:hover .has-dropdown--full .dropdown--full,
        .lang-ms .header nav .menu:hover .has-dropdown--full .dropdown,
        .lang-ms .header nav .menu:hover .has-dropdown--full .dropdown--full,
        .lang-pt .header nav .menu:hover .has-dropdown--full .dropdown,
        .lang-pt .header nav .menu:hover .has-dropdown--full .dropdown--full {
            display: block
        }
    }

    @media (min-width:641px) and (max-width:1150px) {

        .lang-ca .header nav .menu--md,
        .lang-id .header nav .menu--md,
        .lang-tr .header nav .menu--md {
            display: -ms-flexbox;
            display: flex
        }

        .lang-ca .header nav .menu>ul,
        .lang-id .header nav .menu>ul,
        .lang-tr .header nav .menu>ul {
            display: none
        }

        .lang-ca .header nav .menu:hover .menu__main,
        .lang-id .header nav .menu:hover .menu__main,
        .lang-tr .header nav .menu:hover .menu__main {
            display: block
        }

        .lang-ca .header nav .menu:hover .has-dropdown--full>span,
        .lang-id .header nav .menu:hover .has-dropdown--full>span,
        .lang-tr .header nav .menu:hover .has-dropdown--full>span {
            display: none
        }

        .lang-ca .header nav .menu:hover .has-dropdown--full .dropdown,
        .lang-ca .header nav .menu:hover .has-dropdown--full .dropdown--full,
        .lang-id .header nav .menu:hover .has-dropdown--full .dropdown,
        .lang-id .header nav .menu:hover .has-dropdown--full .dropdown--full,
        .lang-tr .header nav .menu:hover .has-dropdown--full .dropdown,
        .lang-tr .header nav .menu:hover .has-dropdown--full .dropdown--full {
            display: block
        }
    }

    @media (max-width:670px) {
        .lang-ca .header nav .menu {
            font-size: 11px
        }

        .lang-ca .header nav .actions,
        .lang-ca .header nav .menu {
            margin-left: 12px
        }

        .lang-ca .header nav .actions>a {
            font-size: 12px;
            line-height: 14px;
            min-width: -webkit-fit-content;
            min-width: -moz-fit-content;
            min-width: fit-content
        }
    }

    @media (min-width:641px) and (max-width:1080px) {

        .lang-hi .header nav .menu--md,
        .lang.vi .header nav .menu--md {
            display: -ms-flexbox;
            display: flex
        }

        .lang-hi .header nav .menu>ul,
        .lang.vi .header nav .menu>ul {
            display: none
        }

        .lang-hi .header nav .menu:hover .menu__main,
        .lang.vi .header nav .menu:hover .menu__main {
            display: block
        }

        .lang-hi .header nav .menu:hover .has-dropdown--full>span,
        .lang.vi .header nav .menu:hover .has-dropdown--full>span {
            display: none
        }

        .lang-hi .header nav .menu:hover .has-dropdown--full .dropdown,
        .lang-hi .header nav .menu:hover .has-dropdown--full .dropdown--full,
        .lang.vi .header nav .menu:hover .has-dropdown--full .dropdown,
        .lang.vi .header nav .menu:hover .has-dropdown--full .dropdown--full {
            display: block
        }
    }

    @media (min-width:641px) and (max-width:840px) {
        .lang-fr .header nav .actions>a {
            font-size: 12px;
            line-height: 14px;
            min-width: -webkit-fit-content;
            min-width: -moz-fit-content;
            min-width: fit-content
        }
    }

    body.lang-nl.tool-resizeimage #processTask,
    body.lang-ru #processTask,
    body.lang-ru .pricing .title-card {
        font-size: 20px
    }

    @media (max-width:840px) {
        body.lang-nl.tool-resizeimage #processTask {
            font-size: 16px
        }
    }

    body.lang-uk .tool-pagenumber #processTask {
        font-size: 20px
    }

    body.lang-uk .pricing__account__header h3 {
        font-size: 24px
    }

    body.lang-ar .option__select__item__title .badge {
        text-indent: -99999px;
        padding: 4px
    }

    body.lang-ar .option__select__item__title .badge svg {
        margin: 0
    }