@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900);
    @import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800);
    @import url(https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800);
    @import url(https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&display=swap);
    @charset "UTF-8";
     :root {
        --primary-transparentcolor: #e4e9ff;
        --primary-bg-color: #0068ff;
        --indigo: indigo;
        --purple: #6f42c1;
        --pink: #f1388b;
        --orange: #fd7e14;
        --yellow: #ffc107;
        --green: #28a745;
        --teal: #20c997;
        --cyan: #17a2b8;
        --white: #fff;
        --gray: #6c757d;
        --gray-dark: #343a40;
        --primary: #007bff;
        --secondary: #6c757d;
        --success: #28a745;
        --info: #17a2b8;
        --warning: #ffc107;
        --danger: #dc3545;
        --light: #f8f9fa;
        --dark: #343a40;
        --breakpoint-xs: 0;
        --breakpoint-sm: 576px;
        --breakpoint-md: 768px;
        --breakpoint-lg: 992px;
        --breakpoint-xl: 1200px;
        --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
    }

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

    html {
        font-family: sans-serif;
        line-height: 1.15;
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

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

    body {
        margin: 0;
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.5;
        color: #8f9cc0;
        text-align: left;
        background-color: #fff
    }

    [tabindex="-1"]:focus {
        outline: 0!important
    }

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

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-top: 0;
        margin-bottom: .5rem
    }

    p {
        margin-top: 0;
        margin-bottom: 1rem
    }

    abbr[data-original-title],
    abbr[title] {
        text-decoration: underline;
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted;
        cursor: help;
        border-bottom: 0;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none
    }

    address {
        font-style: normal;
        line-height: inherit
    }

    address,
    dl,
    ol,
    ul {
        margin-bottom: 1rem
    }

    dl,
    ol,
    ul {
        margin-top: 0
    }

    ol ol,
    ol ul,
    ul ol,
    ul ul {
        margin-bottom: 0;
        list-style-type: none
    }

    dt {
        font-weight: 700
    }

    dd {
        margin-bottom: .5rem;
        margin-left: 0
    }

    blockquote {
        margin: 0 0 1rem
    }

    b,
    strong {
        font-weight: bolder
    }

    small {
        font-size: 80%
    }

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

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

    a {
        background-color: transparent
    }

    a,
    a:hover {
        text-decoration: none
    }

    a:not([href]):not([tabindex]),
    a:not([href]):not([tabindex]):hover {
        color: inherit;
        text-decoration: none
    }

    a:not([href]):not([tabindex]):focus {
        color: inherit;
        text-decoration: none;
        outline: 0
    }

    code,
    kbd,
    pre,
    samp {
        font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
        font-size: 1em
    }

    pre {
        margin-top: 0;
        margin-bottom: 0
    }

    figure {
        margin: 0 0 1rem
    }

    img {
        border-style: none;
        max-width: 100%
    }

    img,
    svg {
        vertical-align: middle
    }

    svg {
        overflow: hidden
    }

    table {
        border-collapse: collapse
    }

    caption {
        padding-top: .75rem;
        padding-bottom: .75rem;
        color: #a8afc7;
        text-align: left;
        caption-side: bottom
    }

    th {
        text-align: inherit
    }

    label {
        display: inline-block;
        margin-bottom: .5rem
    }

    button {
        border-radius: 0
    }

    button:focus {
        outline: none
    }

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

    button,
    input {
        overflow: visible
    }

    button,
    select {
        text-transform: none
    }

    select {
        word-wrap: normal
    }

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

    [type=button]:not(:disabled),
    [type=reset]:not(:disabled),
    [type=submit]:not(:disabled),
    button:not(:disabled) {
        cursor: pointer
    }

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

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

    input[type=date],
    input[type=datetime-local],
    input[type=month],
    input[type=time] {
        -webkit-appearance: listbox
    }

    textarea {
        overflow: auto;
        resize: vertical
    }

    fieldset {
        min-width: 0;
        padding: 0;
        margin: 0;
        border: 0
    }

    legend {
        display: block;
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin-bottom: .5rem;
        font-size: 1.5rem;
        line-height: inherit;
        color: inherit;
        white-space: normal
    }

    progress {
        vertical-align: baseline
    }

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

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

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

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

    output {
        display: inline-block
    }

    summary {
        display: list-item;
        cursor: pointer
    }

    template {
        display: none
    }

    [hidden] {
        display: none!important
    }

    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-bottom: .5rem;
        font-weight: 500;
        line-height: 1.2
    }

    .h1,
    h1 {
        font-size: 2.1875rem
    }

    .h2,
    h2 {
        font-size: 1.75rem
    }

    .h3,
    h3 {
        font-size: 1.53125rem
    }

    .h4,
    h4 {
        font-size: 1.3125rem
    }

    .h5,
    h5 {
        font-size: 1.09375rem
    }

    .h6,
    h6 {
        font-size: .875rem
    }

    .lead {
        font-size: 1.09375rem;
        font-weight: 300
    }

    .display-1 {
        font-size: 6rem
    }

    .display-1,
    .display-2 {
        font-weight: 300;
        line-height: 1.2
    }

    .display-2 {
        font-size: 5.5rem
    }

    .display-3 {
        font-size: 4.5rem
    }

    .display-3,
    .display-4 {
        font-weight: 300;
        line-height: 1.2
    }

    .display-4 {
        font-size: 3.5rem
    }

    hr {
        margin-top: 1rem;
        margin-bottom: 1rem;
        border: 0;
        border-top: 1px solid #e8e8f7
    }

    .small,
    small {
        font-size: 80%;
        font-weight: 400
    }

    .mark,
    mark {
        padding: .2em;
        background-color: #fcf8e3
    }

    .list-inline,
    .list-unstyled {
        padding-left: 0;
        list-style: none
    }

    .list-inline-item {
        display: inline-block
    }

    .list-inline-item:not(:last-child) {
        margin-right: .5rem
    }

    .initialism {
        font-size: 90%;
        text-transform: uppercase
    }

    .blockquote {
        margin-bottom: 1rem;
        font-size: 1.09375rem
    }

    .blockquote-footer {
        display: block;
        font-size: 80%;
        color: #a8afc7
    }

    .blockquote-footer:before {
        content: "\2014\A0"
    }

    .img-fluid,
    .img-thumbnail {
        max-width: 100%;
        height: auto
    }

    .img-thumbnail {
        padding: .25rem;
        background-color: #fff;
        border: 1px solid #e8e8f7;
        border-radius: 0
    }

    .figure {
        display: inline-block
    }

    .figure-img {
        margin-bottom: .5rem;
        line-height: 1
    }

    .figure-caption {
        font-size: 90%;
        color: #a8afc7
    }

    code {
        font-size: 87.5%;
        color: #f10075;
        word-break: break-word
    }

    a>code {
        color: inherit
    }

    kbd {
        padding: .2rem .4rem;
        font-size: 87.5%;
        color: #fff;
        background-color: #8f9cc0;
        border-radius: .2rem
    }

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700
    }

    pre {
        display: block;
        padding: 1rem;
        overflow: auto;
        font-size: 85%;
        line-height: 1.45;
        border-radius: 3px;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4;
        text-shadow: 0 1px #fff;
        -webkit-hyphens: none;
        -ms-hyphens: none;
        hyphens: none
    }

    pre code {
        font-size: inherit;
        color: inherit;
        word-break: normal
    }

    .pre-scrollable {
        max-height: 340px;
        overflow-y: scroll
    }

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

    @media (min-width:576px) {
        .container {
            max-width: 540px
        }
    }

    @media (min-width:768px) {
        .container {
            max-width: 720px
        }
    }

    @media (min-width:992px) {
        .container {
            max-width: 960px
        }
    }

    @media (min-width:1200px) {
        .container {
            max-width: 1140px
        }
    }

    .row {
        display: flex;
        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 {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-first {
        order: -1
    }

    .order-last {
        order: 13
    }

    .order-0 {
        order: 0
    }

    .order-1 {
        order: 1
    }

    .order-2 {
        order: 2
    }

    .order-3 {
        order: 3
    }

    .order-4 {
        order: 4
    }

    .order-5 {
        order: 5
    }

    .order-6 {
        order: 6
    }

    .order-7 {
        order: 7
    }

    .order-8 {
        order: 8
    }

    .order-9 {
        order: 9
    }

    .order-10 {
        order: 10
    }

    .order-11 {
        order: 11
    }

    .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:576px) {
        .col-sm {
            flex-basis: 0;
            flex-grow: 1;
            max-width: 100%
        }
        .col-sm-auto {
            flex: 0 0 auto;
            width: auto;
            max-width: 100%
        }
        .col-sm-1 {
            flex: 0 0 8.33333%;
            max-width: 8.33333%
        }
        .col-sm-2 {
            flex: 0 0 16.66667%;
            max-width: 16.66667%
        }
        .col-sm-3 {
            flex: 0 0 25%;
            max-width: 25%
        }
        .col-sm-4 {
            flex: 0 0 33.33333%;
            max-width: 33.33333%
        }
        .col-sm-5 {
            flex: 0 0 41.66667%;
            max-width: 41.66667%
        }
        .col-sm-6 {
            flex: 0 0 50%;
            max-width: 50%
        }
        .col-sm-7 {
            flex: 0 0 58.33333%;
            max-width: 58.33333%
        }
        .col-sm-8 {
            flex: 0 0 66.66667%;
            max-width: 66.66667%
        }
        .col-sm-9 {
            flex: 0 0 75%;
            max-width: 75%
        }
        .col-sm-10 {
            flex: 0 0 83.33333%;
            max-width: 83.33333%
        }
        .col-sm-11 {
            flex: 0 0 91.66667%;
            max-width: 91.66667%
        }
        .col-sm-12 {
            flex: 0 0 100%;
            max-width: 100%
        }
        .order-sm-first {
            order: -1
        }
        .order-sm-last {
            order: 13
        }
        .order-sm-0 {
            order: 0
        }
        .order-sm-1 {
            order: 1
        }
        .order-sm-2 {
            order: 2
        }
        .order-sm-3 {
            order: 3
        }
        .order-sm-4 {
            order: 4
        }
        .order-sm-5 {
            order: 5
        }
        .order-sm-6 {
            order: 6
        }
        .order-sm-7 {
            order: 7
        }
        .order-sm-8 {
            order: 8
        }
        .order-sm-9 {
            order: 9
        }
        .order-sm-10 {
            order: 10
        }
        .order-sm-11 {
            order: 11
        }
        .order-sm-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 {
            flex-basis: 0;
            flex-grow: 1;
            max-width: 100%
        }
        .col-md-auto {
            flex: 0 0 auto;
            width: auto;
            max-width: 100%
        }
        .col-md-1 {
            flex: 0 0 8.33333%;
            max-width: 8.33333%
        }
        .col-md-2 {
            flex: 0 0 16.66667%;
            max-width: 16.66667%
        }
        .col-md-3 {
            flex: 0 0 25%;
            max-width: 25%
        }
        .col-md-4 {
            flex: 0 0 33.33333%;
            max-width: 33.33333%
        }
        .col-md-5 {
            flex: 0 0 41.66667%;
            max-width: 41.66667%
        }
        .col-md-6 {
            flex: 0 0 50%;
            max-width: 50%
        }
        .col-md-7 {
            flex: 0 0 58.33333%;
            max-width: 58.33333%
        }
        .col-md-8 {
            flex: 0 0 66.66667%;
            max-width: 66.66667%
        }
        .col-md-9 {
            flex: 0 0 75%;
            max-width: 75%
        }
        .col-md-10 {
            flex: 0 0 83.33333%;
            max-width: 83.33333%
        }
        .col-md-11 {
            flex: 0 0 91.66667%;
            max-width: 91.66667%
        }
        .col-md-12 {
            flex: 0 0 100%;
            max-width: 100%
        }
        .order-md-first {
            order: -1
        }
        .order-md-last {
            order: 13
        }
        .order-md-0 {
            order: 0
        }
        .order-md-1 {
            order: 1
        }
        .order-md-2 {
            order: 2
        }
        .order-md-3 {
            order: 3
        }
        .order-md-4 {
            order: 4
        }
        .order-md-5 {
            order: 5
        }
        .order-md-6 {
            order: 6
        }
        .order-md-7 {
            order: 7
        }
        .order-md-8 {
            order: 8
        }
        .order-md-9 {
            order: 9
        }
        .order-md-10 {
            order: 10
        }
        .order-md-11 {
            order: 11
        }
        .order-md-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 {
            flex-basis: 0;
            flex-grow: 1;
            max-width: 100%
        }
        .col-lg-auto {
            flex: 0 0 auto;
            width: auto;
            max-width: 100%
        }
        .col-lg-1 {
            flex: 0 0 8.33333%;
            max-width: 8.33333%
        }
        .col-lg-2 {
            flex: 0 0 16.66667%;
            max-width: 16.66667%
        }
        .col-lg-3 {
            flex: 0 0 25%;
            max-width: 25%
        }
        .col-lg-4 {
            flex: 0 0 33.33333%;
            max-width: 33.33333%
        }
        .col-lg-5 {
            flex: 0 0 41.66667%;
            max-width: 41.66667%
        }
        .col-lg-6 {
            flex: 0 0 50%;
            max-width: 50%
        }
        .col-lg-7 {
            flex: 0 0 58.33333%;
            max-width: 58.33333%
        }
        .col-lg-8 {
            flex: 0 0 66.66667%;
            max-width: 66.66667%
        }
        .col-lg-9 {
            flex: 0 0 75%;
            max-width: 75%
        }
        .col-lg-10 {
            flex: 0 0 83.33333%;
            max-width: 83.33333%
        }
        .col-lg-11 {
            flex: 0 0 91.66667%;
            max-width: 91.66667%
        }
        .col-lg-12 {
            flex: 0 0 100%;
            max-width: 100%
        }
        .order-lg-first {
            order: -1
        }
        .order-lg-last {
            order: 13
        }
        .order-lg-0 {
            order: 0
        }
        .order-lg-1 {
            order: 1
        }
        .order-lg-2 {
            order: 2
        }
        .order-lg-3 {
            order: 3
        }
        .order-lg-4 {
            order: 4
        }
        .order-lg-5 {
            order: 5
        }
        .order-lg-6 {
            order: 6
        }
        .order-lg-7 {
            order: 7
        }
        .order-lg-8 {
            order: 8
        }
        .order-lg-9 {
            order: 9
        }
        .order-lg-10 {
            order: 10
        }
        .order-lg-11 {
            order: 11
        }
        .order-lg-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:1200px) {
        .col-xl {
            flex-basis: 0;
            flex-grow: 1;
            max-width: 100%
        }
        .col-xl-auto {
            flex: 0 0 auto;
            width: auto;
            max-width: 100%
        }
        .col-xl-1 {
            flex: 0 0 8.33333%;
            max-width: 8.33333%
        }
        .col-xl-2 {
            flex: 0 0 16.66667%;
            max-width: 16.66667%
        }
        .col-xl-3 {
            flex: 0 0 25%;
            max-width: 25%
        }
        .col-xl-4 {
            flex: 0 0 33.33333%;
            max-width: 33.33333%
        }
        .col-xl-5 {
            flex: 0 0 41.66667%;
            max-width: 41.66667%
        }
        .col-xl-6 {
            flex: 0 0 50%;
            max-width: 50%
        }
        .col-xl-7 {
            flex: 0 0 58.33333%;
            max-width: 58.33333%
        }
        .col-xl-8 {
            flex: 0 0 66.66667%;
            max-width: 66.66667%
        }
        .col-xl-9 {
            flex: 0 0 75%;
            max-width: 75%
        }
        .col-xl-10 {
            flex: 0 0 83.33333%;
            max-width: 83.33333%
        }
        .col-xl-11 {
            flex: 0 0 91.66667%;
            max-width: 91.66667%
        }
        .col-xl-12 {
            flex: 0 0 100%;
            max-width: 100%
        }
        .order-xl-first {
            order: -1
        }
        .order-xl-last {
            order: 13
        }
        .order-xl-0 {
            order: 0
        }
        .order-xl-1 {
            order: 1
        }
        .order-xl-2 {
            order: 2
        }
        .order-xl-3 {
            order: 3
        }
        .order-xl-4 {
            order: 4
        }
        .order-xl-5 {
            order: 5
        }
        .order-xl-6 {
            order: 6
        }
        .order-xl-7 {
            order: 7
        }
        .order-xl-8 {
            order: 8
        }
        .order-xl-9 {
            order: 9
        }
        .order-xl-10 {
            order: 10
        }
        .order-xl-11 {
            order: 11
        }
        .order-xl-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:1600px) {
        .col-xxl {
            flex-basis: 0;
            flex-grow: 1;
            max-width: 100%
        }
        .col-xxl-auto {
            flex: 0 0 auto;
            width: auto;
            max-width: 100%
        }
        .col-xxl-1 {
            flex: 0 0 8.33333%;
            max-width: 8.33333%
        }
        .col-xxl-2 {
            flex: 0 0 16.66667%;
            max-width: 16.66667%
        }
        .col-xxl-3 {
            flex: 0 0 25%;
            max-width: 25%
        }
        .col-xxl-4 {
            flex: 0 0 33.33333%;
            max-width: 33.33333%
        }
        .col-xxl-5 {
            flex: 0 0 41.66667%;
            max-width: 41.66667%
        }
        .col-xxl-6 {
            flex: 0 0 50%;
            max-width: 50%
        }
        .col-xxl-7 {
            flex: 0 0 58.33333%;
            max-width: 58.33333%
        }
        .col-xxl-8 {
            flex: 0 0 66.66667%;
            max-width: 66.66667%
        }
        .col-xxl-9 {
            flex: 0 0 75%;
            max-width: 75%
        }
        .col-xxl-10 {
            flex: 0 0 83.33333%;
            max-width: 83.33333%
        }
        .col-xxl-11 {
            flex: 0 0 91.66667%;
            max-width: 91.66667%
        }
        .col-xxl-12 {
            flex: 0 0 100%;
            max-width: 100%
        }
        .order-xxl-first {
            order: -1
        }
        .order-xxl-last {
            order: 13
        }
        .order-xxl-0 {
            order: 0
        }
        .order-xxl-1 {
            order: 1
        }
        .order-xxl-2 {
            order: 2
        }
        .order-xxl-3 {
            order: 3
        }
        .order-xxl-4 {
            order: 4
        }
        .order-xxl-5 {
            order: 5
        }
        .order-xxl-6 {
            order: 6
        }
        .order-xxl-7 {
            order: 7
        }
        .order-xxl-8 {
            order: 8
        }
        .order-xxl-9 {
            order: 9
        }
        .order-xxl-10 {
            order: 10
        }
        .order-xxl-11 {
            order: 11
        }
        .order-xxl-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%
        }
    }

    .valid-feedback {
        display: none;
        width: 100%;
        margin-top: .25rem;
        font-size: 80%;
        color: #19b159
    }

    .valid-tooltip {
        position: absolute;
        top: 100%;
        z-index: 5;
        display: none;
        max-width: 100%;
        padding: .25rem .5rem;
        margin-top: .1rem;
        font-size: .76562rem;
        line-height: 1.5;
        color: #fff;
        background-color: rgba(59, 176, 1, .9);
        border-radius: 3px
    }

    .form-control.is-valid,
    .was-validated .form-control:valid,
    input.form-control.parsley-success,
    textarea.form-control.parsley-success {
        border-color: #19b159;
        padding-right: calc(1.5em + .75rem);
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233bb001' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: 100% calc(.375em + .1875rem);
        background-size: calc(.75em + .375rem) calc(.75em + .375rem)
    }

    .form-control.is-valid:focus,
    .was-validated .form-control:valid:focus,
    input.form-control.parsley-success:focus,
    textarea.form-control.parsley-success:focus {
        border-color: #19b159;
        box-shadow: none
    }

    .form-control.is-valid~.valid-feedback,
    .form-control.is-valid~.valid-tooltip,
    .was-validated .form-control:valid~.valid-feedback,
    .was-validated .form-control:valid~.valid-tooltip,
    input.form-control.parsley-success~.valid-feedback,
    input.form-control.parsley-success~.valid-tooltip,
    textarea.form-control.parsley-success~.valid-feedback,
    textarea.form-control.parsley-success~.valid-tooltip {
        display: block
    }

    .was-validated textarea.form-control:valid,
    textarea.form-control.is-valid,
    textarea.form-control.parsley-success {
        padding-right: calc(1.5em + .75rem);
        background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
    }

    .custom-select.is-valid,
    .was-validated .custom-select:valid,
    input.custom-select.parsley-success,
    textarea.custom-select.parsley-success {
        border-color: #19b159;
        padding-right: calc(.75em + 2.3125rem);
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%233b4863' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233bb001' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
    }

    .custom-select.is-valid:focus,
    .was-validated .custom-select:valid:focus,
    input.custom-select.parsley-success:focus,
    textarea.custom-select.parsley-success:focus {
        border-color: #19b159;
        box-shadow: none
    }

    .custom-select.is-valid~.valid-feedback,
    .custom-select.is-valid~.valid-tooltip,
    .form-control-file.is-valid~.valid-feedback,
    .form-control-file.is-valid~.valid-tooltip,
    .was-validated .custom-select:valid~.valid-feedback,
    .was-validated .custom-select:valid~.valid-tooltip,
    .was-validated .form-control-file:valid~.valid-feedback,
    .was-validated .form-control-file:valid~.valid-tooltip,
    input.custom-select.parsley-success~.valid-feedback,
    input.custom-select.parsley-success~.valid-tooltip,
    input.form-control-file.parsley-success~.valid-feedback,
    input.form-control-file.parsley-success~.valid-tooltip,
    textarea.custom-select.parsley-success~.valid-feedback,
    textarea.custom-select.parsley-success~.valid-tooltip,
    textarea.form-control-file.parsley-success~.valid-feedback,
    textarea.form-control-file.parsley-success~.valid-tooltip {
        display: block
    }

    .form-check-input.is-valid~.form-check-label,
    .was-validated .form-check-input:valid~.form-check-label,
    input.form-check-input.parsley-success~.form-check-label,
    textarea.form-check-input.parsley-success~.form-check-label {
        color: #19b159
    }

    .form-check-input.is-valid~.valid-feedback,
    .form-check-input.is-valid~.valid-tooltip,
    .was-validated .form-check-input:valid~.valid-feedback,
    .was-validated .form-check-input:valid~.valid-tooltip,
    input.form-check-input.parsley-success~.valid-feedback,
    input.form-check-input.parsley-success~.valid-tooltip,
    textarea.form-check-input.parsley-success~.valid-feedback,
    textarea.form-check-input.parsley-success~.valid-tooltip {
        display: block
    }

    .custom-control-input.is-valid~.custom-control-label,
    .was-validated .custom-control-input:valid~.custom-control-label,
    input.custom-control-input.parsley-success~.custom-control-label,
    textarea.custom-control-input.parsley-success~.custom-control-label {
        color: #19b159
    }

    .custom-control-input.is-valid~.custom-control-label:before,
    .was-validated .custom-control-input:valid~.custom-control-label:before,
    input.custom-control-input.parsley-success~.custom-control-label:before,
    textarea.custom-control-input.parsley-success~.custom-control-label:before {
        border-color: #19b159
    }

    .custom-control-input.is-valid~.valid-feedback,
    .custom-control-input.is-valid~.valid-tooltip,
    .was-validated .custom-control-input:valid~.valid-feedback,
    .was-validated .custom-control-input:valid~.valid-tooltip,
    input.custom-control-input.parsley-success~.valid-feedback,
    input.custom-control-input.parsley-success~.valid-tooltip,
    textarea.custom-control-input.parsley-success~.valid-feedback,
    textarea.custom-control-input.parsley-success~.valid-tooltip {
        display: block
    }

    .custom-control-input.is-valid:checked~.custom-control-label:before,
    .was-validated .custom-control-input:valid:checked~.custom-control-label:before,
    input.custom-control-input.parsley-success:checked~.custom-control-label:before,
    textarea.custom-control-input.parsley-success:checked~.custom-control-label:before {
        border-color: #4ce301;
        background-color: #4ce301
    }

    .custom-control-input.is-valid:focus~.custom-control-label:before,
    .was-validated .custom-control-input:valid:focus~.custom-control-label:before,
    input.custom-control-input.parsley-success:focus~.custom-control-label:before,
    textarea.custom-control-input.parsley-success:focus~.custom-control-label:before {
        box-shadow: 0 0 0 .2rem rgba(59, 176, 1, .25)
    }

    .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before,
    .custom-file-input.is-valid~.custom-file-label,
    .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before,
    .was-validated .custom-file-input:valid~.custom-file-label,
    input.custom-control-input.parsley-success:focus:not(:checked)~.custom-control-label:before,
    input.custom-file-input.parsley-success~.custom-file-label,
    textarea.custom-control-input.parsley-success:focus:not(:checked)~.custom-control-label:before,
    textarea.custom-file-input.parsley-success~.custom-file-label {
        border-color: #19b159
    }

    .custom-file-input.is-valid~.valid-feedback,
    .custom-file-input.is-valid~.valid-tooltip,
    .was-validated .custom-file-input:valid~.valid-feedback,
    .was-validated .custom-file-input:valid~.valid-tooltip,
    input.custom-file-input.parsley-success~.valid-feedback,
    input.custom-file-input.parsley-success~.valid-tooltip,
    textarea.custom-file-input.parsley-success~.valid-feedback,
    textarea.custom-file-input.parsley-success~.valid-tooltip {
        display: block
    }

    .custom-file-input.is-valid:focus~.custom-file-label,
    .was-validated .custom-file-input:valid:focus~.custom-file-label,
    input.custom-file-input.parsley-success:focus~.custom-file-label,
    textarea.custom-file-input.parsley-success:focus~.custom-file-label {
        border-color: #19b159;
        box-shadow: 0 0 0 .2rem rgba(59, 176, 1, .25)
    }

    .invalid-feedback {
        display: none;
        width: 100%;
        margin-top: .25rem;
        font-size: 80%;
        color: #f16d75
    }

    .invalid-tooltip {
        position: absolute;
        top: 100%;
        z-index: 5;
        display: none;
        max-width: 100%;
        padding: .25rem .5rem;
        margin-top: .1rem;
        font-size: .76562rem;
        line-height: 1.5;
        color: #fff;
        background-color: rgba(220, 53, 69, .9);
        border-radius: 3px
    }

    .form-control.is-invalid,
    .was-validated .form-control:invalid,
    input.form-control.parsley-error,
    textarea.form-control.parsley-error {
        border-color: #f16d75;
        padding-right: calc(1.5em + .75rem);
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: 100% calc(.375em + .1875rem);
        background-size: calc(.75em + .375rem) calc(.75em + .375rem)
    }

    .form-control.is-invalid:focus,
    .was-validated .form-control:invalid:focus,
    input.form-control.parsley-error:focus,
    textarea.form-control.parsley-error:focus {
        border-color: #f16d75;
        box-shadow: none
    }

    .form-control.is-invalid~.invalid-feedback,
    .form-control.is-invalid~.invalid-tooltip,
    .was-validated .form-control:invalid~.invalid-feedback,
    .was-validated .form-control:invalid~.invalid-tooltip,
    input.form-control.parsley-error~.invalid-feedback,
    input.form-control.parsley-error~.invalid-tooltip,
    textarea.form-control.parsley-error~.invalid-feedback,
    textarea.form-control.parsley-error~.invalid-tooltip {
        display: block
    }

    .was-validated textarea.form-control:invalid,
    textarea.form-control.is-invalid,
    textarea.form-control.parsley-error {
        padding-right: calc(1.5em + .75rem);
        background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
    }

    .custom-select.is-invalid,
    .was-validated .custom-select:invalid,
    input.custom-select.parsley-error,
    textarea.custom-select.parsley-error {
        border-color: #f16d75;
        padding-right: calc(.75em + 2.3125rem);
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%233b4863' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
    }

    .custom-select.is-invalid:focus,
    .was-validated .custom-select:invalid:focus,
    input.custom-select.parsley-error:focus,
    textarea.custom-select.parsley-error:focus {
        border-color: #f16d75;
        box-shadow: none
    }

    .custom-select.is-invalid~.invalid-feedback,
    .custom-select.is-invalid~.invalid-tooltip,
    .form-control-file.is-invalid~.invalid-feedback,
    .form-control-file.is-invalid~.invalid-tooltip,
    .was-validated .custom-select:invalid~.invalid-feedback,
    .was-validated .custom-select:invalid~.invalid-tooltip,
    .was-validated .form-control-file:invalid~.invalid-feedback,
    .was-validated .form-control-file:invalid~.invalid-tooltip,
    input.custom-select.parsley-error~.invalid-feedback,
    input.custom-select.parsley-error~.invalid-tooltip,
    input.form-control-file.parsley-error~.invalid-feedback,
    input.form-control-file.parsley-error~.invalid-tooltip,
    textarea.custom-select.parsley-error~.invalid-feedback,
    textarea.custom-select.parsley-error~.invalid-tooltip,
    textarea.form-control-file.parsley-error~.invalid-feedback,
    textarea.form-control-file.parsley-error~.invalid-tooltip {
        display: block
    }

    .form-check-input.is-invalid~.form-check-label,
    .was-validated .form-check-input:invalid~.form-check-label,
    input.form-check-input.parsley-error~.form-check-label,
    textarea.form-check-input.parsley-error~.form-check-label {
        color: #f16d75
    }

    .form-check-input.is-invalid~.invalid-feedback,
    .form-check-input.is-invalid~.invalid-tooltip,
    .was-validated .form-check-input:invalid~.invalid-feedback,
    .was-validated .form-check-input:invalid~.invalid-tooltip,
    input.form-check-input.parsley-error~.invalid-feedback,
    input.form-check-input.parsley-error~.invalid-tooltip,
    textarea.form-check-input.parsley-error~.invalid-feedback,
    textarea.form-check-input.parsley-error~.invalid-tooltip {
        display: block
    }

    .custom-control-input.is-invalid~.custom-control-label,
    .was-validated .custom-control-input:invalid~.custom-control-label,
    input.custom-control-input.parsley-error~.custom-control-label,
    textarea.custom-control-input.parsley-error~.custom-control-label {
        color: #f16d75
    }

    .custom-control-input.is-invalid~.custom-control-label:before,
    .was-validated .custom-control-input:invalid~.custom-control-label:before,
    input.custom-control-input.parsley-error~.custom-control-label:before,
    textarea.custom-control-input.parsley-error~.custom-control-label:before {
        border-color: #f16d75
    }

    .custom-control-input.is-invalid~.invalid-feedback,
    .custom-control-input.is-invalid~.invalid-tooltip,
    .was-validated .custom-control-input:invalid~.invalid-feedback,
    .was-validated .custom-control-input:invalid~.invalid-tooltip,
    input.custom-control-input.parsley-error~.invalid-feedback,
    input.custom-control-input.parsley-error~.invalid-tooltip,
    textarea.custom-control-input.parsley-error~.invalid-feedback,
    textarea.custom-control-input.parsley-error~.invalid-tooltip {
        display: block
    }

    .custom-control-input.is-invalid:checked~.custom-control-label:before,
    .was-validated .custom-control-input:invalid:checked~.custom-control-label:before,
    input.custom-control-input.parsley-error:checked~.custom-control-label:before,
    textarea.custom-control-input.parsley-error:checked~.custom-control-label:before {
        border-color: #e4606d;
        background-color: #e4606d
    }

    .custom-control-input.is-invalid:focus~.custom-control-label:before,
    .was-validated .custom-control-input:invalid:focus~.custom-control-label:before,
    input.custom-control-input.parsley-error:focus~.custom-control-label:before,
    textarea.custom-control-input.parsley-error:focus~.custom-control-label:before {
        box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
    }

    .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before,
    .custom-file-input.is-invalid~.custom-file-label,
    .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before,
    .was-validated .custom-file-input:invalid~.custom-file-label,
    input.custom-control-input.parsley-error:focus:not(:checked)~.custom-control-label:before,
    input.custom-file-input.parsley-error~.custom-file-label,
    textarea.custom-control-input.parsley-error:focus:not(:checked)~.custom-control-label:before,
    textarea.custom-file-input.parsley-error~.custom-file-label {
        border-color: #f16d75
    }

    .custom-file-input.is-invalid~.invalid-feedback,
    .custom-file-input.is-invalid~.invalid-tooltip,
    .was-validated .custom-file-input:invalid~.invalid-feedback,
    .was-validated .custom-file-input:invalid~.invalid-tooltip,
    input.custom-file-input.parsley-error~.invalid-feedback,
    input.custom-file-input.parsley-error~.invalid-tooltip,
    textarea.custom-file-input.parsley-error~.invalid-feedback,
    textarea.custom-file-input.parsley-error~.invalid-tooltip {
        display: block
    }

    .custom-file-input.is-invalid:focus~.custom-file-label,
    .was-validated .custom-file-input:invalid:focus~.custom-file-label,
    input.custom-file-input.parsley-error:focus~.custom-file-label,
    textarea.custom-file-input.parsley-error:focus~.custom-file-label {
        border-color: #f16d75;
        box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
    }

    .accordion .card {
        border-width: 0
    }

    .accordion .card+.card {
        margin-top: 1px
    }

    .accordion .card-header {
        padding: 0;
        background-color: transparent;
        font-weight: 500
    }

    .accordion .card-header a {
        display: block;
        padding: 14px 20px;
        position: relative;
        font-weight: 500;
        font-size: 14px;
        background-color: #e1e1f9
    }

    .accordion .card-header a.collapsed {
        color: #3c4858;
        background-color: #e1e1f9;
        border-bottom-color: transparent
    }

    .accordion .card-header a.collapsed:focus,
    .accordion .card-header a.collapsed:hover {
        color: #8f9cc0;
        background-color: #f0f0ff
    }

    .accordion .card-body {
        padding: 15px;
        background-color: #fff;
        transition: none;
        border: 1px solid #e8e8f7;
        border-bottom: 0
    }

    .accordion-indigo .card-header a.collapsed {
        color: hsla(0, 0%, 100%, .8);
        font-weight: 500;
        letter-spacing: -.1px
    }

    .accordion-indigo .card-header a.collapsed:focus,
    .accordion-indigo .card-header a.collapsed:hover {
        color: #fff
    }

    .accordion-blue .card-header a {
        color: hsla(0, 0%, 100%, .8);
        font-weight: 500;
        letter-spacing: -.1px
    }

    .accordion-blue .card-header a:focus,
    .accordion-blue .card-header a:hover {
        color: #fff
    }

    .accordion-dark .card {
        border-color: #8f9cc0
    }

    .accordion-dark .card-header a,
    .accordion-dark .card-header a:focus,
    .accordion-dark .card-header a:hover {
        color: #8f9cc0
    }

    .accordion-dark .card-header a.collapsed {
        background-color: #8f9cc0;
        color: hsla(0, 0%, 100%, .8);
        font-weight: 500;
        letter-spacing: -.1px
    }

    .accordion-dark .card-header a.collapsed:focus,
    .accordion-dark .card-header a.collapsed:hover {
        background-color: #141c2b;
        color: #fff
    }

    .accordion-gray .card {
        border-color: #a8afc7
    }

    .accordion-gray .card-header a,
    .accordion-gray .card-header a:focus,
    .accordion-gray .card-header a:hover {
        color: #a8afc7
    }

    .accordion-gray .card-header a.collapsed {
        background-color: #a8afc7;
        color: hsla(0, 0%, 100%, .8);
        font-weight: 500;
        letter-spacing: -.1px
    }

    .accordion-gray .card-header a.collapsed:focus,
    .accordion-gray .card-header a.collapsed:hover {
        background-color: #6a7a96;
        color: #fff
    }

    .accordion>.card {
        overflow: hidden
    }

    .accordion>.card:not(:first-of-type) .card-header:first-child {
        border-radius: 0
    }

    .accordion>.card:not(:first-of-type):not(:last-of-type) {
        border-bottom: 0;
        border-radius: 0
    }

    .accordion>.card:first-of-type {
        border-bottom: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .accordion>.card:last-of-type {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .accordion>.card .card-header {
        margin-bottom: -1px
    }

    .main-accordion .accordion-item {
        background-color: #f1f2f9;
        border: 1px solid #dee2ef;
        position: relative;
        transition: all .2s ease-in-out
    }

    .main-accordion .accordion-item:focus,
    .main-accordion .accordion-item:hover {
        cursor: pointer;
        background-color: #f1f2f6;
        border-color: #bcc4de;
        z-index: 4
    }

    .main-accordion .accordion-item.active {
        background-color: #fff;
        z-index: 5;
        border-color: #bcc4de
    }

    .main-accordion .accordion-item.active .accordion-body {
        display: block
    }

    .main-accordion .accordion-item+.accordion-item {
        margin-top: -1px
    }

    .main-accordion .accordion-header {
        display: flex;
        align-items: center;
        padding: 15px 20px
    }

    .main-accordion .accordion-title {
        font-weight: 700;
        color: #8f9cc0;
        margin: 0;
        transition: all .2s ease-in-out
    }

    .main-accordion .accordion-body {
        display: none;
        padding: 0 20px 20px
    }

    @media (prefers-reduced-motion:reduce) {
        .main-accordion .accordion-item,
        .main-accordion .accordion-title {
            transition: none
        }
    }

    .collapse:not(.show) {
        display: none
    }

    .collapsing {
        position: relative;
        height: 0;
        overflow: hidden;
        transition: height .35s ease
    }

    @media (prefers-reduced-motion:reduce) {
        .collapsing {
            transition: none
        }
    }

    .alert {
        position: relative;
        padding: .75rem 1.25rem;
        margin-bottom: 1rem;
        border: 1px solid transparent;
        border-radius: 3px
    }

    .alert-heading {
        color: inherit
    }

    .alert-link {
        font-weight: 700
    }

    .alert-dismissible {
        padding-right: 3.8125rem
    }

    .alert-dismissible .close {
        position: absolute;
        top: 0;
        right: 0;
        padding: .75rem 1.25rem;
        color: inherit
    }

    .alert-primary {
        color: #1b3585;
        background-color: #d6e0ff;
        border-color: #c6d4ff
    }

    .alert-primary hr {
        border-top-color: #adc1ff
    }

    .alert-primary .alert-link {
        color: #12245b
    }

    .alert-secondary {
        color: #f1388b;
        background-color: #f9e5db;
        border-color: #f9e5db
    }

    .alert-secondary hr {
        border-top-color: #cacfdb
    }

    .alert-secondary .alert-link {
        color: #292e37
    }

    .alert-success {
        color: #1f5c01;
        background-color: #d8efcc;
        border-color: #c8e9b8
    }

    .alert-success hr {
        border-top-color: #b9e3a5
    }

    .alert-success .alert-link {
        color: #0e2a00
    }

    .alert-info {
        color: #0c5460;
        background-color: #d1ecf1;
        border-color: #bee5eb
    }

    .alert-info hr {
        border-top-color: #abdde5
    }

    .alert-info .alert-link {
        color: #062c33
    }

    .alert-warning {
        color: #856404;
        background-color: #ffeeba;
        border-color: #ffeeba
    }

    .alert-warning hr {
        border-top-color: #ffe8a1
    }

    .alert-warning .alert-link {
        color: #533f03
    }

    .alert-danger {
        color: #721c24;
        background-color: #f8d7da;
        border-color: #f5c6cb
    }

    .alert-danger hr {
        border-top-color: #f1b0b7
    }

    .alert-danger .alert-link {
        color: #491217
    }

    .alert-light {
        color: #7f7f81;
        background-color: #fdfdfe;
        border-color: #fcfcfd
    }

    .alert-light hr {
        border-top-color: #ededf3
    }

    .alert-light .alert-link {
        color: #666667
    }

    .alert-dark {
        color: #1f2533;
        background-color: #d8dae0;
        border-color: #c8ccd3
    }

    .alert-dark hr {
        border-top-color: #babfc8
    }

    .alert-dark .alert-link {
        color: #0c0e13
    }

    .alert {
        border-width: 0;
        padding: 12px 15px;
        border-radius: 0
    }

    .alert .close {
        text-shadow: none;
        opacity: .9
    }

    .alert strong {
        font-weight: 600
    }

    [class*=alert-outline-] {
        border: 1px solid transparent
    }

    .alert-outline-success {
        border-color: #36c54d;
        color: #19b159
    }

    .alert-outline-info {
        border-color: #1ab6cf;
        color: #01b8ff
    }

    .alert-outline-warning {
        border-color: #ffdb6d;
        color: #d39e00
    }

    .alert-outline-danger {
        border-color: #eb8c95;
        color: #f16d75
    }

    [class*=alert-solid-] {
        border-width: 0;
        color: #fff
    }

    .alert-solid-success {
        background-color: #19b159
    }

    .alert-solid-info {
        background-color: #01b8ff
    }

    .alert-solid-warning {
        background-color: #ff9b21
    }

    .alert-solid-danger {
        background-color: #f16d75
    }

    .badge {
        font-weight: 500;
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        padding: 4px 6px 5px
    }

    .badge-pill {
        padding-left: 8px;
        padding-right: 8px
    }

    .badge {
        display: inline-block;
        font-size: 75%;
        font-weight: 700;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: 3px;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
    }

    @media (prefers-reduced-motion:reduce) {
        .badge {
            transition: none
        }
    }

    a.badge:focus,
    a.badge:hover {
        text-decoration: none
    }

    .badge:empty {
        display: none
    }

    .btn .badge,
    .sp-container button .badge {
        position: relative;
        top: -1px
    }

    .badge-pill {
        padding-right: .6em;
        padding-left: .6em;
        border-radius: 10rem
    }

    .badge-secondary {
        color: #fff!important;
        background-color: #f1388b
    }

    a.badge-secondary:focus,
    a.badge-secondary:hover {
        color: #fff!important;
        background-color: #e06b32
    }

    a.badge-secondary.focus,
    a.badge-secondary:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(236, 131, 27, .5)
    }

    .badge-success {
        color: #fff!important;
        background-color: #19b159
    }

    a.badge-success:hover {
        color: #fff!important;
        background-color: #37ce4f
    }

    a.badge-success:focus {
        color: #fff;
        background-color: #37ce4f
    }

    a.badge-success.focus,
    a.badge-success:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(59, 176, 1, .5)
    }

    .badge-info {
        color: #fff!important;
        background-color: #01b8ff
    }

    a.badge-info:hover {
        color: #fff!important;
        background-color: #06aff1
    }

    a.badge-info:focus {
        color: #fff;
        background-color: #06aff1
    }

    a.badge-info.focus,
    a.badge-info:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
    }

    .badge-warning {
        color: #0e0e0e!important;
        background-color: #ecb529
    }

    a.badge-warning:hover {
        color: #8f9cc0!important;
        background-color: #d39e00
    }

    a.badge-warning:focus {
        color: #8f9cc0;
        background-color: #d39e00
    }

    a.badge-warning.focus,
    a.badge-warning:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
    }

    .badge-danger {
        color: #fff!important;
        background-color: #fd6074
    }

    a.badge-danger:hover {
        color: #fff!important;
        background-color: #f53729
    }

    a.badge-danger:focus {
        color: #fff;
        background-color: #f53729
    }

    a.badge-danger.focus,
    a.badge-danger:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
    }

    .badge-pink,
    a.badge-pink:focus,
    a.badge-pink:hover {
        color: #fff!important;
        background-color: #ff75ad
    }

    .badge-dark {
        color: #fff;
        background-color: #8f9cc0
    }

    a.badge-dark:focus,
    a.badge-dark:hover {
        color: #fff!important;
        background-color: #131212
    }

    a.badge-dark.focus,
    a.badge-dark:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(59, 72, 99, .5)
    }

    .badge-success-light {
        color: #19b159!important;
        background: rgba(25, 177, 89, .2)
    }

    .badge-info-light {
        background: rgba(1, 184, 255, .2);
        color: #01b8ff
    }

    .breadcrumb-style1,
    .breadcrumb-style2,
    .breadcrumb-style3 {
        border-radius: 0;
        background-color: transparent;
        padding: 0
    }

    .breadcrumb-style1 .breadcrumb-item,
    .breadcrumb-style2 .breadcrumb-item,
    .breadcrumb-style3 .breadcrumb-item {
        font-size: 15px;
        font-weight: 500;
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        letter-spacing: .5px
    }

    .breadcrumb-style1 .breadcrumb-item a,
    .breadcrumb-style2 .breadcrumb-item a,
    .breadcrumb-style3 .breadcrumb-item a {
        color: #6f6f8e
    }

    .breadcrumb-style1 .breadcrumb-item+.breadcrumb-item:before,
    .breadcrumb-style2 .breadcrumb-item+.breadcrumb-item:before,
    .breadcrumb-style3 .breadcrumb-item+.breadcrumb-item:before {
        color: #f0f0ff
    }

    .breadcrumb-style2 .breadcrumb-item+.breadcrumb-item:before,
    .breadcrumb-style3 .breadcrumb-item+.breadcrumb-item:before {
        width: 16px;
        text-align: center;
        font-family: Ionicons
    }

    .breadcrumb-style2 .breadcrumb-item+.breadcrumb-item:before {
        content: "\F3D1"
    }

    .breadcrumb-style3 .breadcrumb-item+.breadcrumb-item:before {
        content: "\F287"
    }

    .main-content-breadcrumb {
        display: flex;
        align-items: center;
        font-size: 10px;
        font-weight: 500;
        font-family: Roboto, sans-serif;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #a8afc7;
        margin-bottom: 10px
    }

    .main-content-breadcrumb span {
        position: relative
    }

    .main-content-breadcrumb span+span:before {
        content: "\F3D1";
        font-family: Ionicons;
        font-size: 12px;
        font-weight: 300;
        display: inline;
        margin: 0 5px;
        color: #b4bdce;
        line-height: 0;
        position: relative;
        top: 1px
    }

    .main-content-breadcrumb span:last-child {
        color: #3c4858
    }

    .main-content-title {
        color: #170c6b;
        font-weight: 500;
        font-size: 32px;
        text-indent: -1px;
        line-height: 1;
        position: relative;
        margin-bottom: 20px
    }

    .main-breadcrumbs {
        padding: 0;
        background-color: transparent;
        margin-bottom: 0
    }

    .main-breadcrumbs .breadcrumb-item {
        font-size: 10px;
        text-transform: uppercase;
        letter-spacing: .5px;
        font-weight: 700
    }

    .main-breadcrumbs .breadcrumb-item a {
        color: #8f9cc0;
        transition: all .2s ease-in-out
    }

    .main-breadcrumbs .breadcrumb-item a:hover {
        color: #a8afc7
    }

    .main-breadcrumbs .breadcrumb-item+.breadcrumb-item {
        padding-left: 8px
    }

    .main-breadcrumbs .breadcrumb-item+.breadcrumb-item:before {
        color: #a8afc7;
        padding-right: 8px;
        font-weight: 400
    }

    @media (prefers-reduced-motion:reduce) {
        .main-breadcrumbs .breadcrumb-item a {
            transition: none
        }
    }

    .main-content-left-contacts .main-content-breadcrumb,
    .main-content-left-contacts .main-content-title {
        padding-left: 20px
    }

    @media (min-width:992px) {
        .main-content-left-contacts .main-content-breadcrumb,
        .main-content-left-contacts .main-content-title {
            padding-left: 0
        }
        .main-content-body-contacts {
            display: block;
            overflow-y: auto
        }
    }

    .main-content-left-invoice .main-content-breadcrumb,
    .main-content-left-invoice .main-content-title {
        padding-left: 20px
    }

    @media (min-width:992px) {
        .main-content-left-invoice .main-content-breadcrumb,
        .main-content-left-invoice .main-content-title {
            padding-left: 0
        }
    }

    .breadcrumb {
        display: flex;
        flex-wrap: wrap;
        padding: .75rem 1rem;
        margin-bottom: 1rem;
        list-style: none;
        border-radius: 0
    }

    .breadcrumb-item+.breadcrumb-item {
        padding-left: .5rem
    }

    .breadcrumb-item+.breadcrumb-item:before {
        display: inline-block;
        padding-right: .5rem;
        color: #a8afc7!important;
        content: "/"
    }

    .breadcrumb-item+.breadcrumb-item:hover:before {
        text-decoration: underline;
        text-decoration: none
    }

    .breadcrumb-item.active {
        color: #a8afc7
    }

    .breadcrumb-5 a {
        text-decoration: none;
        outline: none;
        display: block;
        float: left;
        font-size: 12px;
        line-height: 36px;
        color: #fff;
        padding: 0 10px 0 39px;
        background: #666;
        background: linear-gradient(#666, #333);
        position: relative
    }

    .breadcrumb-5 a:first-child {
        padding-left: 46px;
        border-radius: 5px 0 0 5px
    }

    .breadcrumb-5 a:first-child:before {
        left: 14px
    }

    .breadcrumb-5 a:last-child {
        border-radius: 0 5px 5px 0;
        padding-right: 20px
    }

    .breadcrumb-5 a.active,
    .breadcrumb-5 a:hover {
        background: #333;
        background: linear-gradient(#333, #000)
    }

    .breadcrumb-5 a.active:after {
        box-shadow: none
    }

    .breadcrumb-5 a:after {
        content: "";
        position: absolute;
        top: 0;
        right: -18px;
        width: 36px;
        height: 36px;
        z-index: 1;
        transform: scale(.707) rotate(45deg);
        box-shadow: 2px -2px 0 2px #f0f2f8, 3px -3px 0 2px hsla(0, 0%, 100%, .1);
        border-radius: 0 5px 0 50px
    }

    .breadcrumb-5 a:last-child:after {
        content: none
    }

    .flat a,
    .flat a:after {
        background: #fff;
        color: #000;
        transition: all .5s
    }

    .flat a.active:before,
    .flat a:hover:before {
        color: #000
    }

    .flat a:before {
        background: #fff;
        box-shadow: 0 0 0 1px #ccc
    }

    .btn,
    .sp-container button {
        line-height: 1.538;
        padding: 7px 20px;
        border-radius: 4px;
        transition: none;
        min-height: 38px
    }

    .btn:active,
    .btn:focus,
    .sp-container button:active,
    .sp-container button:focus {
        box-shadow: none
    }

    .btn-light {
        color: #2c3033;
        background-color: #f0f0ff;
        border-color: #f0f0ff
    }

    .btn-light:hover {
        color: #2c3033;
        background-color: #dbe0ea;
        border-color: #dbe0ea
    }

    .btn-light.focus,
    .btn-light:focus {
        box-shadow: 0 0 0 1px #e1e6f1
    }

    .btn-light.disabled,
    .btn-light:disabled,
    .btn-light:not(:disabled):not(.disabled).active,
    .btn-light:not(:disabled):not(.disabled):active,
    .show>.btn-light.dropdown-toggle {
        color: #2c3033;
        background-color: #dbe0ea;
        border-color: #dbe0ea
    }

    .btn-light:not(:disabled):not(.disabled).active:focus,
    .btn-light:not(:disabled):not(.disabled):active:focus,
    .show>.btn-light.dropdown-toggle:focus {
        box-shadow: 0 0 0 1px #e1e6f1
    }

    .btn-indigo {
        color: #fff;
        background-color: indigo;
        border-color: indigo
    }

    .btn-indigo:hover {
        color: #fff;
        background-color: #49047b;
        border-color: #49047b
    }

    .btn-indigo.focus,
    .btn-indigo:focus {
        box-shadow: 0 0 0 .2rem rgba(75, 0, 130, .5)
    }

    .btn-indigo.disabled,
    .btn-indigo:disabled,
    .btn-indigo:not(:disabled):not(.disabled).active,
    .btn-indigo:not(:disabled):not(.disabled):active,
    .show>.btn-indigo.dropdown-toggle {
        color: #fff;
        background-color: indigo;
        border-color: indigo
    }

    .btn-indigo:not(:disabled):not(.disabled).active:focus,
    .btn-indigo:not(:disabled):not(.disabled):active:focus,
    .show>.btn-indigo.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(75, 0, 130, .5)
    }

    .btn-purple {
        color: #fff;
        background-color: #6f42c1;
        border-color: #643ab0
    }

    .btn-purple:hover {
        color: #fff;
        background-color: #5e37a6;
        border-color: #4e2d89
    }

    .btn-purple.focus,
    .btn-purple:focus {
        box-shadow: 0 0 0 .2rem rgba(123, 87, 188, .5)
    }

    .btn-purple.disabled,
    .btn-purple:disabled {
        color: #fff;
        background-color: #6f42c1;
        border-color: #643ab0
    }

    .btn-purple:not(:disabled):not(.disabled).active,
    .btn-purple:not(:disabled):not(.disabled):active,
    .show>.btn-purple.dropdown-toggle {
        color: #fff;
        background-color: #59339d;
        border-color: #482a80
    }

    .btn-purple:not(:disabled):not(.disabled).active:focus,
    .btn-purple:not(:disabled):not(.disabled):active:focus,
    .show>.btn-purple.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(123, 87, 188, .5)
    }

    .btn-pink {
        color: #fff;
        background-color: #f10075;
        border-color: #d80069
    }

    .btn-pink:hover {
        color: #fff;
        background-color: #cb0062;
        border-color: #a50050
    }

    .btn-pink.focus,
    .btn-pink:focus {
        box-shadow: 0 0 0 .2rem rgba(221, 38, 127, .5)
    }

    .btn-pink.disabled,
    .btn-pink:disabled {
        color: #fff;
        background-color: #f10075;
        border-color: #d80069
    }

    .btn-pink:not(:disabled):not(.disabled).active,
    .btn-pink:not(:disabled):not(.disabled):active,
    .show>.btn-pink.dropdown-toggle {
        color: #fff;
        background-color: #be005c;
        border-color: #98004a
    }

    .btn-pink:not(:disabled):not(.disabled).active:focus,
    .btn-pink:not(:disabled):not(.disabled):active:focus,
    .show>.btn-pink.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(221, 38, 127, .5)
    }

    .btn-gray-500 {
        color: #8f9cc0;
        background-color: #a8afc7;
        border-color: #8896af
    }

    .btn-gray-500:hover {
        color: #fff;
        background-color: #808faa;
        border-color: #697b9a
    }

    .btn-gray-500.focus,
    .btn-gray-500:focus {
        box-shadow: 0 0 0 .2rem rgba(120, 133, 158, .5)
    }

    .btn-gray-500.disabled,
    .btn-gray-500:disabled {
        color: #8f9cc0;
        background-color: #a8afc7;
        border-color: #8896af
    }

    .btn-gray-500:not(:disabled):not(.disabled).active,
    .btn-gray-500:not(:disabled):not(.disabled):active,
    .show>.btn-gray-500.dropdown-toggle {
        color: #fff;
        background-color: #7988a4;
        border-color: #637493
    }

    .btn-gray-500:not(:disabled):not(.disabled).active:focus,
    .btn-gray-500:not(:disabled):not(.disabled):active:focus,
    .show>.btn-gray-500.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(120, 133, 158, .5)
    }

    .btn-gray-700 {
        color: #fff;
        background-color: #3c4858;
        border-color: #4f5c73
    }

    .btn-gray-700:hover {
        color: #fff;
        background-color: #49566b;
        border-color: #3a4455
    }

    .btn-gray-700.focus,
    .btn-gray-700:focus {
        box-shadow: 0 0 0 .2rem rgba(105, 116, 136, .5)
    }

    .btn-gray-700.disabled,
    .btn-gray-700:disabled {
        color: #fff;
        background-color: #3c4858;
        border-color: #4f5c73
    }

    .btn-gray-700:not(:disabled):not(.disabled).active,
    .btn-gray-700:not(:disabled):not(.disabled):active,
    .show>.btn-gray-700.dropdown-toggle {
        color: #fff;
        background-color: #445064;
        border-color: #353e4d
    }

    .btn-gray-700:not(:disabled):not(.disabled).active:focus,
    .btn-gray-700:not(:disabled):not(.disabled):active:focus,
    .show>.btn-gray-700.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(105, 116, 136, .5)
    }

    [class*=btn-outline-] {
        padding: .4rem 1rem;
        line-height: 1.657;
        border-width: 1px;
        background-color: transparent
    }

    [class*=btn-outline-]:focus,
    [class*=btn-outline-]:hover {
        color: #fff
    }

    .btn-outline-indigo {
        border-color: indigo;
        color: indigo
    }

    .btn-outline-indigo:focus,
    .btn-outline-indigo:hover {
        background-color: #49047b
    }

    .btn,
    .sp-container button {
        display: inline-block;
        font-weight: 400;
        color: #8f9cc0;
        text-align: center;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: transparent;
        border: 1px solid transparent;
        padding: .375rem .75rem;
        font-size: .875rem;
        line-height: 1.5;
        border-radius: 3px;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
    }

    @media (prefers-reduced-motion:reduce) {
        .btn,
        .sp-container button {
            transition: none
        }
    }

    .btn:hover,
    .sp-container button:hover {
        color: #8f9cc0;
        text-decoration: none
    }

    .btn.focus,
    .btn:focus,
    .sp-container button.focus,
    .sp-container button:focus {
        outline: 0;
        box-shadow: none
    }

    .btn.disabled,
    .btn:disabled,
    .sp-container button.disabled,
    .sp-container button:disabled {
        opacity: .65
    }

    a.btn.disabled,
    fieldset:disabled a.btn {
        pointer-events: none
    }

    .btn-secondary {
        color: #fff;
        background-color: #f1388b;
        border-color: #f1388b
    }

    .btn-secondary:hover {
        color: #fff;
        background-color: #ec3487;
        border-color: #ec3487
    }

    .btn-secondary.focus,
    .btn-secondary:focus {
        background-color: #ec3487!important;
        border-color: #ec3487!important;
        box-shadow: 0 0 0 1px rgba(241, 56, 139, .3)
    }

    .btn-secondary.disabled,
    .btn-secondary:disabled {
        color: #fff;
        background-color: #f1388b;
        border-color: #f1388b
    }

    .btn-secondary:not(:disabled):not(.disabled).active,
    .btn-secondary:not(:disabled):not(.disabled):active,
    .show>.btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #f75da2;
        border-color: #f1388b
    }

    .btn-secondary:not(:disabled):not(.disabled).active:focus,
    .btn-secondary:not(:disabled):not(.disabled):active:focus,
    .show>.btn-secondary.dropdown-toggle:focus {
        box-shadow: 0 0 0 1px rgba(241, 56, 139, .3)
    }

    .btn-success {
        color: #fff;
        background-color: #19b159;
        border-color: #19b159
    }

    .btn-success.focus,
    .btn-success:focus,
    .btn-success:hover {
        color: #fff;
        background-color: #15a552;
        border-color: #15a552
    }

    .btn-success.focus,
    .btn-success:focus {
        box-shadow: 0 0 0 1px rgba(21, 165, 82, .3)
    }

    .btn-success.disabled,
    .btn-success:disabled,
    .btn-success:not(:disabled):not(.disabled).active,
    .btn-success:not(:disabled):not(.disabled):active,
    .show>.btn-success.dropdown-toggle {
        color: #fff;
        background-color: #04b386;
        border-color: #04b386
    }

    .btn-success:not(:disabled):not(.disabled).active:focus,
    .btn-success:not(:disabled):not(.disabled):active:focus,
    .show>.btn-success.dropdown-toggle:focus {
        box-shadow: 0 0 0 1px rgba(21, 165, 82, .3)
    }

    .btn-info {
        color: #fff;
        background-color: #01b8ff;
        border-color: #01b8ff
    }

    .btn-info.focus,
    .btn-info:focus,
    .btn-info:hover {
        color: #fff;
        background-color: #06aff1;
        border-color: #06aff1
    }

    .btn-info.focus,
    .btn-info:focus {
        box-shadow: 0 0 0 1px #01b8ff
    }

    .btn-info.disabled,
    .btn-info:disabled {
        color: #fff;
        background-color: #01b8ff;
        border-color: #01b8ff
    }

    .btn-info:not(:disabled):not(.disabled).active,
    .btn-info:not(:disabled):not(.disabled):active,
    .show>.btn-info.dropdown-toggle {
        color: #fff;
        background-color: #06aff1;
        border-color: #06aff1
    }

    .btn-info:not(:disabled):not(.disabled).active:focus,
    .btn-info:not(:disabled):not(.disabled):active:focus,
    .show>.btn-info.dropdown-toggle:focus {
        box-shadow: 0 0 0 1px #01b8ff
    }

    .btn-warning {
        color: #fff;
        background-color: #ff9b21;
        border-color: #ff9b21
    }

    .btn-warning.focus,
    .btn-warning:focus,
    .btn-warning:hover {
        color: #fff;
        background-color: #f1911d;
        border-color: #f1911d
    }

    .btn-warning.focus,
    .btn-warning:focus {
        box-shadow: 0 0 0 1px rgba(241, 145, 29, .3)
    }

    .btn-warning.disabled,
    .btn-warning:disabled,
    .btn-warning:not(:disabled):not(.disabled).active,
    .btn-warning:not(:disabled):not(.disabled):active,
    .show>.btn-warning.dropdown-toggle {
        color: #fff;
        background-color: #f1911d;
        border-color: #f1911d
    }

    .btn-warning:not(:disabled):not(.disabled).active:focus,
    .btn-warning:not(:disabled):not(.disabled):active:focus,
    .show>.btn-warning.dropdown-toggle:focus {
        box-shadow: 0 0 0 1px rgba(241, 145, 29, .3)
    }

    .btn-danger {
        color: #fff;
        background-color: #fd6074;
        border-color: #fd6074
    }

    .btn-danger:hover {
        color: #fff;
        background-color: #f53729;
        border-color: #f53729
    }

    .btn-danger.focus,
    .btn-danger:focus {
        box-shadow: 0 0 0 1px #ff473d
    }

    .btn-danger.disabled,
    .btn-danger:disabled,
    .btn-danger:not(:disabled):not(.disabled).active,
    .btn-danger:not(:disabled):not(.disabled):active,
    .show>.btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #fd6074;
        border-color: #fd6074
    }

    .btn-danger:not(:disabled):not(.disabled).active:focus,
    .btn-danger:not(:disabled):not(.disabled):active:focus,
    .show>.btn-danger.dropdown-toggle:focus {
        box-shadow: 0 0 0 1px #ff473d
    }

    .btn-light {
        color: #8f9cc0;
        background-color: #f1f2f9;
        border-color: #f1f2f9
    }

    .btn-light.focus,
    .btn-light:focus,
    .btn-light:hover {
        color: #8f9cc0;
        background-color: #dde0e9;
        border-color: #d5d9e4
    }

    .btn-light.focus,
    .btn-light:focus {
        box-shadow: 0 0 0 .2rem rgba(212, 214, 220, .5)
    }

    .btn-light.disabled,
    .btn-light:disabled {
        color: #8f9cc0;
        background-color: #f1f2f9;
        border-color: #f1f2f9
    }

    .btn-light:not(:disabled):not(.disabled).active,
    .btn-light:not(:disabled):not(.disabled):active,
    .show>.btn-light.dropdown-toggle {
        color: #8f9cc0;
        background-color: #d5d9e4;
        border-color: #cdd2df
    }

    .btn-light:not(:disabled):not(.disabled).active:focus,
    .btn-light:not(:disabled):not(.disabled):active:focus,
    .show>.btn-light.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(212, 214, 220, .5)
    }

    .btn-white,
    .btn-white.focus,
    .btn-white:focus,
    .btn-white:hover {
        background-color: #fff;
        background-image: none;
        border-color: #fff;
        color: #424e79
    }

    .btn-white.focus,
    .btn-white:focus {
        box-shadow: 0 0 0 2px hsla(0, 0%, 100%, .5)
    }

    .btn-white.disabled,
    .btn-white:disabled {
        color: #495057;
        background-color: #fff;
        border-color: #fff
    }

    .btn-white:not(:disabled):not(.disabled).active,
    .btn-white:not(:disabled):not(.disabled):active,
    .show>.btn-white.dropdown-toggle {
        color: #495057;
        background-color: #eff0f6;
        border-color: #e7e9f1
    }

    .btn-white:not(:disabled):not(.disabled).active:focus,
    .btn-white:not(:disabled):not(.disabled):active:focus,
    .show>.btn-white.dropdown-toggle:focus {
        box-shadow: 0 0 0 2px hsla(0, 0%, 100%, .5)
    }

    .btn-dark {
        color: #fff;
        background-color: #8f9cc0;
        border-color: #8f9cc0
    }

    .btn-dark.focus,
    .btn-dark:focus,
    .btn-dark:hover {
        color: #fff;
        background-color: #131212;
        border-color: #131212
    }

    .btn-dark.focus,
    .btn-dark:focus {
        box-shadow: 0 0 0 1px transparent
    }

    .btn-dark.disabled,
    .btn-dark:disabled {
        color: #fff;
        background-color: #3b4863;
        border-color: #3b4863
    }

    .btn-dark:not(:disabled):not(.disabled).active,
    .btn-dark:not(:disabled):not(.disabled):active,
    .show>.btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #131212;
        border-color: #232b3b
    }

    .btn-dark:not(:disabled):not(.disabled).active:focus,
    .btn-dark:not(:disabled):not(.disabled):active:focus,
    .show>.btn-dark.dropdown-toggle:focus {
        box-shadow: 0 0 0 1px transparent
    }

    .btn-outline-secondary {
        color: #f1388b!important;
        border-color: #f1388b
    }

    .btn-outline-secondary:hover {
        color: #fff!important;
        background-color: #f1388b;
        border-color: #f1388b
    }

    .btn-outline-secondary.focus,
    .btn-outline-secondary:focus {
        box-shadow: 0 0 0 1px #ec831b
    }

    .btn-outline-secondary.disabled,
    .btn-outline-secondary:disabled {
        color: #f1388b!important;
        background-color: transparent
    }

    .btn-outline-secondary:not(:disabled):not(.disabled).active,
    .btn-outline-secondary:not(:disabled):not(.disabled):active,
    .show>.btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #f1388b;
        border-color: #f1388b
    }

    .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
    .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
    .show>.btn-outline-secondary.dropdown-toggle:focus {
        box-shadow: 0 0 0 1px #ec831b
    }

    .btn-outline-success {
        color: #19b159!important;
        border-color: #19b159
    }

    .btn-outline-success.focus,
    .btn-outline-success:focus,
    .btn-outline-success:hover {
        color: #fff!important;
        background-color: #19b159;
        border-color: #19b159
    }

    .btn-outline-success.focus,
    .btn-outline-success:focus {
        box-shadow: 0 0 0 1px #38d250
    }

    .btn-outline-success.disabled,
    .btn-outline-success:disabled {
        color: #19b159!important;
        background-color: transparent
    }

    .btn-outline-success:not(:disabled):not(.disabled).active,
    .btn-outline-success:not(:disabled):not(.disabled):active,
    .show>.btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #19b159;
        border-color: #19b159
    }

    .btn-outline-success:not(:disabled):not(.disabled).active:focus,
    .btn-outline-success:not(:disabled):not(.disabled):active:focus,
    .show>.btn-outline-success.dropdown-toggle:focus {
        box-shadow: 0 0 0 1px #38d250
    }

    .btn-outline-info {
        color: #01b8ff!important;
        border-color: #01b8ff
    }

    .btn-outline-info:hover {
        color: #fff!important;
        background-color: #01b8ff;
        border-color: #01b8ff
    }

    .btn-outline-info.focus,
    .btn-outline-info:focus {
        box-shadow: 0 0 0 1px #01b8ff
    }

    .btn-outline-info.disabled,
    .btn-outline-info:disabled {
        color: #01b8ff!important;
        background-color: transparent
    }

    .btn-outline-info:not(:disabled):not(.disabled).active,
    .btn-outline-info:not(:disabled):not(.disabled):active,
    .show>.btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #01b8ff;
        border-color: #01b8ff
    }

    .btn-outline-info:not(:disabled):not(.disabled).active:focus,
    .btn-outline-info:not(:disabled):not(.disabled):active:focus,
    .show>.btn-outline-info.dropdown-toggle:focus {
        box-shadow: 0 0 0 1px #01b8ff
    }

    .btn-outline-warning,
    .btn-outline-warning:hover {
        color: #000!important;
        border-color: #ff9b21
    }

    .btn-outline-warning:hover {
        background-color: #ff9b21
    }

    .btn-outline-warning.focus,
    .btn-outline-warning:focus {
        box-shadow: 0 0 0 1px #ffc107
    }

    .btn-outline-warning.disabled,
    .btn-outline-warning:disabled {
        color: #000!important;
        background-color: transparent
    }

    .btn-outline-warning:not(:disabled):not(.disabled).active,
    .btn-outline-warning:not(:disabled):not(.disabled):active,
    .show>.btn-outline-warning.dropdown-toggle {
        color: #8f9cc0;
        background-color: #ff9b21;
        border-color: #ff9b21
    }

    .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
    .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
    .show>.btn-outline-warning.dropdown-toggle:focus {
        box-shadow: 0 0 0 1px #ffc107
    }

    .btn-outline-danger {
        color: #f16d75!important;
        border-color: #f16d75
    }

    .btn-outline-danger:hover {
        color: #fff!important;
        background-color: #f16d75;
        border-color: #f16d75
    }

    .btn-outline-danger.focus,
    .btn-outline-danger:focus {
        box-shadow: 0 0 0 1px #ff473d
    }

    .btn-outline-danger.disabled,
    .btn-outline-danger:disabled {
        color: #f16d75!important;
        background-color: transparent
    }

    .btn-outline-danger:not(:disabled):not(.disabled).active,
    .btn-outline-danger:not(:disabled):not(.disabled):active,
    .show>.btn-outline-danger.dropdown-toggle {
        color: #fff!important;
        background-color: #f16d75;
        border-color: #f16d75
    }

    .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
    .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
    .show>.btn-outline-danger.dropdown-toggle:focus {
        box-shadow: 0 0 0 1px #ff473d
    }

    .btn-outline-light,
    .btn-outline-light:hover {
        color: #000!important;
        border-color: #f0f0ff
    }

    .btn-outline-light:hover {
        background-color: #f0f0ff
    }

    .btn-outline-light.focus,
    .btn-outline-light:focus {
        box-shadow: 0 0 0 1px #e1e6f1
    }

    .btn-outline-light.disabled,
    .btn-outline-light:disabled {
        color: #000!important;
        background-color: transparent
    }

    .btn-outline-light:not(:disabled):not(.disabled).active,
    .btn-outline-light:not(:disabled):not(.disabled):active,
    .show>.btn-outline-light.dropdown-toggle {
        color: #8f9cc0;
        background-color: #f0f0ff;
        border-color: #f0f0ff
    }

    .btn-outline-light:not(:disabled):not(.disabled).active:focus,
    .btn-outline-light:not(:disabled):not(.disabled):active:focus,
    .show>.btn-outline-light.dropdown-toggle:focus {
        box-shadow: 0 0 0 1px #e1e6f1
    }

    .btn-outline-dark {
        color: #000!important;
        border-color: #000
    }

    .btn-outline-dark:hover {
        color: #fff!important;
        background-color: #8f9cc0;
        border-color: #8f9cc0
    }

    .btn-outline-dark.focus,
    .btn-outline-dark:focus {
        box-shadow: 0 0 0 1px transparent
    }

    .btn-outline-dark.disabled,
    .btn-outline-dark:disabled {
        color: #3b4863!important;
        background-color: transparent
    }

    .btn-outline-dark:not(:disabled):not(.disabled).active,
    .btn-outline-dark:not(:disabled):not(.disabled):active,
    .show>.btn-outline-dark.dropdown-toggle {
        color: #fff;
        background-color: #8f9cc0;
        border-color: #000
    }

    .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
    .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
    .show>.btn-outline-dark.dropdown-toggle:focus {
        box-shadow: 0 0 0 1px transparent
    }

    .btn-link {
        font-weight: 400
    }

    .btn-link,
    .btn-link:hover {
        text-decoration: none
    }

    .btn-link.focus,
    .btn-link:focus {
        text-decoration: none;
        box-shadow: none
    }

    .btn-link.disabled,
    .btn-link:disabled {
        color: #a8afc7;
        pointer-events: none
    }

    .btn-group-lg>.btn,
    .btn-lg,
    .sp-container .btn-group-lg>button {
        padding: .5rem 1rem;
        font-size: 1.09375rem;
        line-height: 1.5
    }

    .btn-group-sm>.btn,
    .btn-sm,
    .sp-container .btn-group-sm>button {
        padding: .25rem .5rem;
        font-size: .76562rem;
        line-height: 1.5
    }

    .btn-block {
        display: block;
        width: 100%
    }

    .btn-block+.btn-block {
        margin-top: .5rem
    }

    .btn-group,
    .btn-group-vertical {
        position: relative;
        display: inline-flex;
        vertical-align: middle
    }

    .btn-group-vertical>.btn,
    .btn-group>.btn,
    .sp-container .btn-group-vertical>button,
    .sp-container .btn-group>button {
        position: relative;
        flex: 1 1 auto
    }

    .btn-group-vertical>.btn.active,
    .btn-group-vertical>.btn:active,
    .btn-group-vertical>.btn:focus,
    .btn-group-vertical>.btn:hover,
    .btn-group>.btn.active,
    .btn-group>.btn:active,
    .btn-group>.btn:focus,
    .btn-group>.btn:hover,
    .sp-container .btn-group-vertical>button.active,
    .sp-container .btn-group-vertical>button:active,
    .sp-container .btn-group-vertical>button:focus,
    .sp-container .btn-group-vertical>button:hover,
    .sp-container .btn-group>button.active,
    .sp-container .btn-group>button:active,
    .sp-container .btn-group>button:focus,
    .sp-container .btn-group>button:hover {
        z-index: 1
    }

    .btn-toolbar {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start
    }

    .btn-toolbar .input-group {
        width: auto
    }

    .btn-group>.btn-group:not(:first-child),
    .btn-group>.btn:not(:first-child),
    .sp-container .btn-group>button:not(:first-child) {
        margin-left: -1px
    }

    .btn-group>.btn-group:not(:last-child)>.btn,
    .btn-group>.btn:not(:last-child):not(.dropdown-toggle),
    .sp-container .btn-group>.btn-group:not(:last-child)>button,
    .sp-container .btn-group>button:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .btn-group>.btn-group:not(:first-child)>.btn,
    .btn-group>.btn:not(:first-child),
    .sp-container .btn-group>.btn-group:not(:first-child)>button,
    .sp-container .btn-group>button:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .dropdown-toggle-split {
        padding-right: .5625rem;
        padding-left: .5625rem
    }

    .dropdown-toggle-split:after,
    .dropright .dropdown-toggle-split:after,
    .dropup .dropdown-toggle-split:after {
        margin-left: 0
    }

    .dropleft .dropdown-toggle-split:before {
        margin-right: 0
    }

    .btn-group-sm>.btn+.dropdown-toggle-split,
    .btn-sm+.dropdown-toggle-split,
    .sp-container .btn-group-sm>button+.dropdown-toggle-split {
        padding-right: .375rem;
        padding-left: .375rem
    }

    .btn-group-lg>.btn+.dropdown-toggle-split,
    .btn-lg+.dropdown-toggle-split,
    .sp-container .btn-group-lg>button+.dropdown-toggle-split {
        padding-right: .75rem;
        padding-left: .75rem
    }

    .btn-group-vertical {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center
    }

    .btn-group-vertical>.btn,
    .btn-group-vertical>.btn-group,
    .sp-container .btn-group-vertical>button {
        width: 100%
    }

    .btn-group-vertical>.btn-group:not(:first-child),
    .btn-group-vertical>.btn:not(:first-child),
    .sp-container .btn-group-vertical>button:not(:first-child) {
        margin-top: -1px
    }

    .btn-group-vertical>.btn-group:not(:last-child)>.btn,
    .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
    .sp-container .btn-group-vertical>.btn-group:not(:last-child)>button,
    .sp-container .btn-group-vertical>button:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group-vertical>.btn-group:not(:first-child)>.btn,
    .btn-group-vertical>.btn:not(:first-child),
    .sp-container .btn-group-vertical>.btn-group:not(:first-child)>button,
    .sp-container .btn-group-vertical>button:not(:first-child) {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .btn-group-toggle>.btn,
    .btn-group-toggle>.btn-group>.btn,
    .sp-container .btn-group-toggle>.btn-group>button,
    .sp-container .btn-group-toggle>button {
        margin-bottom: 0
    }

    .btn-group-toggle>.btn-group>.btn input[type=checkbox],
    .btn-group-toggle>.btn-group>.btn input[type=radio],
    .btn-group-toggle>.btn input[type=checkbox],
    .btn-group-toggle>.btn input[type=radio],
    .sp-container .btn-group-toggle>.btn-group>button input[type=checkbox],
    .sp-container .btn-group-toggle>.btn-group>button input[type=radio],
    .sp-container .btn-group-toggle>button input[type=checkbox],
    .sp-container .btn-group-toggle>button input[type=radio] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        pointer-events: none
    }

    .btn-rounded {
        border-radius: 50px
    }

    .btn-with-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 38px
    }

    .btn-with-icon i {
        line-height: 0;
        font-size: 20px;
        margin-right: 5px
    }

    .btn-with-icon i.typcn {
        line-height: .9
    }

    .btn-with-icon i.fas {
        font-size: 15px
    }

    .btn-with-icon i.icon {
        font-size: 18px
    }

    .btn-icon {
        width: 38px;
        height: 38px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0
    }

    .btn-icon i {
        line-height: 1.5;
        font-size: 18px
    }

    .btn-icon i.typcn {
        line-height: .95
    }

    .btn-icon-list {
        display: flex;
        align-items: center
    }

    .btn-icon-list .btn+.btn,
    .btn-icon-list .sp-container .btn+button,
    .btn-icon-list .sp-container button+.btn,
    .btn-icon-list .sp-container button+button,
    .sp-container .btn-icon-list .btn+button,
    .sp-container .btn-icon-list button+.btn,
    .sp-container .btn-icon-list button+button {
        margin-left: 5px
    }

    .main-icon-group {
        text-align: center;
        padding: 20px;
        color: #3b4863
    }

    .main-icon-group i {
        line-height: 1;
        font-size: 24px
    }

    @media (min-width:992px) {
        .main-icon-group i {
            font-size: 18px
        }
    }

    .card {
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid #e8e8f7;
        border-radius: 3px
    }

    .card-body {
        flex: 1 1 auto;
        padding: 8px
    }

    .main-content-label {
        margin-bottom: 0
    }

    .card>hr {
        margin-right: 0;
        margin-left: 0
    }

    .card>.list-group:first-child .list-group-item:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .card>.list-group:last-child .list-group-item:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .card .card {
        box-shadow: none
    }

    .card-subtitle {
        margin-top: -.375rem
    }

    .card-subtitle,
    .card-text:last-child {
        margin-bottom: 0
    }

    .card-link:hover {
        text-decoration: none
    }

    .card-link+.card-link {
        margin-left: 1.25rem
    }

    .card-header {
        padding: 20px 25px 0;
        margin-bottom: 0;
        border-bottom: 1px solid #e8e8f7;
        background: transparent
    }

    .card-header:first-child {
        border-radius: 2px 2px 0 0
    }

    .card-header+.list-group .list-group-item:first-child {
        border-top: 0
    }

    .card-footer {
        padding: .75rem 1.25rem;
        background: #fff;
        border-top: 1px solid #e8e8f7;
        background: transparent
    }

    .card-footer:last-child {
        border-radius: 11px
    }

    .card-header-tabs {
        margin-bottom: -.75rem;
        border-bottom: 0
    }

    .card-header-pills,
    .card-header-tabs {
        margin-right: -.625rem;
        margin-left: -.625rem
    }

    .card-img-overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 1.25rem
    }

    .card-img {
        width: 100%;
        border-radius: 2px
    }

    .card-img-top {
        width: 100%;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px
    }

    .card-img-bottom {
        width: 100%;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px
    }

    .card-deck {
        display: flex;
        flex-direction: column
    }

    .card-deck .card {
        margin-bottom: 15px
    }

    @media (min-width:576px) {
        .card-deck {
            flex-flow: row wrap;
            margin-right: -15px;
            margin-left: -15px
        }
        .card-deck .card {
            display: flex;
            flex: 1 0 0%;
            flex-direction: column;
            margin-right: 15px;
            margin-bottom: 0;
            margin-left: 15px
        }
    }

    .card-group {
        display: flex;
        flex-direction: column
    }

    .card-group>.card {
        margin-bottom: 15px
    }

    @media (min-width:576px) {
        .card-group {
            flex-flow: row wrap
        }
        .card-group>.card {
            flex: 1 0 0%;
            margin-bottom: 0
        }
        .card-group>.card+.card {
            margin-left: 0;
            border-left: 0
        }
        .card-group>.card:not(:last-child) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }
        .card-group>.card:not(:last-child) .card-header,
        .card-group>.card:not(:last-child) .card-img-top {
            border-top-right-radius: 0
        }
        .card-group>.card:not(:last-child) .card-footer,
        .card-group>.card:not(:last-child) .card-img-bottom {
            border-bottom-right-radius: 0
        }
        .card-group>.card:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }
        .card-group>.card:not(:first-child) .card-header,
        .card-group>.card:not(:first-child) .card-img-top {
            border-top-left-radius: 0
        }
        .card-group>.card:not(:first-child) .card-footer,
        .card-group>.card:not(:first-child) .card-img-bottom {
            border-bottom-left-radius: 0
        }
    }

    .card-columns .card {
        margin-bottom: .75rem
    }

    @media (min-width:576px) {
        .card-columns {
            -moz-column-count: 3;
            column-count: 3;
            -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
            orphans: 1;
            widows: 1
        }
        .card-columns .card {
            display: inline-block;
            width: 100%
        }
    }

    .card {
        border-radius: 11px
    }

    .card.text-white .main-content-label,
    .card.tx-white .main-content-label {
        color: #fff
    }

    .card-footer,
    .card-header {
        position: relative;
        border-color: #f0f0ff;
        padding-left: 25px;
        padding-right: 25px
    }

    .card-header:first-child {
        border-radius: 11px 11px 0 0
    }

    .card-header-tab {
        border-bottom: 0;
        padding: 0
    }

    .main-content-label {
        font-weight: 500;
        color: #3c4858;
        font-size: 14px;
        line-height: 1
    }

    .carousel-control-next-icon svg,
    .carousel-control-prev-icon svg {
        width: 48px;
        height: 48px
    }

    .carousel-indicators li {
        width: 10px;
        height: 10px;
        border-radius: 100%
    }

    .card-item .card-item-icon {
        width: 55px;
        height: 55px;
        top: -15px;
        border-radius: 8px
    }

    .card-item .card-item-title {
        margin-bottom: 2rem
    }

    .card-item .card-item-body {
        display: flex;
        align-items: flex-end;
        justify-content: space-between
    }

    .card-item .card-item-icon {
        width: 45px;
        height: 45px;
        position: absolute;
        right: 20px;
        bottom: 21px;
        top: auto;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .card-item .card-item-icon.card-icon {
        background: rgba(77, 76, 178, .1)
    }

    .card-item .card-item-body .card-item-stat .card-item-figure {
        display: flex;
        font-weight: 500;
        font-size: 1.125rem;
        letter-spacing: .5px;
        color: #383942
    }

    .card-item .card-item-body .card-item-stat small {
        font-size: 85%;
        font-weight: 300;
        text-transform: capitalize;
        color: #8d95b1
    }

    .card-item .card-item-title {
        display: flex;
        flex-direction: column;
        font-size: 1rem;
        margin-bottom: 1rem;
        letter-spacing: 0;
        color: #383942
    }

    .card-item .card-item-title small {
        font-size: 80%;
        font-weight: 300;
        text-transform: capitalize;
        color: #8d95b1
    }

    .card-item .card-item-body .card-item-redirect .btn-card-item-view {
        background: #f4f7fd;
        color: #a5abba;
        font-weight: 300;
        letter-spacing: .5px;
        border: none;
        transition: all, .3s
    }

    .card-dashboard-calendar {
        padding: 20px;
        box-shadow: -7.829px 11.607px 20px 0 #e4e3f5
    }

    .card-dashboard-calendar .main-content-label {
        color: #1c273c;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 15px
    }

    .card-dashboard-calendar .card-body {
        padding: 0
    }

    .card-dashboard-calendar .ui-datepicker-inline {
        border-width: 0;
        max-width: none;
        padding: 0;
        margin: 0
    }

    .card-dashboard-calendar .ui-datepicker .ui-datepicker-header {
        border-bottom: 0;
        padding: 13px 10px;
        margin: auto
    }

    .card-dashboard-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before,
    .card-dashboard-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
        top: 12px
    }

    .card-dashboard-calendar .ui-datepicker .ui-datepicker-calendar {
        width: 100%
    }

    .card-dashboard-calendar .ui-datepicker .ui-datepicker-calendar th {
        font-size: 12px;
        text-align: center
    }

    .card-dashboard-calendar .ui-datepicker .ui-datepicker-calendar td {
        text-align: center
    }

    .card-dashboard-calendar .ui-datepicker .ui-datepicker-calendar td a {
        display: block;
        font-size: 11.7px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .card-dashboard-calendar .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
        color: #fff;
        font-weight: 700;
        border-radius: 0
    }

    @media (min-width:576px) {
        .card-dashboard-calendar .ui-datepicker .ui-datepicker-calendar {
            width: 100%
        }
    }

    .card-dashboard-twentyfour .card-header {
        background-color: transparent;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px 20px 0
    }

    .card-dashboard-twentyfour .main-content-label {
        font-size: 14px;
        margin-bottom: 0
    }

    .card-dashboard-twentyfour .card-body {
        padding: 15px 20px 20px
    }

    .card-dashboard-twentyfour .card-body-top {
        display: flex;
        margin-bottom: 20px
    }

    .card-dashboard-twentyfour .card-body-top h6 {
        color: #8f9cc0;
        font-size: 18px;
        font-weight: 600;
        font-family: Archivo, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        margin-bottom: 0;
        letter-spacing: -.75px
    }

    .card-dashboard-twentyfour .card-body-top h6 small {
        font-weight: 600
    }

    .card-dashboard-twentyfour .card-body-top h6 span {
        color: #a8afc7;
        font-weight: 400;
        letter-spacing: normal
    }

    .card-dashboard-twentyfour .card-body-top label {
        display: block;
        margin-bottom: 0;
        color: #a8afc7;
        font-size: 11px
    }

    .card-dashboard-twentyfour .card-body-top>div+div {
        margin-left: 30px
    }

    .card-dashboard-twentyfour .card-table-two .main-content-label,
    .card-dashboard-twentyfour .main-content-label {
        font-size: 10px;
        color: #8f9cc0;
        letter-spacing: .5px;
        margin-bottom: 0
    }

    @media (min-width:576px) {
        .card-dashboard-twentyfour .card-body-top h6 {
            font-size: 22px
        }
    }

    @media (min-width:576px) {
        .card-dashboard-twentyfour .card-body-top label {
            font-size: .875rem
        }
    }

    .card-dashboard-eight .card-dashboard-twentyfour .main-content-label,
    .card-dashboard-twentyfour .card-dashboard-eight .main-content-label,
    .card-table-two .card-dashboard-twentyfour .main-content-label {
        font-size: 10px;
        color: #8f9cc0;
        letter-spacing: .5px;
        margin-bottom: 0
    }

    .card-dashboard-twentyfour .chart-legend {
        display: flex;
        align-items: center;
        font-size: 10px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: .5px;
        line-height: .6
    }

    .card-dashboard-twentyfour .chart-legend span {
        display: inline-block;
        width: 7px;
        height: 7px;
        margin-right: 5px
    }

    .card-dashboard-twentyfour .chart-legend>div {
        display: flex;
        align-items: center
    }

    .card-dashboard-twentyfour .chart-legend>div+div {
        margin-left: 20px
    }

    .card-dashboard-twentyfour .chart-wrapper {
        position: relative;
        margin-right: -10px
    }

    .card-dashboard-twentyfour .flot-chart {
        width: 100%;
        height: 130px
    }

    .card-dashboard-twentyfive .main-content-label {
        font-size: 14px;
        margin-bottom: 15px
    }

    .card-dashboard-twentyfive .col+.col {
        border-left: 1px solid #e8e8f7
    }

    .card-dashboard-twentyfive .card-label {
        display: block;
        text-transform: uppercase;
        font-size: 11px;
        font-weight: 500;
        letter-spacing: .5px;
        margin-bottom: 2px;
        color: #a8afc7;
        white-space: nowrap
    }

    .card-dashboard-twentyfive .card-value {
        font-size: 22px;
        font-weight: 600;
        font-family: Archivo, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        color: #8f9cc0;
        margin-bottom: 0;
        letter-spacing: -1px
    }

    .card-dashboard-twentyfive .chart-wrapper {
        position: relative;
        margin: 0 -8px -5px
    }

    .card-dashboard-twentyfive .flot-chart {
        width: 100%;
        height: 35px
    }

    .card-dashboard-twentysix .card-header {
        padding: 15px 15px 10px;
        background-color: transparent;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .card-dashboard-twentysix .main-content-label {
        margin-bottom: 0;
        text-transform: uppercase
    }

    .card-dashboard-twentysix .chart-legend {
        display: flex;
        align-items: center
    }

    .card-dashboard-twentysix .chart-legend>div {
        font-size: 10px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: .5px
    }

    .card-dashboard-twentysix .chart-legend>div+div {
        margin-left: 15px
    }

    .card-dashboard-twentysix .chart-legend span {
        display: inline-block;
        width: 8px;
        height: 8px;
        margin-right: 2px
    }

    .card-dashboard-twentysix .card-body {
        padding: 0;
        position: relative;
        overflow: hidden
    }

    .card-dashboard-twentysix .card-body h6 {
        margin-bottom: 0;
        color: #8f9cc0;
        font-size: 22px;
        font-weight: 600;
        font-family: Archivo, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        letter-spacing: -.5px;
        line-height: 1
    }

    .card-dashboard-twentysix .card-body h6 span {
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -1px
    }

    .card-dashboard-twentysix .card-body label {
        font-size: 12px;
        margin-bottom: 0;
        color: #a8afc7
    }

    .card-dashboard-twentysix .chart-wrapper {
        position: relative;
        margin: -30px -18px -15px
    }

    .card-dashboard-twentysix .flot-chart {
        width: 100%;
        height: 120px
    }

    .card-dashboard-twentysix .flot-chart .flot-x-axis>div {
        font-size: 10px;
        letter-spacing: .5px;
        text-transform: uppercase;
        color: hsla(0, 0%, 100%, .75);
        transform: translateY(-20px)
    }

    .card-dashboard-twentysix .flot-chart .flot-y-axis>div {
        font-size: 10px;
        transform: translateX(33px);
        color: rgba(28, 39, 60, .5)
    }

    .card-dashboard-twentysix.card-dark-one .card-body h6,
    .card-dashboard-twentysix.card-dark-one .main-content-label,
    .card-dashboard-twentysix.card-dark-two .card-body h6,
    .card-dashboard-twentysix.card-dark-two .main-content-label {
        color: #fff
    }

    .card-dashboard-twentysix.card-dark-one .card-body h6 span,
    .card-dashboard-twentysix.card-dark-two .card-body h6 span {
        color: hsla(0, 0%, 100%, .5)
    }

    .card-dashboard-twentysix.card-dark-one .card-body label,
    .card-dashboard-twentysix.card-dark-two .card-body label {
        color: hsla(0, 0%, 100%, .7)
    }

    .card-dashboard-twentysix.card-dark-one .flot-chart .flot-y-axis>div,
    .card-dashboard-twentysix.card-dark-two .flot-chart .flot-y-axis>div {
        color: hsla(0, 0%, 100%, .2)
    }

    .card-dashboard-twentysix.card-dark-one {
        background-repeat: repeat-x
    }

    .card-dashboard-twentysix.card-dark-two {
        background-image: linear-gradient(180deg, #0a47ff, #6259ca);
        background-repeat: repeat-x
    }

    .carousel {
        position: relative
    }

    .carousel.pointer-event {
        touch-action: pan-y
    }

    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden
    }

    .carousel-inner:after {
        display: block;
        clear: both;
        content: ""
    }

    .carousel-item {
        position: relative;
        display: none;
        float: left;
        width: 100%;
        margin-right: -100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition: opacity .15s linear
    }

    .carousel-item.active {
        display: block
    }

    @media (prefers-reduced-motion:reduce) {
        .carousel-item {
            transition: none
        }
    }

    .carousel-item-next,
    .carousel-item-prev {
        display: block
    }

    .active.carousel-item-right,
    .carousel-item-next:not(.carousel-item-left) {
        transform: translateX(100%)
    }

    .active.carousel-item-left,
    .carousel-item-prev:not(.carousel-item-right) {
        transform: translateX(-100%)
    }

    .carousel-fade .carousel-item {
        opacity: 0;
        transition-property: opacity;
        transform: none
    }

    .carousel-fade .carousel-item-next.carousel-item-left,
    .carousel-fade .carousel-item-prev.carousel-item-right,
    .carousel-fade .carousel-item.active {
        z-index: 0;
        opacity: 1
    }

    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        z-index: 0;
        opacity: 0;
        transition: opacity 0s .6s
    }

    @media (prefers-reduced-motion:reduce) {
        .carousel-fade .active.carousel-item-left,
        .carousel-fade .active.carousel-item-right {
            transition: none
        }
    }

    .carousel-control-next,
    .carousel-control-prev {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 15%;
        color: #fff;
        text-align: center;
        opacity: .5;
        transition: opacity .15s ease
    }

    @media (prefers-reduced-motion:reduce) {
        .carousel-control-next,
        .carousel-control-prev {
            transition: none
        }
    }

    .carousel-control-next:focus,
    .carousel-control-next:hover,
    .carousel-control-prev:focus,
    .carousel-control-prev:hover {
        color: #fff;
        text-decoration: none;
        outline: 0;
        opacity: .9
    }

    .carousel-control-prev {
        left: 0
    }

    .carousel-control-next {
        right: 0
    }

    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: no-repeat 50%/100% 100%
    }

    .carousel-control-prev-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3E%3C/svg%3E")
    }

    .carousel-control-next-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E")
    }

    .carousel-indicators {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 15;
        display: flex;
        justify-content: center;
        padding-left: 0;
        margin-right: 15%;
        margin-left: 15%;
        list-style: none
    }

    .carousel-indicators li {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: .5;
        transition: opacity .6s ease
    }

    .carousel-indicators .active {
        opacity: 1
    }

    @media (prefers-reduced-motion:reduce) {
        .carousel-indicators li {
            transition: none
        }
    }

    .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 20px;
        left: 15%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center
    }

    @-webkit-keyframes spinner-border {
        to {
            transform: rotate(1turn)
        }
    }

    .dropdown,
    .dropleft,
    .dropright,
    .dropup {
        position: relative
    }

    .dropdown-toggle {
        white-space: nowrap
    }

    .dropdown-toggle:empty:after {
        margin-left: 0
    }

    .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 10rem;
        padding: .5rem 0;
        margin: .125rem 0 0;
        font-size: .875rem;
        color: #8f9cc0;
        text-align: left;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #fff;
        border-radius: 0;
        box-shadow: -8px 12px 18px 0 rgba(21, 21, 62, .3)
    }

    .dropdown-menu-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-right {
        right: 0;
        left: auto
    }

    @media (min-width:576px) {
        .dropdown-menu-sm-left {
            right: auto;
            left: 0
        }
        .dropdown-menu-sm-right {
            right: 0;
            left: auto
        }
    }

    @media (min-width:768px) {
        .dropdown-menu-md-left {
            right: auto;
            left: 0
        }
        .dropdown-menu-md-right {
            right: 0;
            left: auto
        }
    }

    @media (min-width:992px) {
        .dropdown-menu-lg-left {
            right: auto;
            left: 0
        }
        .dropdown-menu-lg-right {
            right: 0;
            left: auto
        }
        .header-search {
            display: none
        }
    }

    @media (min-width:1200px) {
        .dropdown-menu-xl-left {
            right: auto;
            left: 0
        }
        .dropdown-menu-xl-right {
            right: 0;
            left: auto
        }
    }

    .dropup .dropdown-menu {
        top: auto;
        bottom: 100%;
        margin-top: 0;
        margin-bottom: .125rem
    }

    .dropup .dropdown-toggle:after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: 0;
        border-right: .3em solid transparent;
        border-bottom: .3em solid;
        border-left: .3em solid transparent
    }

    .dropup .dropdown-toggle:empty:after {
        margin-left: 0
    }

    .dropright .dropdown-menu {
        top: 0;
        right: auto;
        left: 100%;
        margin-top: 0;
        margin-left: .125rem
    }

    .dropright .dropdown-toggle:after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid transparent;
        border-right: 0;
        border-bottom: .3em solid transparent;
        border-left: .3em solid
    }

    .dropright .dropdown-toggle:empty:after {
        margin-left: 0
    }

    .dropright .dropdown-toggle:after {
        vertical-align: 0
    }

    .dropleft .dropdown-menu {
        top: 0;
        right: 100%;
        left: auto;
        margin-top: 0;
        margin-right: .125rem
    }

    .dropleft .dropdown-toggle:after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        display: none
    }

    .dropleft .dropdown-toggle:before {
        display: inline-block;
        margin-right: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid transparent;
        border-right: .3em solid;
        border-bottom: .3em solid transparent
    }

    .dropleft .dropdown-toggle:empty:after {
        margin-left: 0
    }

    .dropleft .dropdown-toggle:before {
        vertical-align: 0
    }

    .dropdown-menu[x-placement^=bottom],
    .dropdown-menu[x-placement^=left],
    .dropdown-menu[x-placement^=right],
    .dropdown-menu[x-placement^=top] {
        right: auto;
        bottom: auto
    }

    .dropdown-divider {
        height: 0;
        margin: .5rem 0;
        overflow: hidden;
        border-top: 1px solid #e8e8f7
    }

    .dropdown-item {
        display: block;
        width: 100%;
        padding: .25rem 1.5rem;
        clear: both;
        font-weight: 400;
        color: #647194;
        text-align: inherit;
        white-space: nowrap;
        background-color: transparent;
        border: 0
    }

    .dropdown-item:focus,
    .dropdown-item:hover {
        color: #141c2b;
        text-decoration: none;
        background-color: #f1f2f9
    }

    .dropdown-item.disabled,
    .dropdown-item:disabled {
        color: #a8afc7;
        pointer-events: none;
        background-color: transparent
    }

    .dropdown-menu.show {
        display: block
    }

    .dropdown-header {
        display: block;
        padding: .5rem 1.5rem;
        margin-bottom: 0;
        font-size: .76562rem;
        color: #a8afc7;
        white-space: nowrap
    }

    .dropdown-item-text {
        display: block;
        padding: .25rem 1.5rem;
        color: #8f9cc0
    }

    .dropdown-menu {
        padding: 0;
        border-width: 1px;
        border-radius: 4px
    }

    .dropdown-item {
        padding: 8px 15px;
        font-size: 13px
    }

    .dropdown-header {
        padding-left: 15px;
        padding-right: 15px
    }

    .dropdown-menu .main-form-search {
        flex: 1;
        width: 100%;
        position: relative
    }

    .dropdown-menu .main-header-center .select2-container--default .select2-selection--single {
        border-radius: 6px 0 0 6px;
        background: #eaebfa;
        height: 40px;
        width: 200px!important
    }

    .dropdown-menu .main-header-center .search-btn {
        padding: .375rem .85rem .4rem .7rem;
        border-radius: 0 6px 6px 0;
        color: #fff;
        display: inline-block
    }

    .dropdown-menu .main-form-search .btn,
    .dropdown-menu .main-form-search .sp-container button,
    .dropdown-menu .sp-container .main-form-search button {
        display: inline-block;
        position: static;
        padding: .375rem .85rem .4rem .7rem;
        border-radius: 0 6px 6px 0;
        color: #fff
    }

    .dropdown-menu .main-header-center .form-control {
        background: #eaebfa;
        border: 1px solid #e6eaff;
        transition: none;
        height: 40px;
        border-radius: 0
    }

    .dropdown-menu .input-group {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        width: 100%
    }

    .form-control {
        display: block;
        width: 100%;
        height: calc(1.5em + .75rem + 2px);
        padding: .375rem .75rem;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.5;
        color: #a8afc7;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #e8e8f7;
        border-radius: 3px;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
    }

    .form-control::-ms-expand {
        background-color: transparent;
        border: 0
    }

    .form-control:focus {
        color: #8f9cc0;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(135, 96, 251, .25)
    }

    .form-control::-moz-placeholder {
        color: #a8afc7;
        opacity: 1
    }

    .form-control:-ms-input-placeholder {
        color: #a8afc7;
        opacity: 1
    }

    .form-control::placeholder {
        color: #a8afc7;
        opacity: 1
    }

    .form-control:disabled,
    .form-control[readonly] {
        background-color: #f6f6ff;
        opacity: 1
    }

    @media (prefers-reduced-motion:reduce) {
        .form-control {
            transition: none
        }
    }

    select.form-control:focus::-ms-value {
        color: #8f9cc0;
        background-color: #fff
    }

    .form-control-file,
    .form-control-range {
        display: block;
        width: 100%
    }

    .col-form-label {
        padding-top: calc(.375rem + 1px);
        padding-bottom: calc(.375rem + 1px);
        margin-bottom: 0;
        font-size: inherit;
        line-height: 1.5
    }

    .col-form-label-lg {
        padding-top: calc(.5rem + 1px);
        padding-bottom: calc(.5rem + 1px);
        font-size: 1.09375rem;
        line-height: 1.5
    }

    .col-form-label-sm {
        padding-top: calc(.25rem + 1px);
        padding-bottom: calc(.25rem + 1px);
        font-size: .76562rem;
        line-height: 1.5
    }

    .form-control-plaintext {
        display: block;
        width: 100%;
        padding-top: .375rem;
        padding-bottom: .375rem;
        margin-bottom: 0;
        line-height: 1.5;
        color: #8f9cc0;
        background-color: transparent;
        border: solid transparent;
        border-width: 1px 0
    }

    .form-control-plaintext.form-control-lg,
    .form-control-plaintext.form-control-sm {
        padding-right: 0;
        padding-left: 0
    }

    .form-control-sm {
        height: calc(1.5em + .5rem + 2px);
        padding: .25rem .5rem;
        font-size: .76562rem;
        line-height: 1.5;
        border-radius: .2rem
    }

    .form-control-lg {
        height: calc(1.5em + 1rem + 2px);
        padding: .5rem 1rem;
        font-size: 1.09375rem;
        line-height: 1.5;
        border-radius: .3rem
    }

    select.form-control[multiple],
    select.form-control[size],
    textarea.form-control {
        height: auto
    }

    .form-group {
        margin-bottom: 1rem
    }

    .form-text {
        display: block;
        margin-top: .25rem
    }

    .form-row {
        display: flex;
        flex-wrap: wrap;
        margin-right: -5px;
        margin-left: -5px
    }

    .form-row>.col,
    .form-row>[class*=col-] {
        padding-right: 5px;
        padding-left: 5px
    }

    .form-check {
        position: relative;
        display: block;
        padding-left: 1.25rem
    }

    .form-check-input {
        position: absolute;
        margin-top: .3rem;
        margin-left: -1.25rem
    }

    .form-check-input:disabled~.form-check-label {
        color: #a8afc7
    }

    .form-check-label {
        margin-bottom: 0
    }

    .form-check-inline {
        display: inline-flex;
        align-items: center;
        padding-left: 0;
        margin-right: .75rem
    }

    .form-check-inline .form-check-input {
        position: static;
        margin-top: 0;
        margin-right: .3125rem;
        margin-left: 0
    }

    .form-inline {
        display: flex;
        flex-flow: row wrap;
        align-items: center
    }

    .form-inline .form-check {
        width: 100%
    }

    @media (min-width:576px) {
        .form-inline label {
            justify-content: center
        }
        .form-inline .form-group,
        .form-inline label {
            display: flex;
            align-items: center;
            margin-bottom: 0
        }
        .form-inline .form-group {
            flex: 0 0 auto;
            flex-flow: row wrap
        }
        .form-inline .form-control {
            display: inline-block;
            width: auto;
            vertical-align: middle
        }
        .form-inline .form-control-plaintext {
            display: inline-block
        }
        .form-inline .custom-select,
        .form-inline .input-group {
            width: auto
        }
        .form-inline .form-check {
            display: flex;
            align-items: center;
            justify-content: center;
            width: auto;
            padding-left: 0
        }
        .form-inline .form-check-input {
            position: relative;
            flex-shrink: 0;
            margin-top: 0;
            margin-right: .25rem;
            margin-left: 0
        }
        .form-inline .custom-control {
            align-items: center;
            justify-content: center
        }
        .form-inline .custom-control-label {
            margin-bottom: 0
        }
    }

    .form-control {
        height: 38px;
        border-radius: 5px
    }

    .form-control:focus {
        border-color: #a8afc7;
        box-shadow: none
    }

    .custom-file,
    .custom-file-input {
        height: 38px
    }

    .custom-file-label {
        height: 38px;
        line-height: 1.8
    }

    .custom-file-label:after {
        line-height: 1.8;
        border-radius: 0;
        height: auto
    }

    .form-label {
        display: block;
        margin-bottom: 5px;
        color: #8f9cc0
    }

    .file-browser .btn-default {
        border-top-right-radius: 6px!important;
        border-bottom-right-radius: 6px!important;
        padding: .46rem 15px;
        color: #fff;
        border-radius: 0;
        border: 1px solid #e2e8f5
    }

    .main-form-group {
        padding: 12px 15px;
        border: 1px solid #e8e8f7
    }

    .main-form-group.focus {
        border-color: #b4bdce;
        box-shadow: 0 0 0 2px rgba(91, 71, 251, .16)
    }

    .main-form-group .form-label {
        font-size: 13px;
        margin-bottom: 2px;
        font-weight: 400;
        color: #a8afc7
    }

    .main-form-group .form-control {
        padding: 0;
        border-width: 0;
        height: 25px;
        color: #8f9cc0;
        font-weight: 500
    }

    .main-form-group .form-control:focus {
        box-shadow: none
    }

    .row-sm {
        margin-left: -10px;
        margin-right: -10px
    }

    .row-sm>div {
        padding-left: 10px;
        padding-right: 10px
    }

    .row-xs {
        margin-left: -5px;
        margin-right: -5px
    }

    .row-xs>div {
        padding-left: 5px;
        padding-right: 5px
    }

    @media (min-width:576px) {
        .row-xs--sm {
            margin-left: -5px;
            margin-right: -5px
        }
        .row-xs--sm>div {
            padding-left: 5px;
            padding-right: 5px
        }
        .row-sm--sm {
            margin-left: -10px;
            margin-right: -10px
        }
        .row-sm--sm>div {
            padding-left: 10px;
            padding-right: 10px
        }
        .row--sm {
            margin-left: -15px;
            margin-right: -15px
        }
        .row--sm>div {
            padding-left: 15px;
            padding-right: 15px
        }
    }

    @media (min-width:768px) {
        .row-xs--md {
            margin-left: -5px;
            margin-right: -5px
        }
        .row-xs--md>div {
            padding-left: 5px;
            padding-right: 5px
        }
        .row-sm--md {
            margin-left: -10px;
            margin-right: -10px
        }
        .row-sm--md>div {
            padding-left: 10px;
            padding-right: 10px
        }
        .row--md {
            margin-left: -15px;
            margin-right: -15px
        }
        .row--md>div {
            padding-left: 15px;
            padding-right: 15px
        }
    }

    @media (min-width:992px) {
        .row-xs--lg {
            margin-left: -5px;
            margin-right: -5px
        }
        .row-xs--lg>div {
            padding-left: 5px;
            padding-right: 5px
        }
        .row-sm--lg {
            margin-left: -10px;
            margin-right: -10px
        }
        .row-sm--lg>div {
            padding-left: 10px;
            padding-right: 10px
        }
        .row--lg {
            margin-left: -15px;
            margin-right: -15px
        }
        .row--lg>div {
            padding-left: 15px;
            padding-right: 15px
        }
    }

    @media (min-width:1200px) {
        .row-xs--xl {
            margin-left: -5px;
            margin-right: -5px
        }
        .row-xs--xl>div {
            padding-left: 5px;
            padding-right: 5px
        }
        .row-sm--xl {
            margin-left: -10px;
            margin-right: -10px
        }
        .row-sm--xl>div {
            padding-left: 10px;
            padding-right: 10px
        }
        .row--xl {
            margin-left: -15px;
            margin-right: -15px
        }
        .row--xl>div {
            padding-left: 15px;
            padding-right: 15px
        }
    }

    .input-group-append,
    .input-group-prepend {
        border-radius: 0
    }

    .input-group-text {
        padding-top: 0;
        padding-bottom: 0;
        border-radius: 0
    }

    .input-group {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        width: 100%
    }

    .input-group>.custom-file,
    .input-group>.custom-select,
    .input-group>.form-control,
    .input-group>.form-control-plaintext {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        margin-bottom: 0
    }

    .input-group>.custom-file+.custom-file,
    .input-group>.custom-file+.custom-select,
    .input-group>.custom-file+.form-control,
    .input-group>.custom-select+.custom-file,
    .input-group>.custom-select+.custom-select,
    .input-group>.custom-select+.form-control,
    .input-group>.form-control+.custom-file,
    .input-group>.form-control+.custom-select,
    .input-group>.form-control+.form-control,
    .input-group>.form-control-plaintext+.custom-file,
    .input-group>.form-control-plaintext+.custom-select,
    .input-group>.form-control-plaintext+.form-control {
        margin-left: -1px
    }

    .input-group>.custom-select:focus,
    .input-group>.form-control:focus {
        z-index: 3
    }

    .input-group>.custom-file .custom-file-input:focus {
        z-index: 4
    }

    .input-group>.custom-file .custom-file-input:focus~.custom-file-label {
        z-index: 3
    }

    .input-group>.custom-select:not(:last-child),
    .input-group>.form-control:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .input-group>.custom-select:not(:first-child),
    .input-group>.form-control:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .input-group>.custom-file {
        display: flex;
        align-items: center
    }

    .input-group>.custom-file:not(:last-child) .custom-file-label,
    .input-group>.custom-file:not(:last-child) .custom-file-label:after {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .input-group>.custom-file:not(:first-child) .custom-file-label {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .input-group-append,
    .input-group-prepend {
        display: flex
    }

    .input-group-append .btn,
    .input-group-append .sp-container button,
    .input-group-prepend .btn,
    .input-group-prepend .sp-container button,
    .sp-container .input-group-append button,
    .sp-container .input-group-prepend button {
        position: relative;
        z-index: 0
    }

    .input-group-append .btn:focus,
    .input-group-append .sp-container button:focus,
    .input-group-prepend .btn:focus,
    .input-group-prepend .sp-container button:focus,
    .sp-container .input-group-append button:focus,
    .sp-container .input-group-prepend button:focus {
        z-index: 3
    }

    .input-group-append .btn+.btn,
    .input-group-append .btn+.input-group-text,
    .input-group-append .input-group-text+.btn,
    .input-group-append .input-group-text+.input-group-text,
    .input-group-append .sp-container .btn+button,
    .input-group-append .sp-container .input-group-text+button,
    .input-group-append .sp-container button+.btn,
    .input-group-append .sp-container button+.input-group-text,
    .input-group-append .sp-container button+button,
    .input-group-prepend .btn+.btn,
    .input-group-prepend .btn+.input-group-text,
    .input-group-prepend .input-group-text+.btn,
    .input-group-prepend .input-group-text+.input-group-text,
    .input-group-prepend .sp-container .btn+button,
    .input-group-prepend .sp-container .input-group-text+button,
    .input-group-prepend .sp-container button+.btn,
    .input-group-prepend .sp-container button+.input-group-text,
    .input-group-prepend .sp-container button+button,
    .sp-container .input-group-append .btn+button,
    .sp-container .input-group-append .input-group-text+button,
    .sp-container .input-group-append button+.btn,
    .sp-container .input-group-append button+.input-group-text,
    .sp-container .input-group-append button+button,
    .sp-container .input-group-prepend .btn+button,
    .sp-container .input-group-prepend .input-group-text+button,
    .sp-container .input-group-prepend button+.btn,
    .sp-container .input-group-prepend button+.input-group-text,
    .sp-container .input-group-prepend button+button {
        margin-left: -1px
    }

    .input-group-prepend {
        margin-right: -1px
    }

    .input-group-append {
        margin-left: -1px
    }

    .input-group-text {
        display: flex;
        align-items: center;
        padding: .375rem .75rem;
        margin-bottom: 0;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.5;
        color: #3c4858;
        text-align: center;
        white-space: nowrap;
        background-color: #f6f6ff;
        border: 1px solid #e8e8f7;
        border-radius: 3px
    }

    .input-group-text input[type=checkbox],
    .input-group-text input[type=radio] {
        margin-top: 0
    }

    .input-group-lg>.custom-select,
    .input-group-lg>.form-control:not(textarea) {
        height: calc(1.5em + 1rem + 2px)
    }

    .input-group-lg>.custom-select,
    .input-group-lg>.form-control,
    .input-group-lg>.input-group-append>.btn,
    .input-group-lg>.input-group-append>.input-group-text,
    .input-group-lg>.input-group-prepend>.btn,
    .input-group-lg>.input-group-prepend>.input-group-text,
    .sp-container .input-group-lg>.input-group-append>button,
    .sp-container .input-group-lg>.input-group-prepend>button {
        padding: .5rem 1rem;
        font-size: 1.09375rem;
        line-height: 1.5;
        border-radius: 0
    }

    .input-group-sm>.custom-select,
    .input-group-sm>.form-control:not(textarea) {
        height: calc(1.5em + .5rem + 2px)
    }

    .input-group-sm>.custom-select,
    .input-group-sm>.form-control,
    .input-group-sm>.input-group-append>.btn,
    .input-group-sm>.input-group-append>.input-group-text,
    .input-group-sm>.input-group-prepend>.btn,
    .input-group-sm>.input-group-prepend>.input-group-text,
    .sp-container .input-group-sm>.input-group-append>button,
    .sp-container .input-group-sm>.input-group-prepend>button {
        padding: .25rem .5rem;
        font-size: .76562rem;
        line-height: 1.5;
        border-radius: 0
    }

    .input-group-lg>.custom-select,
    .input-group-sm>.custom-select {
        padding-right: 1.75rem
    }

    .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
    .input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
    .input-group>.input-group-append:not(:last-child)>.btn,
    .input-group>.input-group-append:not(:last-child)>.input-group-text,
    .input-group>.input-group-prepend>.btn,
    .input-group>.input-group-prepend>.input-group-text,
    .sp-container .input-group>.input-group-append:last-child>button:not(:last-child):not(.dropdown-toggle),
    .sp-container .input-group>.input-group-append:not(:last-child)>button,
    .sp-container .input-group>.input-group-prepend>button {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .input-group>.input-group-append>.btn,
    .input-group>.input-group-append>.input-group-text,
    .input-group>.input-group-prepend:first-child>.btn:not(:first-child),
    .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
    .input-group>.input-group-prepend:not(:first-child)>.btn,
    .input-group>.input-group-prepend:not(:first-child)>.input-group-text,
    .sp-container .input-group>.input-group-append>button,
    .sp-container .input-group>.input-group-prepend:first-child>button:not(:first-child),
    .sp-container .input-group>.input-group-prepend:not(:first-child)>button {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .modal.animated .modal-dialog {
        transform: translate(0)
    }

    .modal.effect-scale .modal-dialog {
        transform: scale(.7);
        opacity: 0;
        transition: all .3s
    }

    .modal.effect-scale.show .modal-dialog {
        transform: scale(1);
        opacity: 1
    }

    .modal.effect-slide-in-right .modal-dialog {
        transform: translateX(20%);
        opacity: 0;
        transition: all .3s cubic-bezier(.25, .5, .5, .9)
    }

    .modal.effect-slide-in-right.show .modal-dialog {
        transform: translateX(0);
        opacity: 1
    }

    .modal.effect-slide-in-bottom .modal-dialog {
        transform: translateY(20%);
        opacity: 0;
        transition: all .3s
    }

    .modal.effect-slide-in-bottom.show .modal-dialog {
        transform: translateY(0);
        opacity: 1
    }

    .modal.effect-newspaper .modal-dialog {
        transform: scale(0) rotate(2turn);
        opacity: 0
    }

    .modal.effect-newspaper .modal-dialog,
    .modal.effect-newspaper.show~.modal-backdrop {
        transition: all .5s
    }

    .modal.effect-newspaper.show .modal-dialog {
        transform: scale(1) rotate(0deg);
        opacity: 1
    }

    .modal.effect-fall {
        perspective: 1300px
    }

    .modal.effect-fall .modal-dialog {
        transform-style: preserve-3d;
        transform: translateZ(600px) rotateX(20deg);
        opacity: 0
    }

    .modal.effect-fall.show .modal-dialog {
        transition: all .3s ease-in;
        transform: translateZ(0) rotateX(0deg);
        opacity: 1
    }

    .modal.effect-flip-horizontal {
        perspective: 1300px
    }

    .modal.effect-flip-horizontal .modal-dialog {
        transform-style: preserve-3d;
        transform: rotateY(-70deg);
        transition: all .3s;
        opacity: 0
    }

    .modal.effect-flip-horizontal.show .modal-dialog {
        transform: rotateY(0deg);
        opacity: 1
    }

    .modal.effect-flip-vertical {
        perspective: 1300px
    }

    .modal.effect-flip-vertical .modal-dialog {
        transform-style: preserve-3d;
        transform: rotateX(-70deg);
        transition: all .3s;
        opacity: 0
    }

    .modal.effect-flip-vertical.show .modal-dialog {
        transform: rotateX(0deg);
        opacity: 1
    }

    .modal.effect-super-scaled .modal-dialog {
        transform: scale(2);
        opacity: 0;
        transition: all .3s
    }

    .modal.effect-super-scaled.show .modal-dialog {
        transform: scale(1);
        opacity: 1
    }

    .modal.effect-sign {
        perspective: 1300px
    }

    .modal.effect-sign .modal-dialog {
        transform-style: preserve-3d;
        transform: rotateX(-60deg);
        transform-origin: 50% 0;
        opacity: 0;
        transition: all .3s
    }

    .modal.effect-sign.show .modal-dialog {
        transform: rotateX(0deg);
        opacity: 1
    }

    .modal.effect-rotate-bottom {
        perspective: 1300px
    }

    .modal.effect-rotate-bottom .modal-dialog {
        transform-style: preserve-3d;
        transform: translateY(100%) rotateX(90deg);
        transform-origin: 0 100%;
        opacity: 0;
        transition: all .3s ease-out
    }

    .modal.effect-rotate-bottom.show .modal-dialog {
        transform: translateY(0) rotateX(0deg);
        opacity: 1
    }

    .modal.effect-rotate-left {
        perspective: 1300px
    }

    .modal.effect-rotate-left .modal-dialog {
        transform-style: preserve-3d;
        transform: translateZ(100px) translateX(-30%) rotateY(90deg);
        transform-origin: 0 100%;
        opacity: 0;
        transition: all .3s
    }

    .modal.effect-rotate-left.show .modal-dialog {
        transform: translateZ(0) translateX(0) rotateY(0deg);
        opacity: 1
    }

    .modal.effect-just-me .modal-dialog {
        transform: scale(.8);
        opacity: 0;
        transition: all .3s
    }

    .modal.effect-just-me .close {
        text-shadow: none;
        color: #fff
    }

    .modal.effect-just-me .modal-header {
        background-color: transparent;
        border-bottom-color: hsla(0, 0%, 100%, .1)
    }

    .modal.effect-just-me .modal-header h6 {
        color: #fff;
        font-weight: 500
    }

    .modal.effect-just-me .modal-content {
        background: #000
    }

    .modal.effect-just-me .modal-body {
        color: hsla(0, 0%, 100%, .8)
    }

    .modal.effect-just-me .modal-body h6 {
        color: #fff
    }

    .modal.effect-just-me .modal-footer {
        background-color: transparent;
        border-top-color: hsla(0, 0%, 100%, .1)
    }

    .modal.effect-just-me.show~.modal-backdrop {
        opacity: .96
    }

    .modal.effect-just-me.show .modal-dialog {
        transform: scale(1);
        opacity: 1
    }

    .media {
        display: flex;
        align-items: flex-start
    }

    .media-body {
        flex: 1
    }

    .close {
        float: right;
        font-size: 1.3125rem;
        font-weight: 700;
        line-height: 1;
        color: #4a526f;
        text-shadow: 0 1px 0 #fff
    }

    .close:hover {
        color: #8f9cc0;
        text-decoration: none
    }

    button.close {
        padding: 0;
        background-color: transparent;
        border: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: none
    }

    a.close.disabled {
        pointer-events: none
    }

    .modal-open {
        overflow: hidden
    }

    .modal-open .select2-container--open {
        z-index: 9999
    }

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto
    }

    .modal {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        display: none;
        width: 100%;
        height: 100%;
        overflow: hidden;
        outline: 0
    }

    .modal-dialog {
        position: relative;
        width: auto;
        margin: .5rem;
        pointer-events: none
    }

    .modal.fade .modal-dialog {
        transition: transform .3s ease-out;
        transform: translateY(-50px)
    }

    .modal.show .modal-dialog {
        transform: none
    }

    @media (prefers-reduced-motion:reduce) {
        .modal.fade .modal-dialog {
            transition: none
        }
    }

    .modal-dialog-scrollable {
        display: flex;
        max-height: calc(100% - 1rem)
    }

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 1rem);
        overflow: hidden
    }

    .modal-dialog-scrollable .modal-footer,
    .modal-dialog-scrollable .modal-header {
        flex-shrink: 0
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto
    }

    .modal-dialog-centered {
        display: flex;
        align-items: center;
        min-height: calc(100% - 1rem)
    }

    .modal-dialog-centered:before {
        display: block;
        height: calc(100vh - 1rem);
        content: ""
    }

    .modal-dialog-centered.modal-dialog-scrollable {
        flex-direction: column;
        justify-content: center;
        height: 100%
    }

    .modal-dialog-centered.modal-dialog-scrollable .modal-content {
        max-height: none
    }

    .modal-dialog-centered.modal-dialog-scrollable:before {
        content: none
    }

    .modal-content {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        pointer-events: auto;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #e8e8f7;
        outline: 0;
        box-shadow: 0 0 0 1px rgba(0, 0, 0, .12), 0 8px 16px 0 rgba(0, 0, 0, .24)
    }

    .modal-backdrop {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1040;
        width: 100vw;
        height: 100vh;
        background-color: #202029
    }

    .modal-backdrop.fade {
        opacity: 0
    }

    .modal-backdrop.show {
        opacity: .5
    }

    .modal-header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding: 1rem;
        border-bottom: 1px solid #e8e8f7;
        border-top-left-radius: .3rem;
        border-top-right-radius: .3rem
    }

    .modal-header .close {
        padding: 1rem;
        margin: -1rem -1rem -1rem auto
    }

    .modal-title {
        margin-bottom: 0;
        line-height: 1.5
    }

    .modal-body {
        position: relative;
        flex: 1 1 auto;
        padding: 1rem
    }

    .modal-footer {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 1rem;
        border-top: 1px solid #e8e8f7;
        border-bottom-right-radius: .3rem;
        border-bottom-left-radius: .3rem
    }

    .modal-footer>:not(:first-child) {
        margin-left: .25rem
    }

    .modal-footer>:not(:last-child) {
        margin-right: .25rem
    }

    .modal-scrollbar-measure {
        position: absolute;
        top: -9999px;
        width: 50px;
        height: 50px;
        overflow: scroll
    }

    @media (min-width:576px) {
        .modal-dialog {
            max-width: 500px;
            margin: 1.75rem auto
        }
        .modal-dialog-scrollable {
            max-height: calc(100% - 3.5rem)
        }
        .modal-dialog-scrollable .modal-content {
            max-height: calc(100vh - 3.5rem)
        }
        .modal-dialog-centered {
            min-height: calc(100% - 3.5rem)
        }
        .modal-dialog-centered:before {
            height: calc(100vh - 3.5rem)
        }
        .modal-sm {
            max-width: 300px
        }
    }

    @media (min-width:992px) {
        .modal-lg,
        .modal-xl {
            max-width: 800px
        }
    }

    @media (min-width:1200px) {
        .modal-xl {
            max-width: 1140px
        }
    }

    .modal-content-demo .modal-body h6 {
        color: #1d212f;
        font-size: 15px;
        margin-bottom: 15px
    }

    .modal-content-demo .modal-body p {
        margin-bottom: 0
    }

    input[type=button].btn-block,
    input[type=reset].btn-block,
    input[type=submit].btn-block {
        width: 100%
    }

    .fade {
        transition: opacity .15s linear
    }

    .fade:not(.show) {
        opacity: 0
    }

    @media (prefers-reduced-motion:reduce) {
        .fade {
            transition: none
        }
    }

    modal-backdrop {
        background-color: #0a0a0a
    }

    .modal-backdrop.show {
        opacity: .8
    }

    .modal-content {
        border-radius: 0;
        border-width: 0
    }

    .modal-content .close {
        font-size: 28px;
        padding: 0;
        margin: 0;
        line-height: .5
    }

    .modal-header {
        align-items: center;
        padding: 15px
    }

    .modal-header .modal-title {
        margin-bottom: 0
    }

    @media (min-width:576px) {
        .modal-header {
            padding: 15px 20px
        }
    }

    @media (min-width:992px) {
        .modal-header {
            padding: 20px
        }
    }

    @media (min-width:1200px) {
        .modal-header {
            padding: 20px 25px
        }
    }

    .modal-title {
        font-size: 16px;
        font-weight: 700;
        color: #4a526f;
        line-height: 1
    }

    .modal-body {
        padding: 25px
    }

    .nav-link:active,
    .nav-link:focus,
    .nav-link:hover {
        outline: none
    }

    .nav-pills .nav-link {
        color: #3c4858
    }

    .nav-pills .nav-link:focus,
    .nav-pills .nav-link:hover {
        color: #8f9cc0
    }

    .nav-pills .nav-link.active {
        border-radius: 2px
    }

    .nav-pills .nav-link.active:focus,
    .nav-pills .nav-link.active:hover {
        color: #fff
    }

    .nav-dark .nav-link {
        color: #a8afc7
    }

    .nav-dark .nav-link:focus,
    .nav-dark .nav-link:hover {
        color: #fff
    }

    .nav-tabs {
        border-bottom-width: 0
    }

    .nav-tabs .nav-link {
        background-color: hsla(0, 0%, 100%, .3);
        border-width: 0;
        border-radius: 0;
        padding: 10px 15px;
        line-height: 1.428;
        color: #3c4858
    }

    .nav-tabs .nav-link+.nav-link {
        margin-left: 3px
    }

    .nav-tabs .nav-link.active {
        color: #8f9cc0;
        font-weight: 500;
        letter-spacing: -.1px
    }

    @media (min-width:768px) {
        .nav-tabs .nav-link {
            padding: 10px 20px
        }
    }

    @media (min-width:768px) {
        .main-nav {
            align-items: center
        }
    }

    .main-nav .nav-link {
        display: block;
        color: #3c4858;
        padding: 0;
        position: relative;
        line-height: normal
    }

    .main-nav .nav-link:focus,
    .main-nav .nav-link:hover {
        color: #8f9cc0
    }

    .main-nav .nav-link+.nav-link {
        padding-top: 12px;
        margin-top: 12px
    }

    @media (min-width:768px) {
        .main-nav .nav-link+.nav-link {
            padding-top: 0;
            margin-top: 0;
            border-top: 0;
            padding-left: 15px;
            margin-left: 15px
        }
    }

    .main-nav-column {
        flex-direction: column
    }

    .main-nav-column .nav-link {
        padding: 0;
        height: 38px;
        color: #606c8c;
        display: flex;
        align-items: center;
        justify-content: flex-start
    }

    .main-nav-column .nav-link i {
        font-size: 18px;
        line-height: 0;
        width: 24px;
        margin-right: 12px;
        text-align: center;
        transition: all .2s ease-in-out;
        line-height: .9
    }

    .main-nav-column .nav-link i:not([class*=" tx-"]) {
        color: #606c8c
    }

    .main-nav-column .nav-link span {
        font-weight: 400;
        font-size: 11px;
        margin-left: auto
    }

    .main-nav-column .nav-link:focus,
    .main-nav-column .nav-link:focus i:not([class*=" tx-"]),
    .main-nav-column .nav-link:hover,
    .main-nav-column .nav-link:hover i:not([class*=" tx-"]) {
        color: #8f9cc0
    }

    .main-nav-column .nav-link.active {
        position: relative
    }

    .main-nav-column .nav-link.active:before {
        content: "";
        position: absolute;
        top: 6px;
        bottom: 6px;
        left: -28px;
        width: 3px;
        border-radius: 3px;
        display: none
    }

    .main-nav-column.sm .nav-link {
        font-size: .875rem;
        font-weight: 400;
        padding: 10px 0
    }

    .main-nav-column.sm .nav-link i {
        font-size: 21px
    }

    @media (prefers-reduced-motion:reduce) {
        .main-nav-column .nav-link i {
            transition: none
        }
    }

    .main-nav-dark .nav-link {
        color: hsla(0, 0%, 100%, .7)
    }

    .main-nav-dark .nav-link:focus,
    .main-nav-dark .nav-link:hover {
        color: #fff
    }

    .main-nav-dark .nav-link+.nav-link {
        border-color: #3c4858
    }

    .main-nav-colored-bg .nav-link+.nav-link {
        border-color: hsla(0, 0%, 100%, .4)
    }

    .main-nav-colored-bg .nav-link.active {
        color: #fff
    }

    .main-nav-line {
        position: relative
    }

    .main-nav-line .nav-link {
        padding: 0;
        color: #3c4858;
        position: relative
    }

    .main-nav-line .nav-link+.nav-link {
        margin-top: 15px
    }

    .main-nav-line .nav-link.active {
        color: #8f9cc0
    }

    .main-nav-line.main-nav-dark .nav-link {
        color: hsla(0, 0%, 100%, .7)
    }

    .main-nav-line.main-nav-dark .nav-link.active,
    .main-nav-line.main-nav-dark .nav-link:focus,
    .main-nav-line.main-nav-dark .nav-link:hover {
        color: #fff
    }

    .main-nav-line.main-nav-dark .nav-link.active:before {
        background-color: #fff
    }

    @media (min-width:769px) {
        .main-nav-line .nav-link+.nav-link {
            margin-top: 0;
            margin-left: 30px
        }
    }

    @media (max-width:768px) {
        .main-nav-line .nav-link+.nav-link {
            margin-top: 10px;
            margin-left: 0
        }
    }

    @media (min-width:768px) {
        .main-nav-line .nav-link.active:before {
            top: auto;
            bottom: -18px;
            left: 0;
            right: 0;
            height: 2px;
            width: auto
        }
    }

    .pagination {
        display: flex;
        padding-left: 0;
        list-style: none
    }

    .page-link {
        position: relative;
        display: block;
        margin-left: -1px;
        line-height: 1.25;
        background-color: #fff
    }

    .page-link:hover {
        z-index: 2;
        text-decoration: none;
        background-color: #f0f0ff;
        border-color: #f0f0ff
    }

    .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(135, 96, 251, .25)
    }

    .page-item.active .page-link {
        color: #fff
    }

    .page-item.disabled .page-link {
        color: #a8afc7;
        pointer-events: none;
        cursor: auto;
        background-color: #fff;
        border-color: #f0f0ff
    }

    .pagination-lg .page-link {
        padding: .75rem 1.5rem;
        font-size: 1.09375rem;
        line-height: 1.5
    }

    .pagination-sm .page-link {
        padding: .25rem .5rem;
        font-size: .76562rem;
        line-height: 1.5
    }

    .page-item:first-child .page-link {
        border-radius: 6px 0 0 6px
    }

    .page-item:last-child .page-link {
        border-radius: 0 6px 6px 0
    }

    .page-link {
        color: #71719a;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: .5rem .75rem;
        border: 1px solid #e8e8f7;
        font-weight: 400
    }

    .page-link i {
        font-size: 18px;
        line-height: 0
    }

    .page-link:focus,
    .page-link:hover {
        background-color: #f0f0ff;
        box-shadow: none
    }

    .pagination-dark .page-item.active .page-link {
        color: #fff
    }

    .pagination-dark .page-link {
        font-weight: 400;
        background-color: hsla(0, 0%, 100%, .05);
        color: hsla(0, 0%, 100%, .8)
    }

    .pagination-dark .page-link:focus,
    .pagination-dark .page-link:hover {
        color: #fff;
        background-color: hsla(0, 0%, 100%, .08)
    }

    .pagination-success .page-item.active .page-link {
        background-color: #19b159;
        border-color: #19b159
    }

    .pagination-circled .page-item+.page-item {
        margin-left: 5px
    }

    .pagination-circled .page-item:first-child .page-link,
    .pagination-circled .page-item:last-child .page-link {
        border-radius: 100%
    }

    .pagination-circled .page-link {
        padding: 0;
        width: 40px;
        height: 40px;
        border-radius: 100%
    }

    .pagination-circle {
        margin-top: 0;
        border-radius: 50px;
        background: #f0f0ff;
        padding: 7px
    }

    .pagination-circle li a,
    .pagination-circle li span {
        padding: 0;
        border-radius: 50px!important;
        margin: 0 3px;
        min-width: 32px;
        height: 32px;
        width: 32px;
        line-height: 31px;
        text-align: center;
        font-size: 14px;
        border: 0;
        background: #fff
    }

    .pagination-radius {
        margin-top: 0;
        border-radius: 6px;
        padding: 6px
    }

    .pagination-radius>li {
        display: inline
    }

    .pagination-radius li a,
    .pagination-radius li span {
        padding: 0;
        border-radius: 6px!important;
        min-width: 32px;
        height: 32px;
        width: 32px;
        line-height: 31px;
        text-align: center;
        font-size: 14px;
        border: 1px solid #dee4f5;
        margin: 0 0 0 4px;
        background: #fff
    }

    .pagination-circle .page-link i,
    .pagination-radius .page-link i {
        font-size: 11px;
        line-height: 0
    }

    .popover {
        font-size: 12px;
        padding: 0;
        border-radius: 0
    }

    .popover-header {
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: .5px;
        padding: 12px 15px;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .popover-header:before {
        display: none!important
    }

    .popover-body {
        padding: 15px
    }

    .popover-body p:last-child {
        margin-bottom: 0
    }

    .popover-head-primary .popover-header {
        color: #fff
    }

    .popover-head-primary.bs-popover-auto[x-placement^=top] .arrow,
    .popover-head-primary.bs-popover-top .arrow {
        bottom: -7px
    }

    .popover-head-primary.bs-popover-auto[x-placement^=left] .arrow,
    .popover-head-primary.bs-popover-left .arrow {
        right: -7px
    }

    .popover-head-primary.bs-popover-auto[x-placement^=right] .arrow,
    .popover-head-primary.bs-popover-right .arrow {
        left: -7px
    }

    .popover-head-secondary .popover-header {
        color: #fff;
        background-color: #f1388b
    }

    .popover-head-secondary.bs-popover-auto[x-placement^=top] .arrow,
    .popover-head-secondary.bs-popover-top .arrow {
        bottom: -7px
    }

    .popover-head-secondary.bs-popover-auto[x-placement^=left] .arrow,
    .popover-head-secondary.bs-popover-left .arrow {
        right: -7px
    }

    .popover-head-secondary.bs-popover-auto[x-placement^=right] .arrow,
    .popover-head-secondary.bs-popover-right .arrow {
        left: -7px
    }

    .popover-head-secondary.bs-popover-auto[x-placement^=bottom] .arrow:after,
    .popover-head-secondary.bs-popover-bottom .arrow:after {
        border-bottom-color: #f1388b
    }

    .popover-head-primary,
    .popover-head-primary .popover-header,
    .popover-head-secondary,
    .popover-head-secondary .popover-header {
        border: 0
    }

    .popover-head-primary .popover-body,
    .popover-head-secondary .popover-body {
        border: 1px solid rgba(28, 39, 60, .2);
        border-top: 0 solid rgba(28, 39, 60, .2);
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px
    }

    .popover-head-primary.bs-popover-auto[x-placement^=bottom] .arrow:before,
    .popover-head-primary.bs-popover-bottom .arrow:before,
    .popover-head-secondary.bs-popover-auto[x-placement^=bottom] .arrow:before,
    .popover-head-secondary.bs-popover-bottom .arrow:before {
        display: none
    }

    .popover-primary {
        border-width: 0;
        padding: 15px
    }

    .popover-primary .popover-header {
        background-color: transparent;
        border-bottom-width: 0;
        padding: 0 0 15px;
        color: #fff
    }

    .popover-primary .popover-body {
        padding: 0;
        color: hsla(0, 0%, 100%, .75)
    }

    .popover-primary .arrow:before {
        display: none
    }

    .popover-secondary {
        background-color: #f1388b;
        border-width: 0;
        padding: 15px
    }

    .popover-secondary .popover-header {
        background-color: transparent;
        border-bottom-width: 0;
        padding: 0 0 15px;
        color: #fff
    }

    .popover-secondary .popover-body {
        padding: 0;
        color: hsla(0, 0%, 100%, .75)
    }

    .popover-secondary .arrow:before {
        display: none
    }

    .popover-secondary.bs-popover-auto[x-placement^=top] .arrow:after,
    .popover-secondary.bs-popover-top .arrow:after {
        border-top-color: #f1388b
    }

    .popover-secondary.bs-popover-auto[x-placement^=bottom] .arrow:after,
    .popover-secondary.bs-popover-bottom .arrow:after {
        border-bottom-color: #f1388b
    }

    .popover-secondary.bs-popover-auto[x-placement^=left] .arrow:after,
    .popover-secondary.bs-popover-left .arrow:after {
        border-left-color: #f1388b
    }

    .popover-secondary.bs-popover-auto[x-placement^=right] .arrow:after,
    .popover-secondary.bs-popover-right .arrow:after {
        border-right-color: #f1388b
    }

    .popover-static-demo {
        background-color: #f0f0ff;
        padding-top: 40px;
        padding-bottom: 40px;
        text-align: center
    }

    .popover-static-demo .popover {
        z-index: 0;
        opacity: 1;
        position: relative;
        display: inline-block;
        margin: 0 10px
    }

    .popover-static-demo .bs-popover-auto[x-placement^=bottom] .arrow,
    .popover-static-demo .bs-popover-auto[x-placement^=top] .arrow,
    .popover-static-demo .bs-popover-bottom .arrow,
    .popover-static-demo .bs-popover-top .arrow {
        left: 50%;
        margin-left: -5px
    }

    .popover-static-demo .bs-popover-auto[x-placement^=left],
    .popover-static-demo .bs-popover-auto[x-placement^=right],
    .popover-static-demo .bs-popover-left,
    .popover-static-demo .bs-popover-right {
        margin-top: 5px
    }

    .popover-static-demo .bs-popover-auto[x-placement^=left] .arrow,
    .popover-static-demo .bs-popover-auto[x-placement^=right] .arrow,
    .popover-static-demo .bs-popover-left .arrow,
    .popover-static-demo .bs-popover-right .arrow {
        top: 50%;
        margin-top: -5px
    }

    .popover {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1060;
        display: block;
        max-width: 276px;
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        font-style: normal;
        font-weight: 400;
        line-height: 1.5;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        word-spacing: normal;
        white-space: normal;
        line-break: auto;
        font-size: .76562rem;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #e8e8f7;
        border-radius: .3rem
    }

    .popover.show {
        box-shadow: -8px 12px 18px 0 rgba(21, 21, 62, .3)
    }

    .popover .arrow {
        position: absolute;
        display: block;
        width: 1rem;
        height: .5rem;
        margin: 0 .3rem
    }

    .popover .arrow:after,
    .popover .arrow:before {
        position: absolute;
        display: block;
        content: "";
        border-color: transparent;
        border-style: solid
    }

    .bs-popover-auto[x-placement^=top],
    .bs-popover-top {
        margin-bottom: .5rem
    }

    .bs-popover-auto[x-placement^=top]>.arrow,
    .bs-popover-top>.arrow {
        bottom: calc(-.5rem - 1px)
    }

    .bs-popover-auto[x-placement^=top]>.arrow:before,
    .bs-popover-top>.arrow:before {
        bottom: 0;
        border-width: .5rem .5rem 0;
        border-top-color: #f0f0ff
    }

    .bs-popover-auto[x-placement^=top]>.arrow:after,
    .bs-popover-top>.arrow:after {
        bottom: 1px;
        border-width: .5rem .5rem 0;
        border-top-color: #fff
    }

    .bs-popover-auto[x-placement^=right],
    .bs-popover-right {
        margin-left: .5rem
    }

    .bs-popover-auto[x-placement^=right]>.arrow,
    .bs-popover-right>.arrow {
        left: calc(-.5rem - 1px);
        width: .5rem;
        height: 1rem;
        margin: .3rem 0
    }

    .bs-popover-auto[x-placement^=right]>.arrow:before,
    .bs-popover-right>.arrow:before {
        left: 0;
        border-width: .5rem .5rem .5rem 0;
        border-right-color: #f0f0ff
    }

    .bs-popover-auto[x-placement^=right]>.arrow:after,
    .bs-popover-right>.arrow:after {
        left: 1px;
        border-width: .5rem .5rem .5rem 0;
        border-right-color: #fff
    }

    .bs-popover-auto[x-placement^=bottom],
    .bs-popover-bottom {
        margin-top: .5rem
    }

    .bs-popover-auto[x-placement^=bottom]>.arrow,
    .bs-popover-bottom>.arrow {
        top: calc(-.5rem - 1px)
    }

    .bs-popover-auto[x-placement^=bottom]>.arrow:before,
    .bs-popover-bottom>.arrow:before {
        top: 0;
        border-width: 0 .5rem .5rem;
        border-bottom-color: #f0f0ff
    }

    .bs-popover-auto[x-placement^=bottom]>.arrow:after,
    .bs-popover-bottom>.arrow:after {
        top: 1px;
        border-width: 0 .5rem .5rem;
        border-bottom-color: #fff
    }

    .bs-popover-auto[x-placement^=bottom] .popover-header:before,
    .bs-popover-bottom .popover-header:before {
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        width: 1rem;
        margin-left: -.5rem;
        content: "";
        border-bottom: 1px solid #f7f7f7
    }

    .bs-popover-auto[x-placement^=left],
    .bs-popover-left {
        margin-right: .5rem
    }

    .bs-popover-auto[x-placement^=left]>.arrow,
    .bs-popover-left>.arrow {
        right: calc(-.5rem - 1px);
        width: .5rem;
        height: 1rem;
        margin: .3rem 0
    }

    .bs-popover-auto[x-placement^=left]>.arrow:before,
    .bs-popover-left>.arrow:before {
        right: 0;
        border-width: .5rem 0 .5rem .5rem;
        border-left-color: #f0f0ff
    }

    .bs-popover-auto[x-placement^=left]>.arrow:after,
    .bs-popover-left>.arrow:after {
        right: 1px;
        border-width: .5rem 0 .5rem .5rem;
        border-left-color: #fff
    }

    .popover-header {
        padding: .5rem .75rem;
        margin-bottom: 0;
        font-size: .875rem;
        background-color: #f7f7f7;
        border-bottom: 1px solid #ebebeb;
        border-top-left-radius: calc(.3rem - 1px);
        border-top-right-radius: calc(.3rem - 1px)
    }

    .popover-header:empty {
        display: none
    }

    .popover-body {
        padding: .5rem .75rem;
        color: #8f9cc0
    }

    .progress {
        height: auto
    }

    .progress,
    .progress-bar {
        border-radius: 10px
    }

    .progress-bar-xs {
        height: 5px
    }

    .progress-bar-sm {
        height: 8px
    }

    .progress-bar-lg {
        height: 15px
    }

    @-webkit-keyframes progress-bar-stripes {
        0% {
            background-position: 1rem 0
        }
        to {
            background-position: 0 0
        }
    }

    @keyframes progress-bar-stripes {
        0% {
            background-position: 1rem 0
        }
        to {
            background-position: 0 0
        }
    }

    .progress {
        display: flex;
        height: 10px;
        overflow: hidden;
        font-size: .65625rem;
        background-color: #f0f0ff;
        border-radius: 3px
    }

    .progress-bar {
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        transition: width .6s ease
    }

    @media (prefers-reduced-motion:reduce) {
        .progress-bar {
            transition: none
        }
    }

    .progress-bar-striped {
        background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
        background-size: 1rem 1rem
    }

    .progress-bar-animated {
        -webkit-animation: progress-bar-stripes 1s linear infinite;
        animation: progress-bar-stripes 1s linear infinite
    }

    @media (prefers-reduced-motion:reduce) {
        .progress-bar-animated {
            -webkit-animation: none;
            animation: none
        }
    }

    .progress-bar {
        height: 10px;
        font-size: 11px
    }

    .table {
        width: 100%;
        margin-bottom: 1rem
    }

    .table td,
    .table th {
        padding: .75rem;
        vertical-align: middle
    }

    .table thead th {
        vertical-align: bottom;
        border-bottom: 1px solid #e8e8f7
    }

    .table tbody+tbody {
        border-top: 1px solid #e8e8f7
    }

    .table-sm td,
    .table-sm th {
        padding: .3rem
    }

    .table-bordered,
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #e8e8f7
    }

    .table-bordered thead td,
    .table-bordered thead th {
        border-bottom-width: 2px
    }

    .table-borderless tbody+tbody,
    .table-borderless td,
    .table-borderless th,
    .table-borderless thead th {
        border: 0
    }

    .table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(0, 0, 0, .05)
    }

    .table-hover tbody tr:hover {
        background-color: #f8f8ff
    }

    .table-primary,
    .table-primary>td,
    .table-primary>th {
        background-color: #c6d4ff
    }

    .table-primary tbody+tbody,
    .table-primary td,
    .table-primary th,
    .table-primary thead th {
        border-color: #95afff
    }

    .table-hover .table-primary:hover,
    .table-hover .table-primary:hover>td,
    .table-hover .table-primary:hover>th {
        background-color: #adc1ff
    }

    .table-secondary,
    .table-secondary>td,
    .table-secondary>th {
        background-color: #d9dde5
    }

    .table-secondary tbody+tbody,
    .table-secondary td,
    .table-secondary th,
    .table-secondary thead th {
        border-color: #b9c1ce
    }

    .table-hover .table-secondary:hover,
    .table-hover .table-secondary:hover>td,
    .table-hover .table-secondary:hover>th {
        background-color: #cacfdb
    }

    .table-success,
    .table-success>td,
    .table-success>th {
        background-color: #c8e9b8
    }

    .table-success tbody+tbody,
    .table-success td,
    .table-success th,
    .table-success thead th {
        border-color: #99d67b
    }

    .table-hover .table-success:hover,
    .table-hover .table-success:hover>td,
    .table-hover .table-success:hover>th {
        background-color: #b9e3a5
    }

    .table-info,
    .table-info>td,
    .table-info>th {
        background-color: #bee5eb
    }

    .table-info tbody+tbody,
    .table-info td,
    .table-info th,
    .table-info thead th {
        border-color: #86cfda
    }

    .table-hover .table-info:hover,
    .table-hover .table-info:hover>td,
    .table-hover .table-info:hover>th {
        background-color: #abdde5
    }

    .table-warning,
    .table-warning>td,
    .table-warning>th {
        background-color: #ffeeba
    }

    .table-warning tbody+tbody,
    .table-warning td,
    .table-warning th,
    .table-warning thead th {
        border-color: #ffdf7e
    }

    .table-hover .table-warning:hover,
    .table-hover .table-warning:hover>td,
    .table-hover .table-warning:hover>th {
        background-color: #ffe8a1
    }

    .table-danger,
    .table-danger>td,
    .table-danger>th {
        background-color: #f5c6cb
    }

    .table-danger tbody+tbody,
    .table-danger td,
    .table-danger th,
    .table-danger thead th {
        border-color: #ed969e
    }

    .table-hover .table-danger:hover,
    .table-hover .table-danger:hover>td,
    .table-hover .table-danger:hover>th {
        background-color: #f1b0b7
    }

    .table-light,
    .table-light>td,
    .table-light>th {
        background-color: #fcfcfd
    }

    .table-light tbody+tbody,
    .table-light td,
    .table-light th,
    .table-light thead th {
        border-color: #f9fafb
    }

    .table-hover .table-light:hover,
    .table-hover .table-light:hover>td,
    .table-hover .table-light:hover>th {
        background-color: #ededf3
    }

    .table-dark,
    .table-dark>td,
    .table-dark>th {
        background-color: #c8ccd3
    }

    .table-dark tbody+tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #99a0ae
    }

    .table-hover .table-dark:hover,
    .table-hover .table-dark:hover>td,
    .table-hover .table-dark:hover>th {
        background-color: #babfc8
    }

    .table-active,
    .table-active>td,
    .table-active>th,
    .table-hover .table-active:hover,
    .table-hover .table-active:hover>td,
    .table-hover .table-active:hover>th {
        background-color: rgba(0, 0, 0, .075)
    }

    .table .thead-dark th {
        color: #fff;
        background-color: #3b4863;
        border-color: #49597b
    }

    .table .thead-light th {
        color: #3c4858;
        background-color: #f0f0ff;
        border-color: #f0f0ff
    }

    .table-dark {
        color: #fff;
        background-color: #3b4863
    }

    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #49597b
    }

    .table-dark.table-bordered {
        border: 0
    }

    .table-dark.table-striped tbody tr:nth-of-type(odd) {
        background-color: hsla(0, 0%, 100%, .05)
    }

    .table-dark.table-hover tbody tr:hover {
        color: #fff;
        background-color: hsla(0, 0%, 100%, .075)
    }

    @media (max-width:575.98px) {
        .table-responsive-sm {
            display: block;
            width: 100%;
            overflow-x: scroll;
            -webkit-overflow-scrolling: touch
        }
        .table-responsive-sm>.table-bordered {
            border: 0
        }
    }

    @media (max-width:767.98px) {
        .table-responsive-md {
            display: block;
            width: 100%;
            overflow-x: a;
            -webkit-overflow-scrolling: touch
        }
        .table-responsive-md>.table-bordered {
            border: 0
        }
    }

    @media (max-width:991.98px) {
        .table-responsive-lg {
            display: block;
            width: 100%;
            overflow-x: scroll;
            -webkit-overflow-scrolling: touch
        }
        .table-responsive-lg>.table-bordered {
            border: 0
        }
    }

    @media (max-width:1199.98px) {
        .table-responsive-xl {
            display: block;
            width: 100%;
            overflow-x: scroll;
            -webkit-overflow-scrolling: touch
        }
        .table-responsive-xl>.table-bordered {
            border: 0
        }
    }

    .table-responsive {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table {
        color: #1d212f
    }

    .table thead td,
    .table thead th {
        color: #3c4858;
        font-weight: 500;
        font-size: 12px;
        letter-spacing: .5px;
        text-transform: uppercase;
        border-bottom-width: 1px;
        border-top-width: 0;
        padding: 8px
    }

    .table tbody tr {
        background-color: hsla(0, 0%, 100%, .5)
    }

    .table tbody tr th {
        font-weight: 500
    }

    .table td,
    .table th {
        padding: 2px 9px;
        line-height: 1.462
    }

    .table-striped tbody tr:nth-of-type(odd) {
        background-color: #efefff
    }

    .table-bordered thead td,
    .table-bordered thead th {
        border-top-width: 1px;
        padding-top: .75rem;
        padding-bottom: .75rem;
        background-color: #efefff
    }

    .table td,
    .table th {
        border-top: 0
    }

    table.dataTable {
        border: 1px solid #e8e8f7
    }

    table.dataTable.no-footer {
        border-bottom-color: #f0f0ff
    }

    table.dataTable thead td,
    table.dataTable thead th {
        border-top-width: 0;
        border-bottom-width: 0;
        padding: 8px 10px;
        font-weight: 700;
        font-size: 12px;
        color: #434b63
    }

    .dataTables_wrapper .dataTables_filter input {
        margin-left: 0;
        border: 1px solid #e8e8f7
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.current,
    .dataTables_wrapper .dataTables_paginate .paginate_button.current:focus,
    .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        border: 0;
        background-image: none;
        color: #fff!important
    }

    .table.dataTable tr {
        border: 1px solid #e8e8f7;
        white-space: nowrap
    }

    .dataTables_info {
        margin-bottom: 1rem
    }

    .table.dataTable td,
    .table.dataTable th {
        border-left: 1px solid #e8e8f7;
        outline: none
    }

    div.dataTables_wrapper div.dataTables_length select {
        margin-right: 10px
    }

    .toast {
        max-width: 350px;
        overflow: hidden;
        font-size: .875rem;
        background-color: hsla(0, 0%, 100%, .85);
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, .1);
        box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        opacity: 0;
        border-radius: .25rem
    }

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

    .toast.showing {
        opacity: 1
    }

    .toast.show {
        display: block;
        opacity: 1
    }

    .toast.hide {
        display: none
    }

    .toast-header {
        display: flex;
        align-items: center;
        padding: .25rem .75rem;
        background-color: hsla(0, 0%, 100%, .85);
        background-clip: padding-box;
        border-bottom: 1px solid rgba(0, 0, 0, .05)
    }

    .toast-body {
        padding: .75rem
    }

    .toast {
        background-color: hsla(0, 0%, 100%, .95);
        border-color: #f0f0ff;
        box-shadow: 0 2px 3px rgba(28, 39, 60, .06);
        border-radius: 0
    }

    .toast-header {
        border-bottom-color: rgba(205, 212, 224, .4)
    }

    .toast-header .close {
        font-weight: 300;
        color: #a8afc7
    }

    .demo-static-toast .toast {
        opacity: 1
    }

    .tooltip {
        position: absolute;
        z-index: 1070;
        display: block;
        margin: 0;
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        font-style: normal;
        font-weight: 400;
        line-height: 1.5;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        word-spacing: normal;
        white-space: normal;
        line-break: auto;
        font-size: .76562rem;
        word-wrap: break-word;
        opacity: 0;
        top: 0
    }

    .tooltip.show {
        opacity: .9
    }

    .tooltip .arrow {
        position: absolute;
        display: block;
        width: .8rem;
        height: .4rem
    }

    .tooltip .arrow:before {
        position: absolute;
        content: "";
        border-color: transparent;
        border-style: solid
    }

    .tooltip-inner {
        font-size: 12px;
        border-radius: 2px
    }

    .tooltip-primary .tooltip-inner {
        color: #fff
    }

    .tooltip-secondary .tooltip-inner {
        background-color: #f1388b;
        color: #fff
    }

    .tooltip-secondary.bs-tooltip-auto[x-placement^=top] .arrow:before,
    .tooltip-secondary.bs-tooltip-top .arrow:before {
        border-top-color: #f1388b
    }

    .tooltip-secondary.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
    .tooltip-secondary.bs-tooltip-bottom .arrow:before {
        border-bottom-color: #f1388b
    }

    .tooltip-secondary.bs-tooltip-auto[x-placement^=left] .arrow:before,
    .tooltip-secondary.bs-tooltip-left .arrow:before {
        border-left-color: #f1388b
    }

    .tooltip-secondary.bs-tooltip-auto[x-placement^=right] .arrow:before,
    .tooltip-secondary.bs-tooltip-right .arrow:before {
        border-right-color: #f1388b
    }

    .tooltip-info .tooltip-inner {
        background-color: #01b8ff;
        color: #fff
    }

    .tooltip-info.bs-tooltip-auto[x-placement^=top] .arrow:before,
    .tooltip-info.bs-tooltip-top .arrow:before {
        border-top-color: #01b8ff
    }

    .tooltip-info.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
    .tooltip-info.bs-tooltip-bottom .arrow:before {
        border-bottom-color: #01b8ff
    }

    .tooltip-info.bs-tooltip-auto[x-placement^=left] .arrow:before,
    .tooltip-info.bs-tooltip-left .arrow:before {
        border-left-color: #01b8ff
    }

    .tooltip-info.bs-tooltip-auto[x-placement^=right] .arrow:before,
    .tooltip-info.bs-tooltip-right .arrow:before {
        border-right-color: #01b8ff
    }

    .tooltip-danger .tooltip-inner {
        background-color: #f16d75;
        color: #fff
    }

    .tooltip-danger.bs-tooltip-auto[x-placement^=top] .arrow:before,
    .tooltip-danger.bs-tooltip-top .arrow:before {
        border-top-color: #f16d75
    }

    .tooltip-danger.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
    .tooltip-danger.bs-tooltip-bottom .arrow:before {
        border-bottom-color: #f16d75
    }

    .tooltip-danger.bs-tooltip-auto[x-placement^=left] .arrow:before,
    .tooltip-danger.bs-tooltip-left .arrow:before {
        border-left-color: #f16d75
    }

    .tooltip-danger.bs-tooltip-auto[x-placement^=right] .arrow:before,
    .tooltip-danger.bs-tooltip-right .arrow:before {
        border-right-color: #f16d75
    }

    .tooltip-success .tooltip-inner {
        background-color: #19b159;
        color: #fff
    }

    .tooltip-success.bs-tooltip-auto[x-placement^=top] .arrow:before,
    .tooltip-success.bs-tooltip-top .arrow:before {
        border-top-color: #19b159
    }

    .tooltip-success.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
    .tooltip-success.bs-tooltip-bottom .arrow:before {
        border-bottom-color: #19b159
    }

    .tooltip-success.bs-tooltip-auto[x-placement^=left] .arrow:before,
    .tooltip-success.bs-tooltip-left .arrow:before {
        border-left-color: #19b159
    }

    .tooltip-success.bs-tooltip-auto[x-placement^=right] .arrow:before,
    .tooltip-success.bs-tooltip-right .arrow:before {
        border-right-color: #19b159
    }

    .tooltip-warning .tooltip-inner {
        background-color: #ff9b21;
        color: #8f9cc0
    }

    .tooltip-warning.bs-tooltip-auto[x-placement^=top] .arrow:before,
    .tooltip-warning.bs-tooltip-top .arrow:before {
        border-top-color: #ff9b21
    }

    .tooltip-warning.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
    .tooltip-warning.bs-tooltip-bottom .arrow:before {
        border-bottom-color: #ff9b21
    }

    .tooltip-warning.bs-tooltip-auto[x-placement^=left] .arrow:before,
    .tooltip-warning.bs-tooltip-left .arrow:before {
        border-left-color: #ff9b21
    }

    .tooltip-warning.bs-tooltip-auto[x-placement^=right] .arrow:before,
    .tooltip-warning.bs-tooltip-right .arrow:before {
        border-right-color: #ff9b21
    }

    .bs-tooltip-auto[x-placement^=top],
    .bs-tooltip-top {
        padding: .4rem 0
    }

    .bs-tooltip-auto[x-placement^=top] .arrow,
    .bs-tooltip-top .arrow {
        bottom: 0
    }

    .bs-tooltip-auto[x-placement^=top] .arrow:before,
    .bs-tooltip-top .arrow:before {
        top: 0;
        border-width: .4rem .4rem 0;
        border-top-color: #000
    }

    .bs-tooltip-auto[x-placement^=right],
    .bs-tooltip-right {
        padding: 0 .4rem
    }

    .bs-tooltip-auto[x-placement^=right] .arrow,
    .bs-tooltip-right .arrow {
        left: 0;
        width: .4rem;
        height: .8rem
    }

    .bs-tooltip-auto[x-placement^=right] .arrow:before,
    .bs-tooltip-right .arrow:before {
        right: 0;
        border-width: .4rem .4rem .4rem 0;
        border-right-color: #000
    }

    .bs-tooltip-auto[x-placement^=bottom],
    .bs-tooltip-bottom {
        padding: .4rem 0
    }

    .bs-tooltip-auto[x-placement^=bottom] .arrow,
    .bs-tooltip-bottom .arrow {
        top: 0
    }

    .bs-tooltip-auto[x-placement^=bottom] .arrow:before,
    .bs-tooltip-bottom .arrow:before {
        bottom: 0;
        border-width: 0 .4rem .4rem;
        border-bottom-color: #000
    }

    .bs-tooltip-auto[x-placement^=left],
    .bs-tooltip-left {
        padding: 0 .4rem
    }

    .bs-tooltip-auto[x-placement^=left] .arrow,
    .bs-tooltip-left .arrow {
        right: 0;
        width: .4rem;
        height: .8rem
    }

    .bs-tooltip-auto[x-placement^=left] .arrow:before,
    .bs-tooltip-left .arrow:before {
        left: 0;
        border-width: .4rem 0 .4rem .4rem;
        border-left-color: #000
    }

    .tooltip-inner {
        max-width: 200px;
        padding: .25rem .5rem;
        color: #fff;
        text-align: center;
        background-color: #000;
        border-radius: 3px
    }

    .tooltip-static-demo {
        text-align: center;
        background-color: #f0f0ff;
        padding: 20px
    }

    .tooltip-static-demo .tooltip {
        z-index: 0;
        opacity: 1;
        position: relative;
        display: inline-block;
        margin: 0 10px
    }

    .tooltip-static-demo .bs-tooltip-auto[x-placement^=bottom] .arrow,
    .tooltip-static-demo .bs-tooltip-auto[x-placement^=top] .arrow,
    .tooltip-static-demo .bs-tooltip-bottom .arrow,
    .tooltip-static-demo .bs-tooltip-top .arrow {
        left: 50%;
        margin-left: -2px
    }

    .tooltip-static-demo .bs-tooltip-auto[x-placement^=left],
    .tooltip-static-demo .bs-tooltip-auto[x-placement^=right],
    .tooltip-static-demo .bs-tooltip-left,
    .tooltip-static-demo .bs-tooltip-right {
        margin-top: 5px
    }

    .tooltip-static-demo .bs-tooltip-auto[x-placement^=left] .arrow,
    .tooltip-static-demo .bs-tooltip-auto[x-placement^=right] .arrow,
    .tooltip-static-demo .bs-tooltip-left .arrow,
    .tooltip-static-demo .bs-tooltip-right .arrow {
        top: 40%;
        margin-top: -3px
    }

    .main-content-dashboard-ten {
        padding: 0;
        min-height: 100vh;
        background-color: #f0f0ff
    }

    .main-content-dashboard-ten .main-header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background-color: #fff
    }

    .main-content-dashboard-ten .main-header-center {
        margin-left: 0
    }

    .main-content-dashboard-ten .main-content-body {
        margin-top: 64px
    }

    .main-content-dashboard-ten .main-content-body-left {
        flex: 1;
        padding: 20px
    }

    .main-content-dashboard-ten .main-content-body-right {
        background-color: #f4f5fb;
        padding: 20px;
        display: none
    }

    .main-content-dashboard-ten .main-content-title {
        letter-spacing: -.8px
    }

    .main-content-dashboard-ten .card {
        border-width: 0;
        box-shadow: 0 0 6px rgba(28, 39, 60, .12)
    }

    .main-content-dashboard-ten .main-footer {
        margin-top: auto
    }

    @media (min-width:992px) {
        .main-content-dashboard-ten {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            margin-left: 64px
        }
    }

    @media (min-width:992px) {
        .main-content-dashboard-ten .main-header {
            left: 64px
        }
    }

    @media (min-width:992px) {
        .main-content-dashboard-ten .main-header .container-fluid {
            padding-left: 20px;
            padding-right: 20px
        }
    }

    @media (min-width:1200px) {
        .main-content-dashboard-ten .main-content-body {
            display: flex
        }
    }

    @media (min-width:1200px) {
        .main-content-dashboard-ten .main-content-body-right {
            display: block;
            width: 280px;
            box-shadow: 0 0 6px rgba(28, 39, 60, .1)
        }
    }

    @media (min-width:1300px) {
        .main-content-dashboard-ten .main-content-body-right {
            width: 300px
        }
    }

    .main-content.side-content {
        transition: none;
        border-radius: 0;
        padding: 0;
        bottom: 0;
        position: relative;
        height: 100%
    }

    .main-content .container,
    .main-content .container-fluid {
        padding-left: 25px;
        padding-right: 25px
    }

    @media (max-width:575px) {
        .main-content-left-show {
            overflow: hidden
        }
    }

    @media (max-width:991.98px) {
        .main-content-left-show .main-content-left {
            display: block;
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            background-color: #fff;
            z-index: 800;
            border-right: 1px solid #e8e8f7;
            box-shadow: 0 0 3px rgba(28, 39, 60, .1);
            overflow-y: auto
        }
    }

    @media (max-width:575px) {
        .main-content-left-show .main-content-body {
            display: none
        }
    }

    @media (max-width:991.98px) {
        .main-content-body-show .main-header .main-header-menu-icon {
            display: none
        }
        .main-content-body-show .main-header .main-header-left .main-header-arrow {
            display: block
        }
        .main-content-body-show .main-content-left {
            display: none
        }
        .main-content-body-show .main-content-body {
            display: block
        }
    }

    @media (min-width:992px) {
        .main-content .container {
            padding: 0
        }
    }

    @media (max-width:991.98px) {
        .main-content .container {
            max-width: none
        }
    }

    .main-content-app {
        padding-top: 20px
    }

    .main-content-app .container,
    .main-content-app .container-fluid {
        height: 100%;
        padding: 0
    }

    @media (min-width:992px) {
        .main-content-app {
            height: calc(100vh - 104px);
            padding-top: 30px
        }
    }

    .main-content-left {
        width: 100%;
        position: relative;
        padding: 0;
        flex-shrink: 0;
        display: none
    }

    @media (min-width:992px) {
        .main-content-left {
            display: block;
            padding: 0
        }
    }

    .main-content-header {
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px
    }

    .main-content-header .main-logo {
        flex: 1;
        text-align: center
    }

    @media (min-width:992px) {
        .main-content-header {
            display: none
        }
    }

    .main-content-body {
        flex: 1
    }

    .main-content-right {
        padding-left: 25px;
        margin-left: 25px;
        width: 200px;
        display: none
    }

    @media (min-width:992px) {
        .main-content-right {
            display: block
        }
    }

    @media (min-width:992px) {
        .main-content-title {
            margin-bottom: 40px
        }
    }

    .card-dashboard-eight .card-title,
    .card-table-two .card-title,
    .main-content-label {
        color: #1d212f;
        font-weight: 800;
        text-transform: uppercase;
        line-height: 1;
        margin-bottom: 10px;
        letter-spacing: .2px
    }

    .main-content-label-sm {
        font-size: 10px;
        font-weight: 600;
        text-transform: uppercase;
        color: #3c4858;
        letter-spacing: .5px
    }

    .main-content-text {
        font-size: 12px;
        line-height: 1.4;
        display: block;
        color: #a8afc7
    }

    .main-content-choose-demo {
        position: relative;
        z-index: 5;
        background-color: #0f0373;
        color: hsla(0, 0%, 100%, .5);
        padding: 0
    }

    .main-content-choose-demo .container {
        display: block;
        padding: 20px
    }

    .main-content-choose-demo .title-label {
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 10px;
        margin-bottom: 3px
    }

    .main-content-choose-demo .title {
        font-size: 20px;
        font-weight: 400;
        color: #fff;
        letter-spacing: -.5px;
        margin-bottom: 10px
    }

    .main-content-choose-demo .title-text {
        font-weight: 300;
        margin-bottom: 20px
    }

    .main-content-choose-demo .card {
        border-width: 0;
        margin-bottom: 10px;
        height: 200px;
        overflow: hidden;
        position: relative
    }

    .main-content-choose-demo .card img {
        transition: all .2s ease-in-out
    }

    .main-content-choose-demo .card figure {
        margin-bottom: 0
    }

    .main-content-choose-demo .card figure:focus img,
    .main-content-choose-demo .card figure:hover img {
        transform: scale(1.75)
    }

    .main-content-choose-demo .card figure:focus figcaption,
    .main-content-choose-demo .card figure:hover figcaption {
        opacity: 1
    }

    .main-content-choose-demo .card figcaption {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgba(25, 4, 190, .75);
        opacity: 0;
        transition: all .2s ease-in-out
    }

    .main-content-choose-demo .card figcaption .btn,
    .main-content-choose-demo .card figcaption .sp-container button {
        text-transform: uppercase;
        letter-spacing: 1.5px;
        font-size: 11px;
        font-weight: 500;
        min-height: inherit;
        padding: 10px 20px;
        border-radius: 2px
    }

    @media (min-width:576px) {
        .main-content-choose-demo .container {
            padding: 40px
        }
    }

    @media (min-width:992px) {
        .main-content-choose-demo .container {
            padding: 100px 40px
        }
    }

    @media (min-width:1200px) {
        .main-content-choose-demo .container {
            padding: 100px 0
        }
    }

    @media (min-width:768px) {
        .main-content-choose-demo .title-label {
            font-size: 11px
        }
    }

    @media (min-width:768px) {
        .main-content-choose-demo .title {
            font-size: 30px
        }
    }

    @media (min-width:576px) {
        .main-content-choose-demo .title-text {
            margin-bottom: 40px
        }
    }

    @media (min-width:768px) {
        .main-content-choose-demo .title-text {
            font-size: 16px
        }
    }

    @media (min-width:992px) {
        .main-content-choose-demo .title-text {
            margin-bottom: 60px
        }
    }

    @media (min-width:576px) {
        .main-content-choose-demo .card {
            height: 155px
        }
    }

    @media (min-width:768px) {
        .main-content-choose-demo .card {
            height: 215px;
            margin-bottom: 15px
        }
    }

    @media (min-width:1200px) {
        .main-content-choose-demo .card {
            height: 255px
        }
    }

    @media (prefers-reduced-motion:reduce) {
        .main-content-choose-demo .card figcaption,
        .main-content-choose-demo .card img {
            transition: none
        }
    }

    .sp-container .main-content-choose-demo .card figcaption button {
        text-transform: uppercase;
        letter-spacing: 1.5px;
        font-size: 11px;
        font-weight: 500;
        min-height: inherit;
        padding: 10px 20px;
        border-radius: 2px
    }

    .main-content-choose-demo .card.coming-soon {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #8f9cc0;
        background-color: #f0f0ff
    }

    .main-content-choose-demo .card.coming-soon .typcn {
        line-height: .9;
        font-size: 48px;
        margin-bottom: 10px
    }

    .main-content-choose-demo .card.coming-soon h6 {
        margin-bottom: 0;
        text-transform: uppercase;
        font-weight: 800;
        letter-spacing: 1px
    }

    .card-dashboard-eight .main-content-choose-demo .card-title,
    .card-table-two .main-content-choose-demo .card-title,
    .main-content-choose-demo .card-dashboard-eight .card-title,
    .main-content-choose-demo .card-table-two .card-title,
    .main-content-choose-demo .main-content-label {
        color: #a8afc7;
        margin-bottom: 5px;
        letter-spacing: 1px
    }

    .main-content-choose-demo .main-content-title {
        font-size: 15px;
        font-weight: 400;
        margin-bottom: 0;
        color: #fff
    }

    @media (min-width:768px) {
        .main-content-choose-demo .main-content-title {
            font-size: 17px
        }
    }

    @media (max-width:991.98px) {
        .main-header-menu-show {
            overflow: hidden
        }
        .main-header-menu-show .main-header-menu {
            border-right: 1px solid rgba(28, 39, 60, .08);
            box-shadow: 0 0 30px rgba(28, 39, 60, .08);
            transform: translateX(0)
        }
        .main-header-menu-show .main-navbar-backdrop {
            visibility: visible;
            opacity: 1
        }
    }

    .main-header {
        height: 60px;
        background-color: #fff;
        box-shadow: none;
        border-bottom: 1px solid #e8e8f7;
        z-index: 99;
        width: 100%;
        box-shadow: -7.829px 11.607px 20px 0 #e4e3f5
    }

    .main-header>.container,
    .main-header>.container-fluid {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 20px;
        padding-right: 20px
    }

    @media (min-width:992px) {
        .main-body .main-header {
            position: fixed;
            height: 65px
        }
        .main-header {
            position: relative;
            height: 65px
        }
    }

    @media (min-width:992px) {
        .main-header>.container,
        .main-header>.container-fluid {
            padding-left: 25px;
            padding-right: 15px
        }
    }

    @media (min-width:992px) {
        .main-header>.container {
            padding: 0
        }
    }

    @media (max-width:991.98px) {
        .main-header>.container {
            max-width: none
        }
    }

    @media (min-width:992px) {
        .main-header .main-header-left .main-logo {
            display: flex
        }
    }

    .main-header-left {
        display: flex;
        align-items: center
    }

    .main-header-left .main-header-arrow {
        display: none;
        position: relative;
        top: -2px
    }

    .main-logo {
        font-weight: 700;
        font-size: 28px;
        font-family: Poppins, sans-serif;
        text-transform: lowercase;
        letter-spacing: -1px;
        display: flex;
        align-items: left;
        position: relative;
        margin: auto;
        justify-content: left
    }

    .main-logo i {
        display: block;
        line-height: .9;
        margin-right: 8px;
        font-size: 40px
    }

    .main-logo i:before {
        width: auto;
        height: auto
    }

    .main-header-menu-icon {
        margin-right: 10px;
        width: 20px;
        height: 30px;
        display: flex;
        align-items: center
    }

    .main-header-menu-icon span {
        display: block;
        position: relative;
        width: 15px;
        height: 2px;
        background-color: #2f395f;
        border-radius: 3px;
        transition: all .2s ease-in-out
    }

    .main-header-menu-icon span:after,
    .main-header-menu-icon span:before {
        content: "";
        position: absolute;
        left: 0;
        width: 20px;
        height: 2px;
        background-color: #2f395f;
        border-radius: 3px;
        transition: all .2s ease-in-out
    }

    .main-header-menu-icon span:before {
        top: -6px
    }

    .main-header-menu-icon span:after {
        bottom: -6px
    }

    @media (min-width:992px) {
        .main-header-menu-icon {
            margin-right: 25px
        }
    }

    @media (prefers-reduced-motion:reduce) {
        .main-header-menu-icon span,
        .main-header-menu-icon span:after,
        .main-header-menu-icon span:before {
            transition: none
        }
    }

    .main-header-menu {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        width: 240px;
        background-color: #fff;
        overflow-y: auto;
        z-index: 1000;
        transform: translateX(-240px);
        transition: all .35s
    }

    .main-header-menu>.nav {
        flex-direction: column;
        padding: 20px
    }

    .main-header-menu .nav-item:before {
        content: "";
        position: absolute;
        top: 67px;
        margin-left: 25px;
        width: 15px;
        height: 15px;
        border-top: 2px solid rgba(28, 39, 60, .12);
        border-left: 2px solid rgba(28, 39, 60, .12);
        background-color: #fff;
        transform: rotate(45deg);
        z-index: 100;
        display: none
    }

    .main-header-menu .nav-item+.nav-item {
        margin-top: 10px
    }

    .main-header-menu .nav-item>.nav-link {
        display: flex;
        align-items: center;
        position: relative;
        color: #8f9cc0;
        font-size: 15px;
        font-weight: 500;
        padding: 0;
        transition: all .2s ease-in-out
    }

    .main-header-menu .nav-item>.nav-link.with-sub:after {
        content: "\F3D0";
        display: inline-block;
        font-family: Ionicons;
        font-size: 12px;
        font-weight: 400;
        margin-left: auto;
        margin-top: 3px;
        opacity: .5
    }

    .main-header-menu .nav-item>.nav-link .typcn {
        font-size: 20px;
        line-height: .95;
        margin-right: 15px;
        width: 16px
    }

    .main-header-menu .nav-item>.nav-link .typcn:before {
        width: auto
    }

    .main-header-menu .nav-item.active>.nav-link {
        position: relative
    }

    .main-header-menu .nav-item.active>.nav-link:before {
        content: "";
        position: absolute;
        bottom: 0;
        top: 0;
        left: -20px;
        width: 2px;
        border-radius: 3px
    }

    .main-header-menu .nav-item.show .main-menu-sub {
        display: block
    }

    @media (prefers-reduced-motion:reduce) {
        .main-header-menu {
            transition: none
        }
    }

    @media (min-width:992px) {
        .main-header-menu {
            background-color: transparent;
            border-right: 0;
            position: static;
            width: auto;
            overflow-y: visible;
            transform: none;
            z-index: auto
        }
    }

    @media (min-width:992px) {
        .main-header-menu>.nav {
            padding: 0;
            flex-direction: row;
            align-items: center
        }
    }

    @media (min-width:992px) {
        .main-header-menu .nav-item+.nav-item {
            margin-top: 0;
            margin-left: 30px
        }
    }

    @media (prefers-reduced-motion:reduce) {
        .main-header-menu .nav-item>.nav-link {
            transition: none
        }
    }

    @media (min-width:992px) {
        .main-header-menu .nav-item>.nav-link {
            font-size: .875rem
        }
    }

    @media (min-width:992px) {
        .main-header-menu .nav-item>.nav-link.with-sub:after {
            margin-left: 5px
        }
    }

    @media (min-width:992px) {
        .main-header-menu .nav-item>.nav-link .typcn {
            font-size: 18px;
            margin-right: 7px
        }
    }

    @media (min-width:992px) {
        .main-header-menu .nav-item.active>.nav-link:before {
            top: auto;
            bottom: -22px;
            left: 0;
            right: 0;
            width: auto;
            height: 2px
        }
    }

    @media (min-width:992px) {
        .main-header-menu .nav-item.show:before {
            display: block
        }
    }

    .main-header-menu-header {
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 20px;
        border-bottom: 1px solid rgba(28, 39, 60, .05)
    }

    .main-header-menu-header .close {
        font-weight: 300;
        font-size: 28px
    }

    @media (min-width:992px) {
        .main-header-menu-header {
            display: none
        }
    }

    .main-menu-sub {
        font-size: 13px;
        margin-left: 32px;
        margin-top: 12px;
        display: none
    }

    .main-menu-sub .nav {
        flex-direction: column
    }

    .main-menu-sub .nav-link {
        padding: 0;
        display: block;
        color: #3c4858
    }

    .main-menu-sub .nav-link+.nav-link {
        margin-top: 6px;
        padding-top: 6px;
        border-top: 1px dotted #f0f0ff
    }

    .main-menu-sub .nav-link.active {
        font-weight: 500
    }

    @media (min-width:992px) {
        .main-menu-sub {
            position: absolute;
            top: 74px;
            background-color: #fff;
            padding: 15px 20px;
            border: 2px solid rgba(28, 39, 60, .12);
            min-width: 200px;
            margin-left: 0;
            margin-top: 0
        }
    }

    @media (min-width:992px) {
        .main-menu-sub .nav-link.active {
            font-weight: 400
        }
    }

    .main-menu-sub-mega {
        left: 0;
        right: 0;
        background-color: transparent;
        padding: 0;
        border: 0
    }

    .main-menu-sub-mega .container {
        padding: 0
    }

    .main-menu-sub-mega .container>div+div {
        margin-top: 25px
    }

    .main-menu-sub-mega .nav {
        min-width: 120px;
        flex-direction: column
    }

    .main-menu-sub-mega .nav+.nav {
        border-top: 1px dotted #f0f0ff;
        margin-top: 6px;
        padding-top: 6px
    }

    .main-menu-sub-mega .mega-subtitle {
        display: block;
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 700;
        color: #8f9cc0;
        letter-spacing: .5px;
        margin-bottom: 15px;
        margin-top: 30px
    }

    .main-menu-sub-mega .nav>span:first-of-type {
        margin-top: 0
    }

    @media (max-width:991.98px) {
        .main-menu-sub-mega .container {
            max-width: none
        }
    }

    @media (min-width:992px) {
        .main-menu-sub-mega .container {
            display: flex;
            background-color: #fff;
            border: 2px solid rgba(28, 39, 60, .12)
        }
    }

    @media (min-width:992px) {
        .main-menu-sub-mega .container>div {
            display: flex;
            padding: 20px;
            flex: 1;
            margin-top: 0
        }
    }

    @media (min-width:1200px) {
        .main-menu-sub-mega .container>div {
            padding: 20px 25px
        }
    }

    @media (min-width:992px) {
        .main-menu-sub-mega .container>div+div {
            margin-top: 0;
            border-left: 1px solid rgba(28, 39, 60, .05)
        }
    }

    @media (min-width:1200px) {
        .main-menu-sub-mega .nav {
            min-width: 140px
        }
    }

    @media (min-width:992px) {
        .main-menu-sub-mega .nav+.nav {
            margin-left: 20px;
            margin-top: 31px;
            padding-top: 0;
            border-top: 0
        }
    }

    @media (min-width:1200px) {
        .main-menu-sub-mega .nav+.nav {
            margin-left: 25px
        }
    }

    @media (min-width:992px) {
        .main-menu-sub-mega .nav>span {
            font-size: 12px
        }
    }

    .main-header-center {
        flex: 1;
        margin: 0 0 0 .8rem;
        position: relative
    }

    .main-header-center .search-panel .dropdown-toggle {
        border-radius: 6px 0 0 6px;
        background: #eaebfa;
        border: 1px solid #e6eaff;
        height: 40px;
        color: #828aa5
    }

    .main-header-center .search-panel .btn:hover .dropdown-toggle {
        color: #828aa5
    }

    .main-header-center .search-panel .dropdown-menu.show {
        display: block;
        box-shadow: 0 8px 16px 0 rgba(162, 169, 204, .24)
    }

    .main-header-center .search-btn {
        padding: .375rem .85rem .4rem .7rem;
        border-radius: 0 6px 6px 0;
        color: #fff
    }

    .main-header-center .search-btn:focus i,
    .main-header-center .search-btn:hover i {
        color: #fff
    }

    .main-header-center .search-btn:focus,
    .main-header-center .search-btn:hover {
        background-color: #4140a9
    }

    .main-header-center .form-control::focus {
        background: #f6f4ff!important;
        border: 1px solid #e6eaff
    }

    .main-header-center .select2-container--default .select2-selection--single {
        border-radius: 6px 0 0 6px;
        height: 40px;
        width: 150px
    }

    .main-header-center .form-control {
        transition: none;
        height: 40px;
        border-radius: 0;
        width: auto;
        flex: inherit
    }

    .main-header-center .form-control:focus {
        background-color: #eaebfa;
        border-color: #e0e1fb;
        box-shadow: none!important
    }

    .main-header-center .form-control:focus+.btn,
    .main-header-center .sp-container .form-control:focus+button {
        color: #a8afc7
    }

    @media (min-width:992px) and (max-width:1172px) {
        .main-header-center .form-control {
            width: 125px!important
        }
    }

    @media (min-width:1173px) {
        .main-header-center .form-control {
            width: 280px!important
        }
    }

    .sp-container .main-header-center .form-control:focus+button {
        color: #a8afc7
    }

    .main-header-center .btn:focus,
    .main-header-center .btn:hover,
    .main-header-center .sp-container button:focus,
    .main-header-center .sp-container button:hover,
    .sp-container .main-header-center button:focus,
    .sp-container .main-header-center button:hover {
        color: #fff
    }

    .main-header-center .btn:focus i,
    .main-header-center .sp-container button:focus i,
    .sp-container .main-header-center button:focus i,
    .sp-container .main-header-center button:hover i {
        color: #b1bad6
    }

    .main-header-right,
    .main-header-right .btn-social {
        display: flex;
        align-items: center
    }

    .main-header-right .btn-social {
        padding: 0;
        justify-content: center;
        color: #a8afc7;
        border-radius: 3px;
        transition: all .2s ease-in-out
    }

    .main-header-right .btn-social:focus,
    .main-header-right .btn-social:hover {
        color: #3c4858
    }

    .main-header-right .btn-social i {
        font-size: 18px;
        line-height: 0
    }

    .main-header-right .btn-social+.btn-social {
        margin-left: 10px
    }

    .main-header-right .btn-buy {
        text-transform: uppercase;
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        font-size: 11px;
        font-weight: 500;
        color: #fff;
        letter-spacing: .5px;
        display: flex;
        align-items: center;
        border-radius: 3px;
        transition: all .2s ease-in-out;
        margin-left: 20px
    }

    @media (prefers-reduced-motion:reduce) {
        .main-header-right .btn-social {
            transition: none
        }
    }

    .header-icons {
        height: 20px;
        width: 20px;
        line-height: 20px
    }

    .country-Flag svg {
        padding: 0;
        min-width: 0;
        width: 24px;
        height: 24px;
        flex-shrink: 0;
        line-height: 24px;
        border-radius: 50%
    }

    @media (prefers-reduced-motion:reduce) {
        .main-header-right .btn-buy {
            transition: none
        }
    }

    .main-header-search-link {
        font-size: 18px;
        color: #3c4858;
        line-height: 1;
        margin-right: 15px
    }

    .main-header-arrow {
        font-size: 27px;
        color: #8f9cc0;
        display: inline-block;
        line-height: 0
    }

    .main-header-arrow i {
        line-height: 0
    }

    .main-header-arrow:focus,
    .main-header-arrow:hover {
        color: #3c4858
    }

    .main-header-message,
    .main-header-notification {
        position: relative
    }

    .main-header-message>a,
    .main-header-notification>a {
        display: block;
        font-size: 20px;
        color: #8f9cc0;
        position: relative;
        line-height: .9;
        outline: none
    }

    .main-header-message>a.new:before,
    .main-header-notification>a.new:before {
        content: "";
        position: absolute;
        top: -2px;
        right: 2px;
        width: 7px;
        height: 7px;
        background-color: #f16d75;
        border-radius: 100%
    }

    .main-header-notification .dropdown-menu {
        width: 300px;
        position: absolute;
        top: 48px;
        left: auto;
        right: -10px;
        bottom: auto;
        padding: 0;
        border: 0;
        border-width: 1px;
        box-shadow: -8px 12px 18px 0 rgba(21, 21, 62, .3);
        border-radius: 4px
    }

    @media (min-width:992px) {
        .main-header-message>a:after,
        .main-header-notification>a:after {
            bottom: -36px
        }
    }

    .main-header-message .dropdown-menu {
        width: 300px;
        position: absolute;
        top: 48px!important;
        left: auto!important;
        right: -10px;
        bottom: auto;
        padding: 0;
        border-color: #f0f0ff;
        border-width: 1px;
        box-shadow: 0 8px 16px 0 rgba(162, 169, 204, .24)
    }

    .main-header-notification .dropdown-footer {
        text-align: center;
        padding: 10px;
        font-size: 13px;
        border-top: 1px solid rgba(123, 65, 216, .1)
    }

    .main-header-message.show .dropdown-menu,
    .main-header-message.show>a:after,
    .main-header-notification.show .dropdown-menu,
    .main-header-notification.show>a:after {
        display: block
    }

    .main-header-profile {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 20px
    }

    .main-header-profile .main-img-user {
        width: 120px;
        height: 120px;
        margin-bottom: 20px
    }

    .main-header-profile .main-img-user:after {
        display: none
    }

    .main-header-profile h6 {
        font-size: 24px;
        font-weight: 700;
        color: #8f9cc0;
        margin-bottom: 0
    }

    .main-header-profile span {
        display: block;
        font-size: 13px
    }

    @media (min-width:576px) {
        .main-header-profile .main-img-user {
            width: 80px;
            height: 80px
        }
    }

    @media (min-width:576px) {
        .main-header-profile h6 {
            font-size: 18px
        }
    }

    .main-header-sticky {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000
    }

    .main-footer {
        background-color: #fff;
        margin-top: 0;
        padding: 15px;
        position: relative;
        bottom: 0
    }

    .main-footer .container,
    .main-footer .container-fluid {
        font-size: 12px;
        align-items: center;
        justify-content: space-between
    }

    .main-footer .container-fluid {
        padding-left: 20px;
        padding-right: 20px
    }

    @media (min-width:992px) {
        .main-footer {
            display: block
        }
    }

    .main-footer-app .container,
    .main-footer-app .container-fluid {
        border-top-width: 0
    }

    .main-footer-demo {
        background-color: #0c025b;
        color: hsla(0, 0%, 100%, .4);
        height: 60px
    }

    .main-footer-demo .container {
        border-top-width: 0
    }

    .main-footer-demo a {
        color: hsla(0, 0%, 100%, .5)
    }

    .main-footer-demo a:focus,
    .main-footer-demo a:hover {
        color: #fff
    }

    @media (max-width:991.98px) {
        .main-sidebar-show {
            overflow: inherit
        }
        .main-sidebar-show .main-sidebar {
            display: flex;
            transform: translateX(0);
            visibility: visible;
            transition: left .3s ease, width .3s ease
        }
        .main-sidebar-show .main-navbar-backdrop {
            opacity: 1
        }
    }

    @media (min-width:992px) {
        .main-sidebar-hide .main-sidebar {
            display: none
        }
        .main-sidebar-hide .main-sidebar-sticky+.main-content {
            margin-left: 0
        }
    }

    .main-body-sidebar {
        display: block
    }

    .main-body-sidebar .main-content {
        flex: 1;
        padding: 0;
        display: flex;
        flex-direction: column
    }

    .main-body-sidebar .main-content-header {
        height: auto;
        padding: 20px;
        margin-bottom: 0
    }

    .main-body-sidebar .main-content-body {
        padding: 0 20px 20px
    }

    .main-body-sidebar .main-footer {
        margin-top: auto
    }

    @media (min-width:992px) {
        .main-body-sidebar {
            display: flex;
            flex-direction: row
        }
    }

    @media (min-width:992px) {
        .main-body-sidebar .main-header .container-fluid {
            padding-left: 20px;
            padding-right: 20px
        }
    }

    .main-sidebar {
        width: 240px;
        flex-direction: column;
        flex-shrink: 0;
        border-right: 0;
        transform: translateX(-240px);
        visibility: hidden;
        transition: all .4s
    }

    @media (prefers-reduced-motion:reduce) {
        .main-sidebar {
            transition: none
        }
    }

    @media (min-width:992px) and (max-width:1199.98px) {
        .main-sidebar {
            width: 220px
        }
    }

    @media (max-width:991.98px) {
        .main-sidebar {
            position: fixed;
            top: 53px!important;
            left: 0;
            bottom: 0;
            z-index: 999;
            background-color: #fff
        }
    }

    @media (min-width:992px) {
        .main-sidebar {
            position: relative;
            display: flex;
            transform: none;
            z-index: 999;
            border-right-width: 1px;
            visibility: visible
        }
    }

    .main-sidebar-sticky {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        box-shadow: none
    }

    .main-sidebar-body .nav-item.active .nav-link:before {
        content: "";
        position: absolute;
        top: -30px;
        z-index: 9;
        right: 0;
        bottom: 0;
        height: 30px;
        border-top-color: transparent;
        border-left-color: transparent;
        border-bottom: transparent;
        border-radius: 0 0 48px 0
    }

    .main-sidebar-body .nav-item.active .nav-link:after {
        content: "";
        position: absolute;
        top: 43px;
        z-index: 0;
        right: 0;
        bottom: 0;
        height: 30px;
        border-top-color: transparent;
        border-left-color: transparent;
        border-bottom: transparent;
        border-radius: 0 48px 0 0
    }

    .main-sidebar-body .nav-item.active .nav-link .shape1 {
        position: absolute;
        top: -30px;
        width: 20px;
        height: 60px;
        right: 0
    }

    .main-sidebar-body .nav-item.active .nav-link .shape2 {
        position: absolute;
        top: 35px;
        width: 20px;
        height: 30px;
        right: 0
    }

    .option-dots {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: transparent;
        margin: 0 auto;
        text-align: center;
        line-height: 40px;
        display: block
    }

    .main-sidebar-body li.nav-item.active .nav-link {
        position: relative;
        z-index: 1;
        text-align: center;
        border-radius: 30px 0 0 30px;
        margin: 10px auto 10px 0;
        border: 0 solid transparent;
        border-right: 0;
        width: inherit
    }

    @media (min-width:992px) {
        .main-sidebar-sticky+.main-content {
            margin-left: 220px
        }
    }

    @media (min-width:1200px) {
        .main-sidebar-sticky+.main-content {
            margin-left: 240px
        }
    }

    .main-sidebar-header {
        flex-shrink: 0;
        height: 64px;
        display: flex;
        align-items: center;
        padding: 0 20px
    }

    .main-sidebar-loggedin {
        padding: 10px 20px;
        display: flex;
        flex-shrink: 0
    }

    .main-sidebar-loggedin .main-img-user {
        width: 36px;
        height: 36px
    }

    .main-sidebar-loggedin .media-body {
        margin-left: 12px
    }

    .main-sidebar-loggedin .media-body h6 {
        font-weight: 700;
        font-size: 14px;
        color: #8f9cc0;
        margin-bottom: 2px
    }

    .main-sidebar-loggedin .media-body span {
        display: block;
        color: #a8afc7
    }

    .main-sidebar-body {
        padding: 0
    }

    @media (min-width:1200px) {
        .main-sidebar-body {
            padding: 12px 0
        }
    }

    .main-body .main-sidebar-body .nav {
        flex-direction: column;
        padding: 0 0 0 15px;
        justify-content: center;
        margin: 0 auto
    }

    .nav-header {
        margin: 0 0 0 15px;
        display: flex;
        position: relative
    }

    .main-sidebar-body .nav-label {
        color: hsla(0, 0%, 100%, .3)
    }

    .main-sidebar-body .nav-label,
    .second-sidemenu .nav-label {
        text-transform: uppercase;
        font-size: 11.49px;
        font-weight: 500;
        letter-spacing: .5px;
        padding: 10px 0 0
    }

    .second-sidemenu .nav-label {
        color: #77778c
    }

    .second-sidemenu .nav-header li {
        list-style-type: none
    }

    .main-sidebar-body .sub-txt {
        font-size: 10.9px;
        padding: 0;
        color: #9b9ca3;
        margin-bottom: 0;
        position: absolute;
        margin-top: -1px
    }

    .second-sidemenu .sub-txt {
        font-size: 10.9px;
        padding: 0;
        color: #8d95b1;
        margin-bottom: 10px
    }

    .main-sidebar-body .nav-item {
        position: relative;
        display: block
    }

    .main-sidebar-body .nav-item+.nav-item {
        margin-top: -1px
    }

    .main-sidebar-body .nav-link {
        height: 43px;
        display: flex;
        align-items: center;
        padding: 0 9px 0 4px;
        font-weight: 400;
        font-size: 14px;
        color: hsla(0, 0%, 100%, .4)
    }

    .main-sidebar-body .nav-link .sidemenu-icon {
        font-size: 17px;
        line-height: 0;
        margin-right: 10px;
        width: 35px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        border-radius: 50%
    }

    .main-sidebar-body .nav-link i.typcn {
        line-height: .9
    }

    .main-sidebar-body .nav-link i.typcn:before {
        width: auto
    }

    .main-sidebar-body .nav-link.with-sub {
        position: relative
    }

    .main-sidebar-body .nav-sub {
        list-style: none;
        padding: 0;
        margin-left: 1.2rem
    }

    .main-sidebar-body .nav-sub .nav-sub-link:before {
        content: "\E048";
        font-family: typicons;
        font-style: normal;
        font-weight: 400;
        text-decoration: inherit;
        top: 8px;
        font-size: 12px;
        opacity: .4;
        margin-right: 22px;
        color: hsla(0, 0%, 100%, .8)
    }

    .main-sidebar-body .nav-sub-item .nav-sub {
        padding: 0 0 0 12px;
        border-left-width: 1px;
        margin-left: 0
    }

    .main-sidebar-body .nav-sub-item .nav-sub .nav-sub-link {
        height: auto;
        padding: 7px 0
    }

    .main-sidebar-body .nav-sub-item.active>.nav-sub-link {
        color: #c6c6e0
    }

    .main-sidebar-body .nav-sub-item.show .nav-sub {
        display: block
    }

    .main-sidebar-body .nav-sub-link {
        height: 38px;
        display: flex;
        align-items: center;
        color: hsla(0, 0%, 100%, .4);
        font-size: 13px
    }

    .main-sidebar-body .nav-sub-link.with-sub {
        justify-content: space-between
    }

    .main-sidebar-body .nav-sub-link.with-sub:after {
        content: "\F3D0";
        font-family: Ionicons;
        font-size: 12px;
        font-weight: 400;
        display: inline-block;
        position: relative;
        margin-left: auto;
        color: #f0f0ff
    }

    .main-sidebar-body .nav-sub-link+.nav-sub-link {
        border-top: 1px dotted #f0f0ff
    }

    .main-sidebar-body li.active .sidemenu-icon {
        font-size: 18px;
        line-height: 0;
        margin-right: 10px;
        width: 35px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        border-radius: 50%;
        box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        color: #fff
    }

    @media (min-width:992px) {
        .main-sidebar-body .nav-sub-link.with-sub:after {
            margin-left: 4px;
            font-size: 12px
        }
    }

    @media (min-width:768px) {
        .main-sidebar-hide .main-sidebar-body li.active:after {
            top: 43px
        }
        .main-sidebar-hide .main-sidebar .main-sidebar-body {
            padding: 17px 0 12px
        }
        .main-sidebar-hide .main-sidebar-body .nav-link .sidemenu-icon {
            width: 35px;
            height: 35px;
            line-height: 35px;
            text-align: center;
            border-radius: 50%;
            z-index: 1;
            box-shadow: none
        }
        .main-sidebar-hide.main-sidebar-open .main-sidebar-body li.active {
            position: relative;
            z-index: 1;
            text-align: center;
            border-radius: 30px 0 0 30px;
            margin: 0 auto 0 0;
            border: 0 solid transparent;
            border-right: 0;
            transition: none
        }
        .main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-link .sidemenu-icon {
            font-size: 18px;
            line-height: 0;
            margin-right: 10px;
            width: 35px;
            height: 35px;
            line-height: 35px;
            text-align: center;
            border-radius: 50%;
            box-shadow: none
        }
        .main-sidebar-hide.main-sidebar-open .main-sidebar-body li.active .sidemenu-icon {
            font-size: 18px;
            line-height: 0;
            margin-right: 10px;
            width: 35px;
            height: 35px;
            line-height: 35px;
            background: #6259ca;
            text-align: center;
            border-radius: 50%;
            box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
            color: #fff
        }
        .main-body.main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav {
            flex-direction: column;
            padding: 0 0 0 15px;
            text-align: inherit;
            margin: 0;
            justify-content: inherit
        }
        .main-sidebar-hide .main-sidebar-body li.active {
            margin: 6px 0
        }
        .main-sidebar-hide .main-sidebar-body li.active .sidemenu-icon {
            background: #6259ca;
            margin-left: 5px
        }
        .main-sidebar-hide .main-sidebar-body li.nav-item.active .nav-link {
            width: inherit;
            transition: margin-left .3s ease
        }
        .main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-item.active .nav-link:before {
            content: "";
            position: absolute;
            top: -30px;
            z-index: 9;
            right: 0;
            bottom: 0;
            height: 30px;
            border-top-color: transparent;
            border-left-color: transparent;
            border-bottom: transparent;
            border-radius: 0 0 48px 0
        }
        .main-sidebar-hide.main-sidebar-open .main-sidebar-body .nav-item.active .nav-link:after {
            content: "";
            position: absolute;
            top: 43px;
            z-index: 0;
            right: 0;
            bottom: 0;
            height: 30px;
            border-top-color: transparent;
            border-left-color: transparent;
            border-bottom: transparent;
            border-radius: 0 48px 0 0
        }
    }

    .main-sidebar-body .nav-sub .nav-sub-link:before,
     ::-ms-backdrop {
        top: 0
    }

    .navbar.navbar-static .navbar-header {
        float: left
    }

    .navbar .navbar-toggle.toggle-left {
        float: left;
        margin-left: 15px
    }

    .navbar .navbar-toggle.toggle-right {
        float: right;
        margin-right: 15px
    }

    .navbar .navbar-toggle.toggle-sidebar,
    .sidebar,
    [data-toggle=sidebar] {
        display: block
    }

    .sidebar {
        position: fixed;
        top: 0;
        width: 300px;
        bottom: 0;
        z-index: 1035;
        min-height: 100%;
        max-height: none;
        overflow: auto;
        background-color: #fff;
        box-shadow: 0 8px 16px 0 rgba(162, 169, 204, .24)
    }

    .sidebar-left {
        left: 0
    }

    .sidebar-profile,
    .sidebar-right {
        right: 0
    }

    .row .sidebar.sidebar-left.sidebar-xs-show {
        left: 0;
        transform: translate(0)
    }

    .row .sidebar.sidebar-profile.sidebar-xs-show,
    .row .sidebar.sidebar-right.sidebar-xs-show {
        right: 0;
        transform: translate(0)
    }

    @media (min-width:768px) {
        .row .sidebar.sidebar-left.sidebar-sm-show {
            left: 0;
            transform: translate(0)
        }
        .row .sidebar.sidebar-profile.sidebar-sm-show,
        .row .sidebar.sidebar-right.sidebar-sm-show {
            right: 0;
            transform: translate(0)
        }
    }

    @media (min-width:992px) {
        .row .sidebar.sidebar-left.sidebar-md-show {
            left: 0;
            transform: translate(0)
        }
        .row .sidebar.sidebar-profile.sidebar-md-show,
        .row .sidebar.sidebar-right.sidebar-md-show {
            right: 0;
            transform: translate(0)
        }
    }

    @media (min-width:1170px) {
        .row .sidebar.sidebar-left.sidebar-lg-show {
            left: 0;
            transform: translate(0)
        }
        .row .sidebar.sidebar-profile.sidebar-lg-show,
        .row .sidebar.sidebar-right.sidebar-lg-show {
            right: 0;
            transform: translate(0)
        }
    }

    .sidebar-animate {
        transition: transform .3s ease
    }

    .sidebar.sidebar-left {
        transform: translate(-100%)
    }

    .sidebar.sidebar-left.sidebar-open {
        transform: translate(0)
    }

    .sidebar.sidebar-profile,
    .sidebar.sidebar-right {
        transform: translate(100%)
    }

    .sidebar.sidebar-profile.sidebar-open,
    .sidebar.sidebar-right.sidebar-open {
        transform: translate(0)
    }

    .main-traffic-detail-product-item {
        margin-bottom: 1.5rem
    }

    .main-profile-menu {
        position: relative;
        padding: .5rem 0;
        margin: 0 4px
    }

    .main-profile-menu>.main-img-user {
        outline: none;
        width: 32px;
        height: 32px
    }

    .main-profile-menu>.main-img-user:after {
        display: none
    }

    .main-profile-menu .dropdown-menu {
        padding-top: 0;
        position: absolute;
        top: 53px;
        left: auto;
        right: -10px;
        bottom: auto;
        width: 230px;
        border: 0;
        border-width: 1px;
        box-shadow: -8px 12px 18px 0 rgba(21, 21, 62, .3)
    }

    .main-profile-menu .dropdown-item {
        position: relative;
        padding: 10px;
        height: 38px;
        display: flex;
        align-items: center;
        font-size: 13px;
        color: #3c4858
    }

    .main-profile-menu .dropdown-item i {
        font-size: 16px;
        margin-right: 10px;
        width: 24px;
        text-align: center;
        line-height: .9
    }

    .main-profile-menu .dropdown-item:focus,
    .main-profile-menu .dropdown-item:hover {
        background-color: transparent
    }

    .main-profile-menu .dropdown-item+.dropdown-item {
        border-top: 1px solid #e8e8f7
    }

    .main-profile-menu.show .dropdown-menu,
    .main-profile-menu.show .main-img-user:before {
        display: block
    }

    @media (max-width:991.98px) {
        .main-iconbar-show .main-iconbar {
            display: flex
        }
        .main-iconbar-show .main-iconbar-aside {
            display: block
        }
    }

    .main-iconbar {
        width: 64px;
        display: none;
        flex-direction: column;
        align-items: center;
        padding: 20px 0;
        position: fixed;
        top: 63px;
        left: 0;
        height: 100%;
        background-color: #fff;
        z-index: 500;
        border-right: 1px solid #e8e8f7;
        border-top: 1px solid #e8e8f7
    }

    .main-iconbar .nav {
        flex: 1;
        flex-direction: column;
        align-items: center;
        padding: 5px 0
    }

    .main-iconbar .nav-link {
        position: relative;
        padding: 0;
        color: #8f9cc0;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .main-iconbar .nav-link i {
        font-size: 20px
    }

    .main-iconbar .nav-link i.typcn {
        line-height: 1
    }

    .main-iconbar .nav-link i.typcn:before {
        width: auto
    }

    .main-iconbar .nav-link i.typcn-device-laptop,
    .main-iconbar .nav-link i.typcn-th-large-outline {
        font-size: 25px
    }

    .main-iconbar .nav-link i.fa-desktop {
        font-size: 23px
    }

    .main-iconbar .nav-link:focus,
    .main-iconbar .nav-link:hover {
        color: #3c4858
    }

    .main-iconbar .nav-link+.nav-link {
        margin-top: 10px
    }

    @media (min-width:992px) {
        .main-iconbar {
            display: flex
        }
    }

    .main-iconbar-logo {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 32px;
        line-height: .9;
        color: #8f9cc0;
        flex-shrink: 0;
        margin-bottom: 20px;
        position: relative
    }

    .main-iconbar-logo:after {
        content: "";
        position: absolute;
        bottom: 6px;
        left: 20px;
        height: 3px;
        width: 24px;
        border-radius: 2px
    }

    .main-iconbar-logo:focus,
    .main-iconbar-logo:hover {
        color: #8f9cc0
    }

    .main-iconbar-bottom {
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .main-iconbar-help {
        line-height: 0;
        font-size: 22px;
        color: #a8afc7;
        margin-bottom: 20px
    }

    .main-iconbar-help:focus,
    .main-iconbar-help:hover {
        color: #8f9cc0
    }

    .main-iconbar-aside {
        width: 230px;
        height: 100%;
        background-color: #fff;
        border-right: 1px solid #e8e8f7;
        border-top: 1px solid #e8e8f7;
        position: fixed;
        top: 63px;
        left: 64px;
        overflow-y: auto;
        z-index: 600;
        display: none
    }

    @media (min-width:1200px) {
        .main-iconbar-aside {
            border-right: 0;
            z-index: 500
        }
    }

    @media (min-width:992px) {
        .main-iconbar-aside.show {
            display: block
        }
    }

    @media (min-width:1200px) {
        .main-iconbar-aside.show+.main-content {
            margin-left: 294px
        }
    }

    .main-iconbar-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px 20px 20px 0
    }

    .main-iconbar-header .main-logo {
        line-height: 1
    }

    .main-iconbar-toggle-menu {
        display: block;
        position: relative;
        line-height: 0;
        color: #8f9cc0;
        font-size: 28px;
        opacity: .5
    }

    .main-iconbar-toggle-menu:focus,
    .main-iconbar-toggle-menu:hover {
        opacity: 1;
        color: #8f9cc0
    }

    .main-iconbar-toggle-menu i:first-child {
        display: none
    }

    @media (min-width:1200px) {
        .main-iconbar-toggle-menu {
            font-size: 24px
        }
        .main-iconbar-toggle-menu:before {
            content: "";
            position: absolute;
            top: 3px;
            bottom: 3px;
            left: -1px;
            border-left: 2px solid #000
        }
        .main-iconbar-toggle-menu i:first-child {
            display: block
        }
        .main-iconbar-toggle-menu i:last-child {
            display: none
        }
    }

    .main-iconbar-body {
        padding: 20px;
        height: calc(100vh - 68px)
    }

    .main-iconbar-body .nav {
        flex-direction: column;
        padding-top: 10px
    }

    .main-iconbar-body .nav-item {
        position: relative;
        display: block
    }

    .main-iconbar-body .nav-item+.nav-item {
        margin-top: -1px;
        border-top: 1px dotted #f0f0ff
    }

    .main-iconbar-body .nav-item.show .nav-sub {
        display: block
    }

    .main-iconbar-body .nav-link {
        position: relative;
        color: #8f9cc0;
        font-size: 13px;
        padding: 0;
        display: flex;
        align-items: center;
        height: 38px
    }

    .main-iconbar-body .nav-link i {
        color: #a8afc7;
        font-size: 16px;
        font-weight: 400;
        line-height: 0;
        margin-right: 10px
    }

    .main-iconbar-body .nav-link i.typcn {
        line-height: .9
    }

    .main-iconbar-body .nav-link i.typcn:before {
        width: auto
    }

    .main-iconbar-body .nav-link.with-sub {
        justify-content: space-between
    }

    .main-iconbar-body .nav-link.with-sub:after {
        content: "\F3D0";
        font-family: Ionicons;
        font-size: 11px;
        font-weight: 400;
        display: inline-block;
        position: relative;
        margin-left: auto;
        color: #a8afc7
    }

    .main-iconbar-body .nav-sub {
        list-style: none;
        padding: 0;
        margin: 0;
        border-top: 1px dotted #f0f0ff;
        display: none
    }

    .main-iconbar-body .nav-sub .nav-sub-item {
        position: relative;
        display: block;
        margin-left: 15px
    }

    .main-iconbar-body .nav-sub .nav-sub-item+.nav-sub-item {
        border-top: 1px dotted #f0f0ff
    }

    .main-iconbar-body .nav-sub .nav-sub-link {
        display: flex;
        align-items: center;
        height: 36px;
        color: #8f9cc0
    }

    @media (min-width:992px) {
        .main-iconbar-body .nav-link.with-sub:after {
            margin-left: 4px;
            font-size: 12px
        }
    }

    .main-iconbar-title {
        font-size: 20px;
        font-weight: 700;
        color: #8f9cc0;
        margin-bottom: 10px;
        line-height: 1
    }

    .main-iconbar-text {
        display: block;
        font-size: 12px;
        color: #a8afc7;
        margin-bottom: 12px
    }

    .main-iconbar-pane {
        margin-bottom: 20px;
        display: none
    }

    .main-iconbar-pane.show {
        display: block
    }

    .main-iconbar-primary {
        padding-top: 0
    }

    .main-iconbar-primary .main-img-user:after {
        box-shadow: none
    }

    .main-iconbar-primary .main-iconbar-logo {
        color: #fff;
        height: 64px
    }

    .main-iconbar-primary .main-iconbar-logo:after {
        display: none
    }

    .main-iconbar-primary .nav {
        justify-content: center
    }

    .main-iconbar-primary .nav-link {
        width: 42px;
        height: 42px;
        color: hsla(0, 0%, 100%, .5);
        border-radius: 3px;
        transition: all .2s ease-in-out
    }

    .main-iconbar-primary .nav-link:focus,
    .main-iconbar-primary .nav-link:hover {
        color: #fff;
        background-color: hsla(0, 0%, 100%, .1)
    }

    .main-iconbar-primary .nav-link.active {
        color: #fff;
        background-color: hsla(0, 0%, 100%, .2)
    }

    .main-iconbar-primary .main-iconbar-help {
        color: hsla(0, 0%, 100%, .5)
    }

    .main-iconbar-primary .main-iconbar-help:focus,
    .main-iconbar-primary .main-iconbar-help:hover {
        color: #fff
    }

    @media (prefers-reduced-motion:reduce) {
        .main-iconbar-primary .nav-link {
            transition: none
        }
    }

    .main-iconbar-aside-primary {
        width: 250px;
        background-color: #f1f2f9;
        box-shadow: 0 0 16px rgba(28, 39, 60, .08);
        border-right: 1px solid #e8e8f7
    }

    .main-iconbar-aside-primary .main-iconbar-header {
        padding: 18px 25px;
        background-color: #fff;
        border-bottom: 1px solid #e8e8f7
    }

    .main-iconbar-aside-primary .main-iconbar-body {
        padding: 20px 25px
    }

    .main-iconbar-aside-primary .main-iconbar-body .nav {
        padding-top: 0;
        padding-left: 0;
        border-left-width: 0
    }

    .main-iconbar-aside-primary .main-iconbar-body .nav-item+.nav-item,
    .main-iconbar-aside-primary .main-iconbar-body .nav-sub,
    .main-iconbar-aside-primary .main-iconbar-body .nav-sub-item+.nav-sub-item {
        border-top-color: #f0f0ff
    }

    .main-iconbar-aside-primary .main-iconbar-toggle-menu {
        display: none
    }

    @media (min-width:992px) {
        .main-iconbar-aside-primary.show+.main-content {
            margin-left: 64px
        }
    }

    .ui-datepicker {
        background-color: #fff;
        border: 1px solid #e8e8f7;
        font-family: inherit;
        font-size: inherit;
        padding: 0;
        margin: 0;
        display: none;
        width: auto!important;
        z-index: 5!important
    }

    .ui-datepicker .ui-datepicker-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        font-weight: 500;
        font-size: 12px;
        text-transform: uppercase;
        color: #8f9cc0;
        padding: 12px;
        letter-spacing: 1px;
        border: 0;
        background-color: transparent;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
        text-indent: -99999px;
        color: #a8afc7;
        top: 9px;
        background: #000
    }

    .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
        font-size: 12px;
        font-family: Ionicons;
        position: absolute;
        top: 10px;
        text-indent: 0;
        background: rgba(77, 76, 178, .1);
        padding: 5px;
        margin: -5px;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        text-align: center;
        line-height: 20px
    }

    .ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus:before,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover:before,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus:before,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover:before {
        color: #3b4863
    }

    .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
        order: 3
    }

    .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
        right: 17px;
        content: "\F3D1"
    }

    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
        left: 17px;
        content: "\F3CF"
    }

    .ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
        color: #3c4858;
        cursor: pointer;
        top: 1px;
        border: 0;
        background-color: transparent
    }

    .ui-datepicker .ui-datepicker-title {
        color: #3b4863;
        font-weight: 700;
        font-size: 13px
    }

    .ui-datepicker .ui-datepicker-calendar {
        margin: 0;
        background-color: transparent;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        padding: 0;
        text-align: center
    }

    .ui-datepicker .ui-datepicker-calendar th {
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 1px;
        padding: 6px 9px;
        color: #3b4863;
        border: 1px solid #e8e8f7
    }

    .ui-datepicker .ui-datepicker-calendar td {
        border: 1px solid #fff;
        padding: 0;
        background-color: #fff;
        text-align: right
    }

    .ui-datepicker .ui-datepicker-calendar td:last-child {
        border-right: 0
    }

    .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default {
        color: #a8afc7
    }

    .ui-datepicker .ui-datepicker-calendar td a,
    .ui-datepicker .ui-datepicker-calendar td span {
        transition: all .2s ease-in-out;
        color: #313b54;
        padding: 6px 10px;
        display: block;
        font-weight: 500;
        font-size: 12px;
        border: 0;
        border-radius: 1px;
        height: 38px;
        width: 38px
    }

    .ui-datepicker .ui-datepicker-calendar td a:hover {
        background-color: #fff;
        color: #8f9cc0
    }

    .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a,
    .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a:focus,
    .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a:hover {
        color: #fff
    }

    @media (max-width:320px) {
        .ui-datepicker .ui-datepicker-calendar th {
            padding: 4px 0;
            letter-spacing: normal
        }
    }

    @media (prefers-reduced-motion:reduce) {
        .ui-datepicker .ui-datepicker-calendar td a,
        .ui-datepicker .ui-datepicker-calendar td span {
            transition: none
        }
    }

    .ui-datepicker-multi .ui-datepicker-group {
        padding-right: 15px;
        width: auto;
        float: left
    }

    .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-title {
        margin: auto
    }

    .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-prev:before {
        left: 10px
    }

    .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-next:before {
        right: 10px
    }

    .ui-datepicker-multi .ui-datepicker-group table {
        margin: 0
    }

    .ui-datepicker-multi .ui-datepicker-group-last {
        padding-right: 0
    }

    .ui-datepicker-inline {
        border-color: #f0f0ff
    }

    .picker-title {
        font-size: 15px;
        font-weight: 500
    }

    .picker-cell__header {
        text-transform: uppercase;
        font-size: .875rem;
        font-weight: 700;
        letter-spacing: .4px
    }

    .picker-item {
        font-family: Archivo, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
    }

    .picker-picked {
        font-weight: 500
    }

    .datetimepicker {
        box-shadow: none;
        border-radius: 0;
        border-width: 1px;
        border-color: #f0f0ff;
        min-width: 270px;
        padding: 0 10px 10px
    }

    .datetimepicker:before {
        display: none
    }

    .datetimepicker table {
        width: 100%
    }

    .datetimepicker table th.next,
    .datetimepicker table th.prev,
    .datetimepicker table th.switch {
        background-color: #fff;
        color: #8f9cc0
    }

    .datetimepicker table th.next,
    .datetimepicker table th.prev {
        position: relative
    }

    .datetimepicker table th.next span,
    .datetimepicker table th.prev span {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .datetimepicker table th.next span:before,
    .datetimepicker table th.prev span:before {
        font-family: Ionicons;
        position: absolute;
        top: 50%;
        font-size: 16px;
        color: #8f9cc0;
        line-height: 0
    }

    .datetimepicker table th.next:focus,
    .datetimepicker table th.next:hover,
    .datetimepicker table th.prev:focus,
    .datetimepicker table th.prev:hover {
        background-color: #fff
    }

    .datetimepicker table th.prev span:before {
        content: "\F3CF";
        left: 0
    }

    .datetimepicker table th.next span:before {
        content: "\F3D1";
        right: 0
    }

    .datetimepicker table th.switch {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 13px;
        letter-spacing: 1px;
        color: #8f9cc0
    }

    .datetimepicker table td {
        font-size: .875rem;
        text-align: center
    }

    .datetimepicker table td.new,
    .datetimepicker table td.old {
        color: #a8afc7
    }

    .datetimepicker .datetimepicker-days table thead tr:first-child th {
        height: 38px
    }

    .datetimepicker .datetimepicker-days table thead tr:last-child th {
        height: 25px;
        text-transform: uppercase;
        color: #3c4858;
        font-weight: 700;
        font-size: 11px
    }

    .main-datetimepicker {
        box-shadow: none;
        border-radius: 0;
        border-color: #f0f0ff;
        margin-top: 2px
    }

    .main-datetimepicker>.datepicker_header {
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .main-datetimepicker>.datepicker_header>.icon-home {
        display: none
    }

    .main-datetimepicker>.datepicker_header a:last-child,
    .main-datetimepicker>.datepicker_header a:nth-child(2) {
        display: block;
        position: relative;
        text-indent: -999999px
    }

    .main-datetimepicker>.datepicker_header a:last-child:before,
    .main-datetimepicker>.datepicker_header a:nth-child(2):before {
        font-family: Ionicons;
        position: absolute;
        top: 50%;
        line-height: 0;
        text-indent: 0;
        font-size: 13px
    }

    .main-datetimepicker>.datepicker_header a:nth-child(2):before {
        content: "\F3CF";
        left: 0
    }

    .main-datetimepicker>.datepicker_header a:last-child:before {
        content: "\F3D1";
        right: 0
    }

    .main-datetimepicker>.datepicker_header span {
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        text-transform: uppercase
    }

    .main-datetimepicker>.datepicker_inner_container {
        border-radius: 0;
        box-shadow: none;
        border-width: 0;
        display: flex;
        height: 225px;
        margin: 0;
        background-color: #fff
    }

    .main-datetimepicker>.datepicker_inner_container:after {
        display: none
    }

    .main-datetimepicker>.datepicker_inner_container>.datepicker_calendar {
        width: 230px;
        border-width: 0;
        border-radius: 0;
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        padding: 5px;
        float: none;
        margin: 0
    }

    .main-datetimepicker>.datepicker_inner_container>.datepicker_calendar>table {
        width: 100%;
        height: 100%
    }

    .main-datetimepicker>.datepicker_inner_container>.datepicker_calendar th {
        font-size: 11px;
        text-transform: uppercase;
        color: #8f9cc0;
        font-weight: 700;
        text-align: center;
        padding: 8px 5px
    }

    .main-datetimepicker>.datepicker_inner_container>.datepicker_calendar td {
        font-size: .875rem;
        font-weight: 400;
        text-align: center;
        padding: 5px
    }

    .main-datetimepicker>.datepicker_inner_container>.datepicker_calendar td.day_another_month {
        color: #a8afc7
    }

    .main-datetimepicker>.datepicker_inner_container>.datepicker_calendar td.hover {
        background-color: #f0f0ff;
        cursor: pointer
    }

    .main-datetimepicker>.datepicker_inner_container>.datepicker_timelist {
        float: none;
        width: 70px;
        height: 100%!important;
        border-left: 1px solid #b4bdce
    }

    .main-datetimepicker>.datepicker_inner_container>.datepicker_timelist>div.timelist_item {
        padding: 5px 8px;
        margin: 0 0 0 1px
    }

    .main-datetimepicker>.datepicker_inner_container>.datepicker_timelist>div.timelist_item:focus,
    .main-datetimepicker>.datepicker_inner_container>.datepicker_timelist>div.timelist_item:hover {
        background-color: #f0f0ff
    }

    .jqvmap-label {
        padding: 2px 8px;
        background-color: rgba(17, 17, 17, .9);
        border-radius: 2px
    }

    .jqvmap-zoomin,
    .jqvmap-zoomout {
        font-size: 20px;
        padding: 0;
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 2px
    }

    .jqvmap-zoomout {
        top: 32px
    }

    .jqvmap-pin {
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        cursor: default;
        pointer-events: none
    }

    #jqvmap1_dc_pin,
    #jqvmap1_de_pin,
    #jqvmap1_md_pin,
    #jqvmap1_ri_pin {
        display: none
    }

    #jqvmap1_ak_pin {
        margin-top: -2%
    }

    #jqvmap1_ca_pin {
        margin-left: -2%
    }

    #jqvmap1_ct_pin {
        margin-top: -.25%;
        margin-left: -.25%
    }

    #jqvmap1_fl_pin {
        margin-left: 5%
    }

    #jqvmap1_id_pin {
        margin-top: 3%;
        margin-left: -1%
    }

    #jqvmap1_ky_pin {
        margin-left: 2%
    }

    #jqvmap1_la_pin {
        margin-left: -2%
    }

    #jqvmap1_mi_pin {
        margin-top: 4%;
        margin-left: 3%
    }

    #jqvmap1_ma_pin {
        margin-top: -.25%
    }

    #jqvmap1_mn_pin {
        margin-top: 2%;
        margin-left: -2%
    }

    #jqvmap1_nh_pin {
        margin-top: 1%;
        margin-left: -.25%
    }

    #jqvmap1_nj_pin {
        margin-top: 1%
    }

    #jqvmap1_ok_pin,
    #jqvmap1_va_pin {
        margin-left: 2%
    }

    #jqvmap1_wv_pin {
        margin-left: -1%;
        margin-top: 1%
    }

    @media only screen and (min-width:320px) {
        .jqvmap-pin {
            font-size: 6px
        }
    }

    @media only screen and (min-width:480px) {
        .jqvmap-pin {
            font-size: 8px
        }
    }

    @media only screen and (min-width:640px) {
        .jqvmap-pin {
            font-size: 10px
        }
    }

    @media only screen and (min-width:800px) {
        .jqvmap-pin {
            font-size: 12px
        }
    }

    @media only screen and (min-width:1024px) {
        .jqvmap-pin {
            font-size: 14px
        }
    }

    .ql-wrapper {
        display: flex;
        flex-direction: column
    }

    .ql-wrapper-modal .ql-snow.ql-toolbar {
        border-width: 0 0 1px
    }

    .ql-wrapper-modal .ql-snow.ql-container {
        border-width: 0
    }

    .ql-wrapper-modal .ql-snow .ql-editor {
        padding: 20px
    }

    @media (min-width:576px) {
        .ql-wrapper-modal .ql-snow.ql-toolbar {
            padding: 15px 20px
        }
    }

    .ql-bubble.ql-container {
        border: 2px solid #f0f0ff
    }

    .ql-bubble.ql-container:not(.ql-disabled) a:before,
    .ql-bubble .ql-tooltip {
        background-color: #8f9cc0;
        border-radius: 2px
    }

    .ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
        border-top-color: #8f9cc0
    }

    .ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
        border-bottom-color: #8f9cc0
    }

    .ql-bubble .ql-toolbar {
        padding: 0 8px 8px
    }

    .ql-bubble .ql-toolbar button {
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #8896af;
        outline: none
    }

    .ql-bubble .ql-toolbar button i {
        font-size: 24px;
        line-height: 0;
        display: inline-block
    }

    .ql-bubble .ql-toolbar button i.la-bold,
    .ql-bubble .ql-toolbar button i.la-underline {
        width: 21px
    }

    .ql-bubble .ql-toolbar button .ql-fill {
        fill: #8896af
    }

    .ql-bubble .ql-toolbar button .ql-stroke {
        stroke: #8896af
    }

    .ql-bubble .ql-toolbar button.ql-active {
        color: #fff;
        background-color: hsla(0, 0%, 100%, .08)
    }

    .ql-bubble .ql-toolbar .ql-formats {
        margin: 8px 8px 0 0
    }

    .ql-bubble .ql-toolbar .ql-formats:first-child {
        margin-left: 0
    }

    @media (min-width:576px) {
        .ql-bubble .ql-toolbar .ql-formats {
            margin: 8px 0 0
        }
        .ql-bubble .ql-toolbar .ql-formats:first-child {
            margin-left: 0
        }
    }

    .ql-snow.ql-container,
    .ql-snow.ql-toolbar {
        border-color: #f0f0ff;
        border-width: 1px
    }

    .ql-snow.ql-toolbar {
        padding: 5px 10px 10px
    }

    .ql-snow.ql-toolbar .ql-picker-label {
        border-color: #f0f0ff
    }

    .ql-snow.ql-toolbar .ql-picker-label.ql-active {
        background-color: #f0f0ff;
        border-color: transparent;
        color: #8f9cc0;
        font-weight: 500
    }

    .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke {
        stroke: #000
    }

    .ql-snow.ql-toolbar button {
        border: 1px solid transparent;
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #8f9cc0;
        outline: none
    }

    .ql-snow.ql-toolbar button svg {
        width: 20px;
        float: none
    }

    .ql-snow.ql-toolbar button i {
        font-size: 18px;
        line-height: 0;
        display: inline-block
    }

    .ql-snow.ql-toolbar button i.la-bold,
    .ql-snow.ql-toolbar button i.la-underline {
        width: 21px
    }

    .ql-snow.ql-toolbar button .ql-stroke {
        stroke-width: 2px
    }

    .ql-snow.ql-toolbar button:focus,
    .ql-snow.ql-toolbar button:hover {
        border-color: #f0f0ff
    }

    .ql-snow.ql-toolbar button:focus .ql-stroke,
    .ql-snow.ql-toolbar button:hover .ql-stroke {
        stroke: #a8afc7
    }

    .ql-snow.ql-toolbar button.ql-active {
        background-color: #f0f0ff;
        color: #3b4863;
        border-color: transparent
    }

    .ql-snow.ql-toolbar button.ql-active .ql-fill {
        fill: #3b4863
    }

    .ql-snow.ql-toolbar button.ql-active .ql-stroke {
        stroke: #3b4863
    }

    .ql-snow.ql-toolbar .ql-formats {
        margin-top: 5px;
        margin-right: 5px
    }

    .ql-snow .ql-formats button+button {
        margin: 0 0 0 2px
    }

    .ql-snow .ql-picker {
        display: block;
        border-width: 0;
        height: 32px;
        color: #3c4858
    }

    .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
        right: 3px
    }

    .ql-snow .ql-picker:focus .ql-picker-label,
    .ql-snow .ql-picker:hover .ql-picker-label {
        color: #8f9cc0
    }

    .ql-snow .ql-picker:focus .ql-picker-label .ql-stroke,
    .ql-snow .ql-picker:hover .ql-picker-label .ql-stroke {
        stroke: #000
    }

    .ql-snow .ql-picker-label {
        display: block;
        padding-left: 10px;
        font-size: 13px;
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        border: 1px solid #e8e8f7;
        background-color: #fff;
        outline: none
    }

    .ql-snow .ql-picker-label:before {
        line-height: 2.25;
        font-weight: 400
    }

    .ql-snow .ql-stroke {
        stroke: #000;
        stroke-linecap: square;
        stroke-linejoin: miter;
        stroke-width: 1
    }

    .ql-snow .ql-editor {
        padding: 20px;
        color: #3b4863
    }

    .main-donut-chart {
        position: relative;
        border-radius: 50%;
        overflow: hidden
    }

    .main-donut-chart .slice {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .main-donut-chart .chart-center {
        position: absolute;
        border-radius: 50%
    }

    .main-donut-chart .chart-center span {
        display: block;
        text-align: center
    }

    .morris-wrapper-demo {
        height: 200px;
        position: relative;
        text-align: center;
        margin: 0 auto
    }

    @media (min-width:576px) {
        .morris-wrapper-demo {
            height: 300px
        }
    }

    .morris-donut-wrapper-demo {
        height: 200px
    }

    @media (min-width:576px) {
        .morris-donut-wrapper-demo {
            height: 250px
        }
    }

    .chartjs-wrapper-demo {
        height: 250px
    }

    @media (max-width:330px) {
        .chartjs-wrapper-demo {
            width: 290px
        }
    }

    @media (min-width:992px) {
        .chartjs-wrapper-demo {
            height: 300px
        }
    }

    .chartist-wrapper-demo {
        height: 200px
    }

    @media (min-width:768px) {
        .chartist-wrapper-demo {
            height: 300px
        }
    }

    .morris-hover.morris-default-style {
        border-radius: 0
    }

    .chart-donut {
        left: 0;
        position: relative
    }

    #morrisDonut1,
    #morrisDonut1 svg {
        height: 200px;
        width: 200px
    }

    #morrisDonut1 svg {
        font-family: Roboto, sans-serif
    }

    input.parsley-error:focus,
    input.parsley-success:focus,
    textarea.parsley-error:focus,
    textarea.parsley-success:focus {
        box-shadow: none!important
    }

    .parsley-checkbox.parsley-error {
        padding: 10px;
        border: 1px solid #f16d75
    }

    .parsley-checkbox.parsley-success {
        padding: 10px;
        border: 1px solid #19b159
    }

    .parsley-errors-list {
        color: #f16d75;
        list-style: none;
        font-size: 12px;
        padding: 0;
        margin-bottom: 0
    }

    .parsley-errors-list li {
        margin: 5px 0 0
    }

    .parsley-style-1 .parsley-input.parsley-error .form-control {
        border-color: #f16d75;
        border-radius: 0
    }

    .parsley-style-1 .parsley-input.parsley-success .form-control {
        border-color: #19b159
    }

    .parsley-style-1 .parsley-checkbox.parsley-error {
        border: 1px solid #f16d75
    }

    .parsley-style-1 .parsley-select.parsley-error .select2-container--default .select2-selection--single {
        border-radius: 0
    }

    .parsley-style-1 .parsley-errors-list.filled {
        color: #f16d75;
        padding: 7px 10px
    }

    .parsley-style-1 .parsley-errors-list.filled li:first-child {
        margin-top: 0
    }

    .ql-wrapper-demo {
        background-color: #fff
    }

    .ql-wrapper-demo .ql-container {
        height: 250px
    }

    .ql-wrapper-demo .ql-editor {
        height: 100%;
        overflow-y: auto
    }

    @media (min-width:1200px) {
        .ql-wrapper-demo {
            width: 70%
        }
    }

    .ql-scrolling-demo {
        background-color: #fff;
        height: 100%;
        min-height: 100%;
        overflow: hidden;
        border: 1px solid #e8e8f7;
        position: relative
    }

    .ql-scrolling-demo .ql-container {
        border-width: 0;
        height: auto;
        min-height: 100%;
        padding: 30px
    }

    .ql-scrolling-demo .ql-container .ql-editor {
        font-size: 16px;
        overflow-y: visible;
        color: #3b4863
    }

    @media (min-width:768px) {
        .ql-scrolling-demo {
            padding-left: 15px
        }
    }

    @media (min-width:768px) {
        .ql-scrolling-demo .ql-container {
            padding: 50px 50px 50px 35px
        }
    }

    .irs-from,
    .irs-max,
    .irs-min,
    .irs-single,
    .irs-to {
        font-family: Roboto, sans-serif;
        border-radius: 0
    }

    .irs-bar {
        background-image: none
    }

    .irs-bar-edge,
    .irs-line-left {
        background-image: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .irs-line-left {
        background-color: #f0f0ff
    }

    .irs-line-mid,
    .irs-line-right {
        background-image: none;
        background-color: #f0f0ff
    }

    .irs-line-right {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .irs-slider {
        background-image: none
    }

    .irs-slider:before {
        content: "";
        height: 18px;
        position: absolute;
        left: 50%;
        margin-left: -1px
    }

    .irs-slider:focus:before,
    .irs-slider:hover:before {
        background-color: #260bfa
    }

    .irs-success .irs-bar,
    .irs-success .irs-bar-edge,
    .irs-success .irs-from,
    .irs-success .irs-single,
    .irs-success .irs-slider:before,
    .irs-success .irs-to {
        background-color: #19b159
    }

    .irs-success .irs-from:after,
    .irs-success .irs-single:after,
    .irs-success .irs-to:after {
        border-top-color: #19b159
    }

    .irs-dark .irs-bar,
    .irs-dark .irs-bar-edge,
    .irs-dark .irs-from,
    .irs-dark .irs-single,
    .irs-dark .irs-slider:before,
    .irs-dark .irs-to {
        background-color: #3b4863
    }

    .irs-dark .irs-from:after,
    .irs-dark .irs-single:after,
    .irs-dark .irs-to:after {
        border-top-color: #3b4863
    }

    .irs-modern .irs-line-left,
    .irs-modern .irs-line-mid,
    .irs-modern .irs-line-right {
        height: 6px;
        box-shadow: inset -2px 2px 2px 0 rgba(34, 34, 34, .1)
    }

    .irs-modern .irs-bar,
    .irs-modern .irs-bar-edge {
        height: 6px;
        box-shadow: inset 0 1px 1px 0 rgba(34, 34, 34, .1)
    }

    .irs-modern .irs-slider {
        top: 19px;
        background-color: #fff;
        border-radius: 0
    }

    .irs-modern .irs-slider:before {
        width: 4px;
        height: 9px;
        background-color: #fff;
        margin-left: -2px;
        top: 3px
    }

    .irs-modern.irs-success .irs-slider,
    .irs-modern.irs-success .irs-slider:before {
        border-color: #19b159
    }

    .irs-modern.irs-dark .irs-slider,
    .irs-modern.irs-dark .irs-slider:before {
        border-color: #8f9cc0
    }

    .irs-outline .irs-line {
        height: 10px;
        border-radius: 5px
    }

    .irs-outline .irs-line-left,
    .irs-outline .irs-line-mid,
    .irs-outline .irs-line-right {
        height: 10px;
        background-color: transparent
    }

    .irs-outline .irs-bar {
        height: 10px
    }

    .irs-outline .irs-bar-edge {
        height: 10px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px
    }

    .irs-outline .irs-slider {
        top: 21px;
        width: 18px;
        background-color: #fff;
        border-radius: 100%
    }

    .irs-outline .irs-slider:before {
        margin-left: -4px;
        top: 4px;
        width: 8px;
        height: 8px;
        border-radius: 100%
    }

    .irs-outline.irs-success .irs-line,
    .irs-outline.irs-success .irs-slider {
        border-color: #19b159
    }

    .irs-outline.irs-success .irs-line:focus:before,
    .irs-outline.irs-success .irs-line:hover:before,
    .irs-outline.irs-success .irs-slider:focus:before,
    .irs-outline.irs-success .irs-slider:hover:before {
        background-color: #339701
    }

    .irs-outline.irs-dark .irs-line,
    .irs-outline.irs-dark .irs-slider {
        border-color: #3b4863
    }

    .irs-outline.irs-dark .irs-line:focus:before,
    .irs-outline.irs-dark .irs-line:hover:before,
    .irs-outline.irs-dark .irs-slider:focus:before,
    .irs-outline.irs-dark .irs-slider:hover:before {
        background-color: #313c53
    }

    .select2-results__option {
        border-radius: 0;
        margin-bottom: 1px;
        font-size: 13px
    }

    .select2-container--default .select2-selection--single {
        background-color: #fff;
        border-color: #f0f0ff;
        border-radius: 3px;
        height: 38px;
        outline: none;
        border-radius: 0
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #3c4858;
        line-height: calc(1.5em + .75rem + 2px) -.1rem;
        padding-left: .75rem;
        height: 100%;
        display: flex;
        align-items: center
    }

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #a8afc7
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        width: 30px;
        height: 38px;
        line-height: calc(1.5em + .75rem + 2px)
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        margin-top: -3px
    }

    .select2-container--default .select2-selection--multiple {
        background-color: #fff;
        border-color: #f0f0ff;
        border-radius: 0;
        min-height: 38px;
        outline: none
    }

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        padding: 0 4px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        position: relative;
        margin-top: 5px;
        margin-right: 4px;
        padding: 3px 10px 3px 20px!important;
        border-color: transparent;
        border-radius: 0;
        color: #fff;
        line-height: 1.45
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #fff;
        opacity: .5;
        font-size: 12px;
        display: inline-block;
        position: absolute;
        top: 4px;
        left: 7px
    }

    .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: #f0f0ff
    }

    .select2-container--default .select2-search--dropdown .select2-search__field {
        border-color: #f0f0ff;
        border-radius: 0
    }

    .select2-container--default .select2-results__option[aria-selected=true] {
        background-color: #fff
    }

    .select2-container--default .select2-results>.select2-results__options {
        margin: 0
    }

    .select2-container--default .select2-search--inline .select2-search__field {
        margin-top: 7px;
        line-height: 26px;
        padding-left: 7px;
        opacity: 1
    }

    .select2-container--default.select2-container--disabled .select2-selection__choice {
        padding-left: 10px;
        background-color: #a8afc7
    }

    .select2-container--default.select2-container--disabled .select2-selection__choice .select2-selection__choice__remove {
        display: none
    }

    .select2-container--open .select2-selection--multiple,
    .select2-container--open .select2-selection--single {
        background-color: #fff;
        border-color: #f0f0ff
    }

    .select2-container--open .select2-dropdown--above {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .select2-container--open .select2-dropdown--below {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        top: 0
    }

    .select2-dropdown {
        border-color: #f0f0ff;
        z-index: 200
    }

    .select2-search--dropdown {
        padding-bottom: 0
    }

    .select2-results__option {
        padding: 6px 10px;
        font-size: .875rem
    }

    .has-success .select2-container--default .select2-selection--single,
    .parsley-select.parsley-success .select2-container--default .select2-selection--single {
        border-color: #19b159
    }

    .has-warning .select2-container--default .select2-selection--single {
        border-color: #ff9b21
    }

    .has-danger .select2-container--default .select2-selection--single,
    .parsley-select.parsley-error .select2-container--default .select2-selection--single {
        border-color: #f16d75
    }

    .select2-dropdown-xs .select2-results__option,
    .select2-xs+.select2-container {
        font-size: 12px
    }

    .select2-dropdown-sm .select2-results__option,
    .select2-sm+.select2-container {
        font-size: 14px
    }

    .select2-bd-0+.select2-container--default .select2-selection--single {
        border-width: 0
    }

    .bg-gray+.select2-container--default .select2-selection--single {
        background-color: #455473
    }

    .bg-gray+.select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #f0f0ff
    }

    .sp-container {
        background-color: #fff;
        border-color: #f0f0ff;
        z-index: 200
    }

    .sp-container button {
        border: 0;
        padding: 8px 15px;
        background-image: none;
        background-color: #f0f0ff;
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        font-size: 12px;
        text-shadow: none;
        text-transform: capitalize;
        border-radius: 2px
    }

    .sp-container button:focus,
    .sp-container button:hover {
        border: 0;
        background-image: none;
        background-color: #a8afc7;
        text-shadow: none
    }

    .sp-button-container .sp-cancel {
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        font-size: 12px;
        text-transform: capitalize;
        color: #a8afc7!important
    }

    .sp-button-container .sp-cancel:focus,
    .sp-button-container .sp-cancel:hover {
        color: #3b4863!important;
        text-decoration: none
    }

    .sp-picker-container {
        border-left: 0
    }

    .sp-replacer {
        border-color: #f0f0ff;
        background-color: #fff
    }

    .sp-replacer:focus,
    .sp-replacer:hover {
        border-color: #b4bdce
    }

    .sp-replacer.sp-active {
        border-color: #a8afc7
    }

    .sp-dd {
        text-indent: -99999px;
        position: relative;
        width: 10px
    }

    .sp-dd:before {
        content: "\F280";
        font-family: Ionicons;
        font-size: 15px;
        color: #a8afc7;
        position: absolute;
        text-indent: 0;
        left: 0;
        z-index: 10
    }

    .sp-preview {
        border: 0
    }

    .sp-dragger {
        background-color: transparent
    }

    .sp-choose {
        background-color: #f0f0ff
    }

    .sp-palette .sp-thumb-el.sp-thumb-active,
    .sp-palette .sp-thumb-el:hover {
        border-color: #3b4863
    }

    .select2-container--default.select2-container--focus .select2-selection--multiple {
        border: 1px solid #eaeafa
    }

    @-webkit-keyframes spinner-grow {
        0% {
            transform: scale(0)
        }
        50% {
            opacity: 1
        }
    }

    @keyframes spinner-grow {
        0% {
            transform: scale(0)
        }
        50% {
            opacity: 1
        }
    }

    .spinner-grow {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        vertical-align: text-bottom;
        background-color: currentColor;
        border-radius: 50%;
        opacity: 0;
        -webkit-animation: spinner-grow .75s linear infinite;
        animation: spinner-grow .75s linear infinite
    }

    .spinner-grow-sm {
        width: 1rem;
        height: 1rem
    }

    .spinner-border {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        vertical-align: text-bottom;
        border: .25em solid;
        border-right: .25em solid transparent;
        border-radius: 50%;
        -webkit-animation: spinner-border .75s linear infinite;
        animation: spinner-border .75s linear infinite
    }

    @keyframes spinner-border {
        to {
            transform: rotate(1turn)
        }
    }

    .spinner-border-sm {
        width: 1rem;
        height: 1rem;
        border-width: .2em
    }

    .main-content-calendar .container,
    .main-content-calendar .container-fluid {
        padding: 20px 0 0
    }

    @media (min-width:992px) {
        .main-content-calendar .container,
        .main-content-calendar .container-fluid {
            padding-top: 0
        }
    }

    @media (min-width:992px) {
        .main-content-left-calendar {
            width: 230px
        }
    }

    .main-datepicker .ui-datepicker-inline {
        margin-top: 0
    }

    .main-datepicker .ui-datepicker .ui-datepicker-title {
        letter-spacing: -.2px
    }

    .main-datepicker .ui-datepicker .ui-datepicker-calendar {
        width: 100%
    }

    .main-datepicker .ui-datepicker .ui-datepicker-calendar th {
        padding: 5px;
        font-size: 10px;
        color: #8f9cc0;
        text-align: center
    }

    .main-datepicker .ui-datepicker .ui-datepicker-calendar td {
        text-align: center
    }

    .main-datepicker .ui-datepicker .ui-datepicker-calendar th.ui-datepicker-week-end:first-child:not(.ui-datepicker-other-month) a {
        color: #f16d75
    }

    .main-datepicker .ui-datepicker .ui-datepicker-calendar td {
        padding: 0 1px
    }

    .main-datepicker .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-end:first-child:not(.ui-datepicker-other-month) a {
        color: #f16d75
    }

    .main-datepicker .ui-datepicker .ui-datepicker-calendar td a,
    .main-datepicker .ui-datepicker .ui-datepicker-calendar td span {
        padding: 4px 5px;
        font-family: Verdana, sans-serif;
        font-size: 11px;
        color: #3c4858
    }

    .main-datepicker .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
        color: #fff;
        border-radius: 2px
    }

    .main-nav-calendar-event .nav-link {
        font-size: 13px;
        position: relative
    }

    .main-nav-calendar-event .nav-link i {
        font-size: 21px;
        position: relative;
        margin-right: 10px;
        top: -.5px
    }

    .main-nav-calendar-event .nav-link.exclude,
    .main-nav-calendar-event .nav-link.exclude i {
        color: #a8afc7
    }

    .main-nav-calendar-event .nav-link.exclude:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        border-top: 1px solid #a8afc7
    }

    @media (min-width:992px) {
        .main-content-body-calendar {
            padding-left: 25px
        }
    }

    .main-calendar,
    .main-calendar .fc-content,
    .main-calendar .fc-divider,
    .main-calendar .fc-list-heading td,
    .main-calendar .fc-list-view,
    .main-calendar .fc-popover,
    .main-calendar .fc-row,
    .main-calendar tbody,
    .main-calendar td,
    .main-calendar th,
    .main-calendar thead {
        border-color: #f0f0ff
    }

    .main-calendar .fc-header-toolbar {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 15px;
        padding: 0 20px
    }

    .main-calendar .fc-header-toolbar h2 {
        margin-bottom: 0;
        color: #4d4d6d;
        font-size: 20px;
        font-weight: 700
    }

    .main-calendar .fc-header-toolbar .fc-right {
        order: 3
    }

    .main-calendar .fc-header-toolbar .fc-clear {
        display: none
    }

    .main-calendar .fc-header-toolbar button {
        background-color: #fff;
        background-image: none;
        border: 1px solid #e8e8f7;
        box-shadow: none;
        padding: 0 15px;
        display: flex;
        align-items: center;
        color: #8f9cc0;
        font-size: 13px;
        text-transform: capitalize;
        outline: none;
        text-shadow: none;
        border-radius: 0
    }

    .main-calendar .fc-header-toolbar button:focus,
    .main-calendar .fc-header-toolbar button:hover {
        background-color: #f0f0ff
    }

    .main-calendar .fc-header-toolbar button.fc-next-button,
    .main-calendar .fc-header-toolbar button.fc-prev-button {
        padding: 0;
        width: 38px;
        justify-content: center
    }

    .main-calendar .fc-header-toolbar button.fc-next-button span,
    .main-calendar .fc-header-toolbar button.fc-prev-button span {
        margin: 0
    }

    .main-calendar .fc-header-toolbar button.fc-state-active {
        background-color: #f0f0ff
    }

    .main-calendar .fc-header-toolbar button.fc-today-button {
        color: #fff
    }

    .main-calendar .fc-header-toolbar button.fc-today-button.fc-state-disabled {
        border-color: #f0f0ff;
        background-color: #efefff;
        color: #30304a;
        cursor: default
    }

    .main-calendar .fc-icon-left-single-arrow,
    .main-calendar .fc-icon-right-single-arrow {
        top: 0
    }

    .main-calendar .fc-icon-left-single-arrow:after,
    .main-calendar .fc-icon-right-single-arrow:after {
        font-family: Ionicons;
        font-size: 18px;
        font-weight: 400;
        line-height: 1
    }

    .main-calendar .fc-icon-left-single-arrow:after {
        content: "\F3CF"
    }

    .main-calendar .fc-icon-right-single-arrow:after {
        content: "\F3D1"
    }

    .main-calendar .fc-head-container .fc-day-header {
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        padding: 5px 0;
        color: #8f9cc0
    }

    .main-calendar .fc-view>table {
        background-color: #fff;
        border: 1px solid #e8e8f7
    }

    .main-calendar .fc-view>table>tbody>tr>td,
    .main-calendar .fc-view>table>thead td,
    .main-calendar .fc-view>table>thead th {
        border-color: #f0f0ff
    }

    .main-calendar .fc-view .fc-other-month {
        background-color: #f9f9ff
    }

    .main-calendar .fc-view .fc-day-number {
        font-size: 14px;
        font-weight: 400;
        font-family: Arial, sans-serif;
        color: #3c4858;
        display: inline-block;
        padding: 5px 8px;
        position: relative;
        transition: all .2s ease-in-out;
        margin: 2px 2px 0 0;
        min-width: 20px;
        text-align: center
    }

    .main-calendar .fc-view .fc-day-number:focus,
    .main-calendar .fc-view .fc-day-number:hover {
        color: #8f9cc0;
        background-color: #f1f2f9
    }

    .main-calendar .fc-view .fc-scroller {
        height: auto!important;
        overflow: visible!important
    }

    .main-calendar .fc-view.fc-agenda-view .fc-day-header>a>span {
        display: block
    }

    .main-calendar .fc-view.fc-agenda-view .fc-day-header>a>span:first-child {
        color: #a8afc7;
        font-size: 8px;
        font-weight: 400;
        line-height: 1.2
    }

    .main-calendar .fc-view.fc-agenda-view .fc-day-header>a>span:last-child {
        font-weight: 700;
        font-size: 14px;
        font-family: Helvetica, Arial, sans-serif;
        line-height: 1
    }

    .main-calendar .fc-view.fc-listMonth-view,
    .main-calendar .fc-view.fc-listWeek-view {
        border-width: 0
    }

    .main-calendar .fc-view.fc-listMonth-view .fc-scroller,
    .main-calendar .fc-view.fc-listWeek-view .fc-scroller {
        padding: 0 20px 20px
    }

    .main-calendar .fc-view.fc-listMonth-view .fc-list-table,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-table {
        border-collapse: separate;
        display: block
    }

    .main-calendar .fc-view.fc-listMonth-view .fc-list-table>tbody,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-table>tbody {
        display: flex;
        flex-wrap: wrap
    }

    .main-calendar .fc-view.fc-listMonth-view .fc-list-heading,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-heading {
        flex: 0 0 20%;
        max-width: 20%;
        margin-top: 15px
    }

    .main-calendar .fc-view.fc-listMonth-view .fc-list-heading:first-child,
    .main-calendar .fc-view.fc-listMonth-view .fc-list-heading:first-child+.fc-list-item,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-heading:first-child,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-heading:first-child+.fc-list-item {
        margin-top: 0
    }

    .main-calendar .fc-view.fc-listMonth-view .fc-list-heading td,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-heading td {
        background-color: transparent;
        border-width: 0;
        padding: 0
    }

    .main-calendar .fc-view.fc-listMonth-view .fc-list-heading-main,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-heading-main {
        display: block;
        font-size: 11px;
        text-transform: uppercase;
        color: #a8afc7;
        font-weight: 600;
        padding: 5px;
        text-align: center
    }

    .main-calendar .fc-view.fc-listMonth-view .fc-list-heading-main span:last-child,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-heading-main span:last-child {
        display: block;
        font-size: 30px;
        font-weight: 700;
        font-family: Helvetica, Arial, sans-serif;
        letter-spacing: -1px;
        color: #8f9cc0;
        line-height: 1
    }

    .main-calendar .fc-view.fc-listMonth-view .fc-list-item,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-item {
        flex: 0 0 calc(80% - 5px);
        max-width: calc(80% - 5px);
        dispLay: flex;
        flex-direction: column;
        border-left: 4px solid transparent;
        background-color: #fff;
        margin-top: 15px
    }

    .main-calendar .fc-view.fc-listMonth-view .fc-list-item:focus,
    .main-calendar .fc-view.fc-listMonth-view .fc-list-item:hover,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-item:focus,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-item:hover {
        cursor: pointer
    }

    .main-calendar .fc-view.fc-listMonth-view .fc-list-item:focus td,
    .main-calendar .fc-view.fc-listMonth-view .fc-list-item:hover td,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-item:focus td,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-item:hover td {
        background-color: transparent
    }

    .main-calendar .fc-view.fc-listMonth-view .fc-list-item>td,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-item>td {
        border-width: 0
    }

    .main-calendar .fc-view.fc-listMonth-view .fc-list-item>td.fc-list-item-time,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-item>td.fc-list-item-time {
        border-top: 1px solid #e8e8f7;
        border-right: 1px solid #e8e8f7;
        box-sizing: border-box
    }

    .main-calendar .fc-view.fc-listMonth-view .fc-list-item>td.fc-list-item-title,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-item>td.fc-list-item-title {
        border-bottom: 1px solid #e8e8f7;
        border-right: 1px solid #e8e8f7;
        box-sizing: border-box
    }

    .main-calendar .fc-view.fc-listMonth-view .fc-list-item+.fc-list-item,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-item+.fc-list-item {
        margin-left: 20%
    }

    .main-calendar .fc-view.fc-listMonth-view .fc-list-item-marker,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-item-marker {
        display: none
    }

    .main-calendar .fc-view.fc-listMonth-view .fc-list-item-time,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-item-time {
        padding: 12px 15px 2px;
        font-size: 13px;
        text-transform: capitalize;
        width: 100%
    }

    .main-calendar .fc-view.fc-listMonth-view .fc-list-item-title,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-item-title {
        padding: 0 15px 12px
    }

    .main-calendar .fc-view.fc-listMonth-view .fc-list-item-title a,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-item-title a {
        display: block;
        font-weight: 700;
        font-size: 15px;
        margin-bottom: 5px;
        color: #8f9cc0
    }

    .main-calendar .fc-view.fc-listMonth-view .fc-list-item-title .fc-desc,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-item-title .fc-desc {
        font-size: 13px;
        line-height: 1.375;
        display: block
    }

    .main-calendar td.fc-today {
        background-color: #f1f2f9
    }

    .main-calendar td.fc-today .fc-day-number {
        color: #fff;
        border-radius: 1px
    }

    .main-calendar td.fc-today .fc-day-number:focus,
    .main-calendar td.fc-today .fc-day-number:hover {
        border-radius: 1px
    }

    .main-calendar .fc-axis {
        font-size: 11px
    }

    .main-calendar .fc-event {
        border-width: 5px 0 0;
        border-radius: 0
    }

    .main-calendar .fc-event.fc-day-grid-event>div {
        display: none
    }

    .main-calendar .fc-event.fc-day-grid-event>div .fc-time {
        font-weight: 500
    }

    .main-calendar .fc-event.fc-day-grid-event>div .fc-desc {
        display: none
    }

    .main-calendar .fc-time-grid-event {
        padding: 5px;
        border-left-width: 0;
        border-top-width: 2px
    }

    .main-calendar .fc-time-grid-event .fc-time {
        font-size: 12px
    }

    .main-calendar .fc-time-grid-event .fc-title {
        font-size: 14px;
        font-weight: 700;
        color: #8f9cc0;
        margin-bottom: 10px
    }

    .main-calendar .fc-time-grid-event .fc-desc {
        font-size: 13px;
        line-height: 1.3;
        color: rgba(28, 39, 60, .8)
    }

    .main-calendar .fc-agendaWeek-view .fc-time-grid-event>div {
        display: none
    }

    .main-calendar .fc-agendaWeek-view .fc-time-grid-event>div .fc-time {
        font-size: 11px
    }

    .main-calendar .fc-agendaWeek-view .fc-time-grid-event>div .fc-title {
        font-size: 13px
    }

    .main-calendar .fc-agendaWeek-view .fc-time-grid-event>div .fc-desc {
        display: none
    }

    .main-calendar .fc-list-empty {
        padding: 20px 0;
        background-color: #fff;
        border: 1px solid #e8e8f7
    }

    @media (min-width:992px) {
        .main-calendar .fc-header-toolbar {
            padding: 0;
            margin-bottom: 24px
        }
    }

    @media (min-width:576px) {
        .main-calendar .fc-header-toolbar h2 {
            font-size: 22px
        }
    }

    @media (max-width:767.98px) {
        .main-calendar .fc-header-toolbar .fc-center {
            order: 1;
            flex: 0 0 100%;
            display: flex;
            justify-content: center;
            margin-bottom: 20px
        }
        .main-calendar .fc-header-toolbar .fc-left {
            order: 2;
            flex: 0 0 50%
        }
        .main-calendar .fc-header-toolbar .fc-right {
            flex: 0 0 50%;
            display: flex;
            justify-content: flex-end
        }
    }

    @media (max-width:575px) {
        .main-calendar .fc-header-toolbar button.fc-next-button,
        .main-calendar .fc-header-toolbar button.fc-prev-button {
            width: 32px;
            height: 32px
        }
        .main-calendar .fc-header-toolbar button.fc-today-button {
            height: 32px;
            padding-left: 10px;
            padding-right: 10px;
            font-size: 11px
        }
        .main-calendar .fc-header-toolbar button.fc-agendaDay-button,
        .main-calendar .fc-header-toolbar button.fc-agendaWeek-button,
        .main-calendar .fc-header-toolbar button.fc-listMonth-button,
        .main-calendar .fc-header-toolbar button.fc-listWeek-button,
        .main-calendar .fc-header-toolbar button.fc-month-button {
            text-indent: -9999px;
            width: 32px;
            height: 32px;
            position: relative;
            color: transparent
        }
        .main-calendar .fc-header-toolbar button.fc-agendaDay-button:before,
        .main-calendar .fc-header-toolbar button.fc-agendaWeek-button:before,
        .main-calendar .fc-header-toolbar button.fc-listMonth-button:before,
        .main-calendar .fc-header-toolbar button.fc-listWeek-button:before,
        .main-calendar .fc-header-toolbar button.fc-month-button:before {
            position: absolute;
            top: 6px;
            left: 10px;
            z-index: 100;
            display: inline-block;
            text-indent: 0;
            font-size: 12px;
            font-weight: 700;
            color: #8f9cc0
        }
        .main-calendar .fc-header-toolbar button.fc-month-button:before {
            content: "M"
        }
        .main-calendar .fc-header-toolbar button.fc-agendaWeek-button:before {
            content: "W"
        }
        .main-calendar .fc-header-toolbar button.fc-agendaDay-button:before {
            content: "D"
        }
        .main-calendar .fc-header-toolbar button.fc-listMonth-button:before,
        .main-calendar .fc-header-toolbar button.fc-listWeek-button:before {
            content: "L";
            left: 11px
        }
    }

    @media (min-width:992px) {
        .main-calendar .fc-icon-left-single-arrow:after,
        .main-calendar .fc-icon-right-single-arrow:after {
            line-height: .75
        }
    }

    @media (min-width:576px) {
        .main-calendar .fc-head-container .fc-day-header {
            font-size: 12px
        }
    }

    @media (max-width:991.98px) {
        .main-calendar .fc-view>table>thead td:first-child,
        .main-calendar .fc-view>table>thead th:first-child {
            border-left-width: 0
        }
        .main-calendar .fc-view>table>thead td:last-child,
        .main-calendar .fc-view>table>thead th:last-child {
            border-right-width: 0
        }
    }

    @media (max-width:991.98px) {
        .main-calendar .fc-view>table>tbody>tr>td:first-child {
            border-left-width: 0
        }
        .main-calendar .fc-view>table>tbody>tr>td:last-child {
            border-right-width: 0
        }
    }

    @media (prefers-reduced-motion:reduce) {
        .main-calendar .fc-view .fc-day-number {
            transition: none
        }
    }

    @media (min-width:576px) {
        .main-calendar .fc-view.fc-agenda-view .fc-day-header>a>span:first-child {
            font-size: 11px;
            font-weight: 400
        }
    }

    @media (min-width:576px) {
        .main-calendar .fc-view.fc-agenda-view .fc-day-header>a>span:last-child {
            font-size: 25px
        }
    }

    @media (min-width:992px) {
        .main-calendar .fc-view.fc-listMonth-view .fc-scroller,
        .main-calendar .fc-view.fc-listWeek-view .fc-scroller {
            padding: 0
        }
    }

    @media (min-width:576px) {
        .main-calendar .fc-view.fc-listMonth-view .fc-list-heading,
        .main-calendar .fc-view.fc-listWeek-view .fc-list-heading {
            flex: 0 0 15%;
            max-width: 15%
        }
    }

    @media (min-width:768px) {
        .main-calendar .fc-view.fc-listMonth-view .fc-list-heading,
        .main-calendar .fc-view.fc-listWeek-view .fc-list-heading {
            flex: 0 0 12%;
            max-width: 12%
        }
    }

    @media (min-width:992px) {
        .main-calendar .fc-view.fc-listMonth-view .fc-list-heading,
        .main-calendar .fc-view.fc-listWeek-view .fc-list-heading {
            flex: 0 0 10%;
            max-width: 10%
        }
    }

    @media (min-width:1200px) {
        .main-calendar .fc-view.fc-listMonth-view .fc-list-heading,
        .main-calendar .fc-view.fc-listWeek-view .fc-list-heading {
            flex: 0 0 8%;
            max-width: 8%
        }
    }

    @media (min-width:576px) {
        .main-calendar .fc-view.fc-listMonth-view .fc-list-item,
        .main-calendar .fc-view.fc-listWeek-view .fc-list-item {
            flex: 0 0 calc(85% - 5px);
            max-width: calc(85% - 5px)
        }
    }

    @media (min-width:768px) {
        .main-calendar .fc-view.fc-listMonth-view .fc-list-item,
        .main-calendar .fc-view.fc-listWeek-view .fc-list-item {
            flex: 0 0 calc(88% - 5px);
            max-width: calc(88% - 5px)
        }
    }

    @media (min-width:992px) {
        .main-calendar .fc-view.fc-listMonth-view .fc-list-item,
        .main-calendar .fc-view.fc-listWeek-view .fc-list-item {
            flex: 0 0 calc(90% - 5px);
            max-width: calc(90% - 5px)
        }
    }

    @media (min-width:1200px) {
        .main-calendar .fc-view.fc-listMonth-view .fc-list-item,
        .main-calendar .fc-view.fc-listWeek-view .fc-list-item {
            flex: 0 0 calc(92% - 5px);
            max-width: calc(92% - 5px)
        }
    }

    @media (min-width:576px) {
        .main-calendar .fc-view.fc-listMonth-view .fc-list-item+.fc-list-item,
        .main-calendar .fc-view.fc-listWeek-view .fc-list-item+.fc-list-item {
            margin-left: 15%
        }
    }

    @media (min-width:768px) {
        .main-calendar .fc-view.fc-listMonth-view .fc-list-item+.fc-list-item,
        .main-calendar .fc-view.fc-listWeek-view .fc-list-item+.fc-list-item {
            margin-left: 12%
        }
    }

    @media (min-width:992px) {
        .main-calendar .fc-view.fc-listMonth-view .fc-list-item+.fc-list-item,
        .main-calendar .fc-view.fc-listWeek-view .fc-list-item+.fc-list-item {
            margin-left: 10%
        }
    }

    @media (min-width:1200px) {
        .main-calendar .fc-view.fc-listMonth-view .fc-list-item+.fc-list-item,
        .main-calendar .fc-view.fc-listWeek-view .fc-list-item+.fc-list-item {
            margin-left: 8%
        }
    }

    @media (min-width:576px) {
        .main-calendar .fc-axis {
            font-size: 13px
        }
    }

    @media (min-width:576px) {
        .main-calendar .fc-event {
            border-top-width: 0;
            border-left-width: 2px;
            padding: 3px 4px
        }
    }

    @media (min-width:576px) {
        .main-calendar .fc-agendaWeek-view .fc-time-grid-event>div,
        .main-calendar .fc-event.fc-day-grid-event>div {
            display: block
        }
    }

    @media (min-width:992px) {
        .main-calendar .fc-agendaWeek-view .fc-time-grid-event>div .fc-desc {
            display: block
        }
    }

    .main-modal-calendar-schedule .modal-content {
        border-width: 0;
        position: relative
    }

    .main-modal-calendar-schedule .modal-content>.close {
        position: absolute;
        top: 20px;
        right: 25px;
        font-size: 28px;
        font-weight: 700;
        color: #a8afc7;
        text-shadow: none
    }

    .main-modal-calendar-schedule .modal-header {
        padding: 20px 25px
    }

    .main-modal-calendar-schedule .modal-body {
        padding: 30px 25px
    }

    .main-modal-calendar-schedule .form-group-date {
        display: flex;
        align-items: center;
        border: 1px solid #e8e8f7;
        background-color: #f1f2f9;
        padding: 10px 5px;
        color: #8f9cc0;
        font-size: 13px;
        font-weight: 600
    }

    .main-modal-calendar-schedule .form-group-date>i {
        font-size: 32px;
        line-height: 0;
        margin-right: 10px;
        opacity: .5
    }

    .main-modal-calendar-schedule .select2-container {
        width: 100%!important
    }

    .main-modal-calendar-event .modal-content {
        border-width: 0;
        position: relative;
        background-color: transparent
    }

    .main-modal-calendar-event .modal-content>.close {
        font-size: 18px;
        text-shadow: none
    }

    .main-modal-calendar-event .modal-header {
        position: relative;
        padding: 20px;
        border-bottom-width: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .main-modal-calendar-event .nav-modal-event {
        align-items: center
    }

    .main-modal-calendar-event .nav-modal-event .nav-link {
        padding: 0;
        color: hsla(0, 0%, 100%, .75);
        font-size: 21px;
        line-height: 0;
        position: relative;
        transition: all .2s ease-in-out
    }

    .main-modal-calendar-event .nav-modal-event .nav-link:focus,
    .main-modal-calendar-event .nav-modal-event .nav-link:hover {
        color: #fff
    }

    .main-modal-calendar-event .nav-modal-event .nav-link+.nav-link {
        margin-left: 15px
    }

    .main-modal-calendar-event .nav-modal-event .nav-link:last-child {
        font-size: 24px
    }

    .main-modal-calendar-event .event-title {
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 0;
        line-height: 1
    }

    .main-modal-calendar-event .modal-body {
        padding: 20px;
        background-color: #fff
    }

    .main-modal-calendar-event .event-end-date,
    .main-modal-calendar-event .event-start-date {
        color: #8f9cc0;
        font-weight: 500
    }

    .main-modal-calendar-event .event-desc {
        margin-top: 5px
    }

    .main-modal-calendar-event .event-desc:empty {
        margin-bottom: 5px
    }

    @media (min-width:576px) {
        .main-modal-calendar-event .modal-header {
            padding: 20px 25px
        }
    }

    @media (prefers-reduced-motion:reduce) {
        .main-modal-calendar-event .nav-modal-event .nav-link {
            transition: none
        }
    }

    @media (min-width:576px) {
        .main-modal-calendar-event .modal-body {
            padding: 30px
        }
    }

    @media (max-width:991.98px) {
        .main-content-body-show .main-header-menu-icon {
            display: none
        }
        .main-content-body-show .main-header-left .main-header-arrow {
            display: block
        }
        .main-content-body-show .main-content-left-chat {
            display: none
        }
        .main-content-body-show .main-content-body-chat {
            display: flex
        }
    }

    .main-content-left-chat {
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        padding: 0
    }

    .main-nav-line-chat {
        border-bottom: 1px solid #e8e8f7;
        flex-shrink: 0;
        flex-direction: row;
        padding: 19px 19px 19px 20px
    }

    .main-nav-line-chat .nav-link {
        font-size: 13px;
        font-weight: 700;
        color: #3b4863;
        text-transform: uppercase
    }

    .main-nav-line-chat .nav-link:active,
    .main-nav-line-chat .nav-link:focus,
    .main-nav-line-chat .nav-link:hover {
        outline: none
    }

    .main-nav-line-chat .nav-link+.nav-link {
        margin-top: 0;
        margin-left: 30px
    }

    .main-chat-contacts-wrapper {
        padding: 10px 20px;
        flex-shrink: 0;
        border-bottom: 1px solid #e8e8f7;
        overflow: hidden
    }

    .main-chat-contacts-wrapper .card-table-two .card-title,
    .main-chat-contacts-wrapper .main-content-label {
        margin-bottom: 15px;
        line-height: 1
    }

    @media (min-width:992px) {
        .main-chat-contacts-wrapper {
            padding: 10px 15px 10px 0
        }
    }

    .card-dashboard-eight .main-chat-contacts-wrapper .card-title,
    .card-table-two .main-chat-contacts-wrapper .card-title,
    .main-chat-contacts-wrapper .card-dashboard-eight .card-title {
        margin-bottom: 15px;
        line-height: 1
    }

    .main-chat-contacts-wrapper .lSSlideOuter,
    .main-chat-contacts-wrapper .lSSlideWrapper {
        overflow: visible
    }

    .main-chat-contacts {
        padding-left: 20px;
        display: flex
    }

    .main-chat-contacts .lslide {
        display: flex;
        flex-direction: column;
        align-items: center;
        float: none
    }

    .main-chat-contacts small {
        font-size: 11px;
        width: 36px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        margin-top: 3px;
        text-align: center
    }

    .main-chat-contacts-more {
        width: 36px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        font-size: 12px;
        font-weight: 500;
        color: #fff
    }

    @media (min-width:992px) {
        .main-chat-list {
            height: calc(100% - 134px);
            position: relative
        }
    }

    .main-chat-list .media {
        padding: 12px 20px;
        border: 1px solid transparent;
        position: relative
    }

    .main-chat-list .media .main-img-user {
        flex-shrink: 0;
        top: 3px
    }

    .main-chat-list .media+.media {
        margin-top: -1px;
        border-top: 1px solid #e8e8f7
    }

    .main-chat-list .media.new {
        background-color: #fff
    }

    .main-chat-list .media.new .main-img-user span {
        display: flex
    }

    .main-chat-list .media.new .media-contact-name span:first-child {
        font-weight: 500;
        color: #404c6d
    }

    .main-chat-list .media.new .media-body p {
        color: #8f9cc0
    }

    .main-chat-list .media:focus,
    .main-chat-list .media:hover {
        cursor: pointer;
        background-color: #f4f5fb;
        border-top-color: #f0f0ff;
        border-bottom-color: #f0f0ff
    }

    .main-chat-list .media:focus:first-child,
    .main-chat-list .media:hover:first-child {
        border-top-color: transparent
    }

    .main-chat-list .media.selected {
        background-color: #f1f2f9;
        border-top-color: #f0f0ff;
        border-bottom-color: #f0f0ff
    }

    .main-chat-list .media.selected:first-child {
        border-top-color: transparent
    }

    .main-chat-list .media.selected:after {
        display: block
    }

    .main-chat-list .media.selected .media-contact-name span:first-child {
        color: #404c6d
    }

    .main-chat-list .media.selected .media-body p {
        color: #8f9cc0
    }

    .main-chat-list .main-img-user span {
        position: absolute;
        top: 0;
        left: -2px;
        width: 14px;
        height: 14px;
        display: none;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        font-size: 9px;
        font-weight: 500;
        color: #fff;
        background-color: #f16d75;
        box-shadow: 0 0 0 2px #fff
    }

    .main-chat-list .media-body {
        margin-left: 15px
    }

    .main-chat-list .media-body p {
        font-size: 13px;
        margin-bottom: 0;
        color: #a8afc7;
        line-height: 1.35
    }

    .main-chat-list .media-contact-name {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 2px
    }

    .main-chat-list .media-contact-name span:first-child {
        display: block;
        font-size: 14px;
        font-weight: 500;
        color: #404c6d
    }

    .main-chat-list .media-contact-name span:last-child {
        display: block;
        font-size: 11px;
        color: #a8afc7
    }

    @media (min-width:992px) {
        .main-chat-list .media {
            padding: 12px 15px
        }
    }

    .main-content-body-chat {
        flex-direction: column
    }

    @media (min-width:992px) {
        .main-content-body-chat {
            display: flex
        }
    }

    .main-chat-header {
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 15px 12px;
        border-bottom: 1px solid #e8e8f7
    }

    .main-chat-header .nav {
        margin-left: auto;
        align-items: center
    }

    .main-chat-header .nav-link {
        padding: 0;
        color: #a8afc7;
        font-size: 16px;
        display: none
    }

    .main-chat-header .nav-link:first-child {
        display: block
    }

    .main-chat-header .nav-link i {
        line-height: 0
    }

    .main-chat-header .nav-link .typcn {
        line-height: .9
    }

    .main-chat-header .nav-link .typcn:before {
        width: auto
    }

    .main-chat-header .nav-link+.nav-link {
        margin-left: 15px
    }

    @media (min-width:576px) {
        .main-chat-header .nav-link {
            display: block
        }
        .main-chat-header .nav-link:first-child {
            display: none
        }
    }

    .main-chat-msg-name {
        margin-left: 15px
    }

    .main-chat-msg-name h6 {
        margin-bottom: 0;
        font-size: 15px;
        font-weight: 700;
        color: #8f9cc0
    }

    .main-chat-msg-name small {
        font-size: 12px;
        color: #a8afc7
    }

    .main-chat-body {
        position: relative
    }

    .main-chat-body .content-inner {
        padding: 20px
    }

    .main-chat-body .media+.media {
        margin-top: 20px
    }

    .main-chat-body .media.flex-row-reverse .media-body {
        margin-left: 0;
        margin-right: 20px;
        align-items: flex-end
    }

    .main-chat-body .media.flex-row-reverse .main-msg-wrapper {
        background-color: #e9e9f9;
        color: #1e1635;
        position: relative
    }

    .main-chat-body .media.flex-row-reverse .main-msg-wrapper:after,
    .main-chat-body .media.flex-row-reverse .main-msg-wrapper:before {
        right: auto;
        left: 100%;
        border-right-color: transparent;
        border-left-color: #e9e9f9
    }

    .main-chat-body .media.flex-row-reverse .main-msg-wrapper:before {
        margin-top: -6px
    }

    .main-chat-body .media.flex-row-reverse .main-msg-wrapper:after {
        border-width: 8px;
        margin-top: -8px
    }

    @media (min-width:992px) {
        .main-chat-body {
            padding-bottom: 0;
            height: calc(100% - 105px);
            overflow: hidden
        }
    }

    @media (min-width:576px) {
        .main-chat-body .media.flex-row-reverse .media-body {
            margin-left: 55px
        }
    }

    .main-msg-wrapper {
        position: relative
    }

    .main-msg-wrapper:after,
    .main-msg-wrapper:before {
        -o-border-image: none;
        border-image: none;
        border: solid transparent;
        border-right: solid #f4f6ff;
        content: " ";
        height: 0;
        pointer-events: none;
        position: absolute;
        right: 100%;
        top: 50%;
        width: 0
    }

    .main-msg-wrapper:before {
        margin-top: -6px
    }

    .main-msg-wrapper:after {
        border-width: 8px;
        margin-top: -8px
    }

    .main-chat-body .media-body {
        margin-left: 20px;
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }

    .main-chat-body .media-body>div:last-child {
        font-size: 11px;
        color: #a8afc7;
        display: flex;
        align-items: center
    }

    @media (min-width:576px) {
        .main-chat-body .media-body {
            margin-right: 55px
        }
    }

    .main-chat-time {
        display: block;
        position: relative;
        text-align: center;
        margin: 20px 0
    }

    .main-chat-time:first-of-type {
        margin-top: 0
    }

    .main-chat-time span {
        font-size: 10px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 1px;
        background: #e6f3f9;
        padding: 5px;
        border-radius: 4px
    }

    .main-msg-wrapper {
        padding: 10px 15px;
        background-color: #f4f6ff;
        font-size: 13px;
        margin-bottom: 5px;
        display: inline-block;
        border-radius: 4px
    }

    .main-chat-footer {
        flex-shrink: 0;
        display: flex;
        height: 50px;
        padding: 0 20px;
        border-top: 1px solid #e8e8f7;
        background-color: #fff;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0
    }

    .main-chat-footer,
    .main-chat-footer .nav {
        align-items: center
    }

    .main-chat-footer .nav-link {
        padding: 0;
        color: #a8afc7;
        font-size: 16px;
        display: none
    }

    .main-chat-footer .nav-link+.nav-link {
        margin-left: 10px
    }

    .main-chat-footer .form-control {
        flex: 1;
        margin: 0 10px;
        padding-left: 0;
        padding-right: 0;
        border-width: 0
    }

    .main-chat-footer .form-control:focus,
    .main-chat-footer .form-control:hover {
        box-shadow: none
    }

    @media (min-width:992px) {
        .main-chat-footer {
            position: relative;
            bottom: auto;
            left: auto;
            right: auto
        }
    }

    @media (min-width:576px) {
        .main-chat-footer .nav-link {
            display: block
        }
    }

    @media (min-width:576px) {
        .main-chat-footer .form-control {
            margin-left: 20px
        }
    }

    @media (min-width:768px) {
        .main-chat-footer .form-control {
            margin: 0 20px
        }
    }

    .main-msg-send {
        font-size: 20px
    }

    @media (min-width:768px) and (max-width:991.98px) {
        .main-content-body-show .main-header-contacts .main-header-menu-icon {
            display: flex
        }
        .main-content-body-show .main-content-left-contacts {
            display: block
        }
    }

    .main-content-left-contacts {
        width: 100%;
        display: block;
        padding: 0
    }

    @media (max-width:768px) {
        .main-contacts-list {
            height: 570px!important;
            max-height: 570px!important
        }
    }

    @media (min-width:769px) {
        .main-contacts-list {
            height: 800px!important;
            max-height: 800px!important
        }
    }

    .main-contact-label {
        padding-top: 20px;
        padding-bottom: 5px;
        padding-left: 20px;
        font-weight: 500;
        font-size: 12px;
        color: #a8afc7;
        position: relative;
        z-index: 0
    }

    .main-contact-label:after {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
        border-bottom: 1px solid #e8e8f7;
        z-index: 5
    }

    .main-contact-item {
        padding: 10px 20px;
        border: 1px solid transparent;
        border-right-width: 0;
        display: flex;
        position: relative;
        cursor: pointer
    }

    .main-contact-item+.main-contact-item {
        margin-top: -1px;
        border-top: 1px solid #e8e8f7
    }

    .main-contact-item:focus,
    .main-contact-item:hover {
        background-color: #f1f2f9;
        border-top-color: #f0f0ff;
        border-bottom-color: #f0f0ff
    }

    .main-contact-item.selected {
        z-index: 0;
        border-left-color: #f0f0ff;
        border-top-color: #f0f0ff;
        border-bottom-color: #f0f0ff;
        background-color: #f9f9ff
    }

    @media (min-width:992px) {
        .main-contact-item {
            padding: 10px 15px
        }
    }

    .main-contact-body {
        flex: 1;
        margin-left: 15px
    }

    .main-contact-body h6 {
        color: #454567;
        font-weight: 500;
        margin-bottom: 2px
    }

    .main-contact-body span {
        font-size: 13px;
        color: #a8afc7
    }

    .main-contact-star {
        font-size: 16px;
        color: #a8afc7
    }

    .main-contact-star:focus,
    .main-contact-star:hover {
        color: #a8afc7
    }

    .main-contact-star.active {
        color: #ff9b21
    }

    @media (min-width:992px) {
        .main-content-body-contacts {
            overflow: hidden
        }
    }

    .main-contact-info-header {
        padding-top: 40px;
        padding-left: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #e8e8f7;
        position: relative
    }

    .main-contact-info-header .media {
        display: block
    }

    .main-contact-info-header .main-img-user {
        width: 100px;
        height: 100px
    }

    .main-contact-info-header .main-img-user:after {
        display: none
    }

    .main-contact-info-header .main-img-user a {
        position: absolute;
        bottom: 0;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        background-color: #f9f9ff;
        color: #454567;
        font-size: 18px;
        line-height: .9;
        box-shadow: 0 0 0 2px #f0f0ff;
        border-radius: 100%
    }

    .main-contact-info-header .main-img-user a:focus,
    .main-contact-info-header .main-img-user a:hover {
        color: #fff;
        box-shadow: 0 0 0 2px 557ef6
    }

    .main-contact-info-header .media-body {
        margin-top: 30px
    }

    .main-contact-info-header .media-body h4 {
        color: #454567;
        font-size: 21px;
        font-weight: 500;
        margin-bottom: 2px;
        line-height: 1
    }

    .main-contact-info-header .media-body p {
        font-size: 13px;
        color: #3c4858;
        margin-bottom: 15px
    }

    .main-contact-info-header .media-body .nav-link {
        padding: 0;
        display: flex;
        align-items: center;
        color: #a8afc7;
        font-size: 13px
    }

    .main-contact-info-header .media-body .nav-link i {
        font-size: 18px;
        line-height: 0;
        margin-right: 5px
    }

    .main-contact-info-header .media-body .nav-link i.typcn {
        line-height: .9
    }

    .main-contact-info-header .media-body .nav-link i.typcn:before {
        width: auto
    }

    .main-contact-info-header .media-body .nav-link+.nav-link {
        margin-left: 10px
    }

    @media (min-width:992px) {
        .main-contact-info-header .media {
            display: flex;
            align-items: center
        }
    }

    @media (min-width:992px) {
        .main-contact-info-header .media-body {
            margin-top: 0;
            margin-left: 30px
        }
    }

    @media (min-width:576px) {
        .main-contact-info-header .media-body .nav-link {
            font-size: .875rem
        }
    }

    @media (min-width:576px) {
        .main-contact-info-header .media-body .nav-link i {
            margin-right: 7px
        }
    }

    @media (min-width:576px) {
        .main-contact-info-header .media-body .nav-link+.nav-link {
            margin-left: 25px
        }
    }

    .main-contact-action {
        position: absolute;
        top: 0;
        right: 20px;
        display: flex
    }

    .main-contact-action a {
        display: flex;
        align-items: center;
        color: #a8afc7;
        font-size: 12px
    }

    @media (min-width:992px) {
        .main-contact-action {
            right: 0
        }
    }

    .main-contact-info-body {
        padding: 1.25rem
    }

    .main-contact-info-body .media-list {
        padding: 15px 0
    }

    .main-contact-info-body .media {
        align-items: center;
        position: relative
    }

    .main-contact-info-body .media+.media {
        margin-top: 15px
    }

    .main-contact-info-body .media:last-child {
        margin-bottom: 15px
    }

    .main-contact-info-body .media-icon {
        font-size: 24px;
        color: #a8afc7;
        line-height: 1;
        width: 40px;
        text-align: center
    }

    .main-contact-info-body .media-body>div+div {
        margin-top: 15px
    }

    .main-contact-info-body .media-body label {
        color: #848eb1;
        margin-bottom: 0;
        display: block;
        font-size: 13px
    }

    .main-contact-info-body .media-body span {
        display: block;
        color: #616c8c;
        font-weight: 500
    }

    @media (min-width:992px) {
        .main-contact-info-body {
            padding: 1.25rem;
            height: calc(100% - 126px);
            position: relative
        }
    }

    @media (min-width:992px) {
        .main-contact-info-body .media-icon {
            width: 100px
        }
    }

    @media (min-width:992px) {
        .main-contact-info-body .media-body {
            display: flex
        }
    }

    @media (min-width:992px) {
        .main-contact-info-body .media-body>div {
            flex: 1
        }
    }

    @media (min-width:992px) {
        .main-contact-info-body .media-body>div+div {
            margin-top: 0
        }
    }

    .main-signin-wrapper {
        flex: 1;
        display: flex;
        justify-content: center
    }

    .main-card-signin {
        height: 560px;
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background-color: hsla(0, 0%, 100%, .5)
    }

    @media (min-width:480px) {
        .main-card-signin {
            border: 1px solid #e8e8f7;
            width: 360px;
            padding: 30px 35px
        }
    }

    .main-signin-header h2 {
        font-weight: 500;
        letter-spacing: -1px
    }

    .main-signin-header h4 {
        font-weight: 400;
        color: #8f9cc0;
        margin-bottom: 25px
    }

    .main-signin-header label {
        color: #a8afc7
    }

    .main-signin-header .form-control {
        color: #8f9cc0;
        font-weight: 500;
        border-width: 2px;
        border-color: #f0f0ff
    }

    .main-signin-header .form-control:focus {
        border-color: #b4bdce;
        box-shadow: none
    }

    .main-signin-header .form-control::-moz-placeholder {
        font-weight: 400;
        color: #a8afc7
    }

    .main-signin-header .form-control:-ms-input-placeholder {
        font-weight: 400;
        color: #a8afc7
    }

    .main-signin-header .form-control::placeholder {
        font-weight: 400;
        color: #a8afc7
    }

    .main-signin-header .btn,
    .main-signin-header .sp-container button,
    .sp-container .main-signin-header button {
        margin-top: 25px
    }

    .main-signin-footer p {
        color: #a8afc7
    }

    .main-signin-footer p:first-child {
        margin-bottom: 5px
    }

    .main-signin-footer p:last-child {
        margin-bottom: 0
    }

    .main-signin-footer a {
        color: #8f9cc0;
        font-weight: 700
    }

    .main-signup-wrapper {
        flex: 1;
        display: flex;
        justify-content: center;
        background-color: rgba(244, 245, 248, .2)
    }

    @media (min-width:992px) {
        .main-signup-wrapper {
            justify-content: flex-end
        }
    }

    .main-column-signup-left {
        flex: 1;
        padding: 30px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        display: none
    }

    .main-column-signup-left>div {
        max-width: 500px
    }

    .main-column-signup-left .typcn {
        font-size: 80px;
        margin-bottom: 50px
    }

    .main-column-signup-left .typcn:before {
        width: auto
    }

    .main-column-signup-left .main-logo {
        font-size: 40px;
        line-height: 1
    }

    .main-column-signup-left h5 {
        color: #8f9cc0;
        font-weight: 500;
        font-size: 18px;
        margin-bottom: 25px
    }

    .main-column-signup-left p {
        line-height: 1.7;
        margin-bottom: 25px
    }

    .main-column-signup-left .btn,
    .main-column-signup-left .sp-container button {
        border-width: 2px;
        padding-left: 25px;
        padding-right: 25px;
        font-weight: 700;
        text-transform: uppercase;
        height: 38px
    }

    @media (min-width:576px) {
        .main-column-signup-left {
            padding: 40px
        }
    }

    @media (min-width:992px) {
        .main-column-signup-left {
            display: flex
        }
    }

    .sp-container .main-column-signup-left button {
        border-width: 2px;
        padding-left: 25px;
        padding-right: 25px;
        font-weight: 700;
        text-transform: uppercase;
        height: 38px
    }

    .main-column-signup {
        background-color: #fff;
        padding: 30px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    @media (min-width:576px) {
        .main-column-signup {
            padding: 40px;
            width: 500px
        }
    }

    @media (min-width:992px) {
        .main-column-signup {
            border-left: 1px solid #e8e8f7
        }
    }

    .main-signup-header h2 {
        font-weight: 500;
        letter-spacing: -1px
    }

    .main-signup-header h4 {
        font-size: 20px;
        font-weight: 400;
        color: #8f9cc0;
        margin-bottom: 25px
    }

    .main-signup-header label {
        color: #a8afc7
    }

    .main-signup-header .form-control {
        color: #8f9cc0;
        font-weight: 500;
        border-width: 2px;
        border-color: #f0f0ff
    }

    .main-signup-header .form-control:focus {
        border-color: #b4bdce;
        box-shadow: none
    }

    .main-signup-header .form-control::-moz-placeholder {
        font-weight: 400;
        color: #a8afc7
    }

    .main-signup-header .form-control:-ms-input-placeholder {
        font-weight: 400;
        color: #a8afc7
    }

    .main-signup-header .form-control::placeholder {
        font-weight: 400;
        color: #a8afc7
    }

    .main-signup-header>.btn,
    .sp-container .main-signup-header>button {
        margin-top: 25px
    }

    .main-signup-header .row {
        margin-top: 20px
    }

    .main-signup-header .row>div .btn i,
    .main-signup-header .row>div .sp-container button i,
    .sp-container .main-signup-header .row>div button i {
        font-size: 15px;
        line-height: 0;
        margin-right: 5px
    }

    .main-signup-header .row>div:first-child .btn,
    .main-signup-header .row>div:first-child .sp-container button,
    .sp-container .main-signup-header .row>div:first-child button {
        background-color: #4267b2;
        color: #fff
    }

    .main-signup-header .row>div:first-child .btn:focus,
    .main-signup-header .row>div:first-child .btn:hover,
    .main-signup-header .row>div:first-child .sp-container button:focus,
    .main-signup-header .row>div:first-child .sp-container button:hover,
    .sp-container .main-signup-header .row>div:first-child button:focus,
    .sp-container .main-signup-header .row>div:first-child button:hover {
        background-color: #375694;
        color: #fff
    }

    .main-signup-footer p {
        color: #a8afc7;
        margin-bottom: 0
    }

    .main-signup-footer a {
        color: #8f9cc0;
        font-weight: 700
    }

    .main-error-wrapper {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 20px;
        text-align: center
    }

    .main-error-wrapper h1 {
        line-height: 1;
        font-size: 8rem;
        font-weight: 700;
        color: #8f9cc0
    }

    .main-error-wrapper h2 {
        font-weight: 500;
        color: #3b4863;
        letter-spacing: -.5px;
        margin-bottom: 15px
    }

    .main-error-wrapper h6 {
        margin-bottom: 40px;
        font-size: 14px
    }

    .main-error-wrapper .btn,
    .main-error-wrapper .sp-container button,
    .sp-container .main-error-wrapper button {
        border-width: 2px;
        font-weight: 400
    }

    .flag {
        width: 1.6rem;
        height: 1.2rem;
        display: inline-block;
        background: no-repeat 50%/100% 100%;
        vertical-align: bottom;
        font-style: normal;
        box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1);
        border-radius: 2px
    }

    .flag-ad {
        background-image: url(../../img/flags/ad.svg)
    }

    .flag-ae {
        background-image: url(../../img/flags/ae.svg)
    }

    .flag-af {
        background-image: url(../../img/flags/af.svg)
    }

    .flag-ag {
        background-image: url(../../img/flags/ag.svg)
    }

    .flag-ai {
        background-image: url(../../img/flags/ai.svg)
    }

    .flag-al {
        background-image: url(../../img/flags/al.svg)
    }

    .flag-am {
        background-image: url(../../img/flags/am.svg)
    }

    .flag-ao {
        background-image: url(../../img/flags/ao.svg)
    }

    .flag-aq {
        background-image: url(../../img/flags/aq.svg)
    }

    .flag-ar {
        background-image: url(../../img/flags/ar.svg)
    }

    .flag-as {
        background-image: url(../../img/flags/as.svg)
    }

    .flag-at {
        background-image: url(../../img/flags/at.svg)
    }

    .flag-au {
        background-image: url(../../img/flags/au.svg)
    }

    .flag-aw {
        background-image: url(../../img/flags/aw.svg)
    }

    .flag-ax {
        background-image: url(../../img/flags/ax.svg)
    }

    .flag-az {
        background-image: url(../../img/flags/az.svg)
    }

    .flag-ba {
        background-image: url(../../img/flags/ba.svg)
    }

    .flag-bb {
        background-image: url(../../img/flags/bb.svg)
    }

    .flag-bd {
        background-image: url(../../img/flags/bd.svg)
    }

    .flag-be {
        background-image: url(../../img/flags/be.svg)
    }

    .flag-bf {
        background-image: url(../../img/flags/bf.svg)
    }

    .flag-bg {
        background-image: url(../../img/flags/bg.svg)
    }

    .flag-bh {
        background-image: url(../../img/flags/bh.svg)
    }

    .flag-bi {
        background-image: url(../../img/flags/bi.svg)
    }

    .flag-bj {
        background-image: url(../../img/flags/bj.svg)
    }

    .flag-bl {
        background-image: url(../../img/flags/bl.svg)
    }

    .flag-bm {
        background-image: url(../../img/flags/bm.svg)
    }

    .flag-bn {
        background-image: url(../../img/flags/bn.svg)
    }

    .flag-bo {
        background-image: url(../../img/flags/bo.svg)
    }

    .flag-bq {
        background-image: url(../../img/flags/bq.svg)
    }

    .flag-br {
        background-image: url(../../img/flags/br.svg)
    }

    .flag-bs {
        background-image: url(../../img/flags/bs.svg)
    }

    .flag-bt {
        background-image: url(../../img/flags/bt.svg)
    }

    .flag-bv {
        background-image: url(../../img/flags/bv.svg)
    }

    .flag-bw {
        background-image: url(../../img/flags/bw.svg)
    }

    .flag-by {
        background-image: url(../../img/flags/by.svg)
    }

    .flag-bz {
        background-image: url(../../img/flags/bz.svg)
    }

    .flag-ca {
        background-image: url(../../img/flags/ca.svg)
    }

    .flag-cc {
        background-image: url(../../img/flags/cc.svg)
    }

    .flag-cd {
        background-image: url(../../img/flags/cd.svg)
    }

    .flag-cf {
        background-image: url(../../img/flags/cf.svg)
    }

    .flag-cg {
        background-image: url(../../img/flags/cg.svg)
    }

    .flag-ch {
        background-image: url(../../img/flags/ch.svg)
    }

    .flag-ci {
        background-image: url(../../img/flags/ci.svg)
    }

    .flag-ck {
        background-image: url(../../img/flags/ck.svg)
    }

    .flag-cl {
        background-image: url(../../img/flags/cl.svg)
    }

    .flag-cm {
        background-image: url(../../img/flags/cm.svg)
    }

    .flag-cn {
        background-image: url(../../img/flags/cn.svg)
    }

    .flag-co {
        background-image: url(../../img/flags/co.svg)
    }

    .flag-cr {
        background-image: url(../../img/flags/cr.svg)
    }

    .flag-cu {
        background-image: url(../../img/flags/cu.svg)
    }

    .flag-cv {
        background-image: url(../../img/flags/cv.svg)
    }

    .flag-cw {
        background-image: url(../../img/flags/cw.svg)
    }

    .flag-cx {
        background-image: url(../../img/flags/cx.svg)
    }

    .flag-cy {
        background-image: url(../../img/flags/cy.svg)
    }

    .flag-cz {
        background-image: url(../../img/flags/cz.svg)
    }

    .flag-de {
        background-image: url(../../img/flags/de.svg)
    }

    .flag-dj {
        background-image: url(../../img/flags/dj.svg)
    }

    .flag-dk {
        background-image: url(../../img/flags/dk.svg)
    }

    .flag-dm {
        background-image: url(../../img/flags/dm.svg)
    }

    .flag-do {
        background-image: url(../../img/flags/do.svg)
    }

    .flag-dz {
        background-image: url(../../img/flags/dz.svg)
    }

    .flag-ec {
        background-image: url(../../img/flags/ec.svg)
    }

    .flag-ee {
        background-image: url(../../img/flags/ee.svg)
    }

    .flag-eg {
        background-image: url(../../img/flags/eg.svg)
    }

    .flag-eh {
        background-image: url(../../img/flags/eh.svg)
    }

    .flag-er {
        background-image: url(../../img/flags/er.svg)
    }

    .flag-es {
        background-image: url(../../img/flags/es.svg)
    }

    .flag-et {
        background-image: url(../../img/flags/et.svg)
    }

    .flag-eu {
        background-image: url(../../img/flags/eu.svg)
    }

    .flag-fi {
        background-image: url(../../img/flags/fi.svg)
    }

    .flag-fj {
        background-image: url(../../img/flags/fj.svg)
    }

    .flag-fk {
        background-image: url(../../img/flags/fk.svg)
    }

    .flag-fm {
        background-image: url(../../img/flags/fm.svg)
    }

    .flag-fo {
        background-image: url(../../img/flags/fo.svg)
    }

    .flag-fr {
        background-image: url(../../img/flags/fr.svg)
    }

    .flag-ga {
        background-image: url(../../img/flags/ga.svg)
    }

    .flag-gb-eng {
        background-image: url(../../img/flags/gb-eng.svg)
    }

    .flag-gb-nir {
        background-image: url(../../img/flags/gb-nir.svg)
    }

    .flag-gb-sct {
        background-image: url(../../img/flags/gb-sct.svg)
    }

    .flag-gb-wls {
        background-image: url(../../img/flags/gb-wls.svg)
    }

    .flag-gb {
        background-image: url(../../img/flags/gb.svg)
    }

    .flag-gd {
        background-image: url(../../img/flags/gd.svg)
    }

    .flag-ge {
        background-image: url(../../img/flags/ge.svg)
    }

    .flag-gf {
        background-image: url(../../img/flags/gf.svg)
    }

    .flag-gg {
        background-image: url(../../img/flags/gg.svg)
    }

    .flag-gh {
        background-image: url(../../img/flags/gh.svg)
    }

    .flag-gi {
        background-image: url(../../img/flags/gi.svg)
    }

    .flag-gl {
        background-image: url(../../img/flags/gl.svg)
    }

    .flag-gm {
        background-image: url(../../img/flags/gm.svg)
    }

    .flag-gn {
        background-image: url(../../img/flags/gn.svg)
    }

    .flag-gp {
        background-image: url(../../img/flags/gp.svg)
    }

    .flag-gq {
        background-image: url(../../img/flags/gq.svg)
    }

    .flag-gr {
        background-image: url(../../img/flags/gr.svg)
    }

    .flag-gs {
        background-image: url(../../img/flags/gs.svg)
    }

    .flag-gt {
        background-image: url(../../img/flags/gt.svg)
    }

    .flag-gu {
        background-image: url(../../img/flags/gu.svg)
    }

    .flag-gw {
        background-image: url(../../img/flags/gw.svg)
    }

    .flag-gy {
        background-image: url(../../img/flags/gy.svg)
    }

    .flag-hk {
        background-image: url(../../img/flags/hk.svg)
    }

    .flag-hm {
        background-image: url(../../img/flags/hm.svg)
    }

    .flag-hn {
        background-image: url(../../img/flags/hn.svg)
    }

    .flag-hr {
        background-image: url(../../img/flags/hr.svg)
    }

    .flag-ht {
        background-image: url(../../img/flags/ht.svg)
    }

    .flag-hu {
        background-image: url(../../img/flags/hu.svg)
    }

    .flag-id {
        background-image: url(../../img/flags/id.svg)
    }

    .flag-ie {
        background-image: url(../../img/flags/ie.svg)
    }

    .flag-il {
        background-image: url(../../img/flags/il.svg)
    }

    .flag-im {
        background-image: url(../../img/flags/im.svg)
    }

    .flag-in {
        background-image: url(../../img/flags/in.svg)
    }

    .flag-io {
        background-image: url(../../img/flags/io.svg)
    }

    .flag-iq {
        background-image: url(../../img/flags/iq.svg)
    }

    .flag-ir {
        background-image: url(../../img/flags/ir.svg)
    }

    .flag-is {
        background-image: url(../../img/flags/is.svg)
    }

    .flag-it {
        background-image: url(../../img/flags/it.svg)
    }

    .flag-je {
        background-image: url(../../img/flags/je.svg)
    }

    .flag-jm {
        background-image: url(../../img/flags/jm.svg)
    }

    .flag-jo {
        background-image: url(../../img/flags/jo.svg)
    }

    .flag-jp {
        background-image: url(../../img/flags/jp.svg)
    }

    .flag-ke {
        background-image: url(../../img/flags/ke.svg)
    }

    .flag-kg {
        background-image: url(../../img/flags/kg.svg)
    }

    .flag-kh {
        background-image: url(../../img/flags/kh.svg)
    }

    .flag-ki {
        background-image: url(../../img/flags/ki.svg)
    }

    .flag-km {
        background-image: url(../../img/flags/km.svg)
    }

    .flag-kn {
        background-image: url(../../img/flags/kn.svg)
    }

    .flag-kp {
        background-image: url(../../img/flags/kp.svg)
    }

    .flag-kr {
        background-image: url(../../img/flags/kr.svg)
    }

    .flag-kw {
        background-image: url(../../img/flags/kw.svg)
    }

    .flag-ky {
        background-image: url(../../img/flags/ky.svg)
    }

    .flag-kz {
        background-image: url(../../img/flags/kz.svg)
    }

    .flag-la {
        background-image: url(../../img/flags/la.svg)
    }

    .flag-lb {
        background-image: url(../../img/flags/lb.svg)
    }

    .flag-lc {
        background-image: url(../../img/flags/lc.svg)
    }

    .flag-li {
        background-image: url(../../img/flags/li.svg)
    }

    .flag-lk {
        background-image: url(../../img/flags/lk.svg)
    }

    .flag-lr {
        background-image: url(../../img/flags/lr.svg)
    }

    .flag-ls {
        background-image: url(../../img/flags/ls.svg)
    }

    .flag-lt {
        background-image: url(../../img/flags/lt.svg)
    }

    .flag-lu {
        background-image: url(../../img/flags/lu.svg)
    }

    .flag-lv {
        background-image: url(../../img/flags/lv.svg)
    }

    .flag-ly {
        background-image: url(../../img/flags/ly.svg)
    }

    .flag-ma {
        background-image: url(../../img/flags/ma.svg)
    }

    .flag-mc {
        background-image: url(../../img/flags/mc.svg)
    }

    .flag-md {
        background-image: url(../../img/flags/md.svg)
    }

    .flag-me {
        background-image: url(../../img/flags/me.svg)
    }

    .flag-mf {
        background-image: url(../../img/flags/mf.svg)
    }

    .flag-mg {
        background-image: url(../../img/flags/mg.svg)
    }

    .flag-mh {
        background-image: url(../../img/flags/mh.svg)
    }

    .flag-mk {
        background-image: url(../../img/flags/mk.svg)
    }

    .flag-ml {
        background-image: url(../../img/flags/ml.svg)
    }

    .flag-mm {
        background-image: url(../../img/flags/mm.svg)
    }

    .flag-mn {
        background-image: url(../../img/flags/mn.svg)
    }

    .flag-mo {
        background-image: url(../../img/flags/mo.svg)
    }

    .flag-mp {
        background-image: url(../../img/flags/mp.svg)
    }

    .flag-mq {
        background-image: url(../../img/flags/mq.svg)
    }

    .flag-mr {
        background-image: url(../../img/flags/mr.svg)
    }

    .flag-ms {
        background-image: url(../../img/flags/ms.svg)
    }

    .flag-mt {
        background-image: url(../../img/flags/mt.svg)
    }

    .flag-mu {
        background-image: url(../../img/flags/mu.svg)
    }

    .flag-mv {
        background-image: url(../../img/flags/mv.svg)
    }

    .flag-mw {
        background-image: url(../../img/flags/mw.svg)
    }

    .flag-mx {
        background-image: url(../../img/flags/mx.svg)
    }

    .flag-my {
        background-image: url(../../img/flags/my.svg)
    }

    .flag-mz {
        background-image: url(../../img/flags/mz.svg)
    }

    .flag-na {
        background-image: url(../../img/flags/na.svg)
    }

    .flag-nc {
        background-image: url(../../img/flags/nc.svg)
    }

    .flag-ne {
        background-image: url(../../img/flags/ne.svg)
    }

    .flag-nf {
        background-image: url(../../img/flags/nf.svg)
    }

    .flag-ng {
        background-image: url(../../img/flags/ng.svg)
    }

    .flag-ni {
        background-image: url(../../img/flags/ni.svg)
    }

    .flag-nl {
        background-image: url(../../img/flags/nl.svg)
    }

    .flag-no {
        background-image: url(../../img/flags/no.svg)
    }

    .flag-np {
        background-image: url(../../img/flags/np.svg)
    }

    .flag-nr {
        background-image: url(../../img/flags/nr.svg)
    }

    .flag-nu {
        background-image: url(../../img/flags/nu.svg)
    }

    .flag-nz {
        background-image: url(../../img/flags/nz.svg)
    }

    .flag-om {
        background-image: url(../../img/flags/om.svg)
    }

    .flag-pa {
        background-image: url(../../img/flags/pa.svg)
    }

    .flag-pe {
        background-image: url(../../img/flags/pe.svg)
    }

    .flag-pf {
        background-image: url(../../img/flags/pf.svg)
    }

    .flag-pg {
        background-image: url(../../img/flags/pg.svg)
    }

    .flag-ph {
        background-image: url(../../img/flags/ph.svg)
    }

    .flag-pk {
        background-image: url(../../img/flags/pk.svg)
    }

    .flag-pl {
        background-image: url(../../img/flags/pl.svg)
    }

    .flag-pm {
        background-image: url(../../img/flags/pm.svg)
    }

    .flag-pn {
        background-image: url(../../img/flags/pn.svg)
    }

    .flag-pr {
        background-image: url(../../img/flags/pr.svg)
    }

    .flag-ps {
        background-image: url(../../img/flags/ps.svg)
    }

    .flag-pt {
        background-image: url(../../img/flags/pt.svg)
    }

    .flag-pw {
        background-image: url(../../img/flags/pw.svg)
    }

    .flag-py {
        background-image: url(../../img/flags/py.svg)
    }

    .flag-qa {
        background-image: url(../../img/flags/qa.svg)
    }

    .flag-re {
        background-image: url(../../img/flags/re.svg)
    }

    .flag-ro {
        background-image: url(../../img/flags/ro.svg)
    }

    .flag-rs {
        background-image: url(../../img/flags/rs.svg)
    }

    .flag-ru {
        background-image: url(../../img/flags/ru.svg)
    }

    .flag-rw {
        background-image: url(../../img/flags/rw.svg)
    }

    .flag-sa {
        background-image: url(../../img/flags/sa.svg)
    }

    .flag-sb {
        background-image: url(../../img/flags/sb.svg)
    }

    .flag-sc {
        background-image: url(../../img/flags/sc.svg)
    }

    .flag-sd {
        background-image: url(../../img/flags/sd.svg)
    }

    .flag-se {
        background-image: url(../../img/flags/se.svg)
    }

    .flag-sg {
        background-image: url(../../img/flags/sg.svg)
    }

    .flag-sh {
        background-image: url(../../img/flags/sh.svg)
    }

    .flag-si {
        background-image: url(../../img/flags/si.svg)
    }

    .flag-sj {
        background-image: url(../../img/flags/sj.svg)
    }

    .flag-sk {
        background-image: url(../../img/flags/sk.svg)
    }

    .flag-sl {
        background-image: url(../../img/flags/sl.svg)
    }

    .flag-sm {
        background-image: url(../../img/flags/sm.svg)
    }

    .flag-sn {
        background-image: url(../../img/flags/sn.svg)
    }

    .flag-so {
        background-image: url(../../img/flags/so.svg)
    }

    .flag-sr {
        background-image: url(../../img/flags/sr.svg)
    }

    .flag-ss {
        background-image: url(../../img/flags/ss.svg)
    }

    .flag-st {
        background-image: url(../../img/flags/st.svg)
    }

    .flag-sv {
        background-image: url(../../img/flags/sv.svg)
    }

    .flag-sx {
        background-image: url(../../img/flags/sx.svg)
    }

    .flag-sy {
        background-image: url(../../img/flags/sy.svg)
    }

    .flag-sz {
        background-image: url(../../img/flags/sz.svg)
    }

    .flag-tc {
        background-image: url(../../img/flags/tc.svg)
    }

    .flag-td {
        background-image: url(../../img/flags/td.svg)
    }

    .flag-tf {
        background-image: url(../../img/flags/tf.svg)
    }

    .flag-tg {
        background-image: url(../../img/flags/tg.svg)
    }

    .flag-th {
        background-image: url(../../img/flags/th.svg)
    }

    .flag-tj {
        background-image: url(../../img/flags/tj.svg)
    }

    .flag-tk {
        background-image: url(../../img/flags/tk.svg)
    }

    .flag-tl {
        background-image: url(../../img/flags/tl.svg)
    }

    .flag-tm {
        background-image: url(../../img/flags/tm.svg)
    }

    .flag-tn {
        background-image: url(../../img/flags/tn.svg)
    }

    .flag-to {
        background-image: url(../../img/flags/to.svg)
    }

    .flag-tr {
        background-image: url(../../img/flags/tr.svg)
    }

    .flag-tt {
        background-image: url(../../img/flags/tt.svg)
    }

    .flag-tv {
        background-image: url(../../img/flags/tv.svg)
    }

    .flag-tw {
        background-image: url(../../img/flags/tw.svg)
    }

    .flag-tz {
        background-image: url(../../img/flags/tz.svg)
    }

    .flag-ua {
        background-image: url(../../img/flags/ua.svg)
    }

    .flag-ug {
        background-image: url(../../img/flags/ug.svg)
    }

    .flag-um {
        background-image: url(../../img/flags/um.svg)
    }

    .flag-un {
        background-image: url(../../img/flags/un.svg)
    }

    .flag-us {
        background-image: url(../../img/flags/us.svg)
    }

    .flag-uy {
        background-image: url(../../img/flags/uy.svg)
    }

    .flag-uz {
        background-image: url(../../img/flags/uz.svg)
    }

    .flag-va {
        background-image: url(../../img/flags/va.svg)
    }

    .flag-vc {
        background-image: url(../../img/flags/vc.svg)
    }

    .flag-ve {
        background-image: url(../../img/flags/ve.svg)
    }

    .flag-vg {
        background-image: url(../../img/flags/vg.svg)
    }

    .flag-vi {
        background-image: url(../../img/flags/vi.svg)
    }

    .flag-vn {
        background-image: url(../../img/flags/vn.svg)
    }

    .flag-vu {
        background-image: url(../../img/flags/vu.svg)
    }

    .flag-wf {
        background-image: url(../../img/flags/wf.svg)
    }

    .flag-ws {
        background-image: url(../../img/flags/ws.svg)
    }

    .flag-ye {
        background-image: url(../../img/flags/ye.svg)
    }

    .flag-yt {
        background-image: url(../../img/flags/yt.svg)
    }

    .flag-za {
        background-image: url(../../img/flags/za.svg)
    }

    .flag-zm {
        background-image: url(../../img/flags/zm.svg)
    }

    .flag-zw {
        background-image: url(../../img/flags/zw.svg)
    }

    .payment {
        width: 2.5rem;
        height: 1.5rem;
        display: inline-block;
        background: no-repeat 50%/100% 100%;
        vertical-align: bottom;
        font-style: normal;
        box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1);
        border-radius: 2px
    }

    .payment-2checkout-dark {
        background-image: url(../../img/payments/2checkout-dark.svg)
    }

    .payment-2checkout {
        background-image: url(../../img/payments/2checkout.svg)
    }

    .payment-alipay-dark {
        background-image: url(../../img/payments/alipay-dark.svg)
    }

    .payment-alipay {
        background-image: url(../../img/payments/alipay.svg)
    }

    .payment-amazon-dark {
        background-image: url(../../img/payments/amazon-dark.svg)
    }

    .payment-amazon {
        background-image: url(../../img/payments/amazon.svg)
    }

    .payment-americanexpress-dark {
        background-image: url(../../img/payments/americanexpress-dark.svg)
    }

    .payment-americanexpress {
        background-image: url(../../img/payments/americanexpress.svg)
    }

    .payment-applepay-dark {
        background-image: url(../../img/payments/applepay-dark.svg)
    }

    .payment-applepay {
        background-image: url(../../img/payments/applepay.svg)
    }

    .payment-bancontact-dark {
        background-image: url(../../img/payments/bancontact-dark.svg)
    }

    .payment-bancontact {
        background-image: url(../../img/payments/bancontact.svg)
    }

    .payment-bitcoin-dark {
        background-image: url(../../img/payments/bitcoin-dark.svg)
    }

    .payment-bitcoin {
        background-image: url(../../img/payments/bitcoin.svg)
    }

    .payment-bitpay-dark {
        background-image: url(../../img/payments/bitpay-dark.svg)
    }

    .payment-bitpay {
        background-image: url(../../img/payments/bitpay.svg)
    }

    .payment-cirrus-dark {
        background-image: url(../../img/payments/cirrus-dark.svg)
    }

    .payment-cirrus {
        background-image: url(../../img/payments/cirrus.svg)
    }

    .payment-clickandbuy-dark {
        background-image: url(../../img/payments/clickandbuy-dark.svg)
    }

    .payment-clickandbuy {
        background-image: url(../../img/payments/clickandbuy.svg)
    }

    .payment-coinkite-dark {
        background-image: url(../../img/payments/coinkite-dark.svg)
    }

    .payment-coinkite {
        background-image: url(../../img/payments/coinkite.svg)
    }

    .payment-dinersclub-dark {
        background-image: url(../../img/payments/dinersclub-dark.svg)
    }

    .payment-dinersclub {
        background-image: url(../../img/payments/dinersclub.svg)
    }

    .payment-directdebit-dark {
        background-image: url(../../img/payments/directdebit-dark.svg)
    }

    .payment-directdebit {
        background-image: url(../../img/payments/directdebit.svg)
    }

    .payment-discover-dark {
        background-image: url(../../img/payments/discover-dark.svg)
    }

    .payment-discover {
        background-image: url(../../img/payments/discover.svg)
    }

    .payment-dwolla-dark {
        background-image: url(../../img/payments/dwolla-dark.svg)
    }

    .payment-dwolla {
        background-image: url(../../img/payments/dwolla.svg)
    }

    .payment-ebay-dark {
        background-image: url(../../img/payments/ebay-dark.svg)
    }

    .payment-ebay {
        background-image: url(../../img/payments/ebay.svg)
    }

    .payment-eway-dark {
        background-image: url(../../img/payments/eway-dark.svg)
    }

    .payment-eway {
        background-image: url(../../img/payments/eway.svg)
    }

    .payment-giropay-dark {
        background-image: url(../../img/payments/giropay-dark.svg)
    }

    .payment-giropay {
        background-image: url(../../img/payments/giropay.svg)
    }

    .payment-googlewallet-dark {
        background-image: url(../../img/payments/googlewallet-dark.svg)
    }

    .payment-googlewallet {
        background-image: url(../../img/payments/googlewallet.svg)
    }

    .payment-ingenico-dark {
        background-image: url(../../img/payments/ingenico-dark.svg)
    }

    .payment-ingenico {
        background-image: url(../../img/payments/ingenico.svg)
    }

    .payment-jcb-dark {
        background-image: url(../../img/payments/jcb-dark.svg)
    }

    .payment-jcb {
        background-image: url(../../img/payments/jcb.svg)
    }

    .payment-klarna-dark {
        background-image: url(../../img/payments/klarna-dark.svg)
    }

    .payment-klarna {
        background-image: url(../../img/payments/klarna.svg)
    }

    .payment-laser-dark {
        background-image: url(../../img/payments/laser-dark.svg)
    }

    .payment-laser {
        background-image: url(../../img/payments/laser.svg)
    }

    .payment-maestro-dark {
        background-image: url(../../img/payments/maestro-dark.svg)
    }

    .payment-maestro {
        background-image: url(../../img/payments/maestro.svg)
    }

    .payment-mastercard-dark {
        background-image: url(../../img/payments/mastercard-dark.svg)
    }

    .payment-mastercard {
        background-image: url(../../img/payments/mastercard.svg)
    }

    .payment-monero-dark {
        background-image: url(../../img/payments/monero-dark.svg)
    }

    .payment-monero {
        background-image: url(../../img/payments/monero.svg)
    }

    .payment-neteller-dark {
        background-image: url(../../img/payments/neteller-dark.svg)
    }

    .payment-neteller {
        background-image: url(../../img/payments/neteller.svg)
    }

    .payment-ogone-dark {
        background-image: url(../../img/payments/ogone-dark.svg)
    }

    .payment-ogone {
        background-image: url(../../img/payments/ogone.svg)
    }

    .payment-okpay-dark {
        background-image: url(../../img/payments/okpay-dark.svg)
    }

    .payment-okpay {
        background-image: url(../../img/payments/okpay.svg)
    }

    .payment-paybox-dark {
        background-image: url(../../img/payments/paybox-dark.svg)
    }

    .payment-paybox {
        background-image: url(../../img/payments/paybox.svg)
    }

    .payment-paymill-dark {
        background-image: url(../../img/payments/paymill-dark.svg)
    }

    .payment-paymill {
        background-image: url(../../img/payments/paymill.svg)
    }

    .payment-payone-dark {
        background-image: url(../../img/payments/payone-dark.svg)
    }

    .payment-payone {
        background-image: url(../../img/payments/payone.svg)
    }

    .payment-payoneer-dark {
        background-image: url(../../img/payments/payoneer-dark.svg)
    }

    .payment-payoneer {
        background-image: url(../../img/payments/payoneer.svg)
    }

    .payment-paypal-dark {
        background-image: url(../../img/payments/paypal-dark.svg)
    }

    .payment-paypal {
        background-image: url(../../img/payments/paypal.svg)
    }

    .payment-paysafecard-dark {
        background-image: url(../../img/payments/paysafecard-dark.svg)
    }

    .payment-paysafecard {
        background-image: url(../../img/payments/paysafecard.svg)
    }

    .payment-payu-dark {
        background-image: url(../../img/payments/payu-dark.svg)
    }

    .payment-payu {
        background-image: url(../../img/payments/payu.svg)
    }

    .payment-payza-dark {
        background-image: url(../../img/payments/payza-dark.svg)
    }

    .payment-payza {
        background-image: url(../../img/payments/payza.svg)
    }

    .payment-ripple-dark {
        background-image: url(../../img/payments/ripple-dark.svg)
    }

    .payment-ripple {
        background-image: url(../../img/payments/ripple.svg)
    }

    .payment-sage-dark {
        background-image: url(../../img/payments/sage-dark.svg)
    }

    .payment-sage {
        background-image: url(../../img/payments/sage.svg)
    }

    .payment-sepa-dark {
        background-image: url(../../img/payments/sepa-dark.svg)
    }

    .payment-sepa {
        background-image: url(../../img/payments/sepa.svg)
    }

    .payment-shopify-dark {
        background-image: url(../../img/payments/shopify-dark.svg)
    }

    .payment-shopify {
        background-image: url(../../img/payments/shopify.svg)
    }

    .payment-skrill-dark {
        background-image: url(../../img/payments/skrill-dark.svg)
    }

    .payment-skrill {
        background-image: url(../../img/payments/skrill.svg)
    }

    .payment-solo-dark {
        background-image: url(../../img/payments/solo-dark.svg)
    }

    .payment-solo {
        background-image: url(../../img/payments/solo.svg)
    }

    .payment-square-dark {
        background-image: url(../../img/payments/square-dark.svg)
    }

    .payment-square {
        background-image: url(../../img/payments/square.svg)
    }

    .payment-stripe-dark {
        background-image: url(../../img/payments/stripe-dark.svg)
    }

    .payment-stripe {
        background-image: url(../../img/payments/stripe.svg)
    }

    .payment-switch-dark {
        background-image: url(../../img/payments/switch-dark.svg)
    }

    .payment-switch {
        background-image: url(../../img/payments/switch.svg)
    }

    .payment-ukash-dark {
        background-image: url(../../img/payments/ukash-dark.svg)
    }

    .payment-ukash {
        background-image: url(../../img/payments/ukash.svg)
    }

    .payment-unionpay-dark {
        background-image: url(../../img/payments/unionpay-dark.svg)
    }

    .payment-unionpay {
        background-image: url(../../img/payments/unionpay.svg)
    }

    .payment-verifone-dark {
        background-image: url(../../img/payments/verifone-dark.svg)
    }

    .payment-verifone {
        background-image: url(../../img/payments/verifone.svg)
    }

    .payment-verisign-dark {
        background-image: url(../../img/payments/verisign-dark.svg)
    }

    .payment-verisign {
        background-image: url(../../img/payments/verisign.svg)
    }

    .payment-visa-dark {
        background-image: url(../../img/payments/visa-dark.svg)
    }

    .payment-visa {
        background-image: url(../../img/payments/visa.svg)
    }

    .payment-webmoney-dark {
        background-image: url(../../img/payments/webmoney-dark.svg)
    }

    .payment-webmoney {
        background-image: url(../../img/payments/webmoney.svg)
    }

    .payment-westernunion-dark {
        background-image: url(../../img/payments/westernunion-dark.svg)
    }

    .payment-westernunion {
        background-image: url(../../img/payments/westernunion.svg)
    }

    .payment-worldpay-dark {
        background-image: url(../../img/payments/worldpay-dark.svg)
    }

    .payment-worldpay {
        background-image: url(../../img/payments/worldpay.svg)
    }

    svg {
        touch-action: none
    }

    .main-content-left-invoice {
        display: block;
        padding: 0
    }

    @media (max-width:991.98px) {
        .main-content-left-invoice {
            width: 100%
        }
    }

    @media (min-width:992px) {
        .main-content-left-invoice {
            border-right: 1px solid #e8e8f7
        }
    }

    .main-invoice-list {
        position: relative;
        border-top: 1px solid #e8e8f7
    }

    .main-invoice-list .media {
        align-items: center;
        border: 1px solid transparent;
        border-right-width: 0;
        padding: 10px 20px;
        position: relative
    }

    .main-invoice-list .media:focus,
    .main-invoice-list .media:hover {
        cursor: pointer;
        background-color: #f1f2f9
    }

    .main-invoice-list .media+.media {
        margin-top: -1px
    }

    .main-invoice-list .media+.media:before {
        content: "";
        position: absolute;
        top: -1px;
        left: 55px;
        right: 0;
        border-top: 1px dotted #f0f0ff
    }

    .main-invoice-list .media-icon {
        width: 24px;
        text-align: center;
        font-size: 32px;
        color: #a8afc7
    }

    .main-invoice-list .media-body {
        margin-left: 15px
    }

    .main-invoice-list .media-body h6 {
        font-weight: 500;
        color: #8f9cc0;
        margin-bottom: 3px
    }

    .main-invoice-list .media-body div,
    .main-invoice-list .media-body h6 {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .main-invoice-list .media-body p {
        margin-bottom: 0;
        font-size: 11px;
        font-family: Arial, sans-serif;
        color: #3b4863
    }

    .main-invoice-list .media-body p span {
        color: #a8afc7
    }

    .main-invoice-list .selected {
        background-color: #f1f2f9;
        border-top-color: #f0f0ff;
        border-bottom-color: #f0f0ff
    }

    .main-invoice-list .selected:first-child {
        border-top-color: transparent
    }

    @media (min-width:992px) {
        .main-invoice-list {
            height: calc(100% - 65px)
        }
    }

    @media (min-width:992px) {
        .main-invoice-list .media {
            padding: 10px 15px
        }
    }

    .main-content-body-invoice {
        position: relative;
        display: none
    }

    @media (min-width:992px) {
        .main-content-body-invoice {
            display: block
        }
    }

    .card-invoice {
        background-color: transparent;
        border-width: 0
    }

    .card-invoice .card-body {
        padding: 20px
    }

    @media (min-width:992px) {
        .card-invoice .card-body {
            padding: 0 50px 50px
        }
    }

    @media (min-width:768px) {
        .invoice-header {
            display: flex;
            justify-content: space-between;
            flex-direction: row-reverse
        }
    }

    .invoice-title {
        margin-bottom: 0;
        text-transform: uppercase;
        color: #f0f0ff;
        font-weight: 700
    }

    .billed-from {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .billed-from h6 {
        color: #8f9cc0;
        font-size: 14px;
        font-weight: 700
    }

    .billed-from p {
        font-size: 13px;
        margin-bottom: 0
    }

    @media (min-width:768px) {
        .billed-from {
            margin-top: 0
        }
    }

    .billed-to h6 {
        color: #8f9cc0;
        font-size: 14px;
        font-weight: 700
    }

    .billed-to p,
    .invoice-info-row {
        font-size: 13px;
        margin-bottom: 0
    }

    .invoice-info-row {
        display: flex;
        justify-content: space-between;
        padding: 5px 0
    }

    .invoice-info-row+.invoice-info-row {
        border-top: 1px dotted #f0f0ff
    }

    .invoice-info-row span:first-child {
        color: #3c4858
    }

    .table-invoice thead>tr>td,
    .table-invoice thead>tr>th {
        font-size: 11px;
        font-weight: 700
    }

    .table-invoice tbody>tr>td:first-child,
    .table-invoice tbody>tr>th:first-child {
        color: #76769c;
        font-weight: 500
    }

    .table-invoice tbody>tr>td:first-child .invoice-notes,
    .table-invoice tbody>tr>th:first-child .invoice-notes {
        margin-right: 20px
    }

    .table-invoice tbody>tr>td:first-child .invoice-notes .section-label-sm,
    .table-invoice tbody>tr>th:first-child .invoice-notes .section-label-sm {
        font-weight: 600
    }

    .table-invoice tbody>tr>td:first-child .invoice-notes p,
    .table-invoice tbody>tr>th:first-child .invoice-notes p {
        font-size: 13px;
        font-weight: 400;
        color: #8f9cc0
    }

    .main-content-mail .container,
    .main-content-mail .container-fluid {
        padding: 20px 0 0
    }

    .main-mail-list-items {
        height: 560px
    }

    @media (min-width:992px) {
        .main-content-mail .container,
        .main-content-mail .container-fluid {
            padding: 0
        }
    }

    .main-content-left-mail {
        display: block
    }

    .main-content-left-mail .btn-compose {
        margin-bottom: 20px;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 11px;
        padding: 0 20px;
        letter-spacing: 2px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 38px
    }

    @media (min-width:992px) {
        .main-content-left-mail .btn-compose {
            margin-right: 0
        }
    }

    .main-task-menu {
        position: relative;
        padding-right: 0
    }

    .main-task-menu .nav-link {
        height: 38px
    }

    .main-task-menu .nav-link i {
        font-size: 22px
    }

    @media (min-width:992px) {
        .main-task-menu {
            padding-right: 0
        }
    }

    @media (min-width:992px) {
        .main-task-menu .nav-link {
            font-size: 13px
        }
    }

    .main-mail-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px;
        padding: 0 20px
    }

    .main-mail-header>div:first-child p {
        font-size: 13px;
        margin-bottom: 0
    }

    .main-mail-header>div:last-child {
        display: none
    }

    .main-mail-header>div:last-child>span {
        font-size: 12px;
        margin-right: 10px
    }

    .main-mail-header .btn-group .btn,
    .main-mail-header .btn-group .sp-container button {
        font-size: 21px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        line-height: 0;
        padding: 0;
        position: relative;
        z-index: 1;
        border-color: #e2e8f5;
        background-color: #fff
    }

    @media (min-width:992px) {
        .main-mail-header {
            padding: 20px 20px 0;
            margin-bottom: 25px
        }
    }

    @media (min-width:768px) {
        .main-mail-header>div:last-child {
            display: flex;
            align-items: center
        }
    }

    .sp-container .main-mail-header .btn-group button {
        font-size: 21px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        line-height: 0;
        padding: 0;
        position: relative;
        z-index: 1;
        border-color: #e2e8f5;
        background-color: #fff
    }

    .main-mail-header .btn-group .btn:focus,
    .main-mail-header .btn-group .btn:hover,
    .main-mail-header .btn-group .sp-container button:focus,
    .main-mail-header .btn-group .sp-container button:hover,
    .sp-container .main-mail-header .btn-group button:focus,
    .sp-container .main-mail-header .btn-group button:hover {
        color: #1c273c;
        background-color: #f6f9fd
    }

    .main-mail-header .btn-group .btn.disabled,
    .main-mail-header .btn-group .sp-container button.disabled,
    .sp-container .main-mail-header .btn-group button.disabled {
        background-color: #fff;
        color: #e2e8f5;
        border-color: #e2e8f5;
        z-index: 0
    }

    .main-mail-header .btn-group .btn.disabled:active,
    .main-mail-header .btn-group .btn.disabled:focus,
    .main-mail-header .btn-group .sp-container button.disabled:active,
    .main-mail-header .btn-group .sp-container button.disabled:focus,
    .sp-container .main-mail-header .btn-group button.disabled:active,
    .sp-container .main-mail-header .btn-group button.disabled:focus {
        box-shadow: none
    }

    .main-mail-header .btn-group .btn+.btn,
    .main-mail-header .btn-group .sp-container .btn+button,
    .main-mail-header .btn-group .sp-container button+.btn,
    .main-mail-header .btn-group .sp-container button+button,
    .sp-container .main-mail-header .btn-group .btn+button,
    .sp-container .main-mail-header .btn-group button+.btn,
    .sp-container .main-mail-header .btn-group button+button {
        margin-left: -2px
    }

    .main-mail-options {
        padding: 5px 10px 5px 20px;
        border-color: #e2e8f5;
        border-style: solid;
        border-width: 1px 0;
        display: none;
        align-items: center;
        justify-content: flex-end
    }

    .main-mail-options .btn,
    .main-mail-options .sp-container button {
        font-size: 22px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        background-color: transparent
    }

    @media (min-width:992px) {
        .main-mail-options {
            padding: 19px 20px;
            display: flex;
            justify-content: space-between
        }
    }

    .sp-container .main-mail-options button {
        font-size: 22px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        background-color: transparent
    }

    .main-mail-options .btn:focus,
    .main-mail-options .btn:hover,
    .main-mail-options .sp-container button:focus,
    .main-mail-options .sp-container button:hover,
    .sp-container .main-mail-options button:focus,
    .sp-container .main-mail-options button:hover {
        background-color: #f6f9fd
    }

    .main-mail-options .btn i,
    .main-mail-options .sp-container button i,
    .sp-container .main-mail-options button i {
        line-height: 0
    }

    .main-mail-options .btn i.typcn,
    .main-mail-options .sp-container button i.typcn,
    .sp-container .main-mail-options button i.typcn {
        line-height: .75
    }

    .main-mail-options .btn.disabled,
    .main-mail-options .sp-container button.disabled,
    .sp-container .main-mail-options button.disabled {
        background-color: transparent;
        color: #7987a1
    }

    @media (min-width:992px) {
        .main-mail-list {
            border-top-width: 0
        }
    }

    .main-mail-item {
        padding: 10px 27px;
        border-top: 1px solid #e4ebf7;
        border-bottom: 1px solid #e4ebf7;
        background-color: rgba(189, 205, 228, .1);
        position: relative;
        display: flex;
        align-items: center;
        width: 100%
    }

    .main-mail-item+.main-mail-item {
        margin-top: -1px
    }

    .main-mail-item:first-child {
        border-top-width: 0
    }

    .main-mail-item .main-avatar,
    .main-mail-item .main-img-user {
        flex-shrink: 0;
        margin-right: 15px
    }

    .main-mail-item .main-avatar:after,
    .main-mail-item .main-img-user:after {
        display: none
    }

    .main-mail-item:focus,
    .main-mail-item:hover {
        background-color: #f6f9fd
    }

    .main-mail-item.selected,
    .main-mail-item.unread {
        background-color: #fff
    }

    @media (min-width:576px) {
        .main-content-body-mail1 .main-mail-item {
            padding: 10px 29px
        }
    }

    @media (min-width:992px) {
        .main-mail-item {
            width: auto;
            padding: 10px 1.5rem
        }
    }

    .main-mail-checkbox {
        margin-right: 15px;
        display: none
    }

    @media (min-width:992px) {
        .main-mail-checkbox {
            display: block
        }
    }

    .main-mail-star {
        margin-right: 15px;
        font-size: 18px;
        line-height: .9;
        color: #e2e8f5;
        position: absolute;
        bottom: 10px;
        right: 0
    }

    .main-mail-star.active {
        color: #f0ad4e
    }

    @media (min-width:992px) {
        .main-mail-star {
            position: relative;
            bottom: auto;
            top: 2px
        }
    }

    .main-mail-body {
        width: calc(100% - 80px);
        cursor: pointer
    }

    @media (min-width:992px) {
        .main-mail-body {
            max-width: 460px;
            margin-right: 15px;
            flex: 1
        }
    }

    @media (min-width:1200px) {
        .main-mail-body {
            max-width: 690px
        }
        .horizontalMenucontainer .tasks-list-box .main-mail-body,
        .tasks-list-box .main-mail-body {
            max-width: 811px
        }
    }

    .main-mail-from {
        font-size: 13px
    }

    @media (min-width:576px) {
        .main-mail-subject {
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            width: 100%
        }
    }

    .main-mail-subject strong {
        font-weight: 700;
        font-size: 15px;
        color: #1c273c;
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 100%
    }

    @media (min-width:992px) {
        .main-mail-subject strong {
            display: inline;
            width: auto;
            white-space: normal;
            text-overflow: inherit;
            overflow: visible
        }
        .task-actions {
            font-size: 16px;
            display: flex;
            list-style-type: none;
            padding: 0;
            float: right;
            margin-left: auto;
            margin-bottom: 0
        }
    }

    @media (min-width:991px) {
        .responsive-logo {
            display: none
        }
    }

    @media (max-width:991px) {
        .responsive-logo {
            display: block
        }
    }

    @media (max-width:991px) {
        .main-mail-subject strong {
            display: block;
            width: 100%;
            white-space: normal;
            text-overflow: inherit;
            overflow: visible
        }
        .main-header-center .input-group {
            display: none
        }
        .mail-container .tab-list-items.mail-menu-show,
        .mail-container .tab-list-items.task-menu-show {
            position: absolute;
            z-index: 12;
            width: 265px;
            height: 638px;
            left: 0;
            background: #fff;
            display: block;
            padding-left: 27px;
            box-shadow: 12px 7px 13px -3px #b4bfd8
        }
        .task-actions {
            font-size: 16px;
            list-style-type: none;
            padding: 0;
            float: right;
            margin-left: 0;
            margin-bottom: 0;
            display: flex;
            width: 100%
        }
        .task-actions li .task-action-items {
            line-height: 30px;
            display: flex
        }
        .task-actions li .task-action-items i {
            color: #031b4e;
            border: 1px solid #e0e7f3;
            height: 33px;
            width: 33px;
            text-align: center;
            padding: 0!important;
            border-radius: 5px;
            padding: 0;
            line-height: 1.62;
            margin: 12px 0 13px
        }
    }

    #no-item-found {
        display: none
    }

    #no-item-found.show {
        display: block
    }

    .main-mail-subject span {
        font-size: 13px;
        color: #5c6980;
        display: none
    }

    @media (min-width:576px) {
        .main-mail-subject span {
            display: inline
        }
    }

    .main-mail-attachment {
        margin-right: 15px;
        font-size: 21px;
        line-height: .9;
        display: none
    }

    @media (min-width:992px) {
        .main-mail-attachment {
            display: block;
            position: absolute;
            right: 63px;
            top: 8px
        }
    }

    .card-box img {
        position: absolute;
        bottom: -3px;
        left: -3px
    }

    .main-mail-date {
        font-size: 11px;
        position: absolute;
        top: 12px;
        right: 15px;
        color: #97a3b9;
        margin-left: auto
    }

    @media (min-width:992px) {
        .main-mail-date {
            position: absolute;
            font-size: 13px;
            top: 8px
        }
    }

    .main-mail-compose {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(28, 39, 60, .5);
        z-index: 1000;
        display: none
    }

    .main-mail-compose>div {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%
    }

    @media (min-width:992px) {
        .main-mail-compose .container {
            padding: 0
        }
    }

    .main-mail-compose-box {
        box-shadow: 0 0 30px rgba(28, 39, 60, .2);
        border-radius: 3px
    }

    .main-mail-compose-header {
        padding: 10px 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: #1c273c;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .main-mail-compose-header .nav-link {
        color: hsla(0, 0%, 100%, .3);
        font-size: 14px;
        line-height: 1;
        padding: 0;
        transition: all .2s ease-in-out
    }

    .main-mail-compose-header .nav-link:focus,
    .main-mail-compose-header .nav-link:hover {
        color: #fff
    }

    .main-mail-compose-header .nav-link+.nav-link {
        margin-left: 15px
    }

    .main-mail-compose-header .nav-link:nth-child(2) {
        display: none
    }

    @media (min-width:992px) {
        .main-mail-compose-header {
            padding: 20px 25px
        }
    }

    @media (prefers-reduced-motion:reduce) {
        .main-mail-compose-header .nav-link {
            transition: none
        }
    }

    @media (min-width:768px) {
        .main-mail-compose-header .nav-link:nth-child(2) {
            display: block
        }
    }

    .main-mail-compose-body {
        background-color: #fff;
        padding: 20px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .main-mail-compose-body .form-group {
        display: flex;
        align-items: center
    }

    .main-mail-compose-body .form-group>div {
        flex: 1;
        margin-left: 10px
    }

    .main-mail-compose-body .form-group .form-label {
        margin: 0;
        color: #1c273c
    }

    .main-mail-compose-body .form-group .form-control {
        border-width: 0;
        border-radius: 0;
        padding: 0
    }

    .main-mail-compose-body .form-group .form-control:focus {
        box-shadow: none!important
    }

    .main-mail-compose-body .form-group+.form-group {
        border-top: 1px dotted #e2e8f5;
        padding-top: 1rem
    }

    .main-mail-compose-body .form-group:last-child {
        display: block
    }

    .main-mail-compose-body .form-group:last-child .btn,
    .main-mail-compose-body .form-group:last-child .sp-container button {
        width: 100%;
        margin-top: 15px;
        padding-left: 20px;
        padding-right: 20px
    }

    @media (min-width:992px) {
        .main-mail-compose-body {
            padding: 25px
        }
    }

    @media (min-width:576px) {
        .main-mail-compose-body .form-group:last-child {
            display: flex;
            justify-content: space-between
        }
    }

    .sp-container .main-mail-compose-body .form-group:last-child button {
        width: 100%;
        margin-top: 15px;
        padding-left: 20px;
        padding-right: 20px
    }

    @media (min-width:576px) {
        .main-mail-compose-body .form-group:last-child .btn,
        .main-mail-compose-body .form-group:last-child .sp-container button,
        .sp-container .main-mail-compose-body .form-group:last-child button {
            width: auto;
            margin-top: 0
        }
    }

    .main-mail-compose-body .form-group .nav-link {
        padding: 0;
        font-size: 18px;
        line-height: 0;
        color: #031b4e;
        position: relative;
        transition: all .2s ease-in-out
    }

    .main-mail-compose-body .form-group .nav-link:focus,
    .main-mail-compose-body .form-group .nav-link:hover {
        color: #1c273c
    }

    .main-mail-compose-body .form-group .nav-link+.nav-link {
        margin-left: 15px
    }

    @media (prefers-reduced-motion:reduce) {
        .main-mail-compose-body .form-group .nav-link {
            transition: none
        }
    }

    .main-mail-compose-compress,
    .main-mail-compose-minimize {
        top: auto;
        left: auto;
        bottom: 0;
        right: 30px;
        width: 560px;
        height: auto;
        background-color: transparent
    }

    .main-mail-compose-compress .container,
    .main-mail-compose-minimize .container {
        max-width: none;
        padding: 0
    }

    .main-mail-compose-minimize .main-mail-compose-body {
        display: none
    }

    .main-mail-two .main-header {
        border-bottom: 1px solid #e2e8f5
    }

    .main-mail-left .main-task-menu {
        padding-right: 0
    }

    .main-mail-content {
        background-color: #f1f5ff
    }

    .main-content-body-show .main-header-mail-arrow {
        font-size: 27px;
        display: inline-block;
        line-height: 0;
        padding: 13px 31px;
        background: #f1f5ff;
        width: 100%;
        font-size: 30px
    }

    .main-mail-content-body {
        display: none
    }

    .main-content-body-show .main-mail-content-body {
        display: block
    }

    .main-mail-two .main-content {
        display: flex;
        flex-direction: column
    }

    .main-mail-two .main-header {
        width: 100%;
        border-bottom: 1px solid #e8e8f7
    }

    .main-mail-two .main-footer {
        width: 100%
    }

    .main-mail-two .main-header-menu-icon {
        margin-right: 0
    }

    .main-mail-two .main-content-body {
        display: flex;
        padding: 0
    }

    .main-mail-left {
        background-color: #f9f9f9;
        width: 240px;
        border-right: 1px solid #b4bdce;
        padding: 20px;
        display: none
    }

    .main-mail-left .btn-compose {
        display: block;
        margin-bottom: 20px
    }

    .main-mail-left .main-mail-menu {
        padding-right: 0
    }

    @media (min-width:1200px) {
        .main-mail-left {
            display: block
        }
    }

    .main-mail-content {
        background-color: #f4f5fb;
        flex: 1;
        max-width: 100vw -480px
    }

    .main-mail-content .main-mail-header {
        margin-bottom: 0;
        padding: 20px
    }

    .main-mail-content .main-mail-body {
        max-width: 590px
    }

    .profile-cover__action {
        display: flex;
        padding: 216px 30px 10px 185px;
        border-radius: 5px 5px 0 0;
        flex-wrap: wrap;
        justify-content: flex-end;
        overflow: hidden;
        /*background: url(../../img/media/bg-img.jpg) no-repeat; */
        background-image: url(https://tradedevalor.com.br/wp-content/uploads/2022/05/lamina2fundo.jpg);
        background-size: cover;
        background-position: center;
    }

    .profile-cover__action>.btn {
        margin-left: 10px;
        margin-bottom: 10px
    }

    .panel.profile-cover {
        position: relative
    }

    .btn-profile {
        position: absolute;
        right: 20px;
        bottom: 135px
    }

    .profile-cover__img {
        position: absolute;
        top: 150px;
        left: 25px;
        text-align: center;
        z-index: 1
    }

    .profile-cover__img>img {
        max-width: 120px;
        /*border: 5px solid #fff;*/
        border-radius: 50%
    }

    .profile-cover__img>.h3 {
        color: #393939;
        font-size: 20px;
        line-height: 30px
    }

    .profile-cover__img>img+.h3 {
        margin-top: 6px
    }

    @media (min-width:601px) {
        .profile-cover__info .nav {
            margin-right: 28px;
            padding: 15px 0 10px 170px;
            color: #999;
            font-size: 16px;
            line-height: 26px;
            font-weight: 300;
            text-align: center;
            text-transform: uppercase;
            justify-content: flex-end
        }
    }

    .profile-cover__info .nav li {
        margin-top: 13px;
        margin-bottom: 13px
    }

    .profile-cover__info .nav li:not(:first-child) {
        margin-left: 30px;
        padding-left: 30px;
        border-left: 1px solid hsla(0, 0%, 93.3%, .2)
    }

    .profile-cover__info .nav strong {
        display: block;
        margin-bottom: 10px;
        font-size: 29px
    }

    .profile-cover__info .nav li {
        font-size: 14px;
        color: #464461;
        font-weight: 500
    }

    .profile-tab .main-nav-line .nav-link {
        font-weight: 500
    }

    @media (min-width:481px) {
        .profile-cover__action>.btn {
            min-width: 125px
        }
        .profile-cover__action>.btn>span {
            display: inline-block
        }
    }

    @media (max-width:767px) {
        .profile-cover__info .nav {
            display: flex;
            margin-right: 0;
            padding: 100px 0 10px;
            color: #999;
            font-size: 16px;
            line-height: 26px;
            font-weight: 300;
            text-align: center;
            text-transform: uppercase;
            justify-content: center
        }
        .profile-cover__info .nav li {
            margin-top: 27px;
            margin-bottom: 0;
            margin-right: 1rem;
            font-size: 13px
        }
        .profile-cover__info .nav li:not(:first-child) {
            margin-top: 8px;
            margin-left: 0;
            padding-top: 18px;
            padding-left: 0;
            border-top: 0;
            border-left-width: 0
        }
        .profile-cover__img {
            left: 0;
            right: 0;
            top: 130px
        }
        .btn-profile {
            right: 0;
            bottom: 85px;
            left: 0;
            margin: 0 auto;
            text-align: center
        }
        .main-nav-line .nav-link+.nav-link {
            margin-top: 13px;
            margin-left: 0
        }
    }

    .main-content-profile {
        flex: 1
    }

    @media (max-width:991.98px) {
        .main-content-profile .container,
        .main-content-profile .container-fluid {
            display: block
        }
    }

    .main-content-left-profile {
        padding-left: 0;
        padding-right: 0;
        display: block;
        border-bottom: 1px solid #e8e8f7;
        padding-bottom: 25px;
        width: auto
    }

    @media (min-width:992px) {
        .main-content-left-profile {
            width: 270px;
            padding-right: 20px;
            padding-bottom: 0;
            border-right: 1px solid #e8e8f7;
            border-bottom: 0
        }
    }

    @media (min-width:1200px) {
        .main-content-left-profile {
            padding-right: 25px
        }
    }

    .main-profile-overview .main-img-user {
        width: 100px;
        height: 100px;
        margin: 0 auto
    }

    .main-profile-overview .main-img-user:after {
        display: none
    }

    .main-profile-overview .btn-icon-list .btn,
    .main-profile-overview .btn-icon-list .sp-container button,
    .sp-container .main-profile-overview .btn-icon-list button {
        border-radius: 100%
    }

    .main-profile-name {
        color: #8f9cc0;
        font-weight: 700;
        font-size: 20px;
        margin-bottom: 2px
    }

    .main-profile-name-text {
        color: #a8afc7;
        font-size: 13px;
        margin-bottom: 0
    }

    .main-profile-bio {
        font-size: 13px;
        margin-bottom: 20px
    }

    .main-profile-social-list .media {
        align-items: center
    }

    .main-profile-social-list .media+.media {
        margin-top: 20px
    }

    .main-profile-social-list .media-body {
        margin-left: 20px
    }

    .main-profile-social-list .media-body span {
        display: block;
        font-size: 12px
    }

    .main-profile-social-list .media-body a {
        font-size: 13px
    }

    .main-content-body-profile .nav {
        flex-direction: column;
        padding: 20px;
        border-bottom: 1px solid #e8e8f7
    }

    .main-content-body-profile .main-nav-line .nav-link {
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 500;
        color: #3b4863
    }

    .main-content-body-profile .main-nav-line .nav-link.active {
        font-weight: 500
    }

    @media (min-width:576px) {
        .main-content-body-profile .nav {
            flex-direction: row;
            align-items: center;
            padding-bottom: 10px
        }
    }

    @media (min-width:992px) {
        .main-content-body-profile .nav {
            padding-left: 20px
        }
    }

    @media (min-width:1200px) {
        .main-content-body-profile .nav {
            padding-left: 25px
        }
    }

    @media (min-width:576px) and (max-width:767.98px) {
        .main-content-body-profile .main-nav-line .nav-link.active:before {
            width: auto;
            top: auto;
            left: 0;
            right: 0;
            height: 2px
        }
    }

    @media (min-width:576px) {
        .main-content-body-profile .main-nav-line .nav-link.active:before {
            bottom: -11px
        }
    }

    @media (min-width:576px) and (max-width:767.98px) {
        .main-content-body-profile .main-nav-line .nav-link+.nav-link {
            margin-top: 0;
            margin-left: 20px
        }
    }

    .main-profile-body {
        padding: 15px 0 0
    }

    @media (min-width:576px) {
        .main-profile-body {
            padding-top: 20px
        }
    }

    @media (min-width:992px) {
        .main-profile-body {
            padding: 25px 0 0 20px
        }
    }

    @media (min-width:1200px) {
        .main-profile-body {
            padding-left: 25px
        }
    }

    .main-profile-view-chart {
        position: relative;
        width: calc(100% - 10px);
        height: 200px
    }

    @media (min-width:375px) {
        .main-profile-view-chart {
            width: 100%
        }
    }

    @media (min-width:576px) {
        .main-profile-view-chart {
            height: 250px
        }
    }

    .main-profile-view-info {
        position: absolute;
        top: 0;
        left: 0
    }

    .main-profile-view-info h6 {
        font-size: 32px;
        font-weight: 500;
        color: #8f9cc0;
        margin-bottom: 0
    }

    .main-profile-view-info span {
        font-size: 12px;
        color: #f10075;
        margin-left: 5px
    }

    .main-profile-view-info p {
        font-size: 13px;
        margin-bottom: 0
    }

    .main-traffic-detail-item>div:first-child {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 12px;
        margin-bottom: 7px
    }

    .main-traffic-detail-item>div:first-child>span:first-child {
        color: #51586f;
        font-size: 14px
    }

    .main-traffic-detail-item>div:first-child>span:last-child {
        font-size: 11px;
        font-weight: 700;
        color: #5e5e77
    }

    .main-traffic-detail-item>div:first-child>span:last-child span {
        color: #a8afc7;
        font-weight: 400
    }

    .main-traffic-detail-item+.main-traffic-detail-item {
        margin-top: 18px
    }

    .main-profile-work-list .media+.media {
        margin-top: 25px
    }

    .media-icon,
    .media-logo {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 0;
        color: #fff;
        font-size: 21px;
        position: relative;
        top: 2px;
        border-radius: 100%
    }

    .main-profile-work-list .media-body {
        margin-left: 20px
    }

    .main-profile-work-list .media-body h6 {
        color: #8f9cc0;
        font-weight: 500;
        margin-bottom: 2px
    }

    .main-profile-work-list .media-body span {
        display: block;
        margin-bottom: 5px
    }

    .main-profile-work-list .media-body p {
        margin-bottom: 0;
        font-size: 12px;
        color: #a8afc7
    }

    .main-profile-contact-list .media {
        align-items: center
    }

    .main-profile-contact-list .media+.media {
        margin-top: 25px
    }

    .main-profile-contact-list .media-body {
        margin-left: 25px
    }

    .main-profile-contact-list .media-body span {
        font-size: 12px;
        color: #a8afc7;
        display: block;
        line-height: 1.3
    }

    .main-profile-contact-list .media-body div {
        font-weight: 500;
        color: #8f9cc0
    }

    .crypto-transcation.list-unstyled li {
        display: flex;
        margin: 17px;
        padding: 15px 10px;
        border: 1px solid #eaedf7;
        border-radius: 6px
    }

    .toolbar .btn {
        background: #fff;
        color: #222;
        border: 1px solid #e7e7e7;
        border-bottom: 2px solid #ddd;
        border-radius: 4px;
        padding: 2px 17px
    }

    .crypto-card {
        position: relative;
        background-color: #fff;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z' fill='%23eaedf7' fill-opacity='.4'/%3E%3C/svg%3E")
    }

    .btn-default.active {
        background: #6259ca;
        color: #fff;
        border-bottom: 2px solid #433c9a
    }

    @media (max-width:991px) {
        .card-bitcoin .media {
            display: flex;
            align-items: flex-start;
            overflow-x: scroll
        }
    }

    .card-bitcoin .media-icon {
        display: inline-table;
        text-align: center;
        line-height: 42px
    }

    .card-bitcoin .media-body {
        margin-left: 20px;
        margin-bottom: 10px
    }

    .card-bitcoin .row {
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto
    }

    .card-bitcoin .row>div {
        flex-shrink: 0
    }

    .card-bitcoin label {
        margin-bottom: 2px;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 11px;
        letter-spacing: .5px;
        color: #8587a7
    }

    .card-bitcoin p {
        margin-bottom: 0;
        color: #1c273c;
        font-weight: 700;
        font-size: 16px;
        font-family: Archivo, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
    }

    .crypto-wallet {
        position: relative
    }

    .crypto-wallet .chart-circle-value {
        position: absolute;
        top: 60px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1;
        width: 130px;
        height: 130px;
        line-height: 70px;
        border-radius: 50%;
        font-size: 46px
    }

    .crypto-wallet .chart-circle-value.circle-style {
        border: 2px dashed #9a93e8;
        background: #fcfcff
    }

    .cryp-icon {
        width: 25px;
        height: 25px;
        font-size: 15px;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff
    }

    .img-bg {
        background: url(../../img/media/Stars.png);
        background-position: 100%;
        background-size: auto;
        background-repeat: no-repeat
    }

    .crypto-icon {
        width: 40px;
        height: 40px;
        font-size: 15px;
        border-radius: 50px;
        line-height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff
    }

    .buy-sell .form {
        border: 1px solid rgba(0, 0, 0, .1);
        background: rgba(0, 0, 0, .2);
        padding: 15px 0;
        border-radius: 4px
    }

    .bg-background2 {
        background: url(../../img/media/4046534.jpg);
        background-size: cover;
        background-position: 50%
    }

    .bg-background2:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        display: block;
        z-index: 1;
        top: 0;
        background: rgba(98, 89, 202, .87)
    }

    .bg-background2 .header-text {
        position: relative;
        z-index: 1
    }

    .buy-sell .form-control,
    .buy-sell .select2-container--default .select2-selection--single {
        height: 45px
    }

    .buy-sell .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 43px
    }

    .buy-sell .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 3px
    }

    .crypto-card .chart-wrapper {
        position: relative;
        right: 0;
        bottom: -13px;
        left: -13px;
        width: 111%
    }

    .exchange-icon {
        position: absolute;
        height: 50px;
        width: 50px;
        background: #19b159;
        border-radius: 50%;
        line-height: 50px;
        text-align: center;
        top: -22px;
        left: -51px
    }

    .crypto-btc-usd .nav-link {
        padding: 0;
        margin: 0 3px;
        width: 33px;
        height: 28px;
        line-height: 28px;
        text-align: center
    }

    .crypto-btc-usd .nav-link.active {
        background: #6259ca;
        border-radius: 3px;
        color: #fff
    }

    .payment-list {
        list-style-type: none;
        display: flex;
        padding-left: 0
    }

    .payment-list .payment-item {
        font-size: 14px;
        text-decoration: none;
        color: #c2c6d4;
        font-weight: 600;
        cursor: pointer;
        text-align: center;
        list-style: none;
        outline: none;
        transition: all .3s ease-out;
        text-transform: capitalize;
        display: inline-block;
        margin: 0 1%;
        float: left;
        width: 18%
    }

    .payment-list .payment-item i {
        width: 100%;
        height: 66px;
        display: block;
        border: 1px solid #e6e9f3;
        padding: 15px 0;
        margin-bottom: 15px;
        cursor: pointer;
        font-size: 30px;
        border-radius: 4px
    }

    .payment-item.active i {
        border-color: #19b159;
        color: #19b159
    }

    .payment-item.active span {
        color: #19b159
    }

    .cryptoicon {
        width: 23px;
        height: 23px;
        font-size: 13px;
        border-radius: 50px;
        align-items: center;
        display: inline-block!important;
        justify-content: center;
        line-height: 23px;
        text-align: center;
        margin-right: 15px
    }

    .payment-type {
        display: flex
    }

    .payment-type input {
        display: none
    }

    .payment-cards {
        position: relative;
        color: #707894;
        background-color: transparent;
        font-size: 26px;
        text-align: center;
        height: 87px;
        line-height: 46px;
        display: block;
        font-size: 16px;
        cursor: pointer;
        border: 1px solid #eaedf7;
        box-sizing: border-box;
        margin: 0 10px;
        border-radius: 3px;
        font-weight: 500
    }

    .payment-cards img {
        position: absolute;
        top: 37px;
        opacity: .8;
        height: 32px;
        margin: 0 auto;
        justify-content: center;
        text-align: center;
        left: 0;
        right: 0
    }

    input:checked+label.payment-cards {
        border-color: #6259ca!important;
        position: relative!important;
        display: block!important;
        border-width: 1px;
        color: #6259ca
    }

    .form input:checked+label:after,
    form input:checked+label:after {
        content: "";
        width: 20px;
        height: 20px;
        line-height: 17px;
        border-width: 0 35px 35px 0;
        display: block;
        position: absolute;
        top: 0;
        right: 0
    }

    .form input:checked+label:before {
        content: "\2713";
        z-index: 999;
        position: absolute;
        top: -11px;
        right: 4px;
        font-size: 14px;
        color: #fff
    }

    .form input:checked+label:before,
    form input:checked+label:before {
        content: "\2713";
        z-index: 997;
        position: absolute;
        top: -11px;
        right: 4px;
        font-size: 14px;
        color: #fff
    }

    .crypto-buysell-card .nav.panel-tabs li {
        position: relative;
        z-index: 1;
        display: block;
        margin: 0;
        text-align: center;
        -moz-flex: 1;
        flex: 1;
        line-height: 4;
        background: #fff
    }

    .crypto-buysell-card .nav.panel-tabs li .active:before {
        position: absolute;
        top: 60px;
        left: 50%;
        margin-left: -10px;
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-top-color: #6259ca;
        content: "";
        pointer-events: none
    }

    .crypto-buysell-card .nav.panel-tabs li a {
        position: relative;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 4
    }

    .crypto-buysell-card .nav.panel-tabs li a.active {
        background: #6259ca;
        color: #fff
    }

    .crypto-buysell-card .select2-container--default .select2-selection--single {
        height: 46px
    }

    .crypto-buysell-card .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 45px
    }

    .wallet .input-group-addon,
    .wallet .input-group-addon-right {
        padding: .5rem .75rem;
        margin-bottom: 0;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.25;
        color: #b7bec5;
        text-align: center;
        border: 1px solid #e3ebf3;
        border-radius: 0 .25rem .25rem 0
    }

    .crypto-wallet .clipboard-icon,
    .crypto-wallet .clipboard-icon:focus,
    .crypto-wallet .clipboard-icon:hover {
        background-color: #6259ca!important;
        border-color: #6259ca!important;
        border-radius: 0 4px 4px 0!important;
        top: 0;
        right: 0;
        font-size: 14px;
        background: #6259ca;
        border: 1px solid #6259ca;
        cursor: pointer;
        padding: .375rem .75rem;
        font-size: .875rem;
        line-height: 2.3!important;
        color: #fff;
        position: relative
    }

    .wallet .clipboard-icon {
        top: 0;
        right: 0;
        position: relative;
        padding: 11px 17px;
        background: #f2f1fd;
        border-radius: 0 4px 4px 0!important;
        border-left: 0;
        height: 46px
    }

    .wallet .input-group-addon-left {
        padding: 12px 17px;
        background: #f2f1fd;
        border-radius: 4px 0 0 4px!important;
        height: 46px;
        border: 1px solid #e3ebf3;
        border-right: 0
    }

    .wallet .input-group i {
        font-size: 20px
    }

    .transcation-crypto .table td,
    .transcation-crypto .table th {
        padding: 17px 15px;
        margin: 0 14px
    }

    .transcation-crypto .table.dataTable td,
    .transcation-crypto .table.dataTable th {
        border-left: 0
    }

    .transcation-crypto table.dataTable thead .sorting:before,
    .transcation-crypto table.dataTable thead .sorting_asc:before,
    .transcation-crypto table.dataTable thead .sorting_asc_disabled:before,
    .transcation-crypto table.dataTable thead .sorting_desc:before,
    .transcation-crypto table.dataTable thead .sorting_desc_disabled:before {
        right: 1em;
        content: "\2191";
        top: 16px
    }

    .transcation-crypto table.dataTable thead .sorting:after,
    .transcation-crypto table.dataTable thead .sorting_asc:after,
    .transcation-crypto table.dataTable thead .sorting_desc:after,
    .transcation-crypto table.dataTable thead .sorting_desc_disabled:after,
    table.dataTable thead .sorting_asc_disabled:after {
        right: .5em;
        content: "\2193";
        top: 16px
    }

    @media (max-width:767px) {
        .payment-cards img {
            top: 26px!important
        }
    }

    .card-order i {
        background: #edebff;
        height: 40px;
        width: 40px;
        text-align: center;
        line-height: 40px;
        border-radius: 50%;
        font-size: 21px
    }

    .owl-theme:before {
        left: 0;
        background: linear-gradient(270deg, transparent, #eaedf7)
    }

    .owl-theme:after,
    .owl-theme:before {
        content: "";
        display: block;
        bottom: 0;
        position: absolute;
        width: 100px;
        height: 100%;
        z-index: 1
    }

    .owl-theme:after {
        right: 0;
        background: linear-gradient(90deg, transparent, #eaedf7)
    }

    .ratio {
        position: absolute;
        right: -10px;
        top: 20px;
        padding: 5px 15px;
        background-color: #222;
        font-size: 13px;
        line-height: 20px;
        font-weight: 600;
        color: #fff;
        border-radius: 15px 0 0 15px
    }

    .product-timeline ul.timeline-1 {
        list-style-type: none;
        position: relative
    }

    .product-timeline ul.timeline-1>li {
        margin: 21.7px 0;
        padding-left: 1rem
    }

    .product-timeline ul.timeline-1>li .product-icon {
        width: 37px;
        height: 37px;
        text-align: center;
        border-radius: 50%;
        position: absolute;
        left: 3px;
        background-color: #e8e6f7;
        font-size: 20px;
        line-height: 37px;
        font-size: 17px;
        color: #6259ca
    }

    .product-timeline ul.timeline-1:before {
        content: " ";
        margin: 20px 20px 0 22px;
        display: inline-block;
        left: -2px;
        height: 94%;
        z-index: 0;
        content: "";
        position: absolute;
        bottom: 0;
        border-left: 2px dotted #c0ccda
    }

    .jvectormap-container {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        touch-action: none
    }

    .countrywise-sale .list-group-item {
        padding: 10px 0;
        border-bottom-style: dotted;
        border-top-style: dotted;
        border-left: 0 dotted #e2e8f5;
        border-bottom-color: #e2e8f5;
        border-right: 0 dotted #e2e8f5;
        border-top-color: #e2e8f5;
        background-color: transparent;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start
    }

    .countrywise-sale .list-group-item span {
        display: block;
        margin-left: auto;
        font-weight: 600;
        font-family: Archivo, Arial, sans-serif;
        color: #1c273c
    }

    .countrywise-sale .list-group-item p {
        margin-bottom: 0;
        margin-left: 10px
    }

    .top-selling-products .product-item {
        display: flex;
        align-items: center;
        padding: .75rem 0;
        line-height: 1.2
    }

    .top-selling-products .product-img {
        width: 44px;
        margin-right: 1rem
    }

    .top-selling-products .count,
    .top-selling-products .price {
        font-size: .8125rem;
        color: #8094ae;
        margin-top: 5px
    }

    .top-selling-products .amount,
    .top-selling-products .title {
        font-size: .9375rem;
        color: #364a63;
        margin-bottom: .25rem
    }

    .top-selling-products .product-price {
        margin-left: auto;
        text-align: right;
        margin-bottom: 10px;
        font-weight: 600
    }

    .top-selling-products .product-img img {
        border-radius: 4px
    }

    .top-selling-products .product-amount {
        float: right;
        margin-left: auto
    }

    .top-selling-products .product-name {
        font-weight: 500
    }

    .top-selling-products .items-sold {
        color: #8094ae;
        font-size: 11px
    }

    #revenuechart {
        height: 273px!important
    }

    .table-filter {
        padding: 5px 0 15px;
        margin-bottom: 5px
    }

    .table-filter .btn {
        float: right
    }

    .filter-group select.form-control {
        width: 110px
    }

    .table-filter select {
        display: inline-block;
        margin-left: 5px
    }

    .table-filter .btn {
        border-radius: 0 4px 4px 0;
        margin-left: -1px
    }

    .table-filter input {
        margin-left: 5px;
        width: 200px;
        display: inline-block
    }

    .show-entries select.form-control {
        width: 60px;
        margin: 0 5px
    }

    .status {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        margin: 2px 6px 4px 0;
        display: inline-block;
        vertical-align: middle;
        line-height: 10px;
        top: -9px
    }

    .ecommerce.wizard {
        margin: 20px auto;
        background: #fff
    }

    .ecommerce.wizard .nav-tabs {
        position: relative;
        margin: 40px auto 0;
        border-bottom-color: #e0e0e0
    }

    .ecommerce.wizard>div.ecommerce.wizard-inner {
        position: relative
    }

    .connecting-line {
        height: 2px;
        background: #e0e0e0;
        position: absolute;
        width: 80%;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 50%;
        z-index: 1
    }

    @media (min-width:768px) {
        #checkoutsteps>.steps .number {
            background-color: #eaedf7;
            color: #9197ab;
            font-size: 20px;
            font-weight: 600;
            width: 45px;
            height: 45px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 15px auto
        }
        #checkoutsteps .checkoutline {
            height: 3px;
            background-color: #eaedf7;
            transform: translateY(1.7rem);
            margin: 0 11%;
            position: relative;
            z-index: 0;
            top: 26px
        }
    }

    @media (max-width:767px) {
        #checkoutsteps>.steps .number {
            background-color: #eaedf7;
            color: #9197ab;
            font-size: 15px;
            font-weight: 600;
            width: 35px;
            height: 35px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 15px auto
        }
        #checkoutsteps>.steps a {
            font-size: 12px!important
        }
        #checkoutsteps .checkoutline {
            height: 3px;
            background-color: #eaedf7;
            transform: translateY(1.7rem);
            margin: 0 11%;
            position: relative;
            z-index: 0;
            top: 20px
        }
    }

    #checkoutsteps>.actions a {
        display: block;
        padding: 9px 25px;
        line-height: 1.573;
        color: #fff;
        border-radius: 4px;
        background: #6259ca
    }

    #checkoutsteps>.actions .disabled a {
        opacity: .4
    }

    #checkoutsteps>.steps {
        position: relative;
        display: block;
        width: 100%;
        border-radius: 3px;
        padding: 0
    }

    #checkoutsteps ul {
        list-style: none!important;
        padding: 0;
        margin: 0;
        display: flex
    }

    #checkoutsteps ul[role=tablist] li {
        display: flex;
        z-index: 0;
        flex-direction: column;
        align-items: center;
        flex-wrap: wrap;
        flex: 1;
        flex-basis: auto;
        font-weight: 500;
        font-size: 1.1rem
    }

    #checkoutsteps>.steps a {
        display: block;
        width: auto;
        background-color: transparent;
        color: #2d2c40;
        font-size: 16px;
        font-weight: 400;
        padding: 14px 0;
        text-decoration: none;
        border-radius: 30px;
        cursor: default;
        text-align: center;
        outline: none
    }

    #checkoutsteps .actions .menu li {
        flex: inherit
    }

    #checkoutsteps>.steps .current a .number {
        background: #6259ca;
        color: #fff
    }

    #checkoutsteps ul[role=menu] li {
        flex: inherit
    }

    #checkoutsteps .item {
        justify-content: space-between;
        padding-bottom: 30px;
        border-bottom: 1px solid #e6e6e6;
        margin-bottom: 30px
    }

    #checkoutsteps .item,
    #checkoutsteps .item .left {
        display: flex;
        align-items: center
    }

    #checkoutsteps .item .thumb {
        display: inline-flex;
        width: 100px;
        height: 90px;
        justify-content: center;
        align-items: center;
        border: 1px solid #f2f2f2
    }

    #checkoutsteps .item .purchase {
        display: inline-block;
        margin-left: 21px
    }

    #checkoutsteps .item .price {
        font-size: 16px
    }

    #checkoutsteps .checkout {
        margin-bottom: 44px
    }

    #checkoutsteps .checkout .subtotal {
        margin-bottom: 18px
    }

    #checkoutsteps .checkout span.heading {
        font-weight: 500;
        margin-right: 5px
    }

    #checkoutsteps .total {
        float: right;
        color: #6645eb
    }

    .card-pay .tabs-menu {
        margin-bottom: 25px;
        border-radius: 5px;
        overflow: hidden
    }

    .card-pay .tabs-menu.nav {
        background: #f0f3ff
    }

    .card-pay .tabs-menu.nav li {
        border-right: 1px solid #d3dfea
    }

    .card-pay .tabs-menu.nav li a {
        border-right: 0
    }

    .card-pay .tabs-menu li {
        width: 33.3%;
        display: block
    }

    .card-pay .tabs-menu li a {
        padding: .7rem 1rem;
        display: block;
        text-align: center
    }

    .card-pay .tabs-menu li a.active {
        background: #6259ca;
        color: #fff
    }

    #checkoutsteps .item .purchase {
        text-decoration: none
    }

    @media (min-width:992px) {
        #checkoutsteps>.content {
            padding: 38px
        }
        #checkoutsteps>.actions {
            padding: 20px 38px
        }
    }

    .item1-links li {
        width: 100%;
        display: block;
        border-top: 1px solid #e8e8f7
    }

    .item1-links a {
        padding: .75rem 1.25rem;
        font-weight: 400;
        font-size: .875rem;
        color: #070510
    }

    .item1-links a i {
        font-size: 17px;
        margin-right: 1rem
    }

    .item1-links .nav-item a.active,
    .item1-links .nav-link:focus,
    .item1-links .nav-link:hover {
        background-color: #6259ca;
        color: #fff;
        border-radius: 0
    }

    .track {
        position: relative;
        background-color: #eaedf7;
        height: 7px;
        display: flex;
        margin-bottom: 60px;
        margin-top: 50px
    }

    .track .step {
        flex-grow: 1;
        width: 25%;
        margin-top: -18px;
        text-align: center;
        position: relative
    }

    .track .text {
        display: block;
        margin-top: 7px
    }

    .track .step.active .text {
        font-weight: 400;
        color: #000
    }

    .track .icon {
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        position: relative;
        border-radius: 100%;
        background: #eaedf7
    }

    .track .step:before {
        height: 7px;
        position: absolute;
        content: "";
        width: 100%;
        left: 0;
        top: 18px
    }

    .track .step.active:before {
        background: #6259ca
    }

    .track .step.active .icon {
        background: #6259ca;
        color: #fff
    }

    .btn-apply.coupon {
        border-radius: 0 4px 4px 0!important
    }

    .align-baseline {
        vertical-align: baseline!important
    }

    .align-top {
        vertical-align: top!important
    }

    .align-middle {
        vertical-align: middle!important
    }

    .align-bottom {
        vertical-align: bottom!important
    }

    .align-text-bottom {
        vertical-align: text-bottom!important
    }

    .align-text-top {
        vertical-align: text-top!important
    }

    .bg-secondary,
    a.bg-secondary:focus,
    a.bg-secondary:hover,
    button.bg-secondary:focus,
    button.bg-secondary:hover {
        background-color: #f1388b!important
    }

    .bg-success {
        background-color: #19b159!important
    }

    a.bg-success:focus,
    a.bg-success:hover,
    button.bg-success:focus,
    button.bg-success:hover {
        background-color: #37ce4f!important
    }

    .bg-info {
        background-color: #01b8ff!important
    }

    a.bg-info:focus,
    a.bg-info:hover,
    button.bg-info:focus,
    button.bg-info:hover {
        background-color: #06aff1!important
    }

    .bg-warning {
        background-color: #ff9b21!important
    }

    a.bg-warning:focus,
    a.bg-warning:hover,
    button.bg-warning:focus,
    button.bg-warning:hover {
        background-color: #d39e00!important
    }

    .bg-danger,
    a.bg-danger:focus,
    a.bg-danger:hover,
    button.bg-danger:focus,
    button.bg-danger:hover {
        background-color: #f16d75!important
    }

    .bg-light {
        background-color: #f4f4fd!important
    }

    a.bg-light:focus,
    a.bg-light:hover,
    button.bg-light:focus,
    button.bg-light:hover {
        background-color: #dbe0ea!important
    }

    .bg-dark {
        background-color: #3b4863!important
    }

    a.bg-dark:focus,
    a.bg-dark:hover,
    button.bg-dark:focus,
    button.bg-dark:hover {
        background-color: #131212!important
    }

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

    .bg-transparent {
        background-color: transparent!important
    }

    .bg-primary-gradient {
        background: linear-gradient(90deg, #744dfe, #71a7f5)
    }

    .bg-success-gradient {
        background: linear-gradient(90deg, #45e1d4, #129ed3)
    }

    .bg-warning-gradient {
        background: linear-gradient(90deg, #f8c888, #f45c6b)
    }

    .bg-info-gradient {
        background: linear-gradient(90deg, #9271fe, #fb5ea3)
    }

    .bg-transparent {
        background-color: transparent
    }

    .bg-white-1 {
        background-color: hsla(0, 0%, 100%, .1)
    }

    .bg-white-2 {
        background-color: hsla(0, 0%, 100%, .2)
    }

    .bg-white-3 {
        background-color: hsla(0, 0%, 100%, .3)
    }

    .bg-white-4 {
        background-color: hsla(0, 0%, 100%, .4)
    }

    .bg-white-5 {
        background-color: hsla(0, 0%, 100%, .5)
    }

    .bg-white-6 {
        background-color: hsla(0, 0%, 100%, .6)
    }

    .bg-white-7 {
        background-color: hsla(0, 0%, 100%, .7)
    }

    .bg-white-8 {
        background-color: hsla(0, 0%, 100%, .8)
    }

    .bg-white-9 {
        background-color: hsla(0, 0%, 100%, .9)
    }

    .bg-black-1 {
        background-color: rgba(0, 0, 0, .1)
    }

    .bg-black-2 {
        background-color: rgba(0, 0, 0, .2)
    }

    .bg-black-3 {
        background-color: rgba(0, 0, 0, .3)
    }

    .bg-black-4 {
        background-color: rgba(0, 0, 0, .4)
    }

    .bg-black-5 {
        background-color: rgba(0, 0, 0, .5)
    }

    .bg-black-6 {
        background-color: rgba(0, 0, 0, .6)
    }

    .bg-black-7 {
        background-color: rgba(0, 0, 0, .7)
    }

    .bg-black-8 {
        background-color: rgba(0, 0, 0, .8)
    }

    .bg-black-9 {
        background-color: rgba(0, 0, 0, .9)
    }

    .bg-indigo {
        background-color: indigo
    }

    .bg-purple {
        background-color: #6f42c1
    }

    .bg-pink {
        background-color: #f10075
    }

    .bg-orange {
        background-color: #fd7e14
    }

    .bg-teal {
        background-color: #0cc
    }

    .bg-purple-dark {
        background-color: #59339d
    }

    .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: flex!important
    }

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

    @media (min-width:576px) {
        .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: flex!important
        }
        .d-sm-inline-flex {
            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: flex!important
        }
        .d-md-inline-flex {
            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: flex!important
        }
        .d-lg-inline-flex {
            display: inline-flex!important
        }
    }

    @media (min-width:1200px) {
        .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: flex!important
        }
        .d-xl-inline-flex {
            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: flex!important
        }
        .d-print-inline-flex {
            display: inline-flex!important
        }
    }

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

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

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

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

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

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

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

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

    .flex-grow-0 {
        flex-grow: 0!important
    }

    .flex-grow-1 {
        flex-grow: 1!important
    }

    .flex-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-start {
        justify-content: flex-start!important
    }

    .justify-content-end {
        justify-content: flex-end!important
    }

    .justify-content-center {
        justify-content: center!important
    }

    .justify-content-between {
        justify-content: space-between!important
    }

    .justify-content-around {
        justify-content: space-around!important
    }

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

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

    .align-items-center {
        align-items: center!important
    }

    .align-items-baseline {
        align-items: baseline!important
    }

    .align-items-stretch {
        align-items: stretch!important
    }

    .align-content-start {
        align-content: flex-start!important
    }

    .align-content-end {
        align-content: flex-end!important
    }

    .align-content-center {
        align-content: center!important
    }

    .align-content-between {
        align-content: space-between!important
    }

    .align-content-around {
        align-content: space-around!important
    }

    .align-content-stretch {
        align-content: stretch!important
    }

    .align-self-auto {
        align-self: auto!important
    }

    .align-self-start {
        align-self: flex-start!important
    }

    .align-self-end {
        align-self: flex-end!important
    }

    .align-self-center {
        align-self: center!important
    }

    .align-self-baseline {
        align-self: baseline!important
    }

    .align-self-stretch {
        align-self: stretch!important
    }

    @media (min-width:576px) {
        .flex-sm-row {
            flex-direction: row!important
        }
        .flex-sm-column {
            flex-direction: column!important
        }
        .flex-sm-row-reverse {
            flex-direction: row-reverse!important
        }
        .flex-sm-column-reverse {
            flex-direction: column-reverse!important
        }
        .flex-sm-wrap {
            flex-wrap: wrap!important
        }
        .flex-sm-nowrap {
            flex-wrap: nowrap!important
        }
        .flex-sm-wrap-reverse {
            flex-wrap: wrap-reverse!important
        }
        .flex-sm-fill {
            flex: 1 1 auto!important
        }
        .flex-sm-grow-0 {
            flex-grow: 0!important
        }
        .flex-sm-grow-1 {
            flex-grow: 1!important
        }
        .flex-sm-shrink-0 {
            flex-shrink: 0!important
        }
        .flex-sm-shrink-1 {
            flex-shrink: 1!important
        }
        .justify-content-sm-start {
            justify-content: flex-start!important
        }
        .justify-content-sm-end {
            justify-content: flex-end!important
        }
        .justify-content-sm-center {
            justify-content: center!important
        }
        .justify-content-sm-between {
            justify-content: space-between!important
        }
        .justify-content-sm-around {
            justify-content: space-around!important
        }
        .align-items-sm-start {
            align-items: flex-start!important
        }
        .align-items-sm-end {
            align-items: flex-end!important
        }
        .align-items-sm-center {
            align-items: center!important
        }
        .align-items-sm-baseline {
            align-items: baseline!important
        }
        .align-items-sm-stretch {
            align-items: stretch!important
        }
        .align-content-sm-start {
            align-content: flex-start!important
        }
        .align-content-sm-end {
            align-content: flex-end!important
        }
        .align-content-sm-center {
            align-content: center!important
        }
        .align-content-sm-between {
            align-content: space-between!important
        }
        .align-content-sm-around {
            align-content: space-around!important
        }
        .align-content-sm-stretch {
            align-content: stretch!important
        }
        .align-self-sm-auto {
            align-self: auto!important
        }
        .align-self-sm-start {
            align-self: flex-start!important
        }
        .align-self-sm-end {
            align-self: flex-end!important
        }
        .align-self-sm-center {
            align-self: center!important
        }
        .align-self-sm-baseline {
            align-self: baseline!important
        }
        .align-self-sm-stretch {
            align-self: stretch!important
        }
    }

    @media (min-width:768px) {
        .flex-md-row {
            flex-direction: row!important
        }
        .flex-md-column {
            flex-direction: column!important
        }
        .flex-md-row-reverse {
            flex-direction: row-reverse!important
        }
        .flex-md-column-reverse {
            flex-direction: column-reverse!important
        }
        .flex-md-wrap {
            flex-wrap: wrap!important
        }
        .flex-md-nowrap {
            flex-wrap: nowrap!important
        }
        .flex-md-wrap-reverse {
            flex-wrap: wrap-reverse!important
        }
        .flex-md-fill {
            flex: 1 1 auto!important
        }
        .flex-md-grow-0 {
            flex-grow: 0!important
        }
        .flex-md-grow-1 {
            flex-grow: 1!important
        }
        .flex-md-shrink-0 {
            flex-shrink: 0!important
        }
        .flex-md-shrink-1 {
            flex-shrink: 1!important
        }
        .justify-content-md-start {
            justify-content: flex-start!important
        }
        .justify-content-md-end {
            justify-content: flex-end!important
        }
        .justify-content-md-center {
            justify-content: center!important
        }
        .justify-content-md-between {
            justify-content: space-between!important
        }
        .justify-content-md-around {
            justify-content: space-around!important
        }
        .align-items-md-start {
            align-items: flex-start!important
        }
        .align-items-md-end {
            align-items: flex-end!important
        }
        .align-items-md-center {
            align-items: center!important
        }
        .align-items-md-baseline {
            align-items: baseline!important
        }
        .align-items-md-stretch {
            align-items: stretch!important
        }
        .align-content-md-start {
            align-content: flex-start!important
        }
        .align-content-md-end {
            align-content: flex-end!important
        }
        .align-content-md-center {
            align-content: center!important
        }
        .align-content-md-between {
            align-content: space-between!important
        }
        .align-content-md-around {
            align-content: space-around!important
        }
        .align-content-md-stretch {
            align-content: stretch!important
        }
        .align-self-md-auto {
            align-self: auto!important
        }
        .align-self-md-start {
            align-self: flex-start!important
        }
        .align-self-md-end {
            align-self: flex-end!important
        }
        .align-self-md-center {
            align-self: center!important
        }
        .align-self-md-baseline {
            align-self: baseline!important
        }
        .align-self-md-stretch {
            align-self: stretch!important
        }
    }

    @media (min-width:992px) {
        .flex-lg-row {
            flex-direction: row!important
        }
        .flex-lg-column {
            flex-direction: column!important
        }
        .flex-lg-row-reverse {
            flex-direction: row-reverse!important
        }
        .flex-lg-column-reverse {
            flex-direction: column-reverse!important
        }
        .flex-lg-wrap {
            flex-wrap: wrap!important
        }
        .flex-lg-nowrap {
            flex-wrap: nowrap!important
        }
        .flex-lg-wrap-reverse {
            flex-wrap: wrap-reverse!important
        }
        .flex-lg-fill {
            flex: 1 1 auto!important
        }
        .flex-lg-grow-0 {
            flex-grow: 0!important
        }
        .flex-lg-grow-1 {
            flex-grow: 1!important
        }
        .flex-lg-shrink-0 {
            flex-shrink: 0!important
        }
        .flex-lg-shrink-1 {
            flex-shrink: 1!important
        }
        .justify-content-lg-start {
            justify-content: flex-start!important
        }
        .justify-content-lg-end {
            justify-content: flex-end!important
        }
        .justify-content-lg-center {
            justify-content: center!important
        }
        .justify-content-lg-between {
            justify-content: space-between!important
        }
        .justify-content-lg-around {
            justify-content: space-around!important
        }
        .align-items-lg-start {
            align-items: flex-start!important
        }
        .align-items-lg-end {
            align-items: flex-end!important
        }
        .align-items-lg-center {
            align-items: center!important
        }
        .align-items-lg-baseline {
            align-items: baseline!important
        }
        .align-items-lg-stretch {
            align-items: stretch!important
        }
        .align-content-lg-start {
            align-content: flex-start!important
        }
        .align-content-lg-end {
            align-content: flex-end!important
        }
        .align-content-lg-center {
            align-content: center!important
        }
        .align-content-lg-between {
            align-content: space-between!important
        }
        .align-content-lg-around {
            align-content: space-around!important
        }
        .align-content-lg-stretch {
            align-content: stretch!important
        }
        .align-self-lg-auto {
            align-self: auto!important
        }
        .align-self-lg-start {
            align-self: flex-start!important
        }
        .align-self-lg-end {
            align-self: flex-end!important
        }
        .align-self-lg-center {
            align-self: center!important
        }
        .align-self-lg-baseline {
            align-self: baseline!important
        }
        .align-self-lg-stretch {
            align-self: stretch!important
        }
    }

    @media (min-width:1200px) {
        .flex-xl-row {
            flex-direction: row!important
        }
        .flex-xl-column {
            flex-direction: column!important
        }
        .flex-xl-row-reverse {
            flex-direction: row-reverse!important
        }
        .flex-xl-column-reverse {
            flex-direction: column-reverse!important
        }
        .flex-xl-wrap {
            flex-wrap: wrap!important
        }
        .flex-xl-nowrap {
            flex-wrap: nowrap!important
        }
        .flex-xl-wrap-reverse {
            flex-wrap: wrap-reverse!important
        }
        .flex-xl-fill {
            flex: 1 1 auto!important
        }
        .flex-xl-grow-0 {
            flex-grow: 0!important
        }
        .flex-xl-grow-1 {
            flex-grow: 1!important
        }
        .flex-xl-shrink-0 {
            flex-shrink: 0!important
        }
        .flex-xl-shrink-1 {
            flex-shrink: 1!important
        }
        .justify-content-xl-start {
            justify-content: flex-start!important
        }
        .justify-content-xl-end {
            justify-content: flex-end!important
        }
        .justify-content-xl-center {
            justify-content: center!important
        }
        .justify-content-xl-between {
            justify-content: space-between!important
        }
        .justify-content-xl-around {
            justify-content: space-around!important
        }
        .align-items-xl-start {
            align-items: flex-start!important
        }
        .align-items-xl-end {
            align-items: flex-end!important
        }
        .align-items-xl-center {
            align-items: center!important
        }
        .align-items-xl-baseline {
            align-items: baseline!important
        }
        .align-items-xl-stretch {
            align-items: stretch!important
        }
        .align-content-xl-start {
            align-content: flex-start!important
        }
        .align-content-xl-end {
            align-content: flex-end!important
        }
        .align-content-xl-center {
            align-content: center!important
        }
        .align-content-xl-between {
            align-content: space-between!important
        }
        .align-content-xl-around {
            align-content: space-around!important
        }
        .align-content-xl-stretch {
            align-content: stretch!important
        }
        .align-self-xl-auto {
            align-self: auto!important
        }
        .align-self-xl-start {
            align-self: flex-start!important
        }
        .align-self-xl-end {
            align-self: flex-end!important
        }
        .align-self-xl-center {
            align-self: center!important
        }
        .align-self-xl-baseline {
            align-self: baseline!important
        }
        .align-self-xl-stretch {
            align-self: stretch!important
        }
    }

    .border {
        border: 1px solid #ededf9!important
    }

    .border-top {
        border-top: 1px solid #e8e8f7!important
    }

    .border-right {
        border-right: 1px solid #e8e8f7!important
    }

    .border-bottom {
        border-bottom: 1px solid #e8e8f7!important
    }

    .border-left {
        border-left: 1px solid #e8e8f7!important
    }

    .border-0 {
        border: 0!important
    }

    .border-top-0 {
        border-top: 0!important
    }

    .border-right-0 {
        border-right: 0!important
    }

    .border-bottom-0 {
        border-bottom: 0!important
    }

    .border-left-0 {
        border-left: 0!important
    }

    .border-secondary {
        border-color: #a8afc7!important
    }

    .border-success {
        border-color: #19b159!important
    }

    .border-info {
        border-color: #01b8ff!important
    }

    .border-warning {
        border-color: #ff9b21!important
    }

    .border-danger {
        border-color: #f16d75!important
    }

    .border-light {
        border-color: #f1f2f9!important
    }

    .border-dark {
        border-color: #3b4863!important
    }

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

    .bg-pink {
        background-color: #f1388b!important
    }

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

    .rounded-sm {
        border-radius: .2rem!important
    }

    .rounded {
        border-radius: 3px!important
    }

    .rounded-top {
        border-top-left-radius: 3px!important
    }

    .rounded-right,
    .rounded-top {
        border-top-right-radius: 3px!important
    }

    .rounded-bottom,
    .rounded-right {
        border-bottom-right-radius: 3px!important
    }

    .rounded-bottom,
    .rounded-left {
        border-bottom-left-radius: 3px!important
    }

    .rounded-left {
        border-top-left-radius: 3px!important
    }

    .rounded-lg {
        border-radius: .3rem!important
    }

    .rounded-circle {
        border-radius: 50%!important
    }

    .rounded-pill {
        border-radius: 50rem!important
    }

    .rounded-0 {
        border-radius: 0!important
    }

    .clearfix:after {
        display: block;
        clear: both;
        content: ""
    }

    .bd-transparent {
        border-color: transparent
    }

    .bd {
        border: 1px solid #ccd2e2
    }

    .bd-t {
        border-top: 1px solid #ccd2e2
    }

    .bd-r {
        border-right: 1px solid #ccd2e2
    }

    .bd-b {
        border-bottom: 1px solid #ccd2e2
    }

    .bd-l {
        border-left: 1px solid #ccd2e2
    }

    .bd-y {
        border-top: 1px solid #ccd2e2;
        border-bottom: 1px solid #ccd2e2
    }

    .bd-x {
        border-left: 1px solid #ccd2e2;
        border-right: 1px solid #ccd2e2
    }

    .bd-0 {
        border-width: 0
    }

    .bd-1 {
        border-width: 1px
    }

    .bd-2 {
        border-width: 2px
    }

    .bd-3 {
        border-width: 3px
    }

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

    .bd-5 {
        border-width: 5px
    }

    .bd-t-0 {
        border-top: 0!important
    }

    .bd-r-0 {
        border-right: 0!important
    }

    .bd-b-0 {
        border-bottom: 0!important
    }

    .bd-l-0 {
        border-left: 0!important
    }

    .bd-t-0-f {
        border-top: 0!important
    }

    .bd-r-0-f {
        border-right: 0!important
    }

    .bd-b-0-f {
        border-bottom: 0!important
    }

    .bd-l-0-f {
        border-left: 0!important
    }

    .bd-y-0 {
        border-top-width: 0;
        border-bottom-width: 0
    }

    .bd-y-1 {
        border-top-width: 1px;
        border-bottom-width: 1px
    }

    .bd-x-0 {
        border-left-width: 0;
        border-right-width: 0
    }

    .bd-x-1 {
        border-left-width: 1px;
        border-right-width: 1px
    }

    .bd-secondary {
        border-color: #f1388b
    }

    .bd-success {
        border-color: #19b159
    }

    .bd-warning {
        border-color: #ff9b21
    }

    .bd-danger {
        border-color: #f16d75
    }

    .bd-info {
        border-color: #01b8ff
    }

    .bd-white {
        border-color: #fff
    }

    .bd-gray-100 {
        border-color: #f1f2f9
    }

    .bd-gray-200,
    .bd-gray-300 {
        border-color: #f0f0ff
    }

    .bd-gray-400 {
        border-color: #b4bdce
    }

    .bd-gray-500,
    .bd-gray-600 {
        border-color: #a8afc7
    }

    .bd-gray-700 {
        border-color: #3c4858
    }

    .bd-gray-800 {
        border-color: #3b4863
    }

    .bd-gray-900 {
        border-color: #8f9cc0
    }

    .bd-white-1 {
        border-color: hsla(0, 0%, 100%, .1)
    }

    .bd-white-2 {
        border-color: hsla(0, 0%, 100%, .2)
    }

    .bd-white-3 {
        border-color: hsla(0, 0%, 100%, .3)
    }

    .bd-white-4 {
        border-color: hsla(0, 0%, 100%, .4)
    }

    .bd-white-5 {
        border-color: hsla(0, 0%, 100%, .5)
    }

    .bd-white-6 {
        border-color: hsla(0, 0%, 100%, .6)
    }

    .bd-white-7 {
        border-color: hsla(0, 0%, 100%, .7)
    }

    .bd-white-8 {
        border-color: hsla(0, 0%, 100%, .8)
    }

    .rounded-5 {
        border-radius: 5px
    }

    .rounded-10 {
        border-radius: 10px
    }

    .rounded-20 {
        border-radius: 20px
    }

    .rounded-30 {
        border-radius: 30px
    }

    .rounded-40 {
        border-radius: 40px
    }

    .rounded-50 {
        border-radius: 50px
    }

    .bd-dashed {
        border-style: dashed
    }

    .bd-dotted {
        border-style: dotted
    }

    @media (min-width:480px) {
        .bd-xs {
            border: 1px solid #e8e8f7
        }
        .bd-xs-t {
            border-top: 1px solid #e8e8f7
        }
        .bd-xs-r {
            border-right: 1px solid #e8e8f7
        }
        .bd-xs-b {
            border-bottom: 1px solid #e8e8f7
        }
        .bd-xs-l {
            border-left: 1px solid #e8e8f7
        }
        .bd-xs-y {
            border-top: 1px solid #e8e8f7;
            border-bottom: 1px solid #e8e8f7
        }
        .bd-xs-x {
            border-left: 1px solid #e8e8f7;
            border-right: 1px solid #e8e8f7
        }
    }

    @media (min-width:576px) {
        .bd-sm {
            border: 1px solid #e8e8f7
        }
        .bd-sm-t {
            border-top: 1px solid #e8e8f7
        }
        .bd-sm-r {
            border-right: 1px solid #e8e8f7
        }
        .bd-sm-b {
            border-bottom: 1px solid #e8e8f7
        }
        .bd-sm-l {
            border-left: 1px solid #e8e8f7
        }
        .bd-sm-y {
            border-top: 1px solid #e8e8f7;
            border-bottom: 1px solid #e8e8f7
        }
        .bd-sm-x {
            border-left: 1px solid #e8e8f7;
            border-right: 1px solid #e8e8f7
        }
    }

    @media (min-width:768px) {
        .bd-md {
            border: 1px solid #e8e8f7
        }
        .bd-md-t {
            border-top: 1px solid #e8e8f7
        }
        .bd-md-r {
            border-right: 1px solid #e8e8f7
        }
        .bd-md-b {
            border-bottom: 1px solid #e8e8f7
        }
        .bd-md-l {
            border-left: 1px solid #e8e8f7
        }
        .bd-md-y {
            border-top: 1px solid #e8e8f7;
            border-bottom: 1px solid #e8e8f7
        }
        .bd-md-x {
            border-left: 1px solid #e8e8f7;
            border-right: 1px solid #e8e8f7
        }
    }

    @media (min-width:992px) {
        .bd-lg {
            border: 1px solid #e8e8f7
        }
        .bd-lg-t {
            border-top: 1px solid #e8e8f7
        }
        .bd-lg-r {
            border-right: 1px solid #e8e8f7
        }
        .bd-lg-b {
            border-bottom: 1px solid #e8e8f7
        }
        .bd-lg-l {
            border-left: 1px solid #e8e8f7
        }
        .bd-lg-y {
            border-top: 1px solid #e8e8f7;
            border-bottom: 1px solid #e8e8f7
        }
        .bd-lg-x {
            border-left: 1px solid #e8e8f7;
            border-right: 1px solid #e8e8f7
        }
    }

    @media (min-width:1200px) {
        .bd-xl {
            border: 1px solid #e8e8f7
        }
        .bd-xl-t {
            border-top: 1px solid #e8e8f7
        }
        .bd-xl-r {
            border-right: 1px solid #e8e8f7
        }
        .bd-xl-b {
            border-bottom: 1px solid #e8e8f7
        }
        .bd-xl-l {
            border-left: 1px solid #e8e8f7
        }
        .bd-xl-y {
            border-top: 1px solid #e8e8f7;
            border-bottom: 1px solid #e8e8f7
        }
        .bd-xl-x {
            border-left: 1px solid #e8e8f7;
            border-right: 1px solid #e8e8f7
        }
    }

    .br-0 {
        border-radius: 0
    }

    .br-0-f {
        border-radius: 0!important
    }

    .ht-5 {
        height: 5px
    }

    .ht-5p {
        height: 5%
    }

    .mx-ht-5p {
        max-height: 5%
    }

    .mn-ht-5p {
        min-height: 5%
    }

    .ht-5-f {
        height: 5px!important
    }

    .ht-5p-f {
        height: 5%!important
    }

    .ht-10 {
        height: 10px
    }

    .ht-10p {
        height: 10%
    }

    .mx-ht-10p {
        max-height: 10%
    }

    .mn-ht-10p {
        min-height: 10%
    }

    .ht-10-f {
        height: 10px!important
    }

    .ht-10p-f {
        height: 10%!important
    }

    .ht-15 {
        height: 15px
    }

    .ht-15p {
        height: 15%
    }

    .mx-ht-15p {
        max-height: 15%
    }

    .mn-ht-15p {
        min-height: 15%
    }

    .ht-15-f {
        height: 15px!important
    }

    .ht-15p-f {
        height: 15%!important
    }

    .ht-20 {
        height: 20px
    }

    .ht-20p {
        height: 20%
    }

    .mx-ht-20p {
        max-height: 20%
    }

    .mn-ht-20p {
        min-height: 20%
    }

    .ht-20-f {
        height: 20px!important
    }

    .ht-20p-f {
        height: 20%!important
    }

    .ht-25 {
        height: 25px
    }

    .ht-25p {
        height: 25%
    }

    .mx-ht-25p {
        max-height: 25%
    }

    .mn-ht-25p {
        min-height: 25%
    }

    .ht-25-f {
        height: 25px!important
    }

    .ht-25p-f {
        height: 25%!important
    }

    .ht-30 {
        height: 30px
    }

    .ht-30p {
        height: 30%
    }

    .mx-ht-30p {
        max-height: 30%
    }

    .mn-ht-30p {
        min-height: 30%
    }

    .ht-30-f {
        height: 30px!important
    }

    .ht-30p-f {
        height: 30%!important
    }

    .ht-35 {
        height: 35px
    }

    .ht-35p {
        height: 35%
    }

    .mx-ht-35p {
        max-height: 35%
    }

    .mn-ht-35p {
        min-height: 35%
    }

    .ht-35-f {
        height: 35px!important
    }

    .ht-35p-f {
        height: 35%!important
    }

    .ht-40 {
        height: 40px
    }

    .ht-40p {
        height: 40%
    }

    .mx-ht-40p {
        max-height: 40%
    }

    .mn-ht-40p {
        min-height: 40%
    }

    .ht-40-f {
        height: 40px!important
    }

    .ht-40p-f {
        height: 40%!important
    }

    .ht-45 {
        height: 45px
    }

    .ht-45p {
        height: 45%
    }

    .mx-ht-45p {
        max-height: 45%
    }

    .mn-ht-45p {
        min-height: 45%
    }

    .ht-45-f {
        height: 45px!important
    }

    .ht-45p-f {
        height: 45%!important
    }

    .ht-50 {
        height: 50px
    }

    .ht-50p {
        height: 50%
    }

    .mx-ht-50p {
        max-height: 50%
    }

    .mn-ht-50p {
        min-height: 50%
    }

    .ht-50-f {
        height: 50px!important
    }

    .ht-50p-f {
        height: 50%!important
    }

    .ht-55 {
        height: 55px
    }

    .ht-55p {
        height: 55%
    }

    .mx-ht-55p {
        max-height: 55%
    }

    .mn-ht-55p {
        min-height: 55%
    }

    .ht-55-f {
        height: 55px!important
    }

    .ht-55p-f {
        height: 55%!important
    }

    .ht-60 {
        height: 60px
    }

    .ht-60p {
        height: 60%
    }

    .mx-ht-60p {
        max-height: 60%
    }

    .mn-ht-60p {
        min-height: 60%
    }

    .ht-60-f {
        height: 60px!important
    }

    .ht-60p-f {
        height: 60%!important
    }

    .ht-65 {
        height: 65px
    }

    .ht-65p {
        height: 65%
    }

    .mx-ht-65p {
        max-height: 65%
    }

    .mn-ht-65p {
        min-height: 65%
    }

    .ht-65-f {
        height: 65px!important
    }

    .ht-65p-f {
        height: 65%!important
    }

    .ht-70 {
        height: 70px
    }

    .ht-70p {
        height: 70%
    }

    .mx-ht-70p {
        max-height: 70%
    }

    .mn-ht-70p {
        min-height: 70%
    }

    .ht-70-f {
        height: 70px!important
    }

    .ht-70p-f {
        height: 70%!important
    }

    .ht-75 {
        height: 75px
    }

    .ht-75p {
        height: 75%
    }

    .mx-ht-75p {
        max-height: 75%
    }

    .mn-ht-75p {
        min-height: 75%
    }

    .ht-75-f {
        height: 75px!important
    }

    .ht-75p-f {
        height: 75%!important
    }

    .ht-80 {
        height: 80px
    }

    .ht-80p {
        height: 80%
    }

    .mx-ht-80p {
        max-height: 80%
    }

    .mn-ht-80p {
        min-height: 80%
    }

    .ht-80-f {
        height: 80px!important
    }

    .ht-80p-f {
        height: 80%!important
    }

    .ht-85 {
        height: 85px
    }

    .ht-85p {
        height: 85%
    }

    .mx-ht-85p {
        max-height: 85%
    }

    .mn-ht-85p {
        min-height: 85%
    }

    .ht-85-f {
        height: 85px!important
    }

    .ht-85p-f {
        height: 85%!important
    }

    .ht-90 {
        height: 90px
    }

    .ht-90p {
        height: 90%
    }

    .mx-ht-90p {
        max-height: 90%
    }

    .mn-ht-90p {
        min-height: 90%
    }

    .ht-90-f {
        height: 90px!important
    }

    .ht-90p-f {
        height: 90%!important
    }

    .ht-95 {
        height: 95px
    }

    .ht-95p {
        height: 95%
    }

    .mx-ht-95p {
        max-height: 95%
    }

    .mn-ht-95p {
        min-height: 95%
    }

    .ht-95-f {
        height: 95px!important
    }

    .ht-95p-f {
        height: 95%!important
    }

    .ht-100 {
        height: 100px
    }

    .ht-100p {
        height: 100%
    }

    .mx-ht-100p {
        max-height: 100%
    }

    .mn-ht-100p {
        min-height: 100%
    }

    .ht-100-f {
        height: 100px!important
    }

    .ht-100p-f {
        height: 100%!important
    }

    .ht-150 {
        height: 150px
    }

    .ht-200 {
        height: 200px
    }

    .ht-200-f {
        height: 200px!important
    }

    .ht-250 {
        height: 250px
    }

    .ht-300 {
        height: 300px
    }

    .ht-350 {
        height: 350px
    }

    .ht-400 {
        height: 400px
    }

    .ht-450 {
        height: 450px
    }

    .ht-500 {
        height: 500px
    }

    .ht-550 {
        height: 550px
    }

    .ht-600 {
        height: 600px
    }

    .ht-650 {
        height: 650px
    }

    .ht-700 {
        height: 700px
    }

    .ht-750 {
        height: 750px
    }

    .ht-800 {
        height: 800px
    }

    .ht-100v {
        height: 100vh
    }

    .ht-1 {
        height: 1px
    }

    .ht-2 {
        height: 2px
    }

    .ht-3 {
        height: 3px
    }

    .ht-4 {
        height: 4px
    }

    .ht-6 {
        height: 6px
    }

    .ht-7 {
        height: 7px
    }

    .ht-8 {
        height: 8px
    }

    .ht-9 {
        height: 9px
    }

    .ht-auto {
        height: auto
    }

    .ht-16 {
        height: 16px
    }

    .ht-32 {
        height: 32px
    }

    .ht-36 {
        height: 36px
    }

    .ht-48 {
        height: 48px
    }

    .ht-64 {
        height: 64px
    }

    .ht-72 {
        height: 72px
    }

    .ht-115 {
        height: 115px
    }

    .ht-120 {
        height: 120px
    }

    .ht-160 {
        height: 160px
    }

    @media (min-width:480px) {
        .ht-xs-5 {
            height: 5px
        }
        .ht-xs-5p {
            height: 5%
        }
        .mx-ht-xs-5p {
            max-height: 5%
        }
        .mn-ht-xs-5p {
            min-height: 5%
        }
        .ht-xs-5-f {
            height: 5px!important
        }
        .ht-xs-5p-f {
            height: 5%!important
        }
        .ht-xs-10 {
            height: 10px
        }
        .ht-xs-10p {
            height: 10%
        }
        .mx-ht-xs-10p {
            max-height: 10%
        }
        .mn-ht-xs-10p {
            min-height: 10%
        }
        .ht-xs-10-f {
            height: 10px!important
        }
        .ht-xs-10p-f {
            height: 10%!important
        }
        .ht-xs-15 {
            height: 15px
        }
        .ht-xs-15p {
            height: 15%
        }
        .mx-ht-xs-15p {
            max-height: 15%
        }
        .mn-ht-xs-15p {
            min-height: 15%
        }
        .ht-xs-15-f {
            height: 15px!important
        }
        .ht-xs-15p-f {
            height: 15%!important
        }
        .ht-xs-20 {
            height: 20px
        }
        .ht-xs-20p {
            height: 20%
        }
        .mx-ht-xs-20p {
            max-height: 20%
        }
        .mn-ht-xs-20p {
            min-height: 20%
        }
        .ht-xs-20-f {
            height: 20px!important
        }
        .ht-xs-20p-f {
            height: 20%!important
        }
        .ht-xs-25 {
            height: 25px
        }
        .ht-xs-25p {
            height: 25%
        }
        .mx-ht-xs-25p {
            max-height: 25%
        }
        .mn-ht-xs-25p {
            min-height: 25%
        }
        .ht-xs-25-f {
            height: 25px!important
        }
        .ht-xs-25p-f {
            height: 25%!important
        }
        .ht-xs-30 {
            height: 30px
        }
        .ht-xs-30p {
            height: 30%
        }
        .mx-ht-xs-30p {
            max-height: 30%
        }
        .mn-ht-xs-30p {
            min-height: 30%
        }
        .ht-xs-30-f {
            height: 30px!important
        }
        .ht-xs-30p-f {
            height: 30%!important
        }
        .ht-xs-35 {
            height: 35px
        }
        .ht-xs-35p {
            height: 35%
        }
        .mx-ht-xs-35p {
            max-height: 35%
        }
        .mn-ht-xs-35p {
            min-height: 35%
        }
        .ht-xs-35-f {
            height: 35px!important
        }
        .ht-xs-35p-f {
            height: 35%!important
        }
        .ht-xs-40 {
            height: 40px
        }
        .ht-xs-40p {
            height: 40%
        }
        .mx-ht-xs-40p {
            max-height: 40%
        }
        .mn-ht-xs-40p {
            min-height: 40%
        }
        .ht-xs-40-f {
            height: 40px!important
        }
        .ht-xs-40p-f {
            height: 40%!important
        }
        .ht-xs-45 {
            height: 45px
        }
        .ht-xs-45p {
            height: 45%
        }
        .mx-ht-xs-45p {
            max-height: 45%
        }
        .mn-ht-xs-45p {
            min-height: 45%
        }
        .ht-xs-45-f {
            height: 45px!important
        }
        .ht-xs-45p-f {
            height: 45%!important
        }
        .ht-xs-50 {
            height: 50px
        }
        .ht-xs-50p {
            height: 50%
        }
        .mx-ht-xs-50p {
            max-height: 50%
        }
        .mn-ht-xs-50p {
            min-height: 50%
        }
        .ht-xs-50-f {
            height: 50px!important
        }
        .ht-xs-50p-f {
            height: 50%!important
        }
        .ht-xs-55 {
            height: 55px
        }
        .ht-xs-55p {
            height: 55%
        }
        .mx-ht-xs-55p {
            max-height: 55%
        }
        .mn-ht-xs-55p {
            min-height: 55%
        }
        .ht-xs-55-f {
            height: 55px!important
        }
        .ht-xs-55p-f {
            height: 55%!important
        }
        .ht-xs-60 {
            height: 60px
        }
        .ht-xs-60p {
            height: 60%
        }
        .mx-ht-xs-60p {
            max-height: 60%
        }
        .mn-ht-xs-60p {
            min-height: 60%
        }
        .ht-xs-60-f {
            height: 60px!important
        }
        .ht-xs-60p-f {
            height: 60%!important
        }
        .ht-xs-65 {
            height: 65px
        }
        .ht-xs-65p {
            height: 65%
        }
        .mx-ht-xs-65p {
            max-height: 65%
        }
        .mn-ht-xs-65p {
            min-height: 65%
        }
        .ht-xs-65-f {
            height: 65px!important
        }
        .ht-xs-65p-f {
            height: 65%!important
        }
        .ht-xs-70 {
            height: 70px
        }
        .ht-xs-70p {
            height: 70%
        }
        .mx-ht-xs-70p {
            max-height: 70%
        }
        .mn-ht-xs-70p {
            min-height: 70%
        }
        .ht-xs-70-f {
            height: 70px!important
        }
        .ht-xs-70p-f {
            height: 70%!important
        }
        .ht-xs-75 {
            height: 75px
        }
        .ht-xs-75p {
            height: 75%
        }
        .mx-ht-xs-75p {
            max-height: 75%
        }
        .mn-ht-xs-75p {
            min-height: 75%
        }
        .ht-xs-75-f {
            height: 75px!important
        }
        .ht-xs-75p-f {
            height: 75%!important
        }
        .ht-xs-80 {
            height: 80px
        }
        .ht-xs-80p {
            height: 80%
        }
        .mx-ht-xs-80p {
            max-height: 80%
        }
        .mn-ht-xs-80p {
            min-height: 80%
        }
        .ht-xs-80-f {
            height: 80px!important
        }
        .ht-xs-80p-f {
            height: 80%!important
        }
        .ht-xs-85 {
            height: 85px
        }
        .ht-xs-85p {
            height: 85%
        }
        .mx-ht-xs-85p {
            max-height: 85%
        }
        .mn-ht-xs-85p {
            min-height: 85%
        }
        .ht-xs-85-f {
            height: 85px!important
        }
        .ht-xs-85p-f {
            height: 85%!important
        }
        .ht-xs-90 {
            height: 90px
        }
        .ht-xs-90p {
            height: 90%
        }
        .mx-ht-xs-90p {
            max-height: 90%
        }
        .mn-ht-xs-90p {
            min-height: 90%
        }
        .ht-xs-90-f {
            height: 90px!important
        }
        .ht-xs-90p-f {
            height: 90%!important
        }
        .ht-xs-95 {
            height: 95px
        }
        .ht-xs-95p {
            height: 95%
        }
        .mx-ht-xs-95p {
            max-height: 95%
        }
        .mn-ht-xs-95p {
            min-height: 95%
        }
        .ht-xs-95-f {
            height: 95px!important
        }
        .ht-xs-95p-f {
            height: 95%!important
        }
        .ht-xs-100 {
            height: 100px
        }
        .ht-xs-100p {
            height: 100%
        }
        .mx-ht-xs-100p {
            max-height: 100%
        }
        .mn-ht-xs-100p {
            min-height: 100%
        }
        .ht-xs-100-f {
            height: 100px!important
        }
        .ht-xs-100p-f {
            height: 100%!important
        }
        .ht-xs-150 {
            height: 150px
        }
        .ht-xs-150p {
            height: 150%
        }
        .mx-ht-xs-150p {
            max-height: 150%
        }
        .mn-ht-xs-150p {
            min-height: 150%
        }
        .ht-xs-150-f {
            height: 150px!important
        }
        .ht-xs-150p-f {
            height: 150%!important
        }
        .ht-xs-200 {
            height: 200px
        }
        .ht-xs-200p {
            height: 200%
        }
        .mx-ht-xs-200p {
            max-height: 200%
        }
        .mn-ht-xs-200p {
            min-height: 200%
        }
        .ht-xs-200-f {
            height: 200px!important
        }
        .ht-xs-200p-f {
            height: 200%!important
        }
        .ht-xs-250 {
            height: 250px
        }
        .ht-xs-250p {
            height: 250%
        }
        .mx-ht-xs-250p {
            max-height: 250%
        }
        .mn-ht-xs-250p {
            min-height: 250%
        }
        .ht-xs-250-f {
            height: 250px!important
        }
        .ht-xs-250p-f {
            height: 250%!important
        }
        .ht-xs-300 {
            height: 300px
        }
        .ht-xs-300p {
            height: 300%
        }
        .mx-ht-xs-300p {
            max-height: 300%
        }
        .mn-ht-xs-300p {
            min-height: 300%
        }
        .ht-xs-300-f {
            height: 300px!important
        }
        .ht-xs-300p-f {
            height: 300%!important
        }
        .ht-xs-350 {
            height: 350px
        }
        .ht-xs-350p {
            height: 350%
        }
        .mx-ht-xs-350p {
            max-height: 350%
        }
        .mn-ht-xs-350p {
            min-height: 350%
        }
        .ht-xs-350-f {
            height: 350px!important
        }
        .ht-xs-350p-f {
            height: 350%!important
        }
        .ht-xs-400 {
            height: 400px
        }
        .ht-xs-400p {
            height: 400%
        }
        .mx-ht-xs-400p {
            max-height: 400%
        }
        .mn-ht-xs-400p {
            min-height: 400%
        }
        .ht-xs-400-f {
            height: 400px!important
        }
        .ht-xs-400p-f {
            height: 400%!important
        }
        .ht-xs-450 {
            height: 450px
        }
        .ht-xs-450p {
            height: 450%
        }
        .mx-ht-xs-450p {
            max-height: 450%
        }
        .mn-ht-xs-450p {
            min-height: 450%
        }
        .ht-xs-450-f {
            height: 450px!important
        }
        .ht-xs-450p-f {
            height: 450%!important
        }
        .ht-xs-500 {
            height: 500px
        }
        .ht-xs-500p {
            height: 500%
        }
        .mx-ht-xs-500p {
            max-height: 500%
        }
        .mn-ht-xs-500p {
            min-height: 500%
        }
        .ht-xs-500-f {
            height: 500px!important
        }
        .ht-xs-500p-f {
            height: 500%!important
        }
        .ht-xs-550 {
            height: 550px
        }
        .ht-xs-550p {
            height: 550%
        }
        .mx-ht-xs-550p {
            max-height: 550%
        }
        .mn-ht-xs-550p {
            min-height: 550%
        }
        .ht-xs-550-f {
            height: 550px!important
        }
        .ht-xs-550p-f {
            height: 550%!important
        }
        .ht-xs-600 {
            height: 600px
        }
        .ht-xs-600p {
            height: 600%
        }
        .mx-ht-xs-600p {
            max-height: 600%
        }
        .mn-ht-xs-600p {
            min-height: 600%
        }
        .ht-xs-600-f {
            height: 600px!important
        }
        .ht-xs-600p-f {
            height: 600%!important
        }
        .ht-xs-650 {
            height: 650px
        }
        .ht-xs-650p {
            height: 650%
        }
        .mx-ht-xs-650p {
            max-height: 650%
        }
        .mn-ht-xs-650p {
            min-height: 650%
        }
        .ht-xs-650-f {
            height: 650px!important
        }
        .ht-xs-650p-f {
            height: 650%!important
        }
        .ht-xs-700 {
            height: 700px
        }
        .ht-xs-700p {
            height: 700%
        }
        .mx-ht-xs-700p {
            max-height: 700%
        }
        .mn-ht-xs-700p {
            min-height: 700%
        }
        .ht-xs-700-f {
            height: 700px!important
        }
        .ht-xs-700p-f {
            height: 700%!important
        }
        .ht-xs-750 {
            height: 750px
        }
        .ht-xs-750p {
            height: 750%
        }
        .mx-ht-xs-750p {
            max-height: 750%
        }
        .mn-ht-xs-750p {
            min-height: 750%
        }
        .ht-xs-750-f {
            height: 750px!important
        }
        .ht-xs-750p-f {
            height: 750%!important
        }
        .ht-xs-800 {
            height: 800px
        }
        .ht-xs-800p {
            height: 800%
        }
        .mx-ht-xs-800p {
            max-height: 800%
        }
        .mn-ht-xs-800p {
            min-height: 800%
        }
        .ht-xs-800-f {
            height: 800px!important
        }
        .ht-xs-800p-f {
            height: 800%!important
        }
        .ht-xs-850 {
            height: 850px
        }
        .ht-xs-850p {
            height: 850%
        }
        .mx-ht-xs-850p {
            max-height: 850%
        }
        .mn-ht-xs-850p {
            min-height: 850%
        }
        .ht-xs-850-f {
            height: 850px!important
        }
        .ht-xs-850p-f {
            height: 850%!important
        }
        .ht-xs-100v {
            height: 100vh
        }
    }

    @media (min-width:576px) {
        .ht-sm-5 {
            height: 5px
        }
        .ht-sm-5p {
            height: 5%
        }
        .mx-ht-sm-5p {
            max-height: 5%
        }
        .mn-ht-sm-5p {
            min-height: 5%
        }
        .ht-sm-5-f {
            height: 5px!important
        }
        .ht-sm-5p-f {
            height: 5%!important
        }
        .ht-sm-10 {
            height: 10px
        }
        .ht-sm-10p {
            height: 10%
        }
        .mx-ht-sm-10p {
            max-height: 10%
        }
        .mn-ht-sm-10p {
            min-height: 10%
        }
        .ht-sm-10-f {
            height: 10px!important
        }
        .ht-sm-10p-f {
            height: 10%!important
        }
        .ht-sm-15 {
            height: 15px
        }
        .ht-sm-15p {
            height: 15%
        }
        .mx-ht-sm-15p {
            max-height: 15%
        }
        .mn-ht-sm-15p {
            min-height: 15%
        }
        .ht-sm-15-f {
            height: 15px!important
        }
        .ht-sm-15p-f {
            height: 15%!important
        }
        .ht-sm-20 {
            height: 20px
        }
        .ht-sm-20p {
            height: 20%
        }
        .mx-ht-sm-20p {
            max-height: 20%
        }
        .mn-ht-sm-20p {
            min-height: 20%
        }
        .ht-sm-20-f {
            height: 20px!important
        }
        .ht-sm-20p-f {
            height: 20%!important
        }
        .ht-sm-25 {
            height: 25px
        }
        .ht-sm-25p {
            height: 25%
        }
        .mx-ht-sm-25p {
            max-height: 25%
        }
        .mn-ht-sm-25p {
            min-height: 25%
        }
        .ht-sm-25-f {
            height: 25px!important
        }
        .ht-sm-25p-f {
            height: 25%!important
        }
        .ht-sm-30 {
            height: 30px
        }
        .ht-sm-30p {
            height: 30%
        }
        .mx-ht-sm-30p {
            max-height: 30%
        }
        .mn-ht-sm-30p {
            min-height: 30%
        }
        .ht-sm-30-f {
            height: 30px!important
        }
        .ht-sm-30p-f {
            height: 30%!important
        }
        .ht-sm-35 {
            height: 35px
        }
        .ht-sm-35p {
            height: 35%
        }
        .mx-ht-sm-35p {
            max-height: 35%
        }
        .mn-ht-sm-35p {
            min-height: 35%
        }
        .ht-sm-35-f {
            height: 35px!important
        }
        .ht-sm-35p-f {
            height: 35%!important
        }
        .ht-sm-40 {
            height: 40px
        }
        .ht-sm-40p {
            height: 40%
        }
        .mx-ht-sm-40p {
            max-height: 40%
        }
        .mn-ht-sm-40p {
            min-height: 40%
        }
        .ht-sm-40-f {
            height: 40px!important
        }
        .ht-sm-40p-f {
            height: 40%!important
        }
        .ht-sm-45 {
            height: 45px
        }
        .ht-sm-45p {
            height: 45%
        }
        .mx-ht-sm-45p {
            max-height: 45%
        }
        .mn-ht-sm-45p {
            min-height: 45%
        }
        .ht-sm-45-f {
            height: 45px!important
        }
        .ht-sm-45p-f {
            height: 45%!important
        }
        .ht-sm-50 {
            height: 50px
        }
        .ht-sm-50p {
            height: 50%
        }
        .mx-ht-sm-50p {
            max-height: 50%
        }
        .mn-ht-sm-50p {
            min-height: 50%
        }
        .ht-sm-50-f {
            height: 50px!important
        }
        .ht-sm-50p-f {
            height: 50%!important
        }
        .ht-sm-55 {
            height: 55px
        }
        .ht-sm-55p {
            height: 55%
        }
        .mx-ht-sm-55p {
            max-height: 55%
        }
        .mn-ht-sm-55p {
            min-height: 55%
        }
        .ht-sm-55-f {
            height: 55px!important
        }
        .ht-sm-55p-f {
            height: 55%!important
        }
        .ht-sm-60 {
            height: 60px
        }
        .ht-sm-60p {
            height: 60%
        }
        .mx-ht-sm-60p {
            max-height: 60%
        }
        .mn-ht-sm-60p {
            min-height: 60%
        }
        .ht-sm-60-f {
            height: 60px!important
        }
        .ht-sm-60p-f {
            height: 60%!important
        }
        .ht-sm-65 {
            height: 65px
        }
        .ht-sm-65p {
            height: 65%
        }
        .mx-ht-sm-65p {
            max-height: 65%
        }
        .mn-ht-sm-65p {
            min-height: 65%
        }
        .ht-sm-65-f {
            height: 65px!important
        }
        .ht-sm-65p-f {
            height: 65%!important
        }
        .ht-sm-70 {
            height: 70px
        }
        .ht-sm-70p {
            height: 70%
        }
        .mx-ht-sm-70p {
            max-height: 70%
        }
        .mn-ht-sm-70p {
            min-height: 70%
        }
        .ht-sm-70-f {
            height: 70px!important
        }
        .ht-sm-70p-f {
            height: 70%!important
        }
        .ht-sm-75 {
            height: 75px
        }
        .ht-sm-75p {
            height: 75%
        }
        .mx-ht-sm-75p {
            max-height: 75%
        }
        .mn-ht-sm-75p {
            min-height: 75%
        }
        .ht-sm-75-f {
            height: 75px!important
        }
        .ht-sm-75p-f {
            height: 75%!important
        }
        .ht-sm-80 {
            height: 80px
        }
        .ht-sm-80p {
            height: 80%
        }
        .mx-ht-sm-80p {
            max-height: 80%
        }
        .mn-ht-sm-80p {
            min-height: 80%
        }
        .ht-sm-80-f {
            height: 80px!important
        }
        .ht-sm-80p-f {
            height: 80%!important
        }
        .ht-sm-85 {
            height: 85px
        }
        .ht-sm-85p {
            height: 85%
        }
        .mx-ht-sm-85p {
            max-height: 85%
        }
        .mn-ht-sm-85p {
            min-height: 85%
        }
        .ht-sm-85-f {
            height: 85px!important
        }
        .ht-sm-85p-f {
            height: 85%!important
        }
        .ht-sm-90 {
            height: 90px
        }
        .ht-sm-90p {
            height: 90%
        }
        .mx-ht-sm-90p {
            max-height: 90%
        }
        .mn-ht-sm-90p {
            min-height: 90%
        }
        .ht-sm-90-f {
            height: 90px!important
        }
        .ht-sm-90p-f {
            height: 90%!important
        }
        .ht-sm-95 {
            height: 95px
        }
        .ht-sm-95p {
            height: 95%
        }
        .mx-ht-sm-95p {
            max-height: 95%
        }
        .mn-ht-sm-95p {
            min-height: 95%
        }
        .ht-sm-95-f {
            height: 95px!important
        }
        .ht-sm-95p-f {
            height: 95%!important
        }
        .ht-sm-100 {
            height: 100px
        }
        .ht-sm-100p {
            height: 100%
        }
        .mx-ht-sm-100p {
            max-height: 100%
        }
        .mn-ht-sm-100p {
            min-height: 100%
        }
        .ht-sm-100-f {
            height: 100px!important
        }
        .ht-sm-100p-f {
            height: 100%!important
        }
        .ht-sm-150 {
            height: 150px
        }
        .ht-sm-150p {
            height: 150%
        }
        .mx-ht-sm-150p {
            max-height: 150%
        }
        .mn-ht-sm-150p {
            min-height: 150%
        }
        .ht-sm-150-f {
            height: 150px!important
        }
        .ht-sm-150p-f {
            height: 150%!important
        }
        .ht-sm-200 {
            height: 200px
        }
        .ht-sm-200p {
            height: 200%
        }
        .mx-ht-sm-200p {
            max-height: 200%
        }
        .mn-ht-sm-200p {
            min-height: 200%
        }
        .ht-sm-200-f {
            height: 200px!important
        }
        .ht-sm-200p-f {
            height: 200%!important
        }
        .ht-sm-250 {
            height: 250px
        }
        .ht-sm-250p {
            height: 250%
        }
        .mx-ht-sm-250p {
            max-height: 250%
        }
        .mn-ht-sm-250p {
            min-height: 250%
        }
        .ht-sm-250-f {
            height: 250px!important
        }
        .ht-sm-250p-f {
            height: 250%!important
        }
        .ht-sm-300 {
            height: 300px
        }
        .ht-sm-300p {
            height: 300%
        }
        .mx-ht-sm-300p {
            max-height: 300%
        }
        .mn-ht-sm-300p {
            min-height: 300%
        }
        .ht-sm-300-f {
            height: 300px!important
        }
        .ht-sm-300p-f {
            height: 300%!important
        }
        .ht-sm-350 {
            height: 350px
        }
        .ht-sm-350p {
            height: 350%
        }
        .mx-ht-sm-350p {
            max-height: 350%
        }
        .mn-ht-sm-350p {
            min-height: 350%
        }
        .ht-sm-350-f {
            height: 350px!important
        }
        .ht-sm-350p-f {
            height: 350%!important
        }
        .ht-sm-400 {
            height: 400px
        }
        .ht-sm-400p {
            height: 400%
        }
        .mx-ht-sm-400p {
            max-height: 400%
        }
        .mn-ht-sm-400p {
            min-height: 400%
        }
        .ht-sm-400-f {
            height: 400px!important
        }
        .ht-sm-400p-f {
            height: 400%!important
        }
        .ht-sm-450 {
            height: 450px
        }
        .ht-sm-450p {
            height: 450%
        }
        .mx-ht-sm-450p {
            max-height: 450%
        }
        .mn-ht-sm-450p {
            min-height: 450%
        }
        .ht-sm-450-f {
            height: 450px!important
        }
        .ht-sm-450p-f {
            height: 450%!important
        }
        .ht-sm-500 {
            height: 500px
        }
        .ht-sm-500p {
            height: 500%
        }
        .mx-ht-sm-500p {
            max-height: 500%
        }
        .mn-ht-sm-500p {
            min-height: 500%
        }
        .ht-sm-500-f {
            height: 500px!important
        }
        .ht-sm-500p-f {
            height: 500%!important
        }
        .ht-sm-550 {
            height: 550px
        }
        .ht-sm-550p {
            height: 550%
        }
        .mx-ht-sm-550p {
            max-height: 550%
        }
        .mn-ht-sm-550p {
            min-height: 550%
        }
        .ht-sm-550-f {
            height: 550px!important
        }
        .ht-sm-550p-f {
            height: 550%!important
        }
        .ht-sm-600 {
            height: 600px
        }
        .ht-sm-600p {
            height: 600%
        }
        .mx-ht-sm-600p {
            max-height: 600%
        }
        .mn-ht-sm-600p {
            min-height: 600%
        }
        .ht-sm-600-f {
            height: 600px!important
        }
        .ht-sm-600p-f {
            height: 600%!important
        }
        .ht-sm-650 {
            height: 650px
        }
        .ht-sm-650p {
            height: 650%
        }
        .mx-ht-sm-650p {
            max-height: 650%
        }
        .mn-ht-sm-650p {
            min-height: 650%
        }
        .ht-sm-650-f {
            height: 650px!important
        }
        .ht-sm-650p-f {
            height: 650%!important
        }
        .ht-sm-700 {
            height: 700px
        }
        .ht-sm-700p {
            height: 700%
        }
        .mx-ht-sm-700p {
            max-height: 700%
        }
        .mn-ht-sm-700p {
            min-height: 700%
        }
        .ht-sm-700-f {
            height: 700px!important
        }
        .ht-sm-700p-f {
            height: 700%!important
        }
        .ht-sm-750 {
            height: 750px
        }
        .ht-sm-750p {
            height: 750%
        }
        .mx-ht-sm-750p {
            max-height: 750%
        }
        .mn-ht-sm-750p {
            min-height: 750%
        }
        .ht-sm-750-f {
            height: 750px!important
        }
        .ht-sm-750p-f {
            height: 750%!important
        }
        .ht-sm-800 {
            height: 800px
        }
        .ht-sm-800p {
            height: 800%
        }
        .mx-ht-sm-800p {
            max-height: 800%
        }
        .mn-ht-sm-800p {
            min-height: 800%
        }
        .ht-sm-800-f {
            height: 800px!important
        }
        .ht-sm-800p-f {
            height: 800%!important
        }
        .ht-sm-850 {
            height: 850px
        }
        .ht-sm-850p {
            height: 850%
        }
        .mx-ht-sm-850p {
            max-height: 850%
        }
        .mn-ht-sm-850p {
            min-height: 850%
        }
        .ht-sm-850-f {
            height: 850px!important
        }
        .ht-sm-850p-f {
            height: 850%!important
        }
        .ht-sm-100v {
            height: 100vh
        }
    }

    @media (min-width:768px) {
        .ht-md-5 {
            height: 5px
        }
        .ht-md-5p {
            height: 5%
        }
        .mx-ht-md-5p {
            max-height: 5%
        }
        .mn-ht-md-5p {
            min-height: 5%
        }
        .ht-md-5-f {
            height: 5px!important
        }
        .ht-md-5p-f {
            height: 5%!important
        }
        .ht-md-10 {
            height: 10px
        }
        .ht-md-10p {
            height: 10%
        }
        .mx-ht-md-10p {
            max-height: 10%
        }
        .mn-ht-md-10p {
            min-height: 10%
        }
        .ht-md-10-f {
            height: 10px!important
        }
        .ht-md-10p-f {
            height: 10%!important
        }
        .ht-md-15 {
            height: 15px
        }
        .ht-md-15p {
            height: 15%
        }
        .mx-ht-md-15p {
            max-height: 15%
        }
        .mn-ht-md-15p {
            min-height: 15%
        }
        .ht-md-15-f {
            height: 15px!important
        }
        .ht-md-15p-f {
            height: 15%!important
        }
        .ht-md-20 {
            height: 20px
        }
        .ht-md-20p {
            height: 20%
        }
        .mx-ht-md-20p {
            max-height: 20%
        }
        .mn-ht-md-20p {
            min-height: 20%
        }
        .ht-md-20-f {
            height: 20px!important
        }
        .ht-md-20p-f {
            height: 20%!important
        }
        .ht-md-25 {
            height: 25px
        }
        .ht-md-25p {
            height: 25%
        }
        .mx-ht-md-25p {
            max-height: 25%
        }
        .mn-ht-md-25p {
            min-height: 25%
        }
        .ht-md-25-f {
            height: 25px!important
        }
        .ht-md-25p-f {
            height: 25%!important
        }
        .ht-md-30 {
            height: 30px
        }
        .ht-md-30p {
            height: 30%
        }
        .mx-ht-md-30p {
            max-height: 30%
        }
        .mn-ht-md-30p {
            min-height: 30%
        }
        .ht-md-30-f {
            height: 30px!important
        }
        .ht-md-30p-f {
            height: 30%!important
        }
        .ht-md-35 {
            height: 35px
        }
        .ht-md-35p {
            height: 35%
        }
        .mx-ht-md-35p {
            max-height: 35%
        }
        .mn-ht-md-35p {
            min-height: 35%
        }
        .ht-md-35-f {
            height: 35px!important
        }
        .ht-md-35p-f {
            height: 35%!important
        }
        .ht-md-40 {
            height: 40px
        }
        .ht-md-40p {
            height: 40%
        }
        .mx-ht-md-40p {
            max-height: 40%
        }
        .mn-ht-md-40p {
            min-height: 40%
        }
        .ht-md-40-f {
            height: 40px!important
        }
        .ht-md-40p-f {
            height: 40%!important
        }
        .ht-md-45 {
            height: 45px
        }
        .ht-md-45p {
            height: 45%
        }
        .mx-ht-md-45p {
            max-height: 45%
        }
        .mn-ht-md-45p {
            min-height: 45%
        }
        .ht-md-45-f {
            height: 45px!important
        }
        .ht-md-45p-f {
            height: 45%!important
        }
        .ht-md-50 {
            height: 50px
        }
        .ht-md-50p {
            height: 50%
        }
        .mx-ht-md-50p {
            max-height: 50%
        }
        .mn-ht-md-50p {
            min-height: 50%
        }
        .ht-md-50-f {
            height: 50px!important
        }
        .ht-md-50p-f {
            height: 50%!important
        }
        .ht-md-55 {
            height: 55px
        }
        .ht-md-55p {
            height: 55%
        }
        .mx-ht-md-55p {
            max-height: 55%
        }
        .mn-ht-md-55p {
            min-height: 55%
        }
        .ht-md-55-f {
            height: 55px!important
        }
        .ht-md-55p-f {
            height: 55%!important
        }
        .ht-md-60 {
            height: 60px
        }
        .ht-md-60p {
            height: 60%
        }
        .mx-ht-md-60p {
            max-height: 60%
        }
        .mn-ht-md-60p {
            min-height: 60%
        }
        .ht-md-60-f {
            height: 60px!important
        }
        .ht-md-60p-f {
            height: 60%!important
        }
        .ht-md-65 {
            height: 65px
        }
        .ht-md-65p {
            height: 65%
        }
        .mx-ht-md-65p {
            max-height: 65%
        }
        .mn-ht-md-65p {
            min-height: 65%
        }
        .ht-md-65-f {
            height: 65px!important
        }
        .ht-md-65p-f {
            height: 65%!important
        }
        .ht-md-70 {
            height: 70px
        }
        .ht-md-70p {
            height: 70%
        }
        .mx-ht-md-70p {
            max-height: 70%
        }
        .mn-ht-md-70p {
            min-height: 70%
        }
        .ht-md-70-f {
            height: 70px!important
        }
        .ht-md-70p-f {
            height: 70%!important
        }
        .ht-md-75 {
            height: 75px
        }
        .ht-md-75p {
            height: 75%
        }
        .mx-ht-md-75p {
            max-height: 75%
        }
        .mn-ht-md-75p {
            min-height: 75%
        }
        .ht-md-75-f {
            height: 75px!important
        }
        .ht-md-75p-f {
            height: 75%!important
        }
        .ht-md-80 {
            height: 80px
        }
        .ht-md-80p {
            height: 80%
        }
        .mx-ht-md-80p {
            max-height: 80%
        }
        .mn-ht-md-80p {
            min-height: 80%
        }
        .ht-md-80-f {
            height: 80px!important
        }
        .ht-md-80p-f {
            height: 80%!important
        }
        .ht-md-85 {
            height: 85px
        }
        .ht-md-85p {
            height: 85%
        }
        .mx-ht-md-85p {
            max-height: 85%
        }
        .mn-ht-md-85p {
            min-height: 85%
        }
        .ht-md-85-f {
            height: 85px!important
        }
        .ht-md-85p-f {
            height: 85%!important
        }
        .ht-md-90 {
            height: 90px
        }
        .ht-md-90p {
            height: 90%
        }
        .mx-ht-md-90p {
            max-height: 90%
        }
        .mn-ht-md-90p {
            min-height: 90%
        }
        .ht-md-90-f {
            height: 90px!important
        }
        .ht-md-90p-f {
            height: 90%!important
        }
        .ht-md-95 {
            height: 95px
        }
        .ht-md-95p {
            height: 95%
        }
        .mx-ht-md-95p {
            max-height: 95%
        }
        .mn-ht-md-95p {
            min-height: 95%
        }
        .ht-md-95-f {
            height: 95px!important
        }
        .ht-md-95p-f {
            height: 95%!important
        }
        .ht-md-100 {
            height: 100px
        }
        .ht-md-100p {
            height: 100%
        }
        .mx-ht-md-100p {
            max-height: 100%
        }
        .mn-ht-md-100p {
            min-height: 100%
        }
        .ht-md-100-f {
            height: 100px!important
        }
        .ht-md-100p-f {
            height: 100%!important
        }
        .ht-md-150 {
            height: 150px
        }
        .ht-md-150p {
            height: 150%
        }
        .mx-ht-md-150p {
            max-height: 150%
        }
        .mn-ht-md-150p {
            min-height: 150%
        }
        .ht-md-150-f {
            height: 150px!important
        }
        .ht-md-150p-f {
            height: 150%!important
        }
        .ht-md-200 {
            height: 200px
        }
        .ht-md-200p {
            height: 200%
        }
        .mx-ht-md-200p {
            max-height: 200%
        }
        .mn-ht-md-200p {
            min-height: 200%
        }
        .ht-md-200-f {
            height: 200px!important
        }
        .ht-md-200p-f {
            height: 200%!important
        }
        .ht-md-250 {
            height: 250px
        }
        .ht-md-250p {
            height: 250%
        }
        .mx-ht-md-250p {
            max-height: 250%
        }
        .mn-ht-md-250p {
            min-height: 250%
        }
        .ht-md-250-f {
            height: 250px!important
        }
        .ht-md-250p-f {
            height: 250%!important
        }
        .ht-md-300 {
            height: 300px
        }
        .ht-md-300p {
            height: 300%
        }
        .mx-ht-md-300p {
            max-height: 300%
        }
        .mn-ht-md-300p {
            min-height: 300%
        }
        .ht-md-300-f {
            height: 300px!important
        }
        .ht-md-300p-f {
            height: 300%!important
        }
        .ht-md-350 {
            height: 350px
        }
        .ht-md-350p {
            height: 350%
        }
        .mx-ht-md-350p {
            max-height: 350%
        }
        .mn-ht-md-350p {
            min-height: 350%
        }
        .ht-md-350-f {
            height: 350px!important
        }
        .ht-md-350p-f {
            height: 350%!important
        }
        .ht-md-400 {
            height: 400px
        }
        .ht-md-400p {
            height: 400%
        }
        .mx-ht-md-400p {
            max-height: 400%
        }
        .mn-ht-md-400p {
            min-height: 400%
        }
        .ht-md-400-f {
            height: 400px!important
        }
        .ht-md-400p-f {
            height: 400%!important
        }
        .ht-md-450 {
            height: 450px
        }
        .ht-md-450p {
            height: 450%
        }
        .mx-ht-md-450p {
            max-height: 450%
        }
        .mn-ht-md-450p {
            min-height: 450%
        }
        .ht-md-450-f {
            height: 450px!important
        }
        .ht-md-450p-f {
            height: 450%!important
        }
        .ht-md-500 {
            height: 500px
        }
        .ht-md-500p {
            height: 500%
        }
        .mx-ht-md-500p {
            max-height: 500%
        }
        .mn-ht-md-500p {
            min-height: 500%
        }
        .ht-md-500-f {
            height: 500px!important
        }
        .ht-md-500p-f {
            height: 500%!important
        }
        .ht-md-550 {
            height: 550px
        }
        .ht-md-550p {
            height: 550%
        }
        .mx-ht-md-550p {
            max-height: 550%
        }
        .mn-ht-md-550p {
            min-height: 550%
        }
        .ht-md-550-f {
            height: 550px!important
        }
        .ht-md-550p-f {
            height: 550%!important
        }
        .ht-md-600 {
            height: 600px
        }
        .ht-md-600p {
            height: 600%
        }
        .mx-ht-md-600p {
            max-height: 600%
        }
        .mn-ht-md-600p {
            min-height: 600%
        }
        .ht-md-600-f {
            height: 600px!important
        }
        .ht-md-600p-f {
            height: 600%!important
        }
        .ht-md-650 {
            height: 650px
        }
        .ht-md-650p {
            height: 650%
        }
        .mx-ht-md-650p {
            max-height: 650%
        }
        .mn-ht-md-650p {
            min-height: 650%
        }
        .ht-md-650-f {
            height: 650px!important
        }
        .ht-md-650p-f {
            height: 650%!important
        }
        .ht-md-700 {
            height: 700px
        }
        .ht-md-700p {
            height: 700%
        }
        .mx-ht-md-700p {
            max-height: 700%
        }
        .mn-ht-md-700p {
            min-height: 700%
        }
        .ht-md-700-f {
            height: 700px!important
        }
        .ht-md-700p-f {
            height: 700%!important
        }
        .ht-md-750 {
            height: 750px
        }
        .ht-md-750p {
            height: 750%
        }
        .mx-ht-md-750p {
            max-height: 750%
        }
        .mn-ht-md-750p {
            min-height: 750%
        }
        .ht-md-750-f {
            height: 750px!important
        }
        .ht-md-750p-f {
            height: 750%!important
        }
        .ht-md-800 {
            height: 800px
        }
        .ht-md-800p {
            height: 800%
        }
        .mx-ht-md-800p {
            max-height: 800%
        }
        .mn-ht-md-800p {
            min-height: 800%
        }
        .ht-md-800-f {
            height: 800px!important
        }
        .ht-md-800p-f {
            height: 800%!important
        }
        .ht-md-850 {
            height: 850px
        }
        .ht-md-850p {
            height: 850%
        }
        .mx-ht-md-850p {
            max-height: 850%
        }
        .mn-ht-md-850p {
            min-height: 850%
        }
        .ht-md-850-f {
            height: 850px!important
        }
        .ht-md-850p-f {
            height: 850%!important
        }
        .ht-md-100v {
            height: 100vh
        }
    }

    @media (min-width:992px) {
        .ht-lg-5 {
            height: 5px
        }
        .ht-lg-5p {
            height: 5%
        }
        .mx-ht-lg-5p {
            max-height: 5%
        }
        .mn-ht-lg-5p {
            min-height: 5%
        }
        .ht-lg-5-f {
            height: 5px!important
        }
        .ht-lg-5p-f {
            height: 5%!important
        }
        .ht-lg-10 {
            height: 10px
        }
        .ht-lg-10p {
            height: 10%
        }
        .mx-ht-lg-10p {
            max-height: 10%
        }
        .mn-ht-lg-10p {
            min-height: 10%
        }
        .ht-lg-10-f {
            height: 10px!important
        }
        .ht-lg-10p-f {
            height: 10%!important
        }
        .ht-lg-15 {
            height: 15px
        }
        .ht-lg-15p {
            height: 15%
        }
        .mx-ht-lg-15p {
            max-height: 15%
        }
        .mn-ht-lg-15p {
            min-height: 15%
        }
        .ht-lg-15-f {
            height: 15px!important
        }
        .ht-lg-15p-f {
            height: 15%!important
        }
        .ht-lg-20 {
            height: 20px
        }
        .ht-lg-20p {
            height: 20%
        }
        .mx-ht-lg-20p {
            max-height: 20%
        }
        .mn-ht-lg-20p {
            min-height: 20%
        }
        .ht-lg-20-f {
            height: 20px!important
        }
        .ht-lg-20p-f {
            height: 20%!important
        }
        .ht-lg-25 {
            height: 25px
        }
        .ht-lg-25p {
            height: 25%
        }
        .mx-ht-lg-25p {
            max-height: 25%
        }
        .mn-ht-lg-25p {
            min-height: 25%
        }
        .ht-lg-25-f {
            height: 25px!important
        }
        .ht-lg-25p-f {
            height: 25%!important
        }
        .ht-lg-30 {
            height: 30px
        }
        .ht-lg-30p {
            height: 30%
        }
        .mx-ht-lg-30p {
            max-height: 30%
        }
        .mn-ht-lg-30p {
            min-height: 30%
        }
        .ht-lg-30-f {
            height: 30px!important
        }
        .ht-lg-30p-f {
            height: 30%!important
        }
        .ht-lg-35 {
            height: 35px
        }
        .ht-lg-35p {
            height: 35%
        }
        .mx-ht-lg-35p {
            max-height: 35%
        }
        .mn-ht-lg-35p {
            min-height: 35%
        }
        .ht-lg-35-f {
            height: 35px!important
        }
        .ht-lg-35p-f {
            height: 35%!important
        }
        .ht-lg-40 {
            height: 40px
        }
        .ht-lg-40p {
            height: 40%
        }
        .mx-ht-lg-40p {
            max-height: 40%
        }
        .mn-ht-lg-40p {
            min-height: 40%
        }
        .ht-lg-40-f {
            height: 40px!important
        }
        .ht-lg-40p-f {
            height: 40%!important
        }
        .ht-lg-45 {
            height: 45px
        }
        .ht-lg-45p {
            height: 45%
        }
        .mx-ht-lg-45p {
            max-height: 45%
        }
        .mn-ht-lg-45p {
            min-height: 45%
        }
        .ht-lg-45-f {
            height: 45px!important
        }
        .ht-lg-45p-f {
            height: 45%!important
        }
        .ht-lg-50 {
            height: 50px
        }
        .ht-lg-50p {
            height: 50%
        }
        .mx-ht-lg-50p {
            max-height: 50%
        }
        .mn-ht-lg-50p {
            min-height: 50%
        }
        .ht-lg-50-f {
            height: 50px!important
        }
        .ht-lg-50p-f {
            height: 50%!important
        }
        .ht-lg-55 {
            height: 55px
        }
        .ht-lg-55p {
            height: 55%
        }
        .mx-ht-lg-55p {
            max-height: 55%
        }
        .mn-ht-lg-55p {
            min-height: 55%
        }
        .ht-lg-55-f {
            height: 55px!important
        }
        .ht-lg-55p-f {
            height: 55%!important
        }
        .ht-lg-60 {
            height: 60px
        }
        .ht-lg-60p {
            height: 60%
        }
        .mx-ht-lg-60p {
            max-height: 60%
        }
        .mn-ht-lg-60p {
            min-height: 60%
        }
        .ht-lg-60-f {
            height: 60px!important
        }
        .ht-lg-60p-f {
            height: 60%!important
        }
        .ht-lg-65 {
            height: 65px
        }
        .ht-lg-65p {
            height: 65%
        }
        .mx-ht-lg-65p {
            max-height: 65%
        }
        .mn-ht-lg-65p {
            min-height: 65%
        }
        .ht-lg-65-f {
            height: 65px!important
        }
        .ht-lg-65p-f {
            height: 65%!important
        }
        .ht-lg-70 {
            height: 70px
        }
        .ht-lg-70p {
            height: 70%
        }
        .mx-ht-lg-70p {
            max-height: 70%
        }
        .mn-ht-lg-70p {
            min-height: 70%
        }
        .ht-lg-70-f {
            height: 70px!important
        }
        .ht-lg-70p-f {
            height: 70%!important
        }
        .ht-lg-75 {
            height: 75px
        }
        .ht-lg-75p {
            height: 75%
        }
        .mx-ht-lg-75p {
            max-height: 75%
        }
        .mn-ht-lg-75p {
            min-height: 75%
        }
        .ht-lg-75-f {
            height: 75px!important
        }
        .ht-lg-75p-f {
            height: 75%!important
        }
        .ht-lg-80 {
            height: 80px
        }
        .ht-lg-80p {
            height: 80%
        }
        .mx-ht-lg-80p {
            max-height: 80%
        }
        .mn-ht-lg-80p {
            min-height: 80%
        }
        .ht-lg-80-f {
            height: 80px!important
        }
        .ht-lg-80p-f {
            height: 80%!important
        }
        .ht-lg-85 {
            height: 85px
        }
        .ht-lg-85p {
            height: 85%
        }
        .mx-ht-lg-85p {
            max-height: 85%
        }
        .mn-ht-lg-85p {
            min-height: 85%
        }
        .ht-lg-85-f {
            height: 85px!important
        }
        .ht-lg-85p-f {
            height: 85%!important
        }
        .ht-lg-90 {
            height: 90px
        }
        .ht-lg-90p {
            height: 90%
        }
        .mx-ht-lg-90p {
            max-height: 90%
        }
        .mn-ht-lg-90p {
            min-height: 90%
        }
        .ht-lg-90-f {
            height: 90px!important
        }
        .ht-lg-90p-f {
            height: 90%!important
        }
        .ht-lg-95 {
            height: 95px
        }
        .ht-lg-95p {
            height: 95%
        }
        .mx-ht-lg-95p {
            max-height: 95%
        }
        .mn-ht-lg-95p {
            min-height: 95%
        }
        .ht-lg-95-f {
            height: 95px!important
        }
        .ht-lg-95p-f {
            height: 95%!important
        }
        .ht-lg-100 {
            height: 100px
        }
        .ht-lg-100p {
            height: 100%
        }
        .mx-ht-lg-100p {
            max-height: 100%
        }
        .mn-ht-lg-100p {
            min-height: 100%
        }
        .ht-lg-100-f {
            height: 100px!important
        }
        .ht-lg-100p-f {
            height: 100%!important
        }
        .ht-lg-150 {
            height: 150px
        }
        .ht-lg-150p {
            height: 150%
        }
        .mx-ht-lg-150p {
            max-height: 150%
        }
        .mn-ht-lg-150p {
            min-height: 150%
        }
        .ht-lg-150-f {
            height: 150px!important
        }
        .ht-lg-150p-f {
            height: 150%!important
        }
        .ht-lg-200 {
            height: 200px
        }
        .ht-lg-200p {
            height: 200%
        }
        .mx-ht-lg-200p {
            max-height: 200%
        }
        .mn-ht-lg-200p {
            min-height: 200%
        }
        .ht-lg-200-f {
            height: 200px!important
        }
        .ht-lg-200p-f {
            height: 200%!important
        }
        .ht-lg-250 {
            height: 250px
        }
        .ht-lg-250p {
            height: 250%
        }
        .mx-ht-lg-250p {
            max-height: 250%
        }
        .mn-ht-lg-250p {
            min-height: 250%
        }
        .ht-lg-250-f {
            height: 250px!important
        }
        .ht-lg-250p-f {
            height: 250%!important
        }
        .ht-lg-300 {
            height: 300px
        }
        .ht-lg-300p {
            height: 300%
        }
        .mx-ht-lg-300p {
            max-height: 300%
        }
        .mn-ht-lg-300p {
            min-height: 300%
        }
        .ht-lg-300-f {
            height: 300px!important
        }
        .ht-lg-300p-f {
            height: 300%!important
        }
        .ht-lg-350 {
            height: 350px
        }
        .ht-lg-350p {
            height: 350%
        }
        .mx-ht-lg-350p {
            max-height: 350%
        }
        .mn-ht-lg-350p {
            min-height: 350%
        }
        .ht-lg-350-f {
            height: 350px!important
        }
        .ht-lg-350p-f {
            height: 350%!important
        }
        .ht-lg-400 {
            height: 400px
        }
        .ht-lg-400p {
            height: 400%
        }
        .mx-ht-lg-400p {
            max-height: 400%
        }
        .mn-ht-lg-400p {
            min-height: 400%
        }
        .ht-lg-400-f {
            height: 400px!important
        }
        .ht-lg-400p-f {
            height: 400%!important
        }
        .ht-lg-450 {
            height: 450px
        }
        .ht-lg-450p {
            height: 450%
        }
        .mx-ht-lg-450p {
            max-height: 450%
        }
        .mn-ht-lg-450p {
            min-height: 450%
        }
        .ht-lg-450-f {
            height: 450px!important
        }
        .ht-lg-450p-f {
            height: 450%!important
        }
        .ht-lg-500 {
            height: 500px
        }
        .ht-lg-500p {
            height: 500%
        }
        .mx-ht-lg-500p {
            max-height: 500%
        }
        .mn-ht-lg-500p {
            min-height: 500%
        }
        .ht-lg-500-f {
            height: 500px!important
        }
        .ht-lg-500p-f {
            height: 500%!important
        }
        .ht-lg-550 {
            height: 550px
        }
        .ht-lg-550p {
            height: 550%
        }
        .mx-ht-lg-550p {
            max-height: 550%
        }
        .mn-ht-lg-550p {
            min-height: 550%
        }
        .ht-lg-550-f {
            height: 550px!important
        }
        .ht-lg-550p-f {
            height: 550%!important
        }
        .ht-lg-600 {
            height: 600px
        }
        .ht-lg-600p {
            height: 600%
        }
        .mx-ht-lg-600p {
            max-height: 600%
        }
        .mn-ht-lg-600p {
            min-height: 600%
        }
        .ht-lg-600-f {
            height: 600px!important
        }
        .ht-lg-600p-f {
            height: 600%!important
        }
        .ht-lg-650 {
            height: 650px
        }
        .ht-lg-650p {
            height: 650%
        }
        .mx-ht-lg-650p {
            max-height: 650%
        }
        .mn-ht-lg-650p {
            min-height: 650%
        }
        .ht-lg-650-f {
            height: 650px!important
        }
        .ht-lg-650p-f {
            height: 650%!important
        }
        .ht-lg-700 {
            height: 700px
        }
        .ht-lg-700p {
            height: 700%
        }
        .mx-ht-lg-700p {
            max-height: 700%
        }
        .mn-ht-lg-700p {
            min-height: 700%
        }
        .ht-lg-700-f {
            height: 700px!important
        }
        .ht-lg-700p-f {
            height: 700%!important
        }
        .ht-lg-750 {
            height: 750px
        }
        .ht-lg-750p {
            height: 750%
        }
        .mx-ht-lg-750p {
            max-height: 750%
        }
        .mn-ht-lg-750p {
            min-height: 750%
        }
        .ht-lg-750-f {
            height: 750px!important
        }
        .ht-lg-750p-f {
            height: 750%!important
        }
        .ht-lg-800 {
            height: 800px
        }
        .ht-lg-800p {
            height: 800%
        }
        .mx-ht-lg-800p {
            max-height: 800%
        }
        .mn-ht-lg-800p {
            min-height: 800%
        }
        .ht-lg-800-f {
            height: 800px!important
        }
        .ht-lg-800p-f {
            height: 800%!important
        }
        .ht-lg-850 {
            height: 850px
        }
        .ht-lg-850p {
            height: 850%
        }
        .mx-ht-lg-850p {
            max-height: 850%
        }
        .mn-ht-lg-850p {
            min-height: 850%
        }
        .ht-lg-850-f {
            height: 850px!important
        }
        .ht-lg-850p-f {
            height: 850%!important
        }
        .ht-lg-100v {
            height: 100vh
        }
    }

    @media (min-width:1200px) {
        .ht-xl-5 {
            height: 5px
        }
        .ht-xl-5p {
            height: 5%
        }
        .mx-ht-xl-5p {
            max-height: 5%
        }
        .mn-ht-xl-5p {
            min-height: 5%
        }
        .ht-xl-5-f {
            height: 5px!important
        }
        .ht-xl-5p-f {
            height: 5%!important
        }
        .ht-xl-10 {
            height: 10px
        }
        .ht-xl-10p {
            height: 10%
        }
        .mx-ht-xl-10p {
            max-height: 10%
        }
        .mn-ht-xl-10p {
            min-height: 10%
        }
        .ht-xl-10-f {
            height: 10px!important
        }
        .ht-xl-10p-f {
            height: 10%!important
        }
        .ht-xl-15 {
            height: 15px
        }
        .ht-xl-15p {
            height: 15%
        }
        .mx-ht-xl-15p {
            max-height: 15%
        }
        .mn-ht-xl-15p {
            min-height: 15%
        }
        .ht-xl-15-f {
            height: 15px!important
        }
        .ht-xl-15p-f {
            height: 15%!important
        }
        .ht-xl-20 {
            height: 20px
        }
        .ht-xl-20p {
            height: 20%
        }
        .mx-ht-xl-20p {
            max-height: 20%
        }
        .mn-ht-xl-20p {
            min-height: 20%
        }
        .ht-xl-20-f {
            height: 20px!important
        }
        .ht-xl-20p-f {
            height: 20%!important
        }
        .ht-xl-25 {
            height: 25px
        }
        .ht-xl-25p {
            height: 25%
        }
        .mx-ht-xl-25p {
            max-height: 25%
        }
        .mn-ht-xl-25p {
            min-height: 25%
        }
        .ht-xl-25-f {
            height: 25px!important
        }
        .ht-xl-25p-f {
            height: 25%!important
        }
        .ht-xl-30 {
            height: 30px
        }
        .ht-xl-30p {
            height: 30%
        }
        .mx-ht-xl-30p {
            max-height: 30%
        }
        .mn-ht-xl-30p {
            min-height: 30%
        }
        .ht-xl-30-f {
            height: 30px!important
        }
        .ht-xl-30p-f {
            height: 30%!important
        }
        .ht-xl-35 {
            height: 35px
        }
        .ht-xl-35p {
            height: 35%
        }
        .mx-ht-xl-35p {
            max-height: 35%
        }
        .mn-ht-xl-35p {
            min-height: 35%
        }
        .ht-xl-35-f {
            height: 35px!important
        }
        .ht-xl-35p-f {
            height: 35%!important
        }
        .ht-xl-40 {
            height: 40px
        }
        .ht-xl-40p {
            height: 40%
        }
        .mx-ht-xl-40p {
            max-height: 40%
        }
        .mn-ht-xl-40p {
            min-height: 40%
        }
        .ht-xl-40-f {
            height: 40px!important
        }
        .ht-xl-40p-f {
            height: 40%!important
        }
        .ht-xl-45 {
            height: 45px
        }
        .ht-xl-45p {
            height: 45%
        }
        .mx-ht-xl-45p {
            max-height: 45%
        }
        .mn-ht-xl-45p {
            min-height: 45%
        }
        .ht-xl-45-f {
            height: 45px!important
        }
        .ht-xl-45p-f {
            height: 45%!important
        }
        .ht-xl-50 {
            height: 50px
        }
        .ht-xl-50p {
            height: 50%
        }
        .mx-ht-xl-50p {
            max-height: 50%
        }
        .mn-ht-xl-50p {
            min-height: 50%
        }
        .ht-xl-50-f {
            height: 50px!important
        }
        .ht-xl-50p-f {
            height: 50%!important
        }
        .ht-xl-55 {
            height: 55px
        }
        .ht-xl-55p {
            height: 55%
        }
        .mx-ht-xl-55p {
            max-height: 55%
        }
        .mn-ht-xl-55p {
            min-height: 55%
        }
        .ht-xl-55-f {
            height: 55px!important
        }
        .ht-xl-55p-f {
            height: 55%!important
        }
        .ht-xl-60 {
            height: 60px
        }
        .ht-xl-60p {
            height: 60%
        }
        .mx-ht-xl-60p {
            max-height: 60%
        }
        .mn-ht-xl-60p {
            min-height: 60%
        }
        .ht-xl-60-f {
            height: 60px!important
        }
        .ht-xl-60p-f {
            height: 60%!important
        }
        .ht-xl-65 {
            height: 65px
        }
        .ht-xl-65p {
            height: 65%
        }
        .mx-ht-xl-65p {
            max-height: 65%
        }
        .mn-ht-xl-65p {
            min-height: 65%
        }
        .ht-xl-65-f {
            height: 65px!important
        }
        .ht-xl-65p-f {
            height: 65%!important
        }
        .ht-xl-70 {
            height: 70px
        }
        .ht-xl-70p {
            height: 70%
        }
        .mx-ht-xl-70p {
            max-height: 70%
        }
        .mn-ht-xl-70p {
            min-height: 70%
        }
        .ht-xl-70-f {
            height: 70px!important
        }
        .ht-xl-70p-f {
            height: 70%!important
        }
        .ht-xl-75 {
            height: 75px
        }
        .ht-xl-75p {
            height: 75%
        }
        .mx-ht-xl-75p {
            max-height: 75%
        }
        .mn-ht-xl-75p {
            min-height: 75%
        }
        .ht-xl-75-f {
            height: 75px!important
        }
        .ht-xl-75p-f {
            height: 75%!important
        }
        .ht-xl-80 {
            height: 80px
        }
        .ht-xl-80p {
            height: 80%
        }
        .mx-ht-xl-80p {
            max-height: 80%
        }
        .mn-ht-xl-80p {
            min-height: 80%
        }
        .ht-xl-80-f {
            height: 80px!important
        }
        .ht-xl-80p-f {
            height: 80%!important
        }
        .ht-xl-85 {
            height: 85px
        }
        .ht-xl-85p {
            height: 85%
        }
        .mx-ht-xl-85p {
            max-height: 85%
        }
        .mn-ht-xl-85p {
            min-height: 85%
        }
        .ht-xl-85-f {
            height: 85px!important
        }
        .ht-xl-85p-f {
            height: 85%!important
        }
        .ht-xl-90 {
            height: 90px
        }
        .ht-xl-90p {
            height: 90%
        }
        .mx-ht-xl-90p {
            max-height: 90%
        }
        .mn-ht-xl-90p {
            min-height: 90%
        }
        .ht-xl-90-f {
            height: 90px!important
        }
        .ht-xl-90p-f {
            height: 90%!important
        }
        .ht-xl-95 {
            height: 95px
        }
        .ht-xl-95p {
            height: 95%
        }
        .mx-ht-xl-95p {
            max-height: 95%
        }
        .mn-ht-xl-95p {
            min-height: 95%
        }
        .ht-xl-95-f {
            height: 95px!important
        }
        .ht-xl-95p-f {
            height: 95%!important
        }
        .ht-xl-100 {
            height: 100px
        }
        .ht-xl-100p {
            height: 100%
        }
        .mx-ht-xl-100p {
            max-height: 100%
        }
        .mn-ht-xl-100p {
            min-height: 100%
        }
        .ht-xl-100-f {
            height: 100px!important
        }
        .ht-xl-100p-f {
            height: 100%!important
        }
        .ht-xl-150 {
            height: 150px
        }
        .ht-xl-150p {
            height: 150%
        }
        .mx-ht-xl-150p {
            max-height: 150%
        }
        .mn-ht-xl-150p {
            min-height: 150%
        }
        .ht-xl-150-f {
            height: 150px!important
        }
        .ht-xl-150p-f {
            height: 150%!important
        }
        .ht-xl-200 {
            height: 200px
        }
        .ht-xl-200p {
            height: 200%
        }
        .mx-ht-xl-200p {
            max-height: 200%
        }
        .mn-ht-xl-200p {
            min-height: 200%
        }
        .ht-xl-200-f {
            height: 200px!important
        }
        .ht-xl-200p-f {
            height: 200%!important
        }
        .ht-xl-250 {
            height: 250px
        }
        .ht-xl-250p {
            height: 250%
        }
        .mx-ht-xl-250p {
            max-height: 250%
        }
        .mn-ht-xl-250p {
            min-height: 250%
        }
        .ht-xl-250-f {
            height: 250px!important
        }
        .ht-xl-250p-f {
            height: 250%!important
        }
        .ht-xl-300 {
            height: 300px
        }
        .ht-xl-300p {
            height: 300%
        }
        .mx-ht-xl-300p {
            max-height: 300%
        }
        .mn-ht-xl-300p {
            min-height: 300%
        }
        .ht-xl-300-f {
            height: 300px!important
        }
        .ht-xl-300p-f {
            height: 300%!important
        }
        .ht-xl-350 {
            height: 350px
        }
        .ht-xl-350p {
            height: 350%
        }
        .mx-ht-xl-350p {
            max-height: 350%
        }
        .mn-ht-xl-350p {
            min-height: 350%
        }
        .ht-xl-350-f {
            height: 350px!important
        }
        .ht-xl-350p-f {
            height: 350%!important
        }
        .ht-xl-400 {
            height: 400px
        }
        .ht-xl-400p {
            height: 400%
        }
        .mx-ht-xl-400p {
            max-height: 400%
        }
        .mn-ht-xl-400p {
            min-height: 400%
        }
        .ht-xl-400-f {
            height: 400px!important
        }
        .ht-xl-400p-f {
            height: 400%!important
        }
        .ht-xl-450 {
            height: 450px
        }
        .ht-xl-450p {
            height: 450%
        }
        .mx-ht-xl-450p {
            max-height: 450%
        }
        .mn-ht-xl-450p {
            min-height: 450%
        }
        .ht-xl-450-f {
            height: 450px!important
        }
        .ht-xl-450p-f {
            height: 450%!important
        }
        .ht-xl-500 {
            height: 500px
        }
        .ht-xl-500p {
            height: 500%
        }
        .mx-ht-xl-500p {
            max-height: 500%
        }
        .mn-ht-xl-500p {
            min-height: 500%
        }
        .ht-xl-500-f {
            height: 500px!important
        }
        .ht-xl-500p-f {
            height: 500%!important
        }
        .ht-xl-550 {
            height: 550px
        }
        .ht-xl-550p {
            height: 550%
        }
        .mx-ht-xl-550p {
            max-height: 550%
        }
        .mn-ht-xl-550p {
            min-height: 550%
        }
        .ht-xl-550-f {
            height: 550px!important
        }
        .ht-xl-550p-f {
            height: 550%!important
        }
        .ht-xl-600 {
            height: 600px
        }
        .ht-xl-600p {
            height: 600%
        }
        .mx-ht-xl-600p {
            max-height: 600%
        }
        .mn-ht-xl-600p {
            min-height: 600%
        }
        .ht-xl-600-f {
            height: 600px!important
        }
        .ht-xl-600p-f {
            height: 600%!important
        }
        .ht-xl-650 {
            height: 650px
        }
        .ht-xl-650p {
            height: 650%
        }
        .mx-ht-xl-650p {
            max-height: 650%
        }
        .mn-ht-xl-650p {
            min-height: 650%
        }
        .ht-xl-650-f {
            height: 650px!important
        }
        .ht-xl-650p-f {
            height: 650%!important
        }
        .ht-xl-700 {
            height: 700px
        }
        .ht-xl-700p {
            height: 700%
        }
        .mx-ht-xl-700p {
            max-height: 700%
        }
        .mn-ht-xl-700p {
            min-height: 700%
        }
        .ht-xl-700-f {
            height: 700px!important
        }
        .ht-xl-700p-f {
            height: 700%!important
        }
        .ht-xl-750 {
            height: 750px
        }
        .ht-xl-750p {
            height: 750%
        }
        .mx-ht-xl-750p {
            max-height: 750%
        }
        .mn-ht-xl-750p {
            min-height: 750%
        }
        .ht-xl-750-f {
            height: 750px!important
        }
        .ht-xl-750p-f {
            height: 750%!important
        }
        .ht-xl-800 {
            height: 800px
        }
        .ht-xl-800p {
            height: 800%
        }
        .mx-ht-xl-800p {
            max-height: 800%
        }
        .mn-ht-xl-800p {
            min-height: 800%
        }
        .ht-xl-800-f {
            height: 800px!important
        }
        .ht-xl-800p-f {
            height: 800%!important
        }
        .ht-xl-850 {
            height: 850px
        }
        .ht-xl-850p {
            height: 850%
        }
        .mx-ht-xl-850p {
            max-height: 850%
        }
        .mn-ht-xl-850p {
            min-height: 850%
        }
        .ht-xl-850-f {
            height: 850px!important
        }
        .ht-xl-850p-f {
            height: 850%!important
        }
        .ht-xl-100v {
            height: 100vh
        }
    }

    .lh-50 {
        line-height: 50px
    }

    .mg-0 {
        margin: 0
    }

    .mg-0-f {
        margin: 0!important
    }

    .mg-y-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .mg-y-0-f {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .mg-x-0 {
        margin-left: 0;
        margin-right: 0
    }

    .mg-x-0-f {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .mg-t-0 {
        margin-top: 0
    }

    .mg-r-0 {
        margin-right: 0
    }

    .mg-b-0 {
        margin-bottom: 0
    }

    .mg-l-0 {
        margin-left: 0
    }

    .mg-t-0-f {
        margin-top: 0!important
    }

    .mg-r-0-f {
        margin-right: 0!important
    }

    .mg-b-0-f {
        margin-bottom: 0!important
    }

    .mg-l-0-f {
        margin-left: 0!important
    }

    .mg-1 {
        margin: 1px
    }

    .mg-1-f {
        margin: 1px!important
    }

    .mg-y-1 {
        margin-top: 1px;
        margin-bottom: 1px
    }

    .mg-y-1-f {
        margin-top: 1px!important;
        margin-bottom: 1px!important
    }

    .mg-x-1 {
        margin-left: 1px;
        margin-right: 1px
    }

    .mg-x-1-f {
        margin-left: 1px!important;
        margin-right: 1px!important
    }

    .mg-t-1 {
        margin-top: 1px
    }

    .mg-r-1 {
        margin-right: 1px
    }

    .mg-b-1 {
        margin-bottom: 1px
    }

    .mg-l-1 {
        margin-left: 1px
    }

    .mg-t-1-f {
        margin-top: 1px!important
    }

    .mg-r-1-f {
        margin-right: 1px!important
    }

    .mg-b-1-f {
        margin-bottom: 1px!important
    }

    .mg-l-1-f {
        margin-left: 1px!important
    }

    .mg-2 {
        margin: 2px
    }

    .mg-2-f {
        margin: 2px!important
    }

    .mg-y-2 {
        margin-top: 2px;
        margin-bottom: 2px
    }

    .mg-y-2-f {
        margin-top: 2px!important;
        margin-bottom: 2px!important
    }

    .mg-x-2 {
        margin-left: 2px;
        margin-right: 2px
    }

    .mg-x-2-f {
        margin-left: 2px!important;
        margin-right: 2px!important
    }

    .mg-t-2 {
        margin-top: 2px
    }

    .mg-r-2 {
        margin-right: 2px
    }

    .mg-b-2 {
        margin-bottom: 2px
    }

    .mg-l-2 {
        margin-left: 2px
    }

    .mg-t-2-f {
        margin-top: 2px!important
    }

    .mg-r-2-f {
        margin-right: 2px!important
    }

    .mg-b-2-f {
        margin-bottom: 2px!important
    }

    .mg-l-2-f {
        margin-left: 2px!important
    }

    .mg-3 {
        margin: 3px
    }

    .mg-3-f {
        margin: 3px!important
    }

    .mg-y-3 {
        margin-top: 3px;
        margin-bottom: 3px
    }

    .mg-y-3-f {
        margin-top: 3px!important;
        margin-bottom: 3px!important
    }

    .mg-x-3 {
        margin-left: 3px;
        margin-right: 3px
    }

    .mg-x-3-f {
        margin-left: 3px!important;
        margin-right: 3px!important
    }

    .mg-t-3 {
        margin-top: 3px
    }

    .mg-r-3 {
        margin-right: 3px
    }

    .mg-b-3 {
        margin-bottom: 3px
    }

    .mg-l-3 {
        margin-left: 3px
    }

    .mg-t-3-f {
        margin-top: 3px!important
    }

    .mg-r-3-f {
        margin-right: 3px!important
    }

    .mg-b-3-f {
        margin-bottom: 3px!important
    }

    .mg-l-3-f {
        margin-left: 3px!important
    }

    .mg-4 {
        margin: 4px
    }

    .mg-4-f {
        margin: 4px!important
    }

    .mg-y-4 {
        margin-top: 4px;
        margin-bottom: 4px
    }

    .mg-y-4-f {
        margin-top: 4px!important;
        margin-bottom: 4px!important
    }

    .mg-x-4 {
        margin-left: 4px;
        margin-right: 4px
    }

    .mg-x-4-f {
        margin-left: 4px!important;
        margin-right: 4px!important
    }

    .mg-t-4 {
        margin-top: 4px
    }

    .mg-r-4 {
        margin-right: 4px
    }

    .mg-b-4 {
        margin-bottom: 4px
    }

    .mg-l-4 {
        margin-left: 4px
    }

    .mg-t-4-f {
        margin-top: 4px!important
    }

    .mg-r-4-f {
        margin-right: 4px!important
    }

    .mg-b-4-f {
        margin-bottom: 4px!important
    }

    .mg-l-4-f {
        margin-left: 4px!important
    }

    .mg-5 {
        margin: 5px
    }

    .mg-5-f {
        margin: 5px!important
    }

    .mg-y-5 {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .mg-y-5-f {
        margin-top: 5px!important;
        margin-bottom: 5px!important
    }

    .mg-x-5 {
        margin-left: 5px;
        margin-right: 5px
    }

    .mg-x-5-f {
        margin-left: 5px!important;
        margin-right: 5px!important
    }

    .mg-t-5 {
        margin-top: 5px
    }

    .mg-r-5 {
        margin-right: 5px
    }

    .mg-b-5 {
        margin-bottom: 5px
    }

    .mg-l-5 {
        margin-left: 5px
    }

    .mg-t-5-f {
        margin-top: 5px!important
    }

    .mg-r-5-f {
        margin-right: 5px!important
    }

    .mg-b-5-f {
        margin-bottom: 5px!important
    }

    .mg-l-5-f {
        margin-left: 5px!important
    }

    .mg-6 {
        margin: 6px
    }

    .mg-6-f {
        margin: 6px!important
    }

    .mg-y-6 {
        margin-top: 6px;
        margin-bottom: 6px
    }

    .mg-y-6-f {
        margin-top: 6px!important;
        margin-bottom: 6px!important
    }

    .mg-x-6 {
        margin-left: 6px;
        margin-right: 6px
    }

    .mg-x-6-f {
        margin-left: 6px!important;
        margin-right: 6px!important
    }

    .mg-t-6 {
        margin-top: 6px
    }

    .mg-r-6 {
        margin-right: 6px
    }

    .mg-b-6 {
        margin-bottom: 6px
    }

    .mg-l-6 {
        margin-left: 6px
    }

    .mg-t-6-f {
        margin-top: 6px!important
    }

    .mg-r-6-f {
        margin-right: 6px!important
    }

    .mg-b-6-f {
        margin-bottom: 6px!important
    }

    .mg-l-6-f {
        margin-left: 6px!important
    }

    .mg-7 {
        margin: 7px
    }

    .mg-7-f {
        margin: 7px!important
    }

    .mg-y-7 {
        margin-top: 7px;
        margin-bottom: 7px
    }

    .mg-y-7-f {
        margin-top: 7px!important;
        margin-bottom: 7px!important
    }

    .mg-x-7 {
        margin-left: 7px;
        margin-right: 7px
    }

    .mg-x-7-f {
        margin-left: 7px!important;
        margin-right: 7px!important
    }

    .mg-t-7 {
        margin-top: 7px
    }

    .mg-r-7 {
        margin-right: 7px
    }

    .mg-b-7 {
        margin-bottom: 7px
    }

    .mg-l-7 {
        margin-left: 7px
    }

    .mg-t-7-f {
        margin-top: 7px!important
    }

    .mg-r-7-f {
        margin-right: 7px!important
    }

    .mg-b-7-f {
        margin-bottom: 7px!important
    }

    .mg-l-7-f {
        margin-left: 7px!important
    }

    .mg-8 {
        margin: 8px
    }

    .mg-8-f {
        margin: 8px!important
    }

    .mg-y-8 {
        margin-top: 8px;
        margin-bottom: 8px
    }

    .mg-y-8-f {
        margin-top: 8px!important;
        margin-bottom: 8px!important
    }

    .mg-x-8 {
        margin-left: 8px;
        margin-right: 8px
    }

    .mg-x-8-f {
        margin-left: 8px!important;
        margin-right: 8px!important
    }

    .mg-t-8 {
        margin-top: 8px
    }

    .mg-r-8 {
        margin-right: 8px
    }

    .mg-b-8 {
        margin-bottom: 8px
    }

    .mg-l-8 {
        margin-left: 8px
    }

    .mg-t-8-f {
        margin-top: 8px!important
    }

    .mg-r-8-f {
        margin-right: 8px!important
    }

    .mg-b-8-f {
        margin-bottom: 8px!important
    }

    .mg-l-8-f {
        margin-left: 8px!important
    }

    .mg-9 {
        margin: 9px
    }

    .mg-9-f {
        margin: 9px!important
    }

    .mg-y-9 {
        margin-top: 9px;
        margin-bottom: 9px
    }

    .mg-y-9-f {
        margin-top: 9px!important;
        margin-bottom: 9px!important
    }

    .mg-x-9 {
        margin-left: 9px;
        margin-right: 9px
    }

    .mg-x-9-f {
        margin-left: 9px!important;
        margin-right: 9px!important
    }

    .mg-t-9 {
        margin-top: 9px
    }

    .mg-r-9 {
        margin-right: 9px
    }

    .mg-b-9 {
        margin-bottom: 9px
    }

    .mg-l-9 {
        margin-left: 9px
    }

    .mg-t-9-f {
        margin-top: 9px!important
    }

    .mg-r-9-f {
        margin-right: 9px!important
    }

    .mg-b-9-f {
        margin-bottom: 9px!important
    }

    .mg-l-9-f {
        margin-left: 9px!important
    }

    .mg-10 {
        margin: 10px
    }

    .mg-10-f {
        margin: 10px!important
    }

    .mg-y-10 {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .mg-y-10-f {
        margin-top: 10px!important;
        margin-bottom: 10px!important
    }

    .mg-x-10 {
        margin-left: 10px;
        margin-right: 10px
    }

    .mg-x-10-f {
        margin-left: 10px!important;
        margin-right: 10px!important
    }

    .mg-t-10 {
        margin-top: 10px
    }

    .mg-r-10 {
        margin-right: 10px
    }

    .mg-b-10 {
        margin-bottom: 10px
    }

    .mg-l-10 {
        margin-left: 10px
    }

    .mg-t-10-f {
        margin-top: 10px!important
    }

    .mg-r-10-f {
        margin-right: 10px!important
    }

    .mg-b-10-f {
        margin-bottom: 10px!important
    }

    .mg-l-10-f {
        margin-left: 10px!important
    }

    .mg-15 {
        margin: 15px
    }

    .mg-15-f {
        margin: 15px!important
    }

    .mg-y-15 {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .mg-y-15-f {
        margin-top: 15px!important;
        margin-bottom: 15px!important
    }

    .mg-x-15 {
        margin-left: 15px;
        margin-right: 15px
    }

    .mg-x-15-f {
        margin-left: 15px!important;
        margin-right: 15px!important
    }

    .mg-t-15 {
        margin-top: 15px
    }

    .mg-r-15 {
        margin-right: 15px
    }

    .mg-b-15 {
        margin-bottom: 15px
    }

    .mg-l-15 {
        margin-left: 15px
    }

    .mg-t-15-f {
        margin-top: 15px!important
    }

    .mg-r-15-f {
        margin-right: 15px!important
    }

    .mg-b-15-f {
        margin-bottom: 15px!important
    }

    .mg-l-15-f {
        margin-left: 15px!important
    }

    .mg-20 {
        margin: 20px
    }

    .mg-20-f {
        margin: 20px!important
    }

    .mg-y-20 {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .mg-y-20-f {
        margin-top: 20px!important;
        margin-bottom: 20px!important
    }

    .mg-x-20 {
        margin-left: 20px;
        margin-right: 20px
    }

    .mg-x-20-f {
        margin-left: 20px!important;
        margin-right: 20px!important
    }

    .mg-t-20 {
        margin-top: 20px
    }

    .mg-r-20 {
        margin-right: 20px
    }

    .mg-b-20 {
        margin-bottom: 20px
    }

    .mg-l-20 {
        margin-left: 20px
    }

    .mg-t-20-f {
        margin-top: 20px!important
    }

    .mg-r-20-f {
        margin-right: 20px!important
    }

    .mg-b-20-f {
        margin-bottom: 20px!important
    }

    .mg-l-20-f {
        margin-left: 20px!important
    }

    .mg-25 {
        margin: 25px
    }

    .mg-25-f {
        margin: 25px!important
    }

    .mg-y-25 {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .mg-y-25-f {
        margin-top: 25px!important;
        margin-bottom: 25px!important
    }

    .mg-x-25 {
        margin-left: 25px;
        margin-right: 25px
    }

    .mg-x-25-f {
        margin-left: 25px!important;
        margin-right: 25px!important
    }

    .mg-t-25 {
        margin-top: 25px
    }

    .mg-r-25 {
        margin-right: 25px
    }

    .mg-b-25 {
        margin-bottom: 25px
    }

    .mg-l-25 {
        margin-left: 25px
    }

    .mg-t-25-f {
        margin-top: 25px!important
    }

    .mg-r-25-f {
        margin-right: 25px!important
    }

    .mg-b-25-f {
        margin-bottom: 25px!important
    }

    .mg-l-25-f {
        margin-left: 25px!important
    }

    .mg-30 {
        margin: 30px
    }

    .mg-30-f {
        margin: 30px!important
    }

    .mg-y-30 {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .mg-y-30-f {
        margin-top: 30px!important;
        margin-bottom: 30px!important
    }

    .mg-x-30 {
        margin-left: 30px;
        margin-right: 30px
    }

    .mg-x-30-f {
        margin-left: 30px!important;
        margin-right: 30px!important
    }

    .mg-t-30 {
        margin-top: 30px
    }

    .mg-r-30 {
        margin-right: 30px
    }

    .mg-b-30 {
        margin-bottom: 30px
    }

    .mg-l-30 {
        margin-left: 30px
    }

    .mg-t-30-f {
        margin-top: 30px!important
    }

    .mg-r-30-f {
        margin-right: 30px!important
    }

    .mg-b-30-f {
        margin-bottom: 30px!important
    }

    .mg-l-30-f {
        margin-left: 30px!important
    }

    .mg-35 {
        margin: 35px
    }

    .mg-35-f {
        margin: 35px!important
    }

    .mg-y-35 {
        margin-top: 35px;
        margin-bottom: 35px
    }

    .mg-y-35-f {
        margin-top: 35px!important;
        margin-bottom: 35px!important
    }

    .mg-x-35 {
        margin-left: 35px;
        margin-right: 35px
    }

    .mg-x-35-f {
        margin-left: 35px!important;
        margin-right: 35px!important
    }

    .mg-t-35 {
        margin-top: 35px
    }

    .mg-r-35 {
        margin-right: 35px
    }

    .mg-b-35 {
        margin-bottom: 35px
    }

    .mg-l-35 {
        margin-left: 35px
    }

    .mg-t-35-f {
        margin-top: 35px!important
    }

    .mg-r-35-f {
        margin-right: 35px!important
    }

    .mg-b-35-f {
        margin-bottom: 35px!important
    }

    .mg-l-35-f {
        margin-left: 35px!important
    }

    .mg-40 {
        margin: 40px
    }

    .mg-40-f {
        margin: 40px!important
    }

    .mg-y-40 {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .mg-y-40-f {
        margin-top: 40px!important;
        margin-bottom: 40px!important
    }

    .mg-x-40 {
        margin-left: 40px;
        margin-right: 40px
    }

    .mg-x-40-f {
        margin-left: 40px!important;
        margin-right: 40px!important
    }

    .mg-t-40 {
        margin-top: 40px
    }

    .mg-r-40 {
        margin-right: 40px
    }

    .mg-b-40 {
        margin-bottom: 40px
    }

    .mg-l-40 {
        margin-left: 40px
    }

    .mg-t-40-f {
        margin-top: 40px!important
    }

    .mg-r-40-f {
        margin-right: 40px!important
    }

    .mg-b-40-f {
        margin-bottom: 40px!important
    }

    .mg-l-40-f {
        margin-left: 40px!important
    }

    .mg-45 {
        margin: 45px
    }

    .mg-45-f {
        margin: 45px!important
    }

    .mg-y-45 {
        margin-top: 45px;
        margin-bottom: 45px
    }

    .mg-y-45-f {
        margin-top: 45px!important;
        margin-bottom: 45px!important
    }

    .mg-x-45 {
        margin-left: 45px;
        margin-right: 45px
    }

    .mg-x-45-f {
        margin-left: 45px!important;
        margin-right: 45px!important
    }

    .mg-t-45 {
        margin-top: 45px
    }

    .mg-r-45 {
        margin-right: 45px
    }

    .mg-b-45 {
        margin-bottom: 45px
    }

    .mg-l-45 {
        margin-left: 45px
    }

    .mg-t-45-f {
        margin-top: 45px!important
    }

    .mg-r-45-f {
        margin-right: 45px!important
    }

    .mg-b-45-f {
        margin-bottom: 45px!important
    }

    .mg-l-45-f {
        margin-left: 45px!important
    }

    .mg-50 {
        margin: 50px
    }

    .mg-50-f {
        margin: 50px!important
    }

    .mg-y-50 {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .mg-y-50-f {
        margin-top: 50px!important;
        margin-bottom: 50px!important
    }

    .mg-x-50 {
        margin-left: 50px;
        margin-right: 50px
    }

    .mg-x-50-f {
        margin-left: 50px!important;
        margin-right: 50px!important
    }

    .mg-t-50 {
        margin-top: 50px
    }

    .mg-r-50 {
        margin-right: 50px
    }

    .mg-b-50 {
        margin-bottom: 50px
    }

    .mg-l-50 {
        margin-left: 50px
    }

    .mg-t-50-f {
        margin-top: 50px!important
    }

    .mg-r-50-f {
        margin-right: 50px!important
    }

    .mg-b-50-f {
        margin-bottom: 50px!important
    }

    .mg-l-50-f {
        margin-left: 50px!important
    }

    .mg-55 {
        margin: 55px
    }

    .mg-55-f {
        margin: 55px!important
    }

    .mg-y-55 {
        margin-top: 55px;
        margin-bottom: 55px
    }

    .mg-y-55-f {
        margin-top: 55px!important;
        margin-bottom: 55px!important
    }

    .mg-x-55 {
        margin-left: 55px;
        margin-right: 55px
    }

    .mg-x-55-f {
        margin-left: 55px!important;
        margin-right: 55px!important
    }

    .mg-t-55 {
        margin-top: 55px
    }

    .mg-r-55 {
        margin-right: 55px
    }

    .mg-b-55 {
        margin-bottom: 55px
    }

    .mg-l-55 {
        margin-left: 55px
    }

    .mg-t-55-f {
        margin-top: 55px!important
    }

    .mg-r-55-f {
        margin-right: 55px!important
    }

    .mg-b-55-f {
        margin-bottom: 55px!important
    }

    .mg-l-55-f {
        margin-left: 55px!important
    }

    .mg-60 {
        margin: 60px
    }

    .mg-60-f {
        margin: 60px!important
    }

    .mg-y-60 {
        margin-top: 60px;
        margin-bottom: 60px
    }

    .mg-y-60-f {
        margin-top: 60px!important;
        margin-bottom: 60px!important
    }

    .mg-x-60 {
        margin-left: 60px;
        margin-right: 60px
    }

    .mg-x-60-f {
        margin-left: 60px!important;
        margin-right: 60px!important
    }

    .mg-t-60 {
        margin-top: 60px
    }

    .mg-r-60 {
        margin-right: 60px
    }

    .mg-b-60 {
        margin-bottom: 60px
    }

    .mg-l-60 {
        margin-left: 60px
    }

    .mg-t-60-f {
        margin-top: 60px!important
    }

    .mg-r-60-f {
        margin-right: 60px!important
    }

    .mg-b-60-f {
        margin-bottom: 60px!important
    }

    .mg-l-60-f {
        margin-left: 60px!important
    }

    .mg-65 {
        margin: 65px
    }

    .mg-65-f {
        margin: 65px!important
    }

    .mg-y-65 {
        margin-top: 65px;
        margin-bottom: 65px
    }

    .mg-y-65-f {
        margin-top: 65px!important;
        margin-bottom: 65px!important
    }

    .mg-x-65 {
        margin-left: 65px;
        margin-right: 65px
    }

    .mg-x-65-f {
        margin-left: 65px!important;
        margin-right: 65px!important
    }

    .mg-t-65 {
        margin-top: 65px
    }

    .mg-r-65 {
        margin-right: 65px
    }

    .mg-b-65 {
        margin-bottom: 65px
    }

    .mg-l-65 {
        margin-left: 65px
    }

    .mg-t-65-f {
        margin-top: 65px!important
    }

    .mg-r-65-f {
        margin-right: 65px!important
    }

    .mg-b-65-f {
        margin-bottom: 65px!important
    }

    .mg-l-65-f {
        margin-left: 65px!important
    }

    .mg-70 {
        margin: 70px
    }

    .mg-70-f {
        margin: 70px!important
    }

    .mg-y-70 {
        margin-top: 70px;
        margin-bottom: 70px
    }

    .mg-y-70-f {
        margin-top: 70px!important;
        margin-bottom: 70px!important
    }

    .mg-x-70 {
        margin-left: 70px;
        margin-right: 70px
    }

    .mg-x-70-f {
        margin-left: 70px!important;
        margin-right: 70px!important
    }

    .mg-t-70 {
        margin-top: 70px
    }

    .mg-r-70 {
        margin-right: 70px
    }

    .mg-b-70 {
        margin-bottom: 70px
    }

    .mg-l-70 {
        margin-left: 70px
    }

    .mg-t-70-f {
        margin-top: 70px!important
    }

    .mg-r-70-f {
        margin-right: 70px!important
    }

    .mg-b-70-f {
        margin-bottom: 70px!important
    }

    .mg-l-70-f {
        margin-left: 70px!important
    }

    .mg-75 {
        margin: 75px
    }

    .mg-75-f {
        margin: 75px!important
    }

    .mg-y-75 {
        margin-top: 75px;
        margin-bottom: 75px
    }

    .mg-y-75-f {
        margin-top: 75px!important;
        margin-bottom: 75px!important
    }

    .mg-x-75 {
        margin-left: 75px;
        margin-right: 75px
    }

    .mg-x-75-f {
        margin-left: 75px!important;
        margin-right: 75px!important
    }

    .mg-t-75 {
        margin-top: 75px
    }

    .mg-r-75 {
        margin-right: 75px
    }

    .mg-b-75 {
        margin-bottom: 75px
    }

    .mg-l-75 {
        margin-left: 75px
    }

    .mg-t-75-f {
        margin-top: 75px!important
    }

    .mg-r-75-f {
        margin-right: 75px!important
    }

    .mg-b-75-f {
        margin-bottom: 75px!important
    }

    .mg-l-75-f {
        margin-left: 75px!important
    }

    .mg-80 {
        margin: 80px
    }

    .mg-80-f {
        margin: 80px!important
    }

    .mg-y-80 {
        margin-top: 80px;
        margin-bottom: 80px
    }

    .mg-y-80-f {
        margin-top: 80px!important;
        margin-bottom: 80px!important
    }

    .mg-x-80 {
        margin-left: 80px;
        margin-right: 80px
    }

    .mg-x-80-f {
        margin-left: 80px!important;
        margin-right: 80px!important
    }

    .mg-t-80 {
        margin-top: 80px
    }

    .mg-r-80 {
        margin-right: 80px
    }

    .mg-b-80 {
        margin-bottom: 80px
    }

    .mg-l-80 {
        margin-left: 80px
    }

    .mg-t-80-f {
        margin-top: 80px!important
    }

    .mg-r-80-f {
        margin-right: 80px!important
    }

    .mg-b-80-f {
        margin-bottom: 80px!important
    }

    .mg-l-80-f {
        margin-left: 80px!important
    }

    .mg-85 {
        margin: 85px
    }

    .mg-85-f {
        margin: 85px!important
    }

    .mg-y-85 {
        margin-top: 85px;
        margin-bottom: 85px
    }

    .mg-y-85-f {
        margin-top: 85px!important;
        margin-bottom: 85px!important
    }

    .mg-x-85 {
        margin-left: 85px;
        margin-right: 85px
    }

    .mg-x-85-f {
        margin-left: 85px!important;
        margin-right: 85px!important
    }

    .mg-t-85 {
        margin-top: 85px
    }

    .mg-r-85 {
        margin-right: 85px
    }

    .mg-b-85 {
        margin-bottom: 85px
    }

    .mg-l-85 {
        margin-left: 85px
    }

    .mg-t-85-f {
        margin-top: 85px!important
    }

    .mg-r-85-f {
        margin-right: 85px!important
    }

    .mg-b-85-f {
        margin-bottom: 85px!important
    }

    .mg-l-85-f {
        margin-left: 85px!important
    }

    .mg-90 {
        margin: 90px
    }

    .mg-90-f {
        margin: 90px!important
    }

    .mg-y-90 {
        margin-top: 90px;
        margin-bottom: 90px
    }

    .mg-y-90-f {
        margin-top: 90px!important;
        margin-bottom: 90px!important
    }

    .mg-x-90 {
        margin-left: 90px;
        margin-right: 90px
    }

    .mg-x-90-f {
        margin-left: 90px!important;
        margin-right: 90px!important
    }

    .mg-t-90 {
        margin-top: 90px
    }

    .mg-r-90 {
        margin-right: 90px
    }

    .mg-b-90 {
        margin-bottom: 90px
    }

    .mg-l-90 {
        margin-left: 90px
    }

    .mg-t-90-f {
        margin-top: 90px!important
    }

    .mg-r-90-f {
        margin-right: 90px!important
    }

    .mg-b-90-f {
        margin-bottom: 90px!important
    }

    .mg-l-90-f {
        margin-left: 90px!important
    }

    .mg-95 {
        margin: 95px
    }

    .mg-95-f {
        margin: 95px!important
    }

    .mg-y-95 {
        margin-top: 95px;
        margin-bottom: 95px
    }

    .mg-y-95-f {
        margin-top: 95px!important;
        margin-bottom: 95px!important
    }

    .mg-x-95 {
        margin-left: 95px;
        margin-right: 95px
    }

    .mg-x-95-f {
        margin-left: 95px!important;
        margin-right: 95px!important
    }

    .mg-t-95 {
        margin-top: 95px
    }

    .mg-r-95 {
        margin-right: 95px
    }

    .mg-b-95 {
        margin-bottom: 95px
    }

    .mg-l-95 {
        margin-left: 95px
    }

    .mg-t-95-f {
        margin-top: 95px!important
    }

    .mg-r-95-f {
        margin-right: 95px!important
    }

    .mg-b-95-f {
        margin-bottom: 95px!important
    }

    .mg-l-95-f {
        margin-left: 95px!important
    }

    .mg-100 {
        margin: 100px
    }

    .mg-100-f {
        margin: 100px!important
    }

    .mg-y-100 {
        margin-top: 100px;
        margin-bottom: 100px
    }

    .mg-y-100-f {
        margin-top: 100px!important;
        margin-bottom: 100px!important
    }

    .mg-x-100 {
        margin-left: 100px;
        margin-right: 100px
    }

    .mg-x-100-f {
        margin-left: 100px!important;
        margin-right: 100px!important
    }

    .mg-t-100 {
        margin-top: 100px
    }

    .mg-r-100 {
        margin-right: 100px
    }

    .mg-b-100 {
        margin-bottom: 100px
    }

    .mg-l-100 {
        margin-left: 100px
    }

    .mg-t-100-f {
        margin-top: 100px!important
    }

    .mg-r-100-f {
        margin-right: 100px!important
    }

    .mg-b-100-f {
        margin-bottom: 100px!important
    }

    .mg-l-100-f {
        margin-left: 100px!important
    }

    .mg-105 {
        margin: 105px
    }

    .mg-105-f {
        margin: 105px!important
    }

    .mg-y-105 {
        margin-top: 105px;
        margin-bottom: 105px
    }

    .mg-y-105-f {
        margin-top: 105px!important;
        margin-bottom: 105px!important
    }

    .mg-x-105 {
        margin-left: 105px;
        margin-right: 105px
    }

    .mg-x-105-f {
        margin-left: 105px!important;
        margin-right: 105px!important
    }

    .mg-t-105 {
        margin-top: 105px
    }

    .mg-r-105 {
        margin-right: 105px
    }

    .mg-b-105 {
        margin-bottom: 105px
    }

    .mg-l-105 {
        margin-left: 105px
    }

    .mg-t-105-f {
        margin-top: 105px!important
    }

    .mg-r-105-f {
        margin-right: 105px!important
    }

    .mg-b-105-f {
        margin-bottom: 105px!important
    }

    .mg-l-105-f {
        margin-left: 105px!important
    }

    .mg-110 {
        margin: 110px
    }

    .mg-110-f {
        margin: 110px!important
    }

    .mg-y-110 {
        margin-top: 110px;
        margin-bottom: 110px
    }

    .mg-y-110-f {
        margin-top: 110px!important;
        margin-bottom: 110px!important
    }

    .mg-x-110 {
        margin-left: 110px;
        margin-right: 110px
    }

    .mg-x-110-f {
        margin-left: 110px!important;
        margin-right: 110px!important
    }

    .mg-t-110 {
        margin-top: 110px
    }

    .mg-r-110 {
        margin-right: 110px
    }

    .mg-b-110 {
        margin-bottom: 110px
    }

    .mg-l-110 {
        margin-left: 110px
    }

    .mg-t-110-f {
        margin-top: 110px!important
    }

    .mg-r-110-f {
        margin-right: 110px!important
    }

    .mg-b-110-f {
        margin-bottom: 110px!important
    }

    .mg-l-110-f {
        margin-left: 110px!important
    }

    .mg-115 {
        margin: 115px
    }

    .mg-115-f {
        margin: 115px!important
    }

    .mg-y-115 {
        margin-top: 115px;
        margin-bottom: 115px
    }

    .mg-y-115-f {
        margin-top: 115px!important;
        margin-bottom: 115px!important
    }

    .mg-x-115 {
        margin-left: 115px;
        margin-right: 115px
    }

    .mg-x-115-f {
        margin-left: 115px!important;
        margin-right: 115px!important
    }

    .mg-t-115 {
        margin-top: 115px
    }

    .mg-r-115 {
        margin-right: 115px
    }

    .mg-b-115 {
        margin-bottom: 115px
    }

    .mg-l-115 {
        margin-left: 115px
    }

    .mg-t-115-f {
        margin-top: 115px!important
    }

    .mg-r-115-f {
        margin-right: 115px!important
    }

    .mg-b-115-f {
        margin-bottom: 115px!important
    }

    .mg-l-115-f {
        margin-left: 115px!important
    }

    .mg-120 {
        margin: 120px
    }

    .mg-120-f {
        margin: 120px!important
    }

    .mg-y-120 {
        margin-top: 120px;
        margin-bottom: 120px
    }

    .mg-y-120-f {
        margin-top: 120px!important;
        margin-bottom: 120px!important
    }

    .mg-x-120 {
        margin-left: 120px;
        margin-right: 120px
    }

    .mg-x-120-f {
        margin-left: 120px!important;
        margin-right: 120px!important
    }

    .mg-t-120 {
        margin-top: 120px
    }

    .mg-r-120 {
        margin-right: 120px
    }

    .mg-b-120 {
        margin-bottom: 120px
    }

    .mg-l-120 {
        margin-left: 120px
    }

    .mg-t-120-f {
        margin-top: 120px!important
    }

    .mg-r-120-f {
        margin-right: 120px!important
    }

    .mg-b-120-f {
        margin-bottom: 120px!important
    }

    .mg-l-120-f {
        margin-left: 120px!important
    }

    .mg-t-auto {
        margin-top: auto
    }

    .mg-r-auto {
        margin-right: auto
    }

    .mg-b-auto {
        margin-bottom: auto
    }

    .mg-l-auto {
        margin-left: auto
    }

    .mg-x-auto {
        margin: auto
    }

    @media (min-width:480px) {
        .mg-xs-0 {
            margin: 0
        }
        .mg-xs-0-f {
            margin: 0!important
        }
        .mg-xs-y-0 {
            margin-top: 0;
            margin-bottom: 0
        }
        .mg-xs-y-0-f {
            margin-top: 0!important;
            margin-bottom: 0!important
        }
        .mg-xs-x-0 {
            margin-left: 0;
            margin-right: 0
        }
        .mg-xs-x-0-f {
            margin-left: 0!important;
            margin-right: 0!important
        }
        .mg-xs-t-0 {
            margin-top: 0
        }
        .mg-xs-r-0 {
            margin-right: 0
        }
        .mg-xs-b-0 {
            margin-bottom: 0
        }
        .mg-xs-l-0 {
            margin-left: 0
        }
        .mg-xs-t-0-f {
            margin-top: 0!important
        }
        .mg-xs-r-0-f {
            margin-right: 0!important
        }
        .mg-xs-b-0-f {
            margin-bottom: 0!important
        }
        .mg-xs-l-0-f {
            margin-left: 0!important
        }
        .mg-xs-1 {
            margin: 1px
        }
        .mg-xs-1-f {
            margin: 1px!important
        }
        .mg-xs-y-1 {
            margin-top: 1px;
            margin-bottom: 1px
        }
        .mg-xs-y-1-f {
            margin-top: 1px!important;
            margin-bottom: 1px!important
        }
        .mg-xs-x-1 {
            margin-left: 1px;
            margin-right: 1px
        }
        .mg-xs-x-1-f {
            margin-left: 1px!important;
            margin-right: 1px!important
        }
        .mg-xs-t-1 {
            margin-top: 1px
        }
        .mg-xs-r-1 {
            margin-right: 1px
        }
        .mg-xs-b-1 {
            margin-bottom: 1px
        }
        .mg-xs-l-1 {
            margin-left: 1px
        }
        .mg-xs-t-1-f {
            margin-top: 1px!important
        }
        .mg-xs-r-1-f {
            margin-right: 1px!important
        }
        .mg-xs-b-1-f {
            margin-bottom: 1px!important
        }
        .mg-xs-l-1-f {
            margin-left: 1px!important
        }
        .mg-xs-2 {
            margin: 2px
        }
        .mg-xs-2-f {
            margin: 2px!important
        }
        .mg-xs-y-2 {
            margin-top: 2px;
            margin-bottom: 2px
        }
        .mg-xs-y-2-f {
            margin-top: 2px!important;
            margin-bottom: 2px!important
        }
        .mg-xs-x-2 {
            margin-left: 2px;
            margin-right: 2px
        }
        .mg-xs-x-2-f {
            margin-left: 2px!important;
            margin-right: 2px!important
        }
        .mg-xs-t-2 {
            margin-top: 2px
        }
        .mg-xs-r-2 {
            margin-right: 2px
        }
        .mg-xs-b-2 {
            margin-bottom: 2px
        }
        .mg-xs-l-2 {
            margin-left: 2px
        }
        .mg-xs-t-2-f {
            margin-top: 2px!important
        }
        .mg-xs-r-2-f {
            margin-right: 2px!important
        }
        .mg-xs-b-2-f {
            margin-bottom: 2px!important
        }
        .mg-xs-l-2-f {
            margin-left: 2px!important
        }
        .mg-xs-3 {
            margin: 3px
        }
        .mg-xs-3-f {
            margin: 3px!important
        }
        .mg-xs-y-3 {
            margin-top: 3px;
            margin-bottom: 3px
        }
        .mg-xs-y-3-f {
            margin-top: 3px!important;
            margin-bottom: 3px!important
        }
        .mg-xs-x-3 {
            margin-left: 3px;
            margin-right: 3px
        }
        .mg-xs-x-3-f {
            margin-left: 3px!important;
            margin-right: 3px!important
        }
        .mg-xs-t-3 {
            margin-top: 3px
        }
        .mg-xs-r-3 {
            margin-right: 3px
        }
        .mg-xs-b-3 {
            margin-bottom: 3px
        }
        .mg-xs-l-3 {
            margin-left: 3px
        }
        .mg-xs-t-3-f {
            margin-top: 3px!important
        }
        .mg-xs-r-3-f {
            margin-right: 3px!important
        }
        .mg-xs-b-3-f {
            margin-bottom: 3px!important
        }
        .mg-xs-l-3-f {
            margin-left: 3px!important
        }
        .mg-xs-4 {
            margin: 4px
        }
        .mg-xs-4-f {
            margin: 4px!important
        }
        .mg-xs-y-4 {
            margin-top: 4px;
            margin-bottom: 4px
        }
        .mg-xs-y-4-f {
            margin-top: 4px!important;
            margin-bottom: 4px!important
        }
        .mg-xs-x-4 {
            margin-left: 4px;
            margin-right: 4px
        }
        .mg-xs-x-4-f {
            margin-left: 4px!important;
            margin-right: 4px!important
        }
        .mg-xs-t-4 {
            margin-top: 4px
        }
        .mg-xs-r-4 {
            margin-right: 4px
        }
        .mg-xs-b-4 {
            margin-bottom: 4px
        }
        .mg-xs-l-4 {
            margin-left: 4px
        }
        .mg-xs-t-4-f {
            margin-top: 4px!important
        }
        .mg-xs-r-4-f {
            margin-right: 4px!important
        }
        .mg-xs-b-4-f {
            margin-bottom: 4px!important
        }
        .mg-xs-l-4-f {
            margin-left: 4px!important
        }
        .mg-xs-5 {
            margin: 5px
        }
        .mg-xs-5-f {
            margin: 5px!important
        }
        .mg-xs-y-5 {
            margin-top: 5px;
            margin-bottom: 5px
        }
        .mg-xs-y-5-f {
            margin-top: 5px!important;
            margin-bottom: 5px!important
        }
        .mg-xs-x-5 {
            margin-left: 5px;
            margin-right: 5px
        }
        .mg-xs-x-5-f {
            margin-left: 5px!important;
            margin-right: 5px!important
        }
        .mg-xs-t-5 {
            margin-top: 5px
        }
        .mg-xs-r-5 {
            margin-right: 5px
        }
        .mg-xs-b-5 {
            margin-bottom: 5px
        }
        .mg-xs-l-5 {
            margin-left: 5px
        }
        .mg-xs-t-5-f {
            margin-top: 5px!important
        }
        .mg-xs-r-5-f {
            margin-right: 5px!important
        }
        .mg-xs-b-5-f {
            margin-bottom: 5px!important
        }
        .mg-xs-l-5-f {
            margin-left: 5px!important
        }
        .mg-xs-6 {
            margin: 6px
        }
        .mg-xs-6-f {
            margin: 6px!important
        }
        .mg-xs-y-6 {
            margin-top: 6px;
            margin-bottom: 6px
        }
        .mg-xs-y-6-f {
            margin-top: 6px!important;
            margin-bottom: 6px!important
        }
        .mg-xs-x-6 {
            margin-left: 6px;
            margin-right: 6px
        }
        .mg-xs-x-6-f {
            margin-left: 6px!important;
            margin-right: 6px!important
        }
        .mg-xs-t-6 {
            margin-top: 6px
        }
        .mg-xs-r-6 {
            margin-right: 6px
        }
        .mg-xs-b-6 {
            margin-bottom: 6px
        }
        .mg-xs-l-6 {
            margin-left: 6px
        }
        .mg-xs-t-6-f {
            margin-top: 6px!important
        }
        .mg-xs-r-6-f {
            margin-right: 6px!important
        }
        .mg-xs-b-6-f {
            margin-bottom: 6px!important
        }
        .mg-xs-l-6-f {
            margin-left: 6px!important
        }
        .mg-xs-7 {
            margin: 7px
        }
        .mg-xs-7-f {
            margin: 7px!important
        }
        .mg-xs-y-7 {
            margin-top: 7px;
            margin-bottom: 7px
        }
        .mg-xs-y-7-f {
            margin-top: 7px!important;
            margin-bottom: 7px!important
        }
        .mg-xs-x-7 {
            margin-left: 7px;
            margin-right: 7px
        }
        .mg-xs-x-7-f {
            margin-left: 7px!important;
            margin-right: 7px!important
        }
        .mg-xs-t-7 {
            margin-top: 7px
        }
        .mg-xs-r-7 {
            margin-right: 7px
        }
        .mg-xs-b-7 {
            margin-bottom: 7px
        }
        .mg-xs-l-7 {
            margin-left: 7px
        }
        .mg-xs-t-7-f {
            margin-top: 7px!important
        }
        .mg-xs-r-7-f {
            margin-right: 7px!important
        }
        .mg-xs-b-7-f {
            margin-bottom: 7px!important
        }
        .mg-xs-l-7-f {
            margin-left: 7px!important
        }
        .mg-xs-8 {
            margin: 8px
        }
        .mg-xs-8-f {
            margin: 8px!important
        }
        .mg-xs-y-8 {
            margin-top: 8px;
            margin-bottom: 8px
        }
        .mg-xs-y-8-f {
            margin-top: 8px!important;
            margin-bottom: 8px!important
        }
        .mg-xs-x-8 {
            margin-left: 8px;
            margin-right: 8px
        }
        .mg-xs-x-8-f {
            margin-left: 8px!important;
            margin-right: 8px!important
        }
        .mg-xs-t-8 {
            margin-top: 8px
        }
        .mg-xs-r-8 {
            margin-right: 8px
        }
        .mg-xs-b-8 {
            margin-bottom: 8px
        }
        .mg-xs-l-8 {
            margin-left: 8px
        }
        .mg-xs-t-8-f {
            margin-top: 8px!important
        }
        .mg-xs-r-8-f {
            margin-right: 8px!important
        }
        .mg-xs-b-8-f {
            margin-bottom: 8px!important
        }
        .mg-xs-l-8-f {
            margin-left: 8px!important
        }
        .mg-xs-9 {
            margin: 9px
        }
        .mg-xs-9-f {
            margin: 9px!important
        }
        .mg-xs-y-9 {
            margin-top: 9px;
            margin-bottom: 9px
        }
        .mg-xs-y-9-f {
            margin-top: 9px!important;
            margin-bottom: 9px!important
        }
        .mg-xs-x-9 {
            margin-left: 9px;
            margin-right: 9px
        }
        .mg-xs-x-9-f {
            margin-left: 9px!important;
            margin-right: 9px!important
        }
        .mg-xs-t-9 {
            margin-top: 9px
        }
        .mg-xs-r-9 {
            margin-right: 9px
        }
        .mg-xs-b-9 {
            margin-bottom: 9px
        }
        .mg-xs-l-9 {
            margin-left: 9px
        }
        .mg-xs-t-9-f {
            margin-top: 9px!important
        }
        .mg-xs-r-9-f {
            margin-right: 9px!important
        }
        .mg-xs-b-9-f {
            margin-bottom: 9px!important
        }
        .mg-xs-l-9-f {
            margin-left: 9px!important
        }
        .mg-xs-10 {
            margin: 10px
        }
        .mg-xs-10-f {
            margin: 10px!important
        }
        .mg-xs-y-10 {
            margin-top: 10px;
            margin-bottom: 10px
        }
        .mg-xs-y-10-f {
            margin-top: 10px!important;
            margin-bottom: 10px!important
        }
        .mg-xs-x-10 {
            margin-left: 10px;
            margin-right: 10px
        }
        .mg-xs-x-10-f {
            margin-left: 10px!important;
            margin-right: 10px!important
        }
        .mg-xs-t-10 {
            margin-top: 10px
        }
        .mg-xs-r-10 {
            margin-right: 10px
        }
        .mg-xs-b-10 {
            margin-bottom: 10px
        }
        .mg-xs-l-10 {
            margin-left: 10px
        }
        .mg-xs-t-10-f {
            margin-top: 10px!important
        }
        .mg-xs-r-10-f {
            margin-right: 10px!important
        }
        .mg-xs-b-10-f {
            margin-bottom: 10px!important
        }
        .mg-xs-l-10-f {
            margin-left: 10px!important
        }
        .mg-xs-15 {
            margin: 15px
        }
        .mg-xs-15-f {
            margin: 15px!important
        }
        .mg-xs-y-15 {
            margin-top: 15px;
            margin-bottom: 15px
        }
        .mg-xs-y-15-f {
            margin-top: 15px!important;
            margin-bottom: 15px!important
        }
        .mg-xs-x-15 {
            margin-left: 15px;
            margin-right: 15px
        }
        .mg-xs-x-15-f {
            margin-left: 15px!important;
            margin-right: 15px!important
        }
        .mg-xs-t-15 {
            margin-top: 15px
        }
        .mg-xs-r-15 {
            margin-right: 15px
        }
        .mg-xs-b-15 {
            margin-bottom: 15px
        }
        .mg-xs-l-15 {
            margin-left: 15px
        }
        .mg-xs-t-15-f {
            margin-top: 15px!important
        }
        .mg-xs-r-15-f {
            margin-right: 15px!important
        }
        .mg-xs-b-15-f {
            margin-bottom: 15px!important
        }
        .mg-xs-l-15-f {
            margin-left: 15px!important
        }
        .mg-xs-20 {
            margin: 20px
        }
        .mg-xs-20-f {
            margin: 20px!important
        }
        .mg-xs-y-20 {
            margin-top: 20px;
            margin-bottom: 20px
        }
        .mg-xs-y-20-f {
            margin-top: 20px!important;
            margin-bottom: 20px!important
        }
        .mg-xs-x-20 {
            margin-left: 20px;
            margin-right: 20px
        }
        .mg-xs-x-20-f {
            margin-left: 20px!important;
            margin-right: 20px!important
        }
        .mg-xs-t-20 {
            margin-top: 20px
        }
        .mg-xs-r-20 {
            margin-right: 20px
        }
        .mg-xs-b-20 {
            margin-bottom: 20px
        }
        .mg-xs-l-20 {
            margin-left: 20px
        }
        .mg-xs-t-20-f {
            margin-top: 20px!important
        }
        .mg-xs-r-20-f {
            margin-right: 20px!important
        }
        .mg-xs-b-20-f {
            margin-bottom: 20px!important
        }
        .mg-xs-l-20-f {
            margin-left: 20px!important
        }
        .mg-xs-25 {
            margin: 25px
        }
        .mg-xs-25-f {
            margin: 25px!important
        }
        .mg-xs-y-25 {
            margin-top: 25px;
            margin-bottom: 25px
        }
        .mg-xs-y-25-f {
            margin-top: 25px!important;
            margin-bottom: 25px!important
        }
        .mg-xs-x-25 {
            margin-left: 25px;
            margin-right: 25px
        }
        .mg-xs-x-25-f {
            margin-left: 25px!important;
            margin-right: 25px!important
        }
        .mg-xs-t-25 {
            margin-top: 25px
        }
        .mg-xs-r-25 {
            margin-right: 25px
        }
        .mg-xs-b-25 {
            margin-bottom: 25px
        }
        .mg-xs-l-25 {
            margin-left: 25px
        }
        .mg-xs-t-25-f {
            margin-top: 25px!important
        }
        .mg-xs-r-25-f {
            margin-right: 25px!important
        }
        .mg-xs-b-25-f {
            margin-bottom: 25px!important
        }
        .mg-xs-l-25-f {
            margin-left: 25px!important
        }
        .mg-xs-30 {
            margin: 30px
        }
        .mg-xs-30-f {
            margin: 30px!important
        }
        .mg-xs-y-30 {
            margin-top: 30px;
            margin-bottom: 30px
        }
        .mg-xs-y-30-f {
            margin-top: 30px!important;
            margin-bottom: 30px!important
        }
        .mg-xs-x-30 {
            margin-left: 30px;
            margin-right: 30px
        }
        .mg-xs-x-30-f {
            margin-left: 30px!important;
            margin-right: 30px!important
        }
        .mg-xs-t-30 {
            margin-top: 30px
        }
        .mg-xs-r-30 {
            margin-right: 30px
        }
        .mg-xs-b-30 {
            margin-bottom: 30px
        }
        .mg-xs-l-30 {
            margin-left: 30px
        }
        .mg-xs-t-30-f {
            margin-top: 30px!important
        }
        .mg-xs-r-30-f {
            margin-right: 30px!important
        }
        .mg-xs-b-30-f {
            margin-bottom: 30px!important
        }
        .mg-xs-l-30-f {
            margin-left: 30px!important
        }
        .mg-xs-35 {
            margin: 35px
        }
        .mg-xs-35-f {
            margin: 35px!important
        }
        .mg-xs-y-35 {
            margin-top: 35px;
            margin-bottom: 35px
        }
        .mg-xs-y-35-f {
            margin-top: 35px!important;
            margin-bottom: 35px!important
        }
        .mg-xs-x-35 {
            margin-left: 35px;
            margin-right: 35px
        }
        .mg-xs-x-35-f {
            margin-left: 35px!important;
            margin-right: 35px!important
        }
        .mg-xs-t-35 {
            margin-top: 35px
        }
        .mg-xs-r-35 {
            margin-right: 35px
        }
        .mg-xs-b-35 {
            margin-bottom: 35px
        }
        .mg-xs-l-35 {
            margin-left: 35px
        }
        .mg-xs-t-35-f {
            margin-top: 35px!important
        }
        .mg-xs-r-35-f {
            margin-right: 35px!important
        }
        .mg-xs-b-35-f {
            margin-bottom: 35px!important
        }
        .mg-xs-l-35-f {
            margin-left: 35px!important
        }
        .mg-xs-40 {
            margin: 40px
        }
        .mg-xs-40-f {
            margin: 40px!important
        }
        .mg-xs-y-40 {
            margin-top: 40px;
            margin-bottom: 40px
        }
        .mg-xs-y-40-f {
            margin-top: 40px!important;
            margin-bottom: 40px!important
        }
        .mg-xs-x-40 {
            margin-left: 40px;
            margin-right: 40px
        }
        .mg-xs-x-40-f {
            margin-left: 40px!important;
            margin-right: 40px!important
        }
        .mg-xs-t-40 {
            margin-top: 40px
        }
        .mg-xs-r-40 {
            margin-right: 40px
        }
        .mg-xs-b-40 {
            margin-bottom: 40px
        }
        .mg-xs-l-40 {
            margin-left: 40px
        }
        .mg-xs-t-40-f {
            margin-top: 40px!important
        }
        .mg-xs-r-40-f {
            margin-right: 40px!important
        }
        .mg-xs-b-40-f {
            margin-bottom: 40px!important
        }
        .mg-xs-l-40-f {
            margin-left: 40px!important
        }
        .mg-xs-45 {
            margin: 45px
        }
        .mg-xs-45-f {
            margin: 45px!important
        }
        .mg-xs-y-45 {
            margin-top: 45px;
            margin-bottom: 45px
        }
        .mg-xs-y-45-f {
            margin-top: 45px!important;
            margin-bottom: 45px!important
        }
        .mg-xs-x-45 {
            margin-left: 45px;
            margin-right: 45px
        }
        .mg-xs-x-45-f {
            margin-left: 45px!important;
            margin-right: 45px!important
        }
        .mg-xs-t-45 {
            margin-top: 45px
        }
        .mg-xs-r-45 {
            margin-right: 45px
        }
        .mg-xs-b-45 {
            margin-bottom: 45px
        }
        .mg-xs-l-45 {
            margin-left: 45px
        }
        .mg-xs-t-45-f {
            margin-top: 45px!important
        }
        .mg-xs-r-45-f {
            margin-right: 45px!important
        }
        .mg-xs-b-45-f {
            margin-bottom: 45px!important
        }
        .mg-xs-l-45-f {
            margin-left: 45px!important
        }
        .mg-xs-50 {
            margin: 50px
        }
        .mg-xs-50-f {
            margin: 50px!important
        }
        .mg-xs-y-50 {
            margin-top: 50px;
            margin-bottom: 50px
        }
        .mg-xs-y-50-f {
            margin-top: 50px!important;
            margin-bottom: 50px!important
        }
        .mg-xs-x-50 {
            margin-left: 50px;
            margin-right: 50px
        }
        .mg-xs-x-50-f {
            margin-left: 50px!important;
            margin-right: 50px!important
        }
        .mg-xs-t-50 {
            margin-top: 50px
        }
        .mg-xs-r-50 {
            margin-right: 50px
        }
        .mg-xs-b-50 {
            margin-bottom: 50px
        }
        .mg-xs-l-50 {
            margin-left: 50px
        }
        .mg-xs-t-50-f {
            margin-top: 50px!important
        }
        .mg-xs-r-50-f {
            margin-right: 50px!important
        }
        .mg-xs-b-50-f {
            margin-bottom: 50px!important
        }
        .mg-xs-l-50-f {
            margin-left: 50px!important
        }
        .mg-xs-55 {
            margin: 55px
        }
        .mg-xs-55-f {
            margin: 55px!important
        }
        .mg-xs-y-55 {
            margin-top: 55px;
            margin-bottom: 55px
        }
        .mg-xs-y-55-f {
            margin-top: 55px!important;
            margin-bottom: 55px!important
        }
        .mg-xs-x-55 {
            margin-left: 55px;
            margin-right: 55px
        }
        .mg-xs-x-55-f {
            margin-left: 55px!important;
            margin-right: 55px!important
        }
        .mg-xs-t-55 {
            margin-top: 55px
        }
        .mg-xs-r-55 {
            margin-right: 55px
        }
        .mg-xs-b-55 {
            margin-bottom: 55px
        }
        .mg-xs-l-55 {
            margin-left: 55px
        }
        .mg-xs-t-55-f {
            margin-top: 55px!important
        }
        .mg-xs-r-55-f {
            margin-right: 55px!important
        }
        .mg-xs-b-55-f {
            margin-bottom: 55px!important
        }
        .mg-xs-l-55-f {
            margin-left: 55px!important
        }
        .mg-xs-60 {
            margin: 60px
        }
        .mg-xs-60-f {
            margin: 60px!important
        }
        .mg-xs-y-60 {
            margin-top: 60px;
            margin-bottom: 60px
        }
        .mg-xs-y-60-f {
            margin-top: 60px!important;
            margin-bottom: 60px!important
        }
        .mg-xs-x-60 {
            margin-left: 60px;
            margin-right: 60px
        }
        .mg-xs-x-60-f {
            margin-left: 60px!important;
            margin-right: 60px!important
        }
        .mg-xs-t-60 {
            margin-top: 60px
        }
        .mg-xs-r-60 {
            margin-right: 60px
        }
        .mg-xs-b-60 {
            margin-bottom: 60px
        }
        .mg-xs-l-60 {
            margin-left: 60px
        }
        .mg-xs-t-60-f {
            margin-top: 60px!important
        }
        .mg-xs-r-60-f {
            margin-right: 60px!important
        }
        .mg-xs-b-60-f {
            margin-bottom: 60px!important
        }
        .mg-xs-l-60-f {
            margin-left: 60px!important
        }
        .mg-xs-65 {
            margin: 65px
        }
        .mg-xs-65-f {
            margin: 65px!important
        }
        .mg-xs-y-65 {
            margin-top: 65px;
            margin-bottom: 65px
        }
        .mg-xs-y-65-f {
            margin-top: 65px!important;
            margin-bottom: 65px!important
        }
        .mg-xs-x-65 {
            margin-left: 65px;
            margin-right: 65px
        }
        .mg-xs-x-65-f {
            margin-left: 65px!important;
            margin-right: 65px!important
        }
        .mg-xs-t-65 {
            margin-top: 65px
        }
        .mg-xs-r-65 {
            margin-right: 65px
        }
        .mg-xs-b-65 {
            margin-bottom: 65px
        }
        .mg-xs-l-65 {
            margin-left: 65px
        }
        .mg-xs-t-65-f {
            margin-top: 65px!important
        }
        .mg-xs-r-65-f {
            margin-right: 65px!important
        }
        .mg-xs-b-65-f {
            margin-bottom: 65px!important
        }
        .mg-xs-l-65-f {
            margin-left: 65px!important
        }
        .mg-xs-70 {
            margin: 70px
        }
        .mg-xs-70-f {
            margin: 70px!important
        }
        .mg-xs-y-70 {
            margin-top: 70px;
            margin-bottom: 70px
        }
        .mg-xs-y-70-f {
            margin-top: 70px!important;
            margin-bottom: 70px!important
        }
        .mg-xs-x-70 {
            margin-left: 70px;
            margin-right: 70px
        }
        .mg-xs-x-70-f {
            margin-left: 70px!important;
            margin-right: 70px!important
        }
        .mg-xs-t-70 {
            margin-top: 70px
        }
        .mg-xs-r-70 {
            margin-right: 70px
        }
        .mg-xs-b-70 {
            margin-bottom: 70px
        }
        .mg-xs-l-70 {
            margin-left: 70px
        }
        .mg-xs-t-70-f {
            margin-top: 70px!important
        }
        .mg-xs-r-70-f {
            margin-right: 70px!important
        }
        .mg-xs-b-70-f {
            margin-bottom: 70px!important
        }
        .mg-xs-l-70-f {
            margin-left: 70px!important
        }
        .mg-xs-75 {
            margin: 75px
        }
        .mg-xs-75-f {
            margin: 75px!important
        }
        .mg-xs-y-75 {
            margin-top: 75px;
            margin-bottom: 75px
        }
        .mg-xs-y-75-f {
            margin-top: 75px!important;
            margin-bottom: 75px!important
        }
        .mg-xs-x-75 {
            margin-left: 75px;
            margin-right: 75px
        }
        .mg-xs-x-75-f {
            margin-left: 75px!important;
            margin-right: 75px!important
        }
        .mg-xs-t-75 {
            margin-top: 75px
        }
        .mg-xs-r-75 {
            margin-right: 75px
        }
        .mg-xs-b-75 {
            margin-bottom: 75px
        }
        .mg-xs-l-75 {
            margin-left: 75px
        }
        .mg-xs-t-75-f {
            margin-top: 75px!important
        }
        .mg-xs-r-75-f {
            margin-right: 75px!important
        }
        .mg-xs-b-75-f {
            margin-bottom: 75px!important
        }
        .mg-xs-l-75-f {
            margin-left: 75px!important
        }
        .mg-xs-80 {
            margin: 80px
        }
        .mg-xs-80-f {
            margin: 80px!important
        }
        .mg-xs-y-80 {
            margin-top: 80px;
            margin-bottom: 80px
        }
        .mg-xs-y-80-f {
            margin-top: 80px!important;
            margin-bottom: 80px!important
        }
        .mg-xs-x-80 {
            margin-left: 80px;
            margin-right: 80px
        }
        .mg-xs-x-80-f {
            margin-left: 80px!important;
            margin-right: 80px!important
        }
        .mg-xs-t-80 {
            margin-top: 80px
        }
        .mg-xs-r-80 {
            margin-right: 80px
        }
        .mg-xs-b-80 {
            margin-bottom: 80px
        }
        .mg-xs-l-80 {
            margin-left: 80px
        }
        .mg-xs-t-80-f {
            margin-top: 80px!important
        }
        .mg-xs-r-80-f {
            margin-right: 80px!important
        }
        .mg-xs-b-80-f {
            margin-bottom: 80px!important
        }
        .mg-xs-l-80-f {
            margin-left: 80px!important
        }
        .mg-xs-85 {
            margin: 85px
        }
        .mg-xs-85-f {
            margin: 85px!important
        }
        .mg-xs-y-85 {
            margin-top: 85px;
            margin-bottom: 85px
        }
        .mg-xs-y-85-f {
            margin-top: 85px!important;
            margin-bottom: 85px!important
        }
        .mg-xs-x-85 {
            margin-left: 85px;
            margin-right: 85px
        }
        .mg-xs-x-85-f {
            margin-left: 85px!important;
            margin-right: 85px!important
        }
        .mg-xs-t-85 {
            margin-top: 85px
        }
        .mg-xs-r-85 {
            margin-right: 85px
        }
        .mg-xs-b-85 {
            margin-bottom: 85px
        }
        .mg-xs-l-85 {
            margin-left: 85px
        }
        .mg-xs-t-85-f {
            margin-top: 85px!important
        }
        .mg-xs-r-85-f {
            margin-right: 85px!important
        }
        .mg-xs-b-85-f {
            margin-bottom: 85px!important
        }
        .mg-xs-l-85-f {
            margin-left: 85px!important
        }
        .mg-xs-90 {
            margin: 90px
        }
        .mg-xs-90-f {
            margin: 90px!important
        }
        .mg-xs-y-90 {
            margin-top: 90px;
            margin-bottom: 90px
        }
        .mg-xs-y-90-f {
            margin-top: 90px!important;
            margin-bottom: 90px!important
        }
        .mg-xs-x-90 {
            margin-left: 90px;
            margin-right: 90px
        }
        .mg-xs-x-90-f {
            margin-left: 90px!important;
            margin-right: 90px!important
        }
        .mg-xs-t-90 {
            margin-top: 90px
        }
        .mg-xs-r-90 {
            margin-right: 90px
        }
        .mg-xs-b-90 {
            margin-bottom: 90px
        }
        .mg-xs-l-90 {
            margin-left: 90px
        }
        .mg-xs-t-90-f {
            margin-top: 90px!important
        }
        .mg-xs-r-90-f {
            margin-right: 90px!important
        }
        .mg-xs-b-90-f {
            margin-bottom: 90px!important
        }
        .mg-xs-l-90-f {
            margin-left: 90px!important
        }
        .mg-xs-95 {
            margin: 95px
        }
        .mg-xs-95-f {
            margin: 95px!important
        }
        .mg-xs-y-95 {
            margin-top: 95px;
            margin-bottom: 95px
        }
        .mg-xs-y-95-f {
            margin-top: 95px!important;
            margin-bottom: 95px!important
        }
        .mg-xs-x-95 {
            margin-left: 95px;
            margin-right: 95px
        }
        .mg-xs-x-95-f {
            margin-left: 95px!important;
            margin-right: 95px!important
        }
        .mg-xs-t-95 {
            margin-top: 95px
        }
        .mg-xs-r-95 {
            margin-right: 95px
        }
        .mg-xs-b-95 {
            margin-bottom: 95px
        }
        .mg-xs-l-95 {
            margin-left: 95px
        }
        .mg-xs-t-95-f {
            margin-top: 95px!important
        }
        .mg-xs-r-95-f {
            margin-right: 95px!important
        }
        .mg-xs-b-95-f {
            margin-bottom: 95px!important
        }
        .mg-xs-l-95-f {
            margin-left: 95px!important
        }
        .mg-xs-100 {
            margin: 100px
        }
        .mg-xs-100-f {
            margin: 100px!important
        }
        .mg-xs-y-100 {
            margin-top: 100px;
            margin-bottom: 100px
        }
        .mg-xs-y-100-f {
            margin-top: 100px!important;
            margin-bottom: 100px!important
        }
        .mg-xs-x-100 {
            margin-left: 100px;
            margin-right: 100px
        }
        .mg-xs-x-100-f {
            margin-left: 100px!important;
            margin-right: 100px!important
        }
        .mg-xs-t-100 {
            margin-top: 100px
        }
        .mg-xs-r-100 {
            margin-right: 100px
        }
        .mg-xs-b-100 {
            margin-bottom: 100px
        }
        .mg-xs-l-100 {
            margin-left: 100px
        }
        .mg-xs-t-100-f {
            margin-top: 100px!important
        }
        .mg-xs-r-100-f {
            margin-right: 100px!important
        }
        .mg-xs-b-100-f {
            margin-bottom: 100px!important
        }
        .mg-xs-l-100-f {
            margin-left: 100px!important
        }
        .mg-xs-t-auto {
            margin-top: auto
        }
        .mg-xs-r-auto {
            margin-right: auto
        }
        .mg-xs-b-auto {
            margin-bottom: auto
        }
        .mg-xs-l-auto {
            margin-left: auto
        }
        .mg-xs-auto {
            margin: auto
        }
        .mg-xs-x-auto {
            margin-left: auto;
            margin-right: auto
        }
    }

    @media (min-width:576px) {
        .mg-sm-0 {
            margin: 0
        }
        .mg-sm-0-f {
            margin: 0!important
        }
        .mg-sm-y-0 {
            margin-top: 0;
            margin-bottom: 0
        }
        .mg-sm-y-0-f {
            margin-top: 0!important;
            margin-bottom: 0!important
        }
        .mg-sm-x-0 {
            margin-left: 0;
            margin-right: 0
        }
        .mg-sm-x-0-f {
            margin-left: 0!important;
            margin-right: 0!important
        }
        .mg-sm-t-0 {
            margin-top: 0
        }
        .mg-sm-r-0 {
            margin-right: 0
        }
        .mg-sm-b-0 {
            margin-bottom: 0
        }
        .mg-sm-l-0 {
            margin-left: 0
        }
        .mg-sm-t-0-f {
            margin-top: 0!important
        }
        .mg-sm-r-0-f {
            margin-right: 0!important
        }
        .mg-sm-b-0-f {
            margin-bottom: 0!important
        }
        .mg-sm-l-0-f {
            margin-left: 0!important
        }
        .mg-sm-1 {
            margin: 1px
        }
        .mg-sm-1-f {
            margin: 1px!important
        }
        .mg-sm-y-1 {
            margin-top: 1px;
            margin-bottom: 1px
        }
        .mg-sm-y-1-f {
            margin-top: 1px!important;
            margin-bottom: 1px!important
        }
        .mg-sm-x-1 {
            margin-left: 1px;
            margin-right: 1px
        }
        .mg-sm-x-1-f {
            margin-left: 1px!important;
            margin-right: 1px!important
        }
        .mg-sm-t-1 {
            margin-top: 1px
        }
        .mg-sm-r-1 {
            margin-right: 1px
        }
        .mg-sm-b-1 {
            margin-bottom: 1px
        }
        .mg-sm-l-1 {
            margin-left: 1px
        }
        .mg-sm-t-1-f {
            margin-top: 1px!important
        }
        .mg-sm-r-1-f {
            margin-right: 1px!important
        }
        .mg-sm-b-1-f {
            margin-bottom: 1px!important
        }
        .mg-sm-l-1-f {
            margin-left: 1px!important
        }
        .mg-sm-2 {
            margin: 2px
        }
        .mg-sm-2-f {
            margin: 2px!important
        }
        .mg-sm-y-2 {
            margin-top: 2px;
            margin-bottom: 2px
        }
        .mg-sm-y-2-f {
            margin-top: 2px!important;
            margin-bottom: 2px!important
        }
        .mg-sm-x-2 {
            margin-left: 2px;
            margin-right: 2px
        }
        .mg-sm-x-2-f {
            margin-left: 2px!important;
            margin-right: 2px!important
        }
        .mg-sm-t-2 {
            margin-top: 2px
        }
        .mg-sm-r-2 {
            margin-right: 2px
        }
        .mg-sm-b-2 {
            margin-bottom: 2px
        }
        .mg-sm-l-2 {
            margin-left: 2px
        }
        .mg-sm-t-2-f {
            margin-top: 2px!important
        }
        .mg-sm-r-2-f {
            margin-right: 2px!important
        }
        .mg-sm-b-2-f {
            margin-bottom: 2px!important
        }
        .mg-sm-l-2-f {
            margin-left: 2px!important
        }
        .mg-sm-3 {
            margin: 3px
        }
        .mg-sm-3-f {
            margin: 3px!important
        }
        .mg-sm-y-3 {
            margin-top: 3px;
            margin-bottom: 3px
        }
        .mg-sm-y-3-f {
            margin-top: 3px!important;
            margin-bottom: 3px!important
        }
        .mg-sm-x-3 {
            margin-left: 3px;
            margin-right: 3px
        }
        .mg-sm-x-3-f {
            margin-left: 3px!important;
            margin-right: 3px!important
        }
        .mg-sm-t-3 {
            margin-top: 3px
        }
        .mg-sm-r-3 {
            margin-right: 3px
        }
        .mg-sm-b-3 {
            margin-bottom: 3px
        }
        .mg-sm-l-3 {
            margin-left: 3px
        }
        .mg-sm-t-3-f {
            margin-top: 3px!important
        }
        .mg-sm-r-3-f {
            margin-right: 3px!important
        }
        .mg-sm-b-3-f {
            margin-bottom: 3px!important
        }
        .mg-sm-l-3-f {
            margin-left: 3px!important
        }
        .mg-sm-4 {
            margin: 4px
        }
        .mg-sm-4-f {
            margin: 4px!important
        }
        .mg-sm-y-4 {
            margin-top: 4px;
            margin-bottom: 4px
        }
        .mg-sm-y-4-f {
            margin-top: 4px!important;
            margin-bottom: 4px!important
        }
        .mg-sm-x-4 {
            margin-left: 4px;
            margin-right: 4px
        }
        .mg-sm-x-4-f {
            margin-left: 4px!important;
            margin-right: 4px!important
        }
        .mg-sm-t-4 {
            margin-top: 4px
        }
        .mg-sm-r-4 {
            margin-right: 4px
        }
        .mg-sm-b-4 {
            margin-bottom: 4px
        }
        .mg-sm-l-4 {
            margin-left: 4px
        }
        .mg-sm-t-4-f {
            margin-top: 4px!important
        }
        .mg-sm-r-4-f {
            margin-right: 4px!important
        }
        .mg-sm-b-4-f {
            margin-bottom: 4px!important
        }
        .mg-sm-l-4-f {
            margin-left: 4px!important
        }
        .mg-sm-5 {
            margin: 5px
        }
        .mg-sm-5-f {
            margin: 5px!important
        }
        .mg-sm-y-5 {
            margin-top: 5px;
            margin-bottom: 5px
        }
        .mg-sm-y-5-f {
            margin-top: 5px!important;
            margin-bottom: 5px!important
        }
        .mg-sm-x-5 {
            margin-left: 5px;
            margin-right: 5px
        }
        .mg-sm-x-5-f {
            margin-left: 5px!important;
            margin-right: 5px!important
        }
        .mg-sm-t-5 {
            margin-top: 5px
        }
        .mg-sm-r-5 {
            margin-right: 5px
        }
        .mg-sm-b-5 {
            margin-bottom: 5px
        }
        .mg-sm-l-5 {
            margin-left: 5px
        }
        .mg-sm-t-5-f {
            margin-top: 5px!important
        }
        .mg-sm-r-5-f {
            margin-right: 5px!important
        }
        .mg-sm-b-5-f {
            margin-bottom: 5px!important
        }
        .mg-sm-l-5-f {
            margin-left: 5px!important
        }
        .mg-sm-6 {
            margin: 6px
        }
        .mg-sm-6-f {
            margin: 6px!important
        }
        .mg-sm-y-6 {
            margin-top: 6px;
            margin-bottom: 6px
        }
        .mg-sm-y-6-f {
            margin-top: 6px!important;
            margin-bottom: 6px!important
        }
        .mg-sm-x-6 {
            margin-left: 6px;
            margin-right: 6px
        }
        .mg-sm-x-6-f {
            margin-left: 6px!important;
            margin-right: 6px!important
        }
        .mg-sm-t-6 {
            margin-top: 6px
        }
        .mg-sm-r-6 {
            margin-right: 6px
        }
        .mg-sm-b-6 {
            margin-bottom: 6px
        }
        .mg-sm-l-6 {
            margin-left: 6px
        }
        .mg-sm-t-6-f {
            margin-top: 6px!important
        }
        .mg-sm-r-6-f {
            margin-right: 6px!important
        }
        .mg-sm-b-6-f {
            margin-bottom: 6px!important
        }
        .mg-sm-l-6-f {
            margin-left: 6px!important
        }
        .mg-sm-7 {
            margin: 7px
        }
        .mg-sm-7-f {
            margin: 7px!important
        }
        .mg-sm-y-7 {
            margin-top: 7px;
            margin-bottom: 7px
        }
        .mg-sm-y-7-f {
            margin-top: 7px!important;
            margin-bottom: 7px!important
        }
        .mg-sm-x-7 {
            margin-left: 7px;
            margin-right: 7px
        }
        .mg-sm-x-7-f {
            margin-left: 7px!important;
            margin-right: 7px!important
        }
        .mg-sm-t-7 {
            margin-top: 7px
        }
        .mg-sm-r-7 {
            margin-right: 7px
        }
        .mg-sm-b-7 {
            margin-bottom: 7px
        }
        .mg-sm-l-7 {
            margin-left: 7px
        }
        .mg-sm-t-7-f {
            margin-top: 7px!important
        }
        .mg-sm-r-7-f {
            margin-right: 7px!important
        }
        .mg-sm-b-7-f {
            margin-bottom: 7px!important
        }
        .mg-sm-l-7-f {
            margin-left: 7px!important
        }
        .mg-sm-8 {
            margin: 8px
        }
        .mg-sm-8-f {
            margin: 8px!important
        }
        .mg-sm-y-8 {
            margin-top: 8px;
            margin-bottom: 8px
        }
        .mg-sm-y-8-f {
            margin-top: 8px!important;
            margin-bottom: 8px!important
        }
        .mg-sm-x-8 {
            margin-left: 8px;
            margin-right: 8px
        }
        .mg-sm-x-8-f {
            margin-left: 8px!important;
            margin-right: 8px!important
        }
        .mg-sm-t-8 {
            margin-top: 8px
        }
        .mg-sm-r-8 {
            margin-right: 8px
        }
        .mg-sm-b-8 {
            margin-bottom: 8px
        }
        .mg-sm-l-8 {
            margin-left: 8px
        }
        .mg-sm-t-8-f {
            margin-top: 8px!important
        }
        .mg-sm-r-8-f {
            margin-right: 8px!important
        }
        .mg-sm-b-8-f {
            margin-bottom: 8px!important
        }
        .mg-sm-l-8-f {
            margin-left: 8px!important
        }
        .mg-sm-9 {
            margin: 9px
        }
        .mg-sm-9-f {
            margin: 9px!important
        }
        .mg-sm-y-9 {
            margin-top: 9px;
            margin-bottom: 9px
        }
        .mg-sm-y-9-f {
            margin-top: 9px!important;
            margin-bottom: 9px!important
        }
        .mg-sm-x-9 {
            margin-left: 9px;
            margin-right: 9px
        }
        .mg-sm-x-9-f {
            margin-left: 9px!important;
            margin-right: 9px!important
        }
        .mg-sm-t-9 {
            margin-top: 9px
        }
        .mg-sm-r-9 {
            margin-right: 9px
        }
        .mg-sm-b-9 {
            margin-bottom: 9px
        }
        .mg-sm-l-9 {
            margin-left: 9px
        }
        .mg-sm-t-9-f {
            margin-top: 9px!important
        }
        .mg-sm-r-9-f {
            margin-right: 9px!important
        }
        .mg-sm-b-9-f {
            margin-bottom: 9px!important
        }
        .mg-sm-l-9-f {
            margin-left: 9px!important
        }
        .mg-sm-10 {
            margin: 10px
        }
        .mg-sm-10-f {
            margin: 10px!important
        }
        .mg-sm-y-10 {
            margin-top: 10px;
            margin-bottom: 10px
        }
        .mg-sm-y-10-f {
            margin-top: 10px!important;
            margin-bottom: 10px!important
        }
        .mg-sm-x-10 {
            margin-left: 10px;
            margin-right: 10px
        }
        .mg-sm-x-10-f {
            margin-left: 10px!important;
            margin-right: 10px!important
        }
        .mg-sm-t-10 {
            margin-top: 10px
        }
        .mg-sm-r-10 {
            margin-right: 10px
        }
        .mg-sm-b-10 {
            margin-bottom: 10px
        }
        .mg-sm-l-10 {
            margin-left: 10px
        }
        .mg-sm-t-10-f {
            margin-top: 10px!important
        }
        .mg-sm-r-10-f {
            margin-right: 10px!important
        }
        .mg-sm-b-10-f {
            margin-bottom: 10px!important
        }
        .mg-sm-l-10-f {
            margin-left: 10px!important
        }
        .mg-sm-15 {
            margin: 15px
        }
        .mg-sm-15-f {
            margin: 15px!important
        }
        .mg-sm-y-15 {
            margin-top: 15px;
            margin-bottom: 15px
        }
        .mg-sm-y-15-f {
            margin-top: 15px!important;
            margin-bottom: 15px!important
        }
        .mg-sm-x-15 {
            margin-left: 15px;
            margin-right: 15px
        }
        .mg-sm-x-15-f {
            margin-left: 15px!important;
            margin-right: 15px!important
        }
        .mg-sm-t-15 {
            margin-top: 15px
        }
        .mg-sm-r-15 {
            margin-right: 15px
        }
        .mg-sm-b-15 {
            margin-bottom: 15px
        }
        .mg-sm-l-15 {
            margin-left: 15px
        }
        .mg-sm-t-15-f {
            margin-top: 15px!important
        }
        .mg-sm-r-15-f {
            margin-right: 15px!important
        }
        .mg-sm-b-15-f {
            margin-bottom: 15px!important
        }
        .mg-sm-l-15-f {
            margin-left: 15px!important
        }
        .mg-sm-20 {
            margin: 20px
        }
        .mg-sm-20-f {
            margin: 20px!important
        }
        .mg-sm-y-20 {
            margin-top: 20px;
            margin-bottom: 20px
        }
        .mg-sm-y-20-f {
            margin-top: 20px!important;
            margin-bottom: 20px!important
        }
        .mg-sm-x-20 {
            margin-left: 20px;
            margin-right: 20px
        }
        .mg-sm-x-20-f {
            margin-left: 20px!important;
            margin-right: 20px!important
        }
        .mg-sm-t-20 {
            margin-top: 20px
        }
        .mg-sm-r-20 {
            margin-right: 20px
        }
        .mg-sm-b-20 {
            margin-bottom: 20px
        }
        .mg-sm-l-20 {
            margin-left: 20px
        }
        .mg-sm-t-20-f {
            margin-top: 20px!important
        }
        .mg-sm-r-20-f {
            margin-right: 20px!important
        }
        .mg-sm-b-20-f {
            margin-bottom: 20px!important
        }
        .mg-sm-l-20-f {
            margin-left: 20px!important
        }
        .mg-sm-25 {
            margin: 25px
        }
        .mg-sm-25-f {
            margin: 25px!important
        }
        .mg-sm-y-25 {
            margin-top: 25px;
            margin-bottom: 25px
        }
        .mg-sm-y-25-f {
            margin-top: 25px!important;
            margin-bottom: 25px!important
        }
        .mg-sm-x-25 {
            margin-left: 25px;
            margin-right: 25px
        }
        .mg-sm-x-25-f {
            margin-left: 25px!important;
            margin-right: 25px!important
        }
        .mg-sm-t-25 {
            margin-top: 25px
        }
        .mg-sm-r-25 {
            margin-right: 25px
        }
        .mg-sm-b-25 {
            margin-bottom: 25px
        }
        .mg-sm-l-25 {
            margin-left: 25px
        }
        .mg-sm-t-25-f {
            margin-top: 25px!important
        }
        .mg-sm-r-25-f {
            margin-right: 25px!important
        }
        .mg-sm-b-25-f {
            margin-bottom: 25px!important
        }
        .mg-sm-l-25-f {
            margin-left: 25px!important
        }
        .mg-sm-30 {
            margin: 30px
        }
        .mg-sm-30-f {
            margin: 30px!important
        }
        .mg-sm-y-30 {
            margin-top: 30px;
            margin-bottom: 30px
        }
        .mg-sm-y-30-f {
            margin-top: 30px!important;
            margin-bottom: 30px!important
        }
        .mg-sm-x-30 {
            margin-left: 30px;
            margin-right: 30px
        }
        .mg-sm-x-30-f {
            margin-left: 30px!important;
            margin-right: 30px!important
        }
        .mg-sm-t-30 {
            margin-top: 30px
        }
        .mg-sm-r-30 {
            margin-right: 30px
        }
        .mg-sm-b-30 {
            margin-bottom: 30px
        }
        .mg-sm-l-30 {
            margin-left: 30px
        }
        .mg-sm-t-30-f {
            margin-top: 30px!important
        }
        .mg-sm-r-30-f {
            margin-right: 30px!important
        }
        .mg-sm-b-30-f {
            margin-bottom: 30px!important
        }
        .mg-sm-l-30-f {
            margin-left: 30px!important
        }
        .mg-sm-35 {
            margin: 35px
        }
        .mg-sm-35-f {
            margin: 35px!important
        }
        .mg-sm-y-35 {
            margin-top: 35px;
            margin-bottom: 35px
        }
        .mg-sm-y-35-f {
            margin-top: 35px!important;
            margin-bottom: 35px!important
        }
        .mg-sm-x-35 {
            margin-left: 35px;
            margin-right: 35px
        }
        .mg-sm-x-35-f {
            margin-left: 35px!important;
            margin-right: 35px!important
        }
        .mg-sm-t-35 {
            margin-top: 35px
        }
        .mg-sm-r-35 {
            margin-right: 35px
        }
        .mg-sm-b-35 {
            margin-bottom: 35px
        }
        .mg-sm-l-35 {
            margin-left: 35px
        }
        .mg-sm-t-35-f {
            margin-top: 35px!important
        }
        .mg-sm-r-35-f {
            margin-right: 35px!important
        }
        .mg-sm-b-35-f {
            margin-bottom: 35px!important
        }
        .mg-sm-l-35-f {
            margin-left: 35px!important
        }
        .mg-sm-40 {
            margin: 40px
        }
        .mg-sm-40-f {
            margin: 40px!important
        }
        .mg-sm-y-40 {
            margin-top: 40px;
            margin-bottom: 40px
        }
        .mg-sm-y-40-f {
            margin-top: 40px!important;
            margin-bottom: 40px!important
        }
        .mg-sm-x-40 {
            margin-left: 40px;
            margin-right: 40px
        }
        .mg-sm-x-40-f {
            margin-left: 40px!important;
            margin-right: 40px!important
        }
        .mg-sm-t-40 {
            margin-top: 40px
        }
        .mg-sm-r-40 {
            margin-right: 40px
        }
        .mg-sm-b-40 {
            margin-bottom: 40px
        }
        .mg-sm-l-40 {
            margin-left: 40px
        }
        .mg-sm-t-40-f {
            margin-top: 40px!important
        }
        .mg-sm-r-40-f {
            margin-right: 40px!important
        }
        .mg-sm-b-40-f {
            margin-bottom: 40px!important
        }
        .mg-sm-l-40-f {
            margin-left: 40px!important
        }
        .mg-sm-45 {
            margin: 45px
        }
        .mg-sm-45-f {
            margin: 45px!important
        }
        .mg-sm-y-45 {
            margin-top: 45px;
            margin-bottom: 45px
        }
        .mg-sm-y-45-f {
            margin-top: 45px!important;
            margin-bottom: 45px!important
        }
        .mg-sm-x-45 {
            margin-left: 45px;
            margin-right: 45px
        }
        .mg-sm-x-45-f {
            margin-left: 45px!important;
            margin-right: 45px!important
        }
        .mg-sm-t-45 {
            margin-top: 45px
        }
        .mg-sm-r-45 {
            margin-right: 45px
        }
        .mg-sm-b-45 {
            margin-bottom: 45px
        }
        .mg-sm-l-45 {
            margin-left: 45px
        }
        .mg-sm-t-45-f {
            margin-top: 45px!important
        }
        .mg-sm-r-45-f {
            margin-right: 45px!important
        }
        .mg-sm-b-45-f {
            margin-bottom: 45px!important
        }
        .mg-sm-l-45-f {
            margin-left: 45px!important
        }
        .mg-sm-50 {
            margin: 50px
        }
        .mg-sm-50-f {
            margin: 50px!important
        }
        .mg-sm-y-50 {
            margin-top: 50px;
            margin-bottom: 50px
        }
        .mg-sm-y-50-f {
            margin-top: 50px!important;
            margin-bottom: 50px!important
        }
        .mg-sm-x-50 {
            margin-left: 50px;
            margin-right: 50px
        }
        .mg-sm-x-50-f {
            margin-left: 50px!important;
            margin-right: 50px!important
        }
        .mg-sm-t-50 {
            margin-top: 50px
        }
        .mg-sm-r-50 {
            margin-right: 50px
        }
        .mg-sm-b-50 {
            margin-bottom: 50px
        }
        .mg-sm-l-50 {
            margin-left: 50px
        }
        .mg-sm-t-50-f {
            margin-top: 50px!important
        }
        .mg-sm-r-50-f {
            margin-right: 50px!important
        }
        .mg-sm-b-50-f {
            margin-bottom: 50px!important
        }
        .mg-sm-l-50-f {
            margin-left: 50px!important
        }
        .mg-sm-55 {
            margin: 55px
        }
        .mg-sm-55-f {
            margin: 55px!important
        }
        .mg-sm-y-55 {
            margin-top: 55px;
            margin-bottom: 55px
        }
        .mg-sm-y-55-f {
            margin-top: 55px!important;
            margin-bottom: 55px!important
        }
        .mg-sm-x-55 {
            margin-left: 55px;
            margin-right: 55px
        }
        .mg-sm-x-55-f {
            margin-left: 55px!important;
            margin-right: 55px!important
        }
        .mg-sm-t-55 {
            margin-top: 55px
        }
        .mg-sm-r-55 {
            margin-right: 55px
        }
        .mg-sm-b-55 {
            margin-bottom: 55px
        }
        .mg-sm-l-55 {
            margin-left: 55px
        }
        .mg-sm-t-55-f {
            margin-top: 55px!important
        }
        .mg-sm-r-55-f {
            margin-right: 55px!important
        }
        .mg-sm-b-55-f {
            margin-bottom: 55px!important
        }
        .mg-sm-l-55-f {
            margin-left: 55px!important
        }
        .mg-sm-60 {
            margin: 60px
        }
        .mg-sm-60-f {
            margin: 60px!important
        }
        .mg-sm-y-60 {
            margin-top: 60px;
            margin-bottom: 60px
        }
        .mg-sm-y-60-f {
            margin-top: 60px!important;
            margin-bottom: 60px!important
        }
        .mg-sm-x-60 {
            margin-left: 60px;
            margin-right: 60px
        }
        .mg-sm-x-60-f {
            margin-left: 60px!important;
            margin-right: 60px!important
        }
        .mg-sm-t-60 {
            margin-top: 60px
        }
        .mg-sm-r-60 {
            margin-right: 60px
        }
        .mg-sm-b-60 {
            margin-bottom: 60px
        }
        .mg-sm-l-60 {
            margin-left: 60px
        }
        .mg-sm-t-60-f {
            margin-top: 60px!important
        }
        .mg-sm-r-60-f {
            margin-right: 60px!important
        }
        .mg-sm-b-60-f {
            margin-bottom: 60px!important
        }
        .mg-sm-l-60-f {
            margin-left: 60px!important
        }
        .mg-sm-65 {
            margin: 65px
        }
        .mg-sm-65-f {
            margin: 65px!important
        }
        .mg-sm-y-65 {
            margin-top: 65px;
            margin-bottom: 65px
        }
        .mg-sm-y-65-f {
            margin-top: 65px!important;
            margin-bottom: 65px!important
        }
        .mg-sm-x-65 {
            margin-left: 65px;
            margin-right: 65px
        }
        .mg-sm-x-65-f {
            margin-left: 65px!important;
            margin-right: 65px!important
        }
        .mg-sm-t-65 {
            margin-top: 65px
        }
        .mg-sm-r-65 {
            margin-right: 65px
        }
        .mg-sm-b-65 {
            margin-bottom: 65px
        }
        .mg-sm-l-65 {
            margin-left: 65px
        }
        .mg-sm-t-65-f {
            margin-top: 65px!important
        }
        .mg-sm-r-65-f {
            margin-right: 65px!important
        }
        .mg-sm-b-65-f {
            margin-bottom: 65px!important
        }
        .mg-sm-l-65-f {
            margin-left: 65px!important
        }
        .mg-sm-70 {
            margin: 70px
        }
        .mg-sm-70-f {
            margin: 70px!important
        }
        .mg-sm-y-70 {
            margin-top: 70px;
            margin-bottom: 70px
        }
        .mg-sm-y-70-f {
            margin-top: 70px!important;
            margin-bottom: 70px!important
        }
        .mg-sm-x-70 {
            margin-left: 70px;
            margin-right: 70px
        }
        .mg-sm-x-70-f {
            margin-left: 70px!important;
            margin-right: 70px!important
        }
        .mg-sm-t-70 {
            margin-top: 70px
        }
        .mg-sm-r-70 {
            margin-right: 70px
        }
        .mg-sm-b-70 {
            margin-bottom: 70px
        }
        .mg-sm-l-70 {
            margin-left: 70px
        }
        .mg-sm-t-70-f {
            margin-top: 70px!important
        }
        .mg-sm-r-70-f {
            margin-right: 70px!important
        }
        .mg-sm-b-70-f {
            margin-bottom: 70px!important
        }
        .mg-sm-l-70-f {
            margin-left: 70px!important
        }
        .mg-sm-75 {
            margin: 75px
        }
        .mg-sm-75-f {
            margin: 75px!important
        }
        .mg-sm-y-75 {
            margin-top: 75px;
            margin-bottom: 75px
        }
        .mg-sm-y-75-f {
            margin-top: 75px!important;
            margin-bottom: 75px!important
        }
        .mg-sm-x-75 {
            margin-left: 75px;
            margin-right: 75px
        }
        .mg-sm-x-75-f {
            margin-left: 75px!important;
            margin-right: 75px!important
        }
        .mg-sm-t-75 {
            margin-top: 75px
        }
        .mg-sm-r-75 {
            margin-right: 75px
        }
        .mg-sm-b-75 {
            margin-bottom: 75px
        }
        .mg-sm-l-75 {
            margin-left: 75px
        }
        .mg-sm-t-75-f {
            margin-top: 75px!important
        }
        .mg-sm-r-75-f {
            margin-right: 75px!important
        }
        .mg-sm-b-75-f {
            margin-bottom: 75px!important
        }
        .mg-sm-l-75-f {
            margin-left: 75px!important
        }
        .mg-sm-80 {
            margin: 80px
        }
        .mg-sm-80-f {
            margin: 80px!important
        }
        .mg-sm-y-80 {
            margin-top: 80px;
            margin-bottom: 80px
        }
        .mg-sm-y-80-f {
            margin-top: 80px!important;
            margin-bottom: 80px!important
        }
        .mg-sm-x-80 {
            margin-left: 80px;
            margin-right: 80px
        }
        .mg-sm-x-80-f {
            margin-left: 80px!important;
            margin-right: 80px!important
        }
        .mg-sm-t-80 {
            margin-top: 80px
        }
        .mg-sm-r-80 {
            margin-right: 80px
        }
        .mg-sm-b-80 {
            margin-bottom: 80px
        }
        .mg-sm-l-80 {
            margin-left: 80px
        }
        .mg-sm-t-80-f {
            margin-top: 80px!important
        }
        .mg-sm-r-80-f {
            margin-right: 80px!important
        }
        .mg-sm-b-80-f {
            margin-bottom: 80px!important
        }
        .mg-sm-l-80-f {
            margin-left: 80px!important
        }
        .mg-sm-85 {
            margin: 85px
        }
        .mg-sm-85-f {
            margin: 85px!important
        }
        .mg-sm-y-85 {
            margin-top: 85px;
            margin-bottom: 85px
        }
        .mg-sm-y-85-f {
            margin-top: 85px!important;
            margin-bottom: 85px!important
        }
        .mg-sm-x-85 {
            margin-left: 85px;
            margin-right: 85px
        }
        .mg-sm-x-85-f {
            margin-left: 85px!important;
            margin-right: 85px!important
        }
        .mg-sm-t-85 {
            margin-top: 85px
        }
        .mg-sm-r-85 {
            margin-right: 85px
        }
        .mg-sm-b-85 {
            margin-bottom: 85px
        }
        .mg-sm-l-85 {
            margin-left: 85px
        }
        .mg-sm-t-85-f {
            margin-top: 85px!important
        }
        .mg-sm-r-85-f {
            margin-right: 85px!important
        }
        .mg-sm-b-85-f {
            margin-bottom: 85px!important
        }
        .mg-sm-l-85-f {
            margin-left: 85px!important
        }
        .mg-sm-90 {
            margin: 90px
        }
        .mg-sm-90-f {
            margin: 90px!important
        }
        .mg-sm-y-90 {
            margin-top: 90px;
            margin-bottom: 90px
        }
        .mg-sm-y-90-f {
            margin-top: 90px!important;
            margin-bottom: 90px!important
        }
        .mg-sm-x-90 {
            margin-left: 90px;
            margin-right: 90px
        }
        .mg-sm-x-90-f {
            margin-left: 90px!important;
            margin-right: 90px!important
        }
        .mg-sm-t-90 {
            margin-top: 90px
        }
        .mg-sm-r-90 {
            margin-right: 90px
        }
        .mg-sm-b-90 {
            margin-bottom: 90px
        }
        .mg-sm-l-90 {
            margin-left: 90px
        }
        .mg-sm-t-90-f {
            margin-top: 90px!important
        }
        .mg-sm-r-90-f {
            margin-right: 90px!important
        }
        .mg-sm-b-90-f {
            margin-bottom: 90px!important
        }
        .mg-sm-l-90-f {
            margin-left: 90px!important
        }
        .mg-sm-95 {
            margin: 95px
        }
        .mg-sm-95-f {
            margin: 95px!important
        }
        .mg-sm-y-95 {
            margin-top: 95px;
            margin-bottom: 95px
        }
        .mg-sm-y-95-f {
            margin-top: 95px!important;
            margin-bottom: 95px!important
        }
        .mg-sm-x-95 {
            margin-left: 95px;
            margin-right: 95px
        }
        .mg-sm-x-95-f {
            margin-left: 95px!important;
            margin-right: 95px!important
        }
        .mg-sm-t-95 {
            margin-top: 95px
        }
        .mg-sm-r-95 {
            margin-right: 95px
        }
        .mg-sm-b-95 {
            margin-bottom: 95px
        }
        .mg-sm-l-95 {
            margin-left: 95px
        }
        .mg-sm-t-95-f {
            margin-top: 95px!important
        }
        .mg-sm-r-95-f {
            margin-right: 95px!important
        }
        .mg-sm-b-95-f {
            margin-bottom: 95px!important
        }
        .mg-sm-l-95-f {
            margin-left: 95px!important
        }
        .mg-sm-100 {
            margin: 100px
        }
        .mg-sm-100-f {
            margin: 100px!important
        }
        .mg-sm-y-100 {
            margin-top: 100px;
            margin-bottom: 100px
        }
        .mg-sm-y-100-f {
            margin-top: 100px!important;
            margin-bottom: 100px!important
        }
        .mg-sm-x-100 {
            margin-left: 100px;
            margin-right: 100px
        }
        .mg-sm-x-100-f {
            margin-left: 100px!important;
            margin-right: 100px!important
        }
        .mg-sm-t-100 {
            margin-top: 100px
        }
        .mg-sm-r-100 {
            margin-right: 100px
        }
        .mg-sm-b-100 {
            margin-bottom: 100px
        }
        .mg-sm-l-100 {
            margin-left: 100px
        }
        .mg-sm-t-100-f {
            margin-top: 100px!important
        }
        .mg-sm-r-100-f {
            margin-right: 100px!important
        }
        .mg-sm-b-100-f {
            margin-bottom: 100px!important
        }
        .mg-sm-l-100-f {
            margin-left: 100px!important
        }
        .mg-sm-t-auto {
            margin-top: auto
        }
        .mg-sm-r-auto {
            margin-right: auto
        }
        .mg-sm-b-auto {
            margin-bottom: auto
        }
        .mg-sm-l-auto {
            margin-left: auto
        }
        .mg-sm-auto {
            margin: auto
        }
        .mg-sm-x-auto {
            margin-left: auto;
            margin-right: auto
        }
    }

    @media (min-width:768px) {
        .mg-md-0 {
            margin: 0
        }
        .mg-md-0-f {
            margin: 0!important
        }
        .mg-md-y-0 {
            margin-top: 0;
            margin-bottom: 0
        }
        .mg-md-y-0-f {
            margin-top: 0!important;
            margin-bottom: 0!important
        }
        .mg-md-x-0 {
            margin-left: 0;
            margin-right: 0
        }
        .mg-md-x-0-f {
            margin-left: 0!important;
            margin-right: 0!important
        }
        .mg-md-t-0 {
            margin-top: 0
        }
        .mg-md-r-0 {
            margin-right: 0
        }
        .mg-md-b-0 {
            margin-bottom: 0
        }
        .mg-md-l-0 {
            margin-left: 0
        }
        .mg-md-t-0-f {
            margin-top: 0!important
        }
        .mg-md-r-0-f {
            margin-right: 0!important
        }
        .mg-md-b-0-f {
            margin-bottom: 0!important
        }
        .mg-md-l-0-f {
            margin-left: 0!important
        }
        .mg-md-1 {
            margin: 1px
        }
        .mg-md-1-f {
            margin: 1px!important
        }
        .mg-md-y-1 {
            margin-top: 1px;
            margin-bottom: 1px
        }
        .mg-md-y-1-f {
            margin-top: 1px!important;
            margin-bottom: 1px!important
        }
        .mg-md-x-1 {
            margin-left: 1px;
            margin-right: 1px
        }
        .mg-md-x-1-f {
            margin-left: 1px!important;
            margin-right: 1px!important
        }
        .mg-md-t-1 {
            margin-top: 1px
        }
        .mg-md-r-1 {
            margin-right: 1px
        }
        .mg-md-b-1 {
            margin-bottom: 1px
        }
        .mg-md-l-1 {
            margin-left: 1px
        }
        .mg-md-t-1-f {
            margin-top: 1px!important
        }
        .mg-md-r-1-f {
            margin-right: 1px!important
        }
        .mg-md-b-1-f {
            margin-bottom: 1px!important
        }
        .mg-md-l-1-f {
            margin-left: 1px!important
        }
        .mg-md-2 {
            margin: 2px
        }
        .mg-md-2-f {
            margin: 2px!important
        }
        .mg-md-y-2 {
            margin-top: 2px;
            margin-bottom: 2px
        }
        .mg-md-y-2-f {
            margin-top: 2px!important;
            margin-bottom: 2px!important
        }
        .mg-md-x-2 {
            margin-left: 2px;
            margin-right: 2px
        }
        .mg-md-x-2-f {
            margin-left: 2px!important;
            margin-right: 2px!important
        }
        .mg-md-t-2 {
            margin-top: 2px
        }
        .mg-md-r-2 {
            margin-right: 2px
        }
        .mg-md-b-2 {
            margin-bottom: 2px
        }
        .mg-md-l-2 {
            margin-left: 2px
        }
        .mg-md-t-2-f {
            margin-top: 2px!important
        }
        .mg-md-r-2-f {
            margin-right: 2px!important
        }
        .mg-md-b-2-f {
            margin-bottom: 2px!important
        }
        .mg-md-l-2-f {
            margin-left: 2px!important
        }
        .mg-md-3 {
            margin: 3px
        }
        .mg-md-3-f {
            margin: 3px!important
        }
        .mg-md-y-3 {
            margin-top: 3px;
            margin-bottom: 3px
        }
        .mg-md-y-3-f {
            margin-top: 3px!important;
            margin-bottom: 3px!important
        }
        .mg-md-x-3 {
            margin-left: 3px;
            margin-right: 3px
        }
        .mg-md-x-3-f {
            margin-left: 3px!important;
            margin-right: 3px!important
        }
        .mg-md-t-3 {
            margin-top: 3px
        }
        .mg-md-r-3 {
            margin-right: 3px
        }
        .mg-md-b-3 {
            margin-bottom: 3px
        }
        .mg-md-l-3 {
            margin-left: 3px
        }
        .mg-md-t-3-f {
            margin-top: 3px!important
        }
        .mg-md-r-3-f {
            margin-right: 3px!important
        }
        .mg-md-b-3-f {
            margin-bottom: 3px!important
        }
        .mg-md-l-3-f {
            margin-left: 3px!important
        }
        .mg-md-4 {
            margin: 4px
        }
        .mg-md-4-f {
            margin: 4px!important
        }
        .mg-md-y-4 {
            margin-top: 4px;
            margin-bottom: 4px
        }
        .mg-md-y-4-f {
            margin-top: 4px!important;
            margin-bottom: 4px!important
        }
        .mg-md-x-4 {
            margin-left: 4px;
            margin-right: 4px
        }
        .mg-md-x-4-f {
            margin-left: 4px!important;
            margin-right: 4px!important
        }
        .mg-md-t-4 {
            margin-top: 4px
        }
        .mg-md-r-4 {
            margin-right: 4px
        }
        .mg-md-b-4 {
            margin-bottom: 4px
        }
        .mg-md-l-4 {
            margin-left: 4px
        }
        .mg-md-t-4-f {
            margin-top: 4px!important
        }
        .mg-md-r-4-f {
            margin-right: 4px!important
        }
        .mg-md-b-4-f {
            margin-bottom: 4px!important
        }
        .mg-md-l-4-f {
            margin-left: 4px!important
        }
        .mg-md-5 {
            margin: 5px
        }
        .mg-md-5-f {
            margin: 5px!important
        }
        .mg-md-y-5 {
            margin-top: 5px;
            margin-bottom: 5px
        }
        .mg-md-y-5-f {
            margin-top: 5px!important;
            margin-bottom: 5px!important
        }
        .mg-md-x-5 {
            margin-left: 5px;
            margin-right: 5px
        }
        .mg-md-x-5-f {
            margin-left: 5px!important;
            margin-right: 5px!important
        }
        .mg-md-t-5 {
            margin-top: 5px
        }
        .mg-md-r-5 {
            margin-right: 5px
        }
        .mg-md-b-5 {
            margin-bottom: 5px
        }
        .mg-md-l-5 {
            margin-left: 5px
        }
        .mg-md-t-5-f {
            margin-top: 5px!important
        }
        .mg-md-r-5-f {
            margin-right: 5px!important
        }
        .mg-md-b-5-f {
            margin-bottom: 5px!important
        }
        .mg-md-l-5-f {
            margin-left: 5px!important
        }
        .mg-md-6 {
            margin: 6px
        }
        .mg-md-6-f {
            margin: 6px!important
        }
        .mg-md-y-6 {
            margin-top: 6px;
            margin-bottom: 6px
        }
        .mg-md-y-6-f {
            margin-top: 6px!important;
            margin-bottom: 6px!important
        }
        .mg-md-x-6 {
            margin-left: 6px;
            margin-right: 6px
        }
        .mg-md-x-6-f {
            margin-left: 6px!important;
            margin-right: 6px!important
        }
        .mg-md-t-6 {
            margin-top: 6px
        }
        .mg-md-r-6 {
            margin-right: 6px
        }
        .mg-md-b-6 {
            margin-bottom: 6px
        }
        .mg-md-l-6 {
            margin-left: 6px
        }
        .mg-md-t-6-f {
            margin-top: 6px!important
        }
        .mg-md-r-6-f {
            margin-right: 6px!important
        }
        .mg-md-b-6-f {
            margin-bottom: 6px!important
        }
        .mg-md-l-6-f {
            margin-left: 6px!important
        }
        .mg-md-7 {
            margin: 7px
        }
        .mg-md-7-f {
            margin: 7px!important
        }
        .mg-md-y-7 {
            margin-top: 7px;
            margin-bottom: 7px
        }
        .mg-md-y-7-f {
            margin-top: 7px!important;
            margin-bottom: 7px!important
        }
        .mg-md-x-7 {
            margin-left: 7px;
            margin-right: 7px
        }
        .mg-md-x-7-f {
            margin-left: 7px!important;
            margin-right: 7px!important
        }
        .mg-md-t-7 {
            margin-top: 7px
        }
        .mg-md-r-7 {
            margin-right: 7px
        }
        .mg-md-b-7 {
            margin-bottom: 7px
        }
        .mg-md-l-7 {
            margin-left: 7px
        }
        .mg-md-t-7-f {
            margin-top: 7px!important
        }
        .mg-md-r-7-f {
            margin-right: 7px!important
        }
        .mg-md-b-7-f {
            margin-bottom: 7px!important
        }
        .mg-md-l-7-f {
            margin-left: 7px!important
        }
        .mg-md-8 {
            margin: 8px
        }
        .mg-md-8-f {
            margin: 8px!important
        }
        .mg-md-y-8 {
            margin-top: 8px;
            margin-bottom: 8px
        }
        .mg-md-y-8-f {
            margin-top: 8px!important;
            margin-bottom: 8px!important
        }
        .mg-md-x-8 {
            margin-left: 8px;
            margin-right: 8px
        }
        .mg-md-x-8-f {
            margin-left: 8px!important;
            margin-right: 8px!important
        }
        .mg-md-t-8 {
            margin-top: 8px
        }
        .mg-md-r-8 {
            margin-right: 8px
        }
        .mg-md-b-8 {
            margin-bottom: 8px
        }
        .mg-md-l-8 {
            margin-left: 8px
        }
        .mg-md-t-8-f {
            margin-top: 8px!important
        }
        .mg-md-r-8-f {
            margin-right: 8px!important
        }
        .mg-md-b-8-f {
            margin-bottom: 8px!important
        }
        .mg-md-l-8-f {
            margin-left: 8px!important
        }
        .mg-md-9 {
            margin: 9px
        }
        .mg-md-9-f {
            margin: 9px!important
        }
        .mg-md-y-9 {
            margin-top: 9px;
            margin-bottom: 9px
        }
        .mg-md-y-9-f {
            margin-top: 9px!important;
            margin-bottom: 9px!important
        }
        .mg-md-x-9 {
            margin-left: 9px;
            margin-right: 9px
        }
        .mg-md-x-9-f {
            margin-left: 9px!important;
            margin-right: 9px!important
        }
        .mg-md-t-9 {
            margin-top: 9px
        }
        .mg-md-r-9 {
            margin-right: 9px
        }
        .mg-md-b-9 {
            margin-bottom: 9px
        }
        .mg-md-l-9 {
            margin-left: 9px
        }
        .mg-md-t-9-f {
            margin-top: 9px!important
        }
        .mg-md-r-9-f {
            margin-right: 9px!important
        }
        .mg-md-b-9-f {
            margin-bottom: 9px!important
        }
        .mg-md-l-9-f {
            margin-left: 9px!important
        }
        .mg-md-10 {
            margin: 10px
        }
        .mg-md-10-f {
            margin: 10px!important
        }
        .mg-md-y-10 {
            margin-top: 10px;
            margin-bottom: 10px
        }
        .mg-md-y-10-f {
            margin-top: 10px!important;
            margin-bottom: 10px!important
        }
        .mg-md-x-10 {
            margin-left: 10px;
            margin-right: 10px
        }
        .mg-md-x-10-f {
            margin-left: 10px!important;
            margin-right: 10px!important
        }
        .mg-md-t-10 {
            margin-top: 10px
        }
        .mg-md-r-10 {
            margin-right: 10px
        }
        .mg-md-b-10 {
            margin-bottom: 10px
        }
        .mg-md-l-10 {
            margin-left: 10px
        }
        .mg-md-t-10-f {
            margin-top: 10px!important
        }
        .mg-md-r-10-f {
            margin-right: 10px!important
        }
        .mg-md-b-10-f {
            margin-bottom: 10px!important
        }
        .mg-md-l-10-f {
            margin-left: 10px!important
        }
        .mg-md-15 {
            margin: 15px
        }
        .mg-md-15-f {
            margin: 15px!important
        }
        .mg-md-y-15 {
            margin-top: 15px;
            margin-bottom: 15px
        }
        .mg-md-y-15-f {
            margin-top: 15px!important;
            margin-bottom: 15px!important
        }
        .mg-md-x-15 {
            margin-left: 15px;
            margin-right: 15px
        }
        .mg-md-x-15-f {
            margin-left: 15px!important;
            margin-right: 15px!important
        }
        .mg-md-t-15 {
            margin-top: 15px
        }
        .mg-md-r-15 {
            margin-right: 15px
        }
        .mg-md-b-15 {
            margin-bottom: 15px
        }
        .mg-md-l-15 {
            margin-left: 15px
        }
        .mg-md-t-15-f {
            margin-top: 15px!important
        }
        .mg-md-r-15-f {
            margin-right: 15px!important
        }
        .mg-md-b-15-f {
            margin-bottom: 15px!important
        }
        .mg-md-l-15-f {
            margin-left: 15px!important
        }
        .mg-md-20 {
            margin: 20px
        }
        .mg-md-20-f {
            margin: 20px!important
        }
        .mg-md-y-20 {
            margin-top: 20px;
            margin-bottom: 20px
        }
        .mg-md-y-20-f {
            margin-top: 20px!important;
            margin-bottom: 20px!important
        }
        .mg-md-x-20 {
            margin-left: 20px;
            margin-right: 20px
        }
        .mg-md-x-20-f {
            margin-left: 20px!important;
            margin-right: 20px!important
        }
        .mg-md-t-20 {
            margin-top: 20px
        }
        .mg-md-r-20 {
            margin-right: 20px
        }
        .mg-md-b-20 {
            margin-bottom: 20px
        }
        .mg-md-l-20 {
            margin-left: 20px
        }
        .mg-md-t-20-f {
            margin-top: 20px!important
        }
        .mg-md-r-20-f {
            margin-right: 20px!important
        }
        .mg-md-b-20-f {
            margin-bottom: 20px!important
        }
        .mg-md-l-20-f {
            margin-left: 20px!important
        }
        .mg-md-25 {
            margin: 25px
        }
        .mg-md-25-f {
            margin: 25px!important
        }
        .mg-md-y-25 {
            margin-top: 25px;
            margin-bottom: 25px
        }
        .mg-md-y-25-f {
            margin-top: 25px!important;
            margin-bottom: 25px!important
        }
        .mg-md-x-25 {
            margin-left: 25px;
            margin-right: 25px
        }
        .mg-md-x-25-f {
            margin-left: 25px!important;
            margin-right: 25px!important
        }
        .mg-md-t-25 {
            margin-top: 25px
        }
        .mg-md-r-25 {
            margin-right: 25px
        }
        .mg-md-b-25 {
            margin-bottom: 25px
        }
        .mg-md-l-25 {
            margin-left: 25px
        }
        .mg-md-t-25-f {
            margin-top: 25px!important
        }
        .mg-md-r-25-f {
            margin-right: 25px!important
        }
        .mg-md-b-25-f {
            margin-bottom: 25px!important
        }
        .mg-md-l-25-f {
            margin-left: 25px!important
        }
        .mg-md-30 {
            margin: 30px
        }
        .mg-md-30-f {
            margin: 30px!important
        }
        .mg-md-y-30 {
            margin-top: 30px;
            margin-bottom: 30px
        }
        .mg-md-y-30-f {
            margin-top: 30px!important;
            margin-bottom: 30px!important
        }
        .mg-md-x-30 {
            margin-left: 30px;
            margin-right: 30px
        }
        .mg-md-x-30-f {
            margin-left: 30px!important;
            margin-right: 30px!important
        }
        .mg-md-t-30 {
            margin-top: 30px
        }
        .mg-md-r-30 {
            margin-right: 30px
        }
        .mg-md-b-30 {
            margin-bottom: 30px
        }
        .mg-md-l-30 {
            margin-left: 30px
        }
        .mg-md-t-30-f {
            margin-top: 30px!important
        }
        .mg-md-r-30-f {
            margin-right: 30px!important
        }
        .mg-md-b-30-f {
            margin-bottom: 30px!important
        }
        .mg-md-l-30-f {
            margin-left: 30px!important
        }
        .mg-md-35 {
            margin: 35px
        }
        .mg-md-35-f {
            margin: 35px!important
        }
        .mg-md-y-35 {
            margin-top: 35px;
            margin-bottom: 35px
        }
        .mg-md-y-35-f {
            margin-top: 35px!important;
            margin-bottom: 35px!important
        }
        .mg-md-x-35 {
            margin-left: 35px;
            margin-right: 35px
        }
        .mg-md-x-35-f {
            margin-left: 35px!important;
            margin-right: 35px!important
        }
        .mg-md-t-35 {
            margin-top: 35px
        }
        .mg-md-r-35 {
            margin-right: 35px
        }
        .mg-md-b-35 {
            margin-bottom: 35px
        }
        .mg-md-l-35 {
            margin-left: 35px
        }
        .mg-md-t-35-f {
            margin-top: 35px!important
        }
        .mg-md-r-35-f {
            margin-right: 35px!important
        }
        .mg-md-b-35-f {
            margin-bottom: 35px!important
        }
        .mg-md-l-35-f {
            margin-left: 35px!important
        }
        .mg-md-40 {
            margin: 40px
        }
        .mg-md-40-f {
            margin: 40px!important
        }
        .mg-md-y-40 {
            margin-top: 40px;
            margin-bottom: 40px
        }
        .mg-md-y-40-f {
            margin-top: 40px!important;
            margin-bottom: 40px!important
        }
        .mg-md-x-40 {
            margin-left: 40px;
            margin-right: 40px
        }
        .mg-md-x-40-f {
            margin-left: 40px!important;
            margin-right: 40px!important
        }
        .mg-md-t-40 {
            margin-top: 40px
        }
        .mg-md-r-40 {
            margin-right: 40px
        }
        .mg-md-b-40 {
            margin-bottom: 40px
        }
        .mg-md-l-40 {
            margin-left: 40px
        }
        .mg-md-t-40-f {
            margin-top: 40px!important
        }
        .mg-md-r-40-f {
            margin-right: 40px!important
        }
        .mg-md-b-40-f {
            margin-bottom: 40px!important
        }
        .mg-md-l-40-f {
            margin-left: 40px!important
        }
        .mg-md-45 {
            margin: 45px
        }
        .mg-md-45-f {
            margin: 45px!important
        }
        .mg-md-y-45 {
            margin-top: 45px;
            margin-bottom: 45px
        }
        .mg-md-y-45-f {
            margin-top: 45px!important;
            margin-bottom: 45px!important
        }
        .mg-md-x-45 {
            margin-left: 45px;
            margin-right: 45px
        }
        .mg-md-x-45-f {
            margin-left: 45px!important;
            margin-right: 45px!important
        }
        .mg-md-t-45 {
            margin-top: 45px
        }
        .mg-md-r-45 {
            margin-right: 45px
        }
        .mg-md-b-45 {
            margin-bottom: 45px
        }
        .mg-md-l-45 {
            margin-left: 45px
        }
        .mg-md-t-45-f {
            margin-top: 45px!important
        }
        .mg-md-r-45-f {
            margin-right: 45px!important
        }
        .mg-md-b-45-f {
            margin-bottom: 45px!important
        }
        .mg-md-l-45-f {
            margin-left: 45px!important
        }
        .mg-md-50 {
            margin: 50px
        }
        .mg-md-50-f {
            margin: 50px!important
        }
        .mg-md-y-50 {
            margin-top: 50px;
            margin-bottom: 50px
        }
        .mg-md-y-50-f {
            margin-top: 50px!important;
            margin-bottom: 50px!important
        }
        .mg-md-x-50 {
            margin-left: 50px;
            margin-right: 50px
        }
        .mg-md-x-50-f {
            margin-left: 50px!important;
            margin-right: 50px!important
        }
        .mg-md-t-50 {
            margin-top: 50px
        }
        .mg-md-r-50 {
            margin-right: 50px
        }
        .mg-md-b-50 {
            margin-bottom: 50px
        }
        .mg-md-l-50 {
            margin-left: 50px
        }
        .mg-md-t-50-f {
            margin-top: 50px!important
        }
        .mg-md-r-50-f {
            margin-right: 50px!important
        }
        .mg-md-b-50-f {
            margin-bottom: 50px!important
        }
        .mg-md-l-50-f {
            margin-left: 50px!important
        }
        .mg-md-55 {
            margin: 55px
        }
        .mg-md-55-f {
            margin: 55px!important
        }
        .mg-md-y-55 {
            margin-top: 55px;
            margin-bottom: 55px
        }
        .mg-md-y-55-f {
            margin-top: 55px!important;
            margin-bottom: 55px!important
        }
        .mg-md-x-55 {
            margin-left: 55px;
            margin-right: 55px
        }
        .mg-md-x-55-f {
            margin-left: 55px!important;
            margin-right: 55px!important
        }
        .mg-md-t-55 {
            margin-top: 55px
        }
        .mg-md-r-55 {
            margin-right: 55px
        }
        .mg-md-b-55 {
            margin-bottom: 55px
        }
        .mg-md-l-55 {
            margin-left: 55px
        }
        .mg-md-t-55-f {
            margin-top: 55px!important
        }
        .mg-md-r-55-f {
            margin-right: 55px!important
        }
        .mg-md-b-55-f {
            margin-bottom: 55px!important
        }
        .mg-md-l-55-f {
            margin-left: 55px!important
        }
        .mg-md-60 {
            margin: 60px
        }
        .mg-md-60-f {
            margin: 60px!important
        }
        .mg-md-y-60 {
            margin-top: 60px;
            margin-bottom: 60px
        }
        .mg-md-y-60-f {
            margin-top: 60px!important;
            margin-bottom: 60px!important
        }
        .mg-md-x-60 {
            margin-left: 60px;
            margin-right: 60px
        }
        .mg-md-x-60-f {
            margin-left: 60px!important;
            margin-right: 60px!important
        }
        .mg-md-t-60 {
            margin-top: 60px
        }
        .mg-md-r-60 {
            margin-right: 60px
        }
        .mg-md-b-60 {
            margin-bottom: 60px
        }
        .mg-md-l-60 {
            margin-left: 60px
        }
        .mg-md-t-60-f {
            margin-top: 60px!important
        }
        .mg-md-r-60-f {
            margin-right: 60px!important
        }
        .mg-md-b-60-f {
            margin-bottom: 60px!important
        }
        .mg-md-l-60-f {
            margin-left: 60px!important
        }
        .mg-md-65 {
            margin: 65px
        }
        .mg-md-65-f {
            margin: 65px!important
        }
        .mg-md-y-65 {
            margin-top: 65px;
            margin-bottom: 65px
        }
        .mg-md-y-65-f {
            margin-top: 65px!important;
            margin-bottom: 65px!important
        }
        .mg-md-x-65 {
            margin-left: 65px;
            margin-right: 65px
        }
        .mg-md-x-65-f {
            margin-left: 65px!important;
            margin-right: 65px!important
        }
        .mg-md-t-65 {
            margin-top: 65px
        }
        .mg-md-r-65 {
            margin-right: 65px
        }
        .mg-md-b-65 {
            margin-bottom: 65px
        }
        .mg-md-l-65 {
            margin-left: 65px
        }
        .mg-md-t-65-f {
            margin-top: 65px!important
        }
        .mg-md-r-65-f {
            margin-right: 65px!important
        }
        .mg-md-b-65-f {
            margin-bottom: 65px!important
        }
        .mg-md-l-65-f {
            margin-left: 65px!important
        }
        .mg-md-70 {
            margin: 70px
        }
        .mg-md-70-f {
            margin: 70px!important
        }
        .mg-md-y-70 {
            margin-top: 70px;
            margin-bottom: 70px
        }
        .mg-md-y-70-f {
            margin-top: 70px!important;
            margin-bottom: 70px!important
        }
        .mg-md-x-70 {
            margin-left: 70px;
            margin-right: 70px
        }
        .mg-md-x-70-f {
            margin-left: 70px!important;
            margin-right: 70px!important
        }
        .mg-md-t-70 {
            margin-top: 70px
        }
        .mg-md-r-70 {
            margin-right: 70px
        }
        .mg-md-b-70 {
            margin-bottom: 70px
        }
        .mg-md-l-70 {
            margin-left: 70px
        }
        .mg-md-t-70-f {
            margin-top: 70px!important
        }
        .mg-md-r-70-f {
            margin-right: 70px!important
        }
        .mg-md-b-70-f {
            margin-bottom: 70px!important
        }
        .mg-md-l-70-f {
            margin-left: 70px!important
        }
        .mg-md-75 {
            margin: 75px
        }
        .mg-md-75-f {
            margin: 75px!important
        }
        .mg-md-y-75 {
            margin-top: 75px;
            margin-bottom: 75px
        }
        .mg-md-y-75-f {
            margin-top: 75px!important;
            margin-bottom: 75px!important
        }
        .mg-md-x-75 {
            margin-left: 75px;
            margin-right: 75px
        }
        .mg-md-x-75-f {
            margin-left: 75px!important;
            margin-right: 75px!important
        }
        .mg-md-t-75 {
            margin-top: 75px
        }
        .mg-md-r-75 {
            margin-right: 75px
        }
        .mg-md-b-75 {
            margin-bottom: 75px
        }
        .mg-md-l-75 {
            margin-left: 75px
        }
        .mg-md-t-75-f {
            margin-top: 75px!important
        }
        .mg-md-r-75-f {
            margin-right: 75px!important
        }
        .mg-md-b-75-f {
            margin-bottom: 75px!important
        }
        .mg-md-l-75-f {
            margin-left: 75px!important
        }
        .mg-md-80 {
            margin: 80px
        }
        .mg-md-80-f {
            margin: 80px!important
        }
        .mg-md-y-80 {
            margin-top: 80px;
            margin-bottom: 80px
        }
        .mg-md-y-80-f {
            margin-top: 80px!important;
            margin-bottom: 80px!important
        }
        .mg-md-x-80 {
            margin-left: 80px;
            margin-right: 80px
        }
        .mg-md-x-80-f {
            margin-left: 80px!important;
            margin-right: 80px!important
        }
        .mg-md-t-80 {
            margin-top: 80px
        }
        .mg-md-r-80 {
            margin-right: 80px
        }
        .mg-md-b-80 {
            margin-bottom: 80px
        }
        .mg-md-l-80 {
            margin-left: 80px
        }
        .mg-md-t-80-f {
            margin-top: 80px!important
        }
        .mg-md-r-80-f {
            margin-right: 80px!important
        }
        .mg-md-b-80-f {
            margin-bottom: 80px!important
        }
        .mg-md-l-80-f {
            margin-left: 80px!important
        }
        .mg-md-85 {
            margin: 85px
        }
        .mg-md-85-f {
            margin: 85px!important
        }
        .mg-md-y-85 {
            margin-top: 85px;
            margin-bottom: 85px
        }
        .mg-md-y-85-f {
            margin-top: 85px!important;
            margin-bottom: 85px!important
        }
        .mg-md-x-85 {
            margin-left: 85px;
            margin-right: 85px
        }
        .mg-md-x-85-f {
            margin-left: 85px!important;
            margin-right: 85px!important
        }
        .mg-md-t-85 {
            margin-top: 85px
        }
        .mg-md-r-85 {
            margin-right: 85px
        }
        .mg-md-b-85 {
            margin-bottom: 85px
        }
        .mg-md-l-85 {
            margin-left: 85px
        }
        .mg-md-t-85-f {
            margin-top: 85px!important
        }
        .mg-md-r-85-f {
            margin-right: 85px!important
        }
        .mg-md-b-85-f {
            margin-bottom: 85px!important
        }
        .mg-md-l-85-f {
            margin-left: 85px!important
        }
        .mg-md-90 {
            margin: 90px
        }
        .mg-md-90-f {
            margin: 90px!important
        }
        .mg-md-y-90 {
            margin-top: 90px;
            margin-bottom: 90px
        }
        .mg-md-y-90-f {
            margin-top: 90px!important;
            margin-bottom: 90px!important
        }
        .mg-md-x-90 {
            margin-left: 90px;
            margin-right: 90px
        }
        .mg-md-x-90-f {
            margin-left: 90px!important;
            margin-right: 90px!important
        }
        .mg-md-t-90 {
            margin-top: 90px
        }
        .mg-md-r-90 {
            margin-right: 90px
        }
        .mg-md-b-90 {
            margin-bottom: 90px
        }
        .mg-md-l-90 {
            margin-left: 90px
        }
        .mg-md-t-90-f {
            margin-top: 90px!important
        }
        .mg-md-r-90-f {
            margin-right: 90px!important
        }
        .mg-md-b-90-f {
            margin-bottom: 90px!important
        }
        .mg-md-l-90-f {
            margin-left: 90px!important
        }
        .mg-md-95 {
            margin: 95px
        }
        .mg-md-95-f {
            margin: 95px!important
        }
        .mg-md-y-95 {
            margin-top: 95px;
            margin-bottom: 95px
        }
        .mg-md-y-95-f {
            margin-top: 95px!important;
            margin-bottom: 95px!important
        }
        .mg-md-x-95 {
            margin-left: 95px;
            margin-right: 95px
        }
        .mg-md-x-95-f {
            margin-left: 95px!important;
            margin-right: 95px!important
        }
        .mg-md-t-95 {
            margin-top: 95px
        }
        .mg-md-r-95 {
            margin-right: 95px
        }
        .mg-md-b-95 {
            margin-bottom: 95px
        }
        .mg-md-l-95 {
            margin-left: 95px
        }
        .mg-md-t-95-f {
            margin-top: 95px!important
        }
        .mg-md-r-95-f {
            margin-right: 95px!important
        }
        .mg-md-b-95-f {
            margin-bottom: 95px!important
        }
        .mg-md-l-95-f {
            margin-left: 95px!important
        }
        .mg-md-100 {
            margin: 100px
        }
        .mg-md-100-f {
            margin: 100px!important
        }
        .mg-md-y-100 {
            margin-top: 100px;
            margin-bottom: 100px
        }
        .mg-md-y-100-f {
            margin-top: 100px!important;
            margin-bottom: 100px!important
        }
        .mg-md-x-100 {
            margin-left: 100px;
            margin-right: 100px
        }
        .mg-md-x-100-f {
            margin-left: 100px!important;
            margin-right: 100px!important
        }
        .mg-md-t-100 {
            margin-top: 100px
        }
        .mg-md-r-100 {
            margin-right: 100px
        }
        .mg-md-b-100 {
            margin-bottom: 100px
        }
        .mg-md-l-100 {
            margin-left: 100px
        }
        .mg-md-t-100-f {
            margin-top: 100px!important
        }
        .mg-md-r-100-f {
            margin-right: 100px!important
        }
        .mg-md-b-100-f {
            margin-bottom: 100px!important
        }
        .mg-md-l-100-f {
            margin-left: 100px!important
        }
        .mg-md-t-auto {
            margin-top: auto
        }
        .mg-md-r-auto {
            margin-right: auto
        }
        .mg-md-b-auto {
            margin-bottom: auto
        }
        .mg-md-l-auto {
            margin-left: auto
        }
        .mg-md-auto {
            margin: auto
        }
        .mg-md-x-auto {
            margin-left: auto;
            margin-right: auto
        }
    }

    @media (min-width:992px) {
        .mg-lg-0 {
            margin: 0
        }
        .mg-lg-0-f {
            margin: 0!important
        }
        .mg-lg-y-0 {
            margin-top: 0;
            margin-bottom: 0
        }
        .mg-lg-y-0-f {
            margin-top: 0!important;
            margin-bottom: 0!important
        }
        .mg-lg-x-0 {
            margin-left: 0;
            margin-right: 0
        }
        .mg-lg-x-0-f {
            margin-left: 0!important;
            margin-right: 0!important
        }
        .mg-lg-t-0 {
            margin-top: 0
        }
        .mg-lg-r-0 {
            margin-right: 0
        }
        .mg-lg-b-0 {
            margin-bottom: 0
        }
        .mg-lg-l-0 {
            margin-left: 0
        }
        .mg-lg-t-0-f {
            margin-top: 0!important
        }
        .mg-lg-r-0-f {
            margin-right: 0!important
        }
        .mg-lg-b-0-f {
            margin-bottom: 0!important
        }
        .mg-lg-l-0-f {
            margin-left: 0!important
        }
        .mg-lg-1 {
            margin: 1px
        }
        .mg-lg-1-f {
            margin: 1px!important
        }
        .mg-lg-y-1 {
            margin-top: 1px;
            margin-bottom: 1px
        }
        .mg-lg-y-1-f {
            margin-top: 1px!important;
            margin-bottom: 1px!important
        }
        .mg-lg-x-1 {
            margin-left: 1px;
            margin-right: 1px
        }
        .mg-lg-x-1-f {
            margin-left: 1px!important;
            margin-right: 1px!important
        }
        .mg-lg-t-1 {
            margin-top: 1px
        }
        .mg-lg-r-1 {
            margin-right: 1px
        }
        .mg-lg-b-1 {
            margin-bottom: 1px
        }
        .mg-lg-l-1 {
            margin-left: 1px
        }
        .mg-lg-t-1-f {
            margin-top: 1px!important
        }
        .mg-lg-r-1-f {
            margin-right: 1px!important
        }
        .mg-lg-b-1-f {
            margin-bottom: 1px!important
        }
        .mg-lg-l-1-f {
            margin-left: 1px!important
        }
        .mg-lg-2 {
            margin: 2px
        }
        .mg-lg-2-f {
            margin: 2px!important
        }
        .mg-lg-y-2 {
            margin-top: 2px;
            margin-bottom: 2px
        }
        .mg-lg-y-2-f {
            margin-top: 2px!important;
            margin-bottom: 2px!important
        }
        .mg-lg-x-2 {
            margin-left: 2px;
            margin-right: 2px
        }
        .mg-lg-x-2-f {
            margin-left: 2px!important;
            margin-right: 2px!important
        }
        .mg-lg-t-2 {
            margin-top: 2px
        }
        .mg-lg-r-2 {
            margin-right: 2px
        }
        .mg-lg-b-2 {
            margin-bottom: 2px
        }
        .mg-lg-l-2 {
            margin-left: 2px
        }
        .mg-lg-t-2-f {
            margin-top: 2px!important
        }
        .mg-lg-r-2-f {
            margin-right: 2px!important
        }
        .mg-lg-b-2-f {
            margin-bottom: 2px!important
        }
        .mg-lg-l-2-f {
            margin-left: 2px!important
        }
        .mg-lg-3 {
            margin: 3px
        }
        .mg-lg-3-f {
            margin: 3px!important
        }
        .mg-lg-y-3 {
            margin-top: 3px;
            margin-bottom: 3px
        }
        .mg-lg-y-3-f {
            margin-top: 3px!important;
            margin-bottom: 3px!important
        }
        .mg-lg-x-3 {
            margin-left: 3px;
            margin-right: 3px
        }
        .mg-lg-x-3-f {
            margin-left: 3px!important;
            margin-right: 3px!important
        }
        .mg-lg-t-3 {
            margin-top: 3px
        }
        .mg-lg-r-3 {
            margin-right: 3px
        }
        .mg-lg-b-3 {
            margin-bottom: 3px
        }
        .mg-lg-l-3 {
            margin-left: 3px
        }
        .mg-lg-t-3-f {
            margin-top: 3px!important
        }
        .mg-lg-r-3-f {
            margin-right: 3px!important
        }
        .mg-lg-b-3-f {
            margin-bottom: 3px!important
        }
        .mg-lg-l-3-f {
            margin-left: 3px!important
        }
        .mg-lg-4 {
            margin: 4px
        }
        .mg-lg-4-f {
            margin: 4px!important
        }
        .mg-lg-y-4 {
            margin-top: 4px;
            margin-bottom: 4px
        }
        .mg-lg-y-4-f {
            margin-top: 4px!important;
            margin-bottom: 4px!important
        }
        .mg-lg-x-4 {
            margin-left: 4px;
            margin-right: 4px
        }
        .mg-lg-x-4-f {
            margin-left: 4px!important;
            margin-right: 4px!important
        }
        .mg-lg-t-4 {
            margin-top: 4px
        }
        .mg-lg-r-4 {
            margin-right: 4px
        }
        .mg-lg-b-4 {
            margin-bottom: 4px
        }
        .mg-lg-l-4 {
            margin-left: 4px
        }
        .mg-lg-t-4-f {
            margin-top: 4px!important
        }
        .mg-lg-r-4-f {
            margin-right: 4px!important
        }
        .mg-lg-b-4-f {
            margin-bottom: 4px!important
        }
        .mg-lg-l-4-f {
            margin-left: 4px!important
        }
        .mg-lg-5 {
            margin: 5px
        }
        .mg-lg-5-f {
            margin: 5px!important
        }
        .mg-lg-y-5 {
            margin-top: 5px;
            margin-bottom: 5px
        }
        .mg-lg-y-5-f {
            margin-top: 5px!important;
            margin-bottom: 5px!important
        }
        .mg-lg-x-5 {
            margin-left: 5px;
            margin-right: 5px
        }
        .mg-lg-x-5-f {
            margin-left: 5px!important;
            margin-right: 5px!important
        }
        .mg-lg-t-5 {
            margin-top: 5px
        }
        .mg-lg-r-5 {
            margin-right: 5px
        }
        .mg-lg-b-5 {
            margin-bottom: 5px
        }
        .mg-lg-l-5 {
            margin-left: 5px
        }
        .mg-lg-t-5-f {
            margin-top: 5px!important
        }
        .mg-lg-r-5-f {
            margin-right: 5px!important
        }
        .mg-lg-b-5-f {
            margin-bottom: 5px!important
        }
        .mg-lg-l-5-f {
            margin-left: 5px!important
        }
        .mg-lg-6 {
            margin: 6px
        }
        .mg-lg-6-f {
            margin: 6px!important
        }
        .mg-lg-y-6 {
            margin-top: 6px;
            margin-bottom: 6px
        }
        .mg-lg-y-6-f {
            margin-top: 6px!important;
            margin-bottom: 6px!important
        }
        .mg-lg-x-6 {
            margin-left: 6px;
            margin-right: 6px
        }
        .mg-lg-x-6-f {
            margin-left: 6px!important;
            margin-right: 6px!important
        }
        .mg-lg-t-6 {
            margin-top: 6px
        }
        .mg-lg-r-6 {
            margin-right: 6px
        }
        .mg-lg-b-6 {
            margin-bottom: 6px
        }
        .mg-lg-l-6 {
            margin-left: 6px
        }
        .mg-lg-t-6-f {
            margin-top: 6px!important
        }
        .mg-lg-r-6-f {
            margin-right: 6px!important
        }
        .mg-lg-b-6-f {
            margin-bottom: 6px!important
        }
        .mg-lg-l-6-f {
            margin-left: 6px!important
        }
        .mg-lg-7 {
            margin: 7px
        }
        .mg-lg-7-f {
            margin: 7px!important
        }
        .mg-lg-y-7 {
            margin-top: 7px;
            margin-bottom: 7px
        }
        .mg-lg-y-7-f {
            margin-top: 7px!important;
            margin-bottom: 7px!important
        }
        .mg-lg-x-7 {
            margin-left: 7px;
            margin-right: 7px
        }
        .mg-lg-x-7-f {
            margin-left: 7px!important;
            margin-right: 7px!important
        }
        .mg-lg-t-7 {
            margin-top: 7px
        }
        .mg-lg-r-7 {
            margin-right: 7px
        }
        .mg-lg-b-7 {
            margin-bottom: 7px
        }
        .mg-lg-l-7 {
            margin-left: 7px
        }
        .mg-lg-t-7-f {
            margin-top: 7px!important
        }
        .mg-lg-r-7-f {
            margin-right: 7px!important
        }
        .mg-lg-b-7-f {
            margin-bottom: 7px!important
        }
        .mg-lg-l-7-f {
            margin-left: 7px!important
        }
        .mg-lg-8 {
            margin: 8px
        }
        .mg-lg-8-f {
            margin: 8px!important
        }
        .mg-lg-y-8 {
            margin-top: 8px;
            margin-bottom: 8px
        }
        .mg-lg-y-8-f {
            margin-top: 8px!important;
            margin-bottom: 8px!important
        }
        .mg-lg-x-8 {
            margin-left: 8px;
            margin-right: 8px
        }
        .mg-lg-x-8-f {
            margin-left: 8px!important;
            margin-right: 8px!important
        }
        .mg-lg-t-8 {
            margin-top: 8px
        }
        .mg-lg-r-8 {
            margin-right: 8px
        }
        .mg-lg-b-8 {
            margin-bottom: 8px
        }
        .mg-lg-l-8 {
            margin-left: 8px
        }
        .mg-lg-t-8-f {
            margin-top: 8px!important
        }
        .mg-lg-r-8-f {
            margin-right: 8px!important
        }
        .mg-lg-b-8-f {
            margin-bottom: 8px!important
        }
        .mg-lg-l-8-f {
            margin-left: 8px!important
        }
        .mg-lg-9 {
            margin: 9px
        }
        .mg-lg-9-f {
            margin: 9px!important
        }
        .mg-lg-y-9 {
            margin-top: 9px;
            margin-bottom: 9px
        }
        .mg-lg-y-9-f {
            margin-top: 9px!important;
            margin-bottom: 9px!important
        }
        .mg-lg-x-9 {
            margin-left: 9px;
            margin-right: 9px
        }
        .mg-lg-x-9-f {
            margin-left: 9px!important;
            margin-right: 9px!important
        }
        .mg-lg-t-9 {
            margin-top: 9px
        }
        .mg-lg-r-9 {
            margin-right: 9px
        }
        .mg-lg-b-9 {
            margin-bottom: 9px
        }
        .mg-lg-l-9 {
            margin-left: 9px
        }
        .mg-lg-t-9-f {
            margin-top: 9px!important
        }
        .mg-lg-r-9-f {
            margin-right: 9px!important
        }
        .mg-lg-b-9-f {
            margin-bottom: 9px!important
        }
        .mg-lg-l-9-f {
            margin-left: 9px!important
        }
        .mg-lg-10 {
            margin: 10px
        }
        .mg-lg-10-f {
            margin: 10px!important
        }
        .mg-lg-y-10 {
            margin-top: 10px;
            margin-bottom: 10px
        }
        .mg-lg-y-10-f {
            margin-top: 10px!important;
            margin-bottom: 10px!important
        }
        .mg-lg-x-10 {
            margin-left: 10px;
            margin-right: 10px
        }
        .mg-lg-x-10-f {
            margin-left: 10px!important;
            margin-right: 10px!important
        }
        .mg-lg-t-10 {
            margin-top: 10px
        }
        .mg-lg-r-10 {
            margin-right: 10px
        }
        .mg-lg-b-10 {
            margin-bottom: 10px
        }
        .mg-lg-l-10 {
            margin-left: 10px
        }
        .mg-lg-t-10-f {
            margin-top: 10px!important
        }
        .mg-lg-r-10-f {
            margin-right: 10px!important
        }
        .mg-lg-b-10-f {
            margin-bottom: 10px!important
        }
        .mg-lg-l-10-f {
            margin-left: 10px!important
        }
        .mg-lg-15 {
            margin: 15px
        }
        .mg-lg-15-f {
            margin: 15px!important
        }
        .mg-lg-y-15 {
            margin-top: 15px;
            margin-bottom: 15px
        }
        .mg-lg-y-15-f {
            margin-top: 15px!important;
            margin-bottom: 15px!important
        }
        .mg-lg-x-15 {
            margin-left: 15px;
            margin-right: 15px
        }
        .mg-lg-x-15-f {
            margin-left: 15px!important;
            margin-right: 15px!important
        }
        .mg-lg-t-15 {
            margin-top: 15px
        }
        .mg-lg-r-15 {
            margin-right: 15px
        }
        .mg-lg-b-15 {
            margin-bottom: 15px
        }
        .mg-lg-l-15 {
            margin-left: 15px
        }
        .mg-lg-t-15-f {
            margin-top: 15px!important
        }
        .mg-lg-r-15-f {
            margin-right: 15px!important
        }
        .mg-lg-b-15-f {
            margin-bottom: 15px!important
        }
        .mg-lg-l-15-f {
            margin-left: 15px!important
        }
        .mg-lg-20 {
            margin: 20px
        }
        .mg-lg-20-f {
            margin: 20px!important
        }
        .mg-lg-y-20 {
            margin-top: 20px;
            margin-bottom: 20px
        }
        .mg-lg-y-20-f {
            margin-top: 20px!important;
            margin-bottom: 20px!important
        }
        .mg-lg-x-20 {
            margin-left: 20px;
            margin-right: 20px
        }
        .mg-lg-x-20-f {
            margin-left: 20px!important;
            margin-right: 20px!important
        }
        .mg-lg-t-20 {
            margin-top: 20px
        }
        .mg-lg-r-20 {
            margin-right: 20px
        }
        .mg-lg-b-20 {
            margin-bottom: 20px
        }
        .mg-lg-l-20 {
            margin-left: 20px
        }
        .mg-lg-t-20-f {
            margin-top: 20px!important
        }
        .mg-lg-r-20-f {
            margin-right: 20px!important
        }
        .mg-lg-b-20-f {
            margin-bottom: 20px!important
        }
        .mg-lg-l-20-f {
            margin-left: 20px!important
        }
        .mg-lg-25 {
            margin: 25px
        }
        .mg-lg-25-f {
            margin: 25px!important
        }
        .mg-lg-y-25 {
            margin-top: 25px;
            margin-bottom: 25px
        }
        .mg-lg-y-25-f {
            margin-top: 25px!important;
            margin-bottom: 25px!important
        }
        .mg-lg-x-25 {
            margin-left: 25px;
            margin-right: 25px
        }
        .mg-lg-x-25-f {
            margin-left: 25px!important;
            margin-right: 25px!important
        }
        .mg-lg-t-25 {
            margin-top: 25px
        }
        .mg-lg-r-25 {
            margin-right: 25px
        }
        .mg-lg-b-25 {
            margin-bottom: 25px
        }
        .mg-lg-l-25 {
            margin-left: 25px
        }
        .mg-lg-t-25-f {
            margin-top: 25px!important
        }
        .mg-lg-r-25-f {
            margin-right: 25px!important
        }
        .mg-lg-b-25-f {
            margin-bottom: 25px!important
        }
        .mg-lg-l-25-f {
            margin-left: 25px!important
        }
        .mg-lg-30 {
            margin: 30px
        }
        .mg-lg-30-f {
            margin: 30px!important
        }
        .mg-lg-y-30 {
            margin-top: 30px;
            margin-bottom: 30px
        }
        .mg-lg-y-30-f {
            margin-top: 30px!important;
            margin-bottom: 30px!important
        }
        .mg-lg-x-30 {
            margin-left: 30px;
            margin-right: 30px
        }
        .mg-lg-x-30-f {
            margin-left: 30px!important;
            margin-right: 30px!important
        }
        .mg-lg-t-30 {
            margin-top: 30px
        }
        .mg-lg-r-30 {
            margin-right: 30px
        }
        .mg-lg-b-30 {
            margin-bottom: 30px
        }
        .mg-lg-l-30 {
            margin-left: 30px
        }
        .mg-lg-t-30-f {
            margin-top: 30px!important
        }
        .mg-lg-r-30-f {
            margin-right: 30px!important
        }
        .mg-lg-b-30-f {
            margin-bottom: 30px!important
        }
        .mg-lg-l-30-f {
            margin-left: 30px!important
        }
        .mg-lg-35 {
            margin: 35px
        }
        .mg-lg-35-f {
            margin: 35px!important
        }
        .mg-lg-y-35 {
            margin-top: 35px;
            margin-bottom: 35px
        }
        .mg-lg-y-35-f {
            margin-top: 35px!important;
            margin-bottom: 35px!important
        }
        .mg-lg-x-35 {
            margin-left: 35px;
            margin-right: 35px
        }
        .mg-lg-x-35-f {
            margin-left: 35px!important;
            margin-right: 35px!important
        }
        .mg-lg-t-35 {
            margin-top: 35px
        }
        .mg-lg-r-35 {
            margin-right: 35px
        }
        .mg-lg-b-35 {
            margin-bottom: 35px
        }
        .mg-lg-l-35 {
            margin-left: 35px
        }
        .mg-lg-t-35-f {
            margin-top: 35px!important
        }
        .mg-lg-r-35-f {
            margin-right: 35px!important
        }
        .mg-lg-b-35-f {
            margin-bottom: 35px!important
        }
        .mg-lg-l-35-f {
            margin-left: 35px!important
        }
        .mg-lg-40 {
            margin: 40px
        }
        .mg-lg-40-f {
            margin: 40px!important
        }
        .mg-lg-y-40 {
            margin-top: 40px;
            margin-bottom: 40px
        }
        .mg-lg-y-40-f {
            margin-top: 40px!important;
            margin-bottom: 40px!important
        }
        .mg-lg-x-40 {
            margin-left: 40px;
            margin-right: 40px
        }
        .mg-lg-x-40-f {
            margin-left: 40px!important;
            margin-right: 40px!important
        }
        .mg-lg-t-40 {
            margin-top: 40px
        }
        .mg-lg-r-40 {
            margin-right: 40px
        }
        .mg-lg-b-40 {
            margin-bottom: 40px
        }
        .mg-lg-l-40 {
            margin-left: 40px
        }
        .mg-lg-t-40-f {
            margin-top: 40px!important
        }
        .mg-lg-r-40-f {
            margin-right: 40px!important
        }
        .mg-lg-b-40-f {
            margin-bottom: 40px!important
        }
        .mg-lg-l-40-f {
            margin-left: 40px!important
        }
        .mg-lg-45 {
            margin: 45px
        }
        .mg-lg-45-f {
            margin: 45px!important
        }
        .mg-lg-y-45 {
            margin-top: 45px;
            margin-bottom: 45px
        }
        .mg-lg-y-45-f {
            margin-top: 45px!important;
            margin-bottom: 45px!important
        }
        .mg-lg-x-45 {
            margin-left: 45px;
            margin-right: 45px
        }
        .mg-lg-x-45-f {
            margin-left: 45px!important;
            margin-right: 45px!important
        }
        .mg-lg-t-45 {
            margin-top: 45px
        }
        .mg-lg-r-45 {
            margin-right: 45px
        }
        .mg-lg-b-45 {
            margin-bottom: 45px
        }
        .mg-lg-l-45 {
            margin-left: 45px
        }
        .mg-lg-t-45-f {
            margin-top: 45px!important
        }
        .mg-lg-r-45-f {
            margin-right: 45px!important
        }
        .mg-lg-b-45-f {
            margin-bottom: 45px!important
        }
        .mg-lg-l-45-f {
            margin-left: 45px!important
        }
        .mg-lg-50 {
            margin: 50px
        }
        .mg-lg-50-f {
            margin: 50px!important
        }
        .mg-lg-y-50 {
            margin-top: 50px;
            margin-bottom: 50px
        }
        .mg-lg-y-50-f {
            margin-top: 50px!important;
            margin-bottom: 50px!important
        }
        .mg-lg-x-50 {
            margin-left: 50px;
            margin-right: 50px
        }
        .mg-lg-x-50-f {
            margin-left: 50px!important;
            margin-right: 50px!important
        }
        .mg-lg-t-50 {
            margin-top: 50px
        }
        .mg-lg-r-50 {
            margin-right: 50px
        }
        .mg-lg-b-50 {
            margin-bottom: 50px
        }
        .mg-lg-l-50 {
            margin-left: 50px
        }
        .mg-lg-t-50-f {
            margin-top: 50px!important
        }
        .mg-lg-r-50-f {
            margin-right: 50px!important
        }
        .mg-lg-b-50-f {
            margin-bottom: 50px!important
        }
        .mg-lg-l-50-f {
            margin-left: 50px!important
        }
        .mg-lg-55 {
            margin: 55px
        }
        .mg-lg-55-f {
            margin: 55px!important
        }
        .mg-lg-y-55 {
            margin-top: 55px;
            margin-bottom: 55px
        }
        .mg-lg-y-55-f {
            margin-top: 55px!important;
            margin-bottom: 55px!important
        }
        .mg-lg-x-55 {
            margin-left: 55px;
            margin-right: 55px
        }
        .mg-lg-x-55-f {
            margin-left: 55px!important;
            margin-right: 55px!important
        }
        .mg-lg-t-55 {
            margin-top: 55px
        }
        .mg-lg-r-55 {
            margin-right: 55px
        }
        .mg-lg-b-55 {
            margin-bottom: 55px
        }
        .mg-lg-l-55 {
            margin-left: 55px
        }
        .mg-lg-t-55-f {
            margin-top: 55px!important
        }
        .mg-lg-r-55-f {
            margin-right: 55px!important
        }
        .mg-lg-b-55-f {
            margin-bottom: 55px!important
        }
        .mg-lg-l-55-f {
            margin-left: 55px!important
        }
        .mg-lg-60 {
            margin: 60px
        }
        .mg-lg-60-f {
            margin: 60px!important
        }
        .mg-lg-y-60 {
            margin-top: 60px;
            margin-bottom: 60px
        }
        .mg-lg-y-60-f {
            margin-top: 60px!important;
            margin-bottom: 60px!important
        }
        .mg-lg-x-60 {
            margin-left: 60px;
            margin-right: 60px
        }
        .mg-lg-x-60-f {
            margin-left: 60px!important;
            margin-right: 60px!important
        }
        .mg-lg-t-60 {
            margin-top: 60px
        }
        .mg-lg-r-60 {
            margin-right: 60px
        }
        .mg-lg-b-60 {
            margin-bottom: 60px
        }
        .mg-lg-l-60 {
            margin-left: 60px
        }
        .mg-lg-t-60-f {
            margin-top: 60px!important
        }
        .mg-lg-r-60-f {
            margin-right: 60px!important
        }
        .mg-lg-b-60-f {
            margin-bottom: 60px!important
        }
        .mg-lg-l-60-f {
            margin-left: 60px!important
        }
        .mg-lg-65 {
            margin: 65px
        }
        .mg-lg-65-f {
            margin: 65px!important
        }
        .mg-lg-y-65 {
            margin-top: 65px;
            margin-bottom: 65px
        }
        .mg-lg-y-65-f {
            margin-top: 65px!important;
            margin-bottom: 65px!important
        }
        .mg-lg-x-65 {
            margin-left: 65px;
            margin-right: 65px
        }
        .mg-lg-x-65-f {
            margin-left: 65px!important;
            margin-right: 65px!important
        }
        .mg-lg-t-65 {
            margin-top: 65px
        }
        .mg-lg-r-65 {
            margin-right: 65px
        }
        .mg-lg-b-65 {
            margin-bottom: 65px
        }
        .mg-lg-l-65 {
            margin-left: 65px
        }
        .mg-lg-t-65-f {
            margin-top: 65px!important
        }
        .mg-lg-r-65-f {
            margin-right: 65px!important
        }
        .mg-lg-b-65-f {
            margin-bottom: 65px!important
        }
        .mg-lg-l-65-f {
            margin-left: 65px!important
        }
        .mg-lg-70 {
            margin: 70px
        }
        .mg-lg-70-f {
            margin: 70px!important
        }
        .mg-lg-y-70 {
            margin-top: 70px;
            margin-bottom: 70px
        }
        .mg-lg-y-70-f {
            margin-top: 70px!important;
            margin-bottom: 70px!important
        }
        .mg-lg-x-70 {
            margin-left: 70px;
            margin-right: 70px
        }
        .mg-lg-x-70-f {
            margin-left: 70px!important;
            margin-right: 70px!important
        }
        .mg-lg-t-70 {
            margin-top: 70px
        }
        .mg-lg-r-70 {
            margin-right: 70px
        }
        .mg-lg-b-70 {
            margin-bottom: 70px
        }
        .mg-lg-l-70 {
            margin-left: 70px
        }
        .mg-lg-t-70-f {
            margin-top: 70px!important
        }
        .mg-lg-r-70-f {
            margin-right: 70px!important
        }
        .mg-lg-b-70-f {
            margin-bottom: 70px!important
        }
        .mg-lg-l-70-f {
            margin-left: 70px!important
        }
        .mg-lg-75 {
            margin: 75px
        }
        .mg-lg-75-f {
            margin: 75px!important
        }
        .mg-lg-y-75 {
            margin-top: 75px;
            margin-bottom: 75px
        }
        .mg-lg-y-75-f {
            margin-top: 75px!important;
            margin-bottom: 75px!important
        }
        .mg-lg-x-75 {
            margin-left: 75px;
            margin-right: 75px
        }
        .mg-lg-x-75-f {
            margin-left: 75px!important;
            margin-right: 75px!important
        }
        .mg-lg-t-75 {
            margin-top: 75px
        }
        .mg-lg-r-75 {
            margin-right: 75px
        }
        .mg-lg-b-75 {
            margin-bottom: 75px
        }
        .mg-lg-l-75 {
            margin-left: 75px
        }
        .mg-lg-t-75-f {
            margin-top: 75px!important
        }
        .mg-lg-r-75-f {
            margin-right: 75px!important
        }
        .mg-lg-b-75-f {
            margin-bottom: 75px!important
        }
        .mg-lg-l-75-f {
            margin-left: 75px!important
        }
        .mg-lg-80 {
            margin: 80px
        }
        .mg-lg-80-f {
            margin: 80px!important
        }
        .mg-lg-y-80 {
            margin-top: 80px;
            margin-bottom: 80px
        }
        .mg-lg-y-80-f {
            margin-top: 80px!important;
            margin-bottom: 80px!important
        }
        .mg-lg-x-80 {
            margin-left: 80px;
            margin-right: 80px
        }
        .mg-lg-x-80-f {
            margin-left: 80px!important;
            margin-right: 80px!important
        }
        .mg-lg-t-80 {
            margin-top: 80px
        }
        .mg-lg-r-80 {
            margin-right: 80px
        }
        .mg-lg-b-80 {
            margin-bottom: 80px
        }
        .mg-lg-l-80 {
            margin-left: 80px
        }
        .mg-lg-t-80-f {
            margin-top: 80px!important
        }
        .mg-lg-r-80-f {
            margin-right: 80px!important
        }
        .mg-lg-b-80-f {
            margin-bottom: 80px!important
        }
        .mg-lg-l-80-f {
            margin-left: 80px!important
        }
        .mg-lg-85 {
            margin: 85px
        }
        .mg-lg-85-f {
            margin: 85px!important
        }
        .mg-lg-y-85 {
            margin-top: 85px;
            margin-bottom: 85px
        }
        .mg-lg-y-85-f {
            margin-top: 85px!important;
            margin-bottom: 85px!important
        }
        .mg-lg-x-85 {
            margin-left: 85px;
            margin-right: 85px
        }
        .mg-lg-x-85-f {
            margin-left: 85px!important;
            margin-right: 85px!important
        }
        .mg-lg-t-85 {
            margin-top: 85px
        }
        .mg-lg-r-85 {
            margin-right: 85px
        }
        .mg-lg-b-85 {
            margin-bottom: 85px
        }
        .mg-lg-l-85 {
            margin-left: 85px
        }
        .mg-lg-t-85-f {
            margin-top: 85px!important
        }
        .mg-lg-r-85-f {
            margin-right: 85px!important
        }
        .mg-lg-b-85-f {
            margin-bottom: 85px!important
        }
        .mg-lg-l-85-f {
            margin-left: 85px!important
        }
        .mg-lg-90 {
            margin: 90px
        }
        .mg-lg-90-f {
            margin: 90px!important
        }
        .mg-lg-y-90 {
            margin-top: 90px;
            margin-bottom: 90px
        }
        .mg-lg-y-90-f {
            margin-top: 90px!important;
            margin-bottom: 90px!important
        }
        .mg-lg-x-90 {
            margin-left: 90px;
            margin-right: 90px
        }
        .mg-lg-x-90-f {
            margin-left: 90px!important;
            margin-right: 90px!important
        }
        .mg-lg-t-90 {
            margin-top: 90px
        }
        .mg-lg-r-90 {
            margin-right: 90px
        }
        .mg-lg-b-90 {
            margin-bottom: 90px
        }
        .mg-lg-l-90 {
            margin-left: 90px
        }
        .mg-lg-t-90-f {
            margin-top: 90px!important
        }
        .mg-lg-r-90-f {
            margin-right: 90px!important
        }
        .mg-lg-b-90-f {
            margin-bottom: 90px!important
        }
        .mg-lg-l-90-f {
            margin-left: 90px!important
        }
        .mg-lg-95 {
            margin: 95px
        }
        .mg-lg-95-f {
            margin: 95px!important
        }
        .mg-lg-y-95 {
            margin-top: 95px;
            margin-bottom: 95px
        }
        .mg-lg-y-95-f {
            margin-top: 95px!important;
            margin-bottom: 95px!important
        }
        .mg-lg-x-95 {
            margin-left: 95px;
            margin-right: 95px
        }
        .mg-lg-x-95-f {
            margin-left: 95px!important;
            margin-right: 95px!important
        }
        .mg-lg-t-95 {
            margin-top: 95px
        }
        .mg-lg-r-95 {
            margin-right: 95px
        }
        .mg-lg-b-95 {
            margin-bottom: 95px
        }
        .mg-lg-l-95 {
            margin-left: 95px
        }
        .mg-lg-t-95-f {
            margin-top: 95px!important
        }
        .mg-lg-r-95-f {
            margin-right: 95px!important
        }
        .mg-lg-b-95-f {
            margin-bottom: 95px!important
        }
        .mg-lg-l-95-f {
            margin-left: 95px!important
        }
        .mg-lg-100 {
            margin: 100px
        }
        .mg-lg-100-f {
            margin: 100px!important
        }
        .mg-lg-y-100 {
            margin-top: 100px;
            margin-bottom: 100px
        }
        .mg-lg-y-100-f {
            margin-top: 100px!important;
            margin-bottom: 100px!important
        }
        .mg-lg-x-100 {
            margin-left: 100px;
            margin-right: 100px
        }
        .mg-lg-x-100-f {
            margin-left: 100px!important;
            margin-right: 100px!important
        }
        .mg-lg-t-100 {
            margin-top: 100px
        }
        .mg-lg-r-100 {
            margin-right: 100px
        }
        .mg-lg-b-100 {
            margin-bottom: 100px
        }
        .mg-lg-l-100 {
            margin-left: 100px
        }
        .mg-lg-t-100-f {
            margin-top: 100px!important
        }
        .mg-lg-r-100-f {
            margin-right: 100px!important
        }
        .mg-lg-b-100-f {
            margin-bottom: 100px!important
        }
        .mg-lg-l-100-f {
            margin-left: 100px!important
        }
        .mg-lg-t-auto {
            margin-top: auto
        }
        .mg-lg-r-auto {
            margin-right: auto
        }
        .mg-lg-b-auto {
            margin-bottom: auto
        }
        .mg-lg-l-auto {
            margin-left: auto
        }
        .mg-lg-auto {
            margin: auto
        }
        .mg-lg-x-auto {
            margin-left: auto;
            margin-right: auto
        }
    }

    @media (min-width:1200px) {
        .mg-xl-0 {
            margin: 0
        }
        .mg-xl-0-f {
            margin: 0!important
        }
        .mg-xl-y-0 {
            margin-top: 0;
            margin-bottom: 0
        }
        .mg-xl-y-0-f {
            margin-top: 0!important;
            margin-bottom: 0!important
        }
        .mg-xl-x-0 {
            margin-left: 0;
            margin-right: 0
        }
        .mg-xl-x-0-f {
            margin-left: 0!important;
            margin-right: 0!important
        }
        .mg-xl-t-0 {
            margin-top: 0
        }
        .mg-xl-r-0 {
            margin-right: 0
        }
        .mg-xl-b-0 {
            margin-bottom: 0
        }
        .mg-xl-l-0 {
            margin-left: 0
        }
        .mg-xl-t-0-f {
            margin-top: 0!important
        }
        .mg-xl-r-0-f {
            margin-right: 0!important
        }
        .mg-xl-b-0-f {
            margin-bottom: 0!important
        }
        .mg-xl-l-0-f {
            margin-left: 0!important
        }
        .mg-xl-1 {
            margin: 1px
        }
        .mg-xl-1-f {
            margin: 1px!important
        }
        .mg-xl-y-1 {
            margin-top: 1px;
            margin-bottom: 1px
        }
        .mg-xl-y-1-f {
            margin-top: 1px!important;
            margin-bottom: 1px!important
        }
        .mg-xl-x-1 {
            margin-left: 1px;
            margin-right: 1px
        }
        .mg-xl-x-1-f {
            margin-left: 1px!important;
            margin-right: 1px!important
        }
        .mg-xl-t-1 {
            margin-top: 1px
        }
        .mg-xl-r-1 {
            margin-right: 1px
        }
        .mg-xl-b-1 {
            margin-bottom: 1px
        }
        .mg-xl-l-1 {
            margin-left: 1px
        }
        .mg-xl-t-1-f {
            margin-top: 1px!important
        }
        .mg-xl-r-1-f {
            margin-right: 1px!important
        }
        .mg-xl-b-1-f {
            margin-bottom: 1px!important
        }
        .mg-xl-l-1-f {
            margin-left: 1px!important
        }
        .mg-xl-2 {
            margin: 2px
        }
        .mg-xl-2-f {
            margin: 2px!important
        }
        .mg-xl-y-2 {
            margin-top: 2px;
            margin-bottom: 2px
        }
        .mg-xl-y-2-f {
            margin-top: 2px!important;
            margin-bottom: 2px!important
        }
        .mg-xl-x-2 {
            margin-left: 2px;
            margin-right: 2px
        }
        .mg-xl-x-2-f {
            margin-left: 2px!important;
            margin-right: 2px!important
        }
        .mg-xl-t-2 {
            margin-top: 2px
        }
        .mg-xl-r-2 {
            margin-right: 2px
        }
        .mg-xl-b-2 {
            margin-bottom: 2px
        }
        .mg-xl-l-2 {
            margin-left: 2px
        }
        .mg-xl-t-2-f {
            margin-top: 2px!important
        }
        .mg-xl-r-2-f {
            margin-right: 2px!important
        }
        .mg-xl-b-2-f {
            margin-bottom: 2px!important
        }
        .mg-xl-l-2-f {
            margin-left: 2px!important
        }
        .mg-xl-3 {
            margin: 3px
        }
        .mg-xl-3-f {
            margin: 3px!important
        }
        .mg-xl-y-3 {
            margin-top: 3px;
            margin-bottom: 3px
        }
        .mg-xl-y-3-f {
            margin-top: 3px!important;
            margin-bottom: 3px!important
        }
        .mg-xl-x-3 {
            margin-left: 3px;
            margin-right: 3px
        }
        .mg-xl-x-3-f {
            margin-left: 3px!important;
            margin-right: 3px!important
        }
        .mg-xl-t-3 {
            margin-top: 3px
        }
        .mg-xl-r-3 {
            margin-right: 3px
        }
        .mg-xl-b-3 {
            margin-bottom: 3px
        }
        .mg-xl-l-3 {
            margin-left: 3px
        }
        .mg-xl-t-3-f {
            margin-top: 3px!important
        }
        .mg-xl-r-3-f {
            margin-right: 3px!important
        }
        .mg-xl-b-3-f {
            margin-bottom: 3px!important
        }
        .mg-xl-l-3-f {
            margin-left: 3px!important
        }
        .mg-xl-4 {
            margin: 4px
        }
        .mg-xl-4-f {
            margin: 4px!important
        }
        .mg-xl-y-4 {
            margin-top: 4px;
            margin-bottom: 4px
        }
        .mg-xl-y-4-f {
            margin-top: 4px!important;
            margin-bottom: 4px!important
        }
        .mg-xl-x-4 {
            margin-left: 4px;
            margin-right: 4px
        }
        .mg-xl-x-4-f {
            margin-left: 4px!important;
            margin-right: 4px!important
        }
        .mg-xl-t-4 {
            margin-top: 4px
        }
        .mg-xl-r-4 {
            margin-right: 4px
        }
        .mg-xl-b-4 {
            margin-bottom: 4px
        }
        .mg-xl-l-4 {
            margin-left: 4px
        }
        .mg-xl-t-4-f {
            margin-top: 4px!important
        }
        .mg-xl-r-4-f {
            margin-right: 4px!important
        }
        .mg-xl-b-4-f {
            margin-bottom: 4px!important
        }
        .mg-xl-l-4-f {
            margin-left: 4px!important
        }
        .mg-xl-5 {
            margin: 5px
        }
        .mg-xl-5-f {
            margin: 5px!important
        }
        .mg-xl-y-5 {
            margin-top: 5px;
            margin-bottom: 5px
        }
        .mg-xl-y-5-f {
            margin-top: 5px!important;
            margin-bottom: 5px!important
        }
        .mg-xl-x-5 {
            margin-left: 5px;
            margin-right: 5px
        }
        .mg-xl-x-5-f {
            margin-left: 5px!important;
            margin-right: 5px!important
        }
        .mg-xl-t-5 {
            margin-top: 5px
        }
        .mg-xl-r-5 {
            margin-right: 5px
        }
        .mg-xl-b-5 {
            margin-bottom: 5px
        }
        .mg-xl-l-5 {
            margin-left: 5px
        }
        .mg-xl-t-5-f {
            margin-top: 5px!important
        }
        .mg-xl-r-5-f {
            margin-right: 5px!important
        }
        .mg-xl-b-5-f {
            margin-bottom: 5px!important
        }
        .mg-xl-l-5-f {
            margin-left: 5px!important
        }
        .mg-xl-6 {
            margin: 6px
        }
        .mg-xl-6-f {
            margin: 6px!important
        }
        .mg-xl-y-6 {
            margin-top: 6px;
            margin-bottom: 6px
        }
        .mg-xl-y-6-f {
            margin-top: 6px!important;
            margin-bottom: 6px!important
        }
        .mg-xl-x-6 {
            margin-left: 6px;
            margin-right: 6px
        }
        .mg-xl-x-6-f {
            margin-left: 6px!important;
            margin-right: 6px!important
        }
        .mg-xl-t-6 {
            margin-top: 6px
        }
        .mg-xl-r-6 {
            margin-right: 6px
        }
        .mg-xl-b-6 {
            margin-bottom: 6px
        }
        .mg-xl-l-6 {
            margin-left: 6px
        }
        .mg-xl-t-6-f {
            margin-top: 6px!important
        }
        .mg-xl-r-6-f {
            margin-right: 6px!important
        }
        .mg-xl-b-6-f {
            margin-bottom: 6px!important
        }
        .mg-xl-l-6-f {
            margin-left: 6px!important
        }
        .mg-xl-7 {
            margin: 7px
        }
        .mg-xl-7-f {
            margin: 7px!important
        }
        .mg-xl-y-7 {
            margin-top: 7px;
            margin-bottom: 7px
        }
        .mg-xl-y-7-f {
            margin-top: 7px!important;
            margin-bottom: 7px!important
        }
        .mg-xl-x-7 {
            margin-left: 7px;
            margin-right: 7px
        }
        .mg-xl-x-7-f {
            margin-left: 7px!important;
            margin-right: 7px!important
        }
        .mg-xl-t-7 {
            margin-top: 7px
        }
        .mg-xl-r-7 {
            margin-right: 7px
        }
        .mg-xl-b-7 {
            margin-bottom: 7px
        }
        .mg-xl-l-7 {
            margin-left: 7px
        }
        .mg-xl-t-7-f {
            margin-top: 7px!important
        }
        .mg-xl-r-7-f {
            margin-right: 7px!important
        }
        .mg-xl-b-7-f {
            margin-bottom: 7px!important
        }
        .mg-xl-l-7-f {
            margin-left: 7px!important
        }
        .mg-xl-8 {
            margin: 8px
        }
        .mg-xl-8-f {
            margin: 8px!important
        }
        .mg-xl-y-8 {
            margin-top: 8px;
            margin-bottom: 8px
        }
        .mg-xl-y-8-f {
            margin-top: 8px!important;
            margin-bottom: 8px!important
        }
        .mg-xl-x-8 {
            margin-left: 8px;
            margin-right: 8px
        }
        .mg-xl-x-8-f {
            margin-left: 8px!important;
            margin-right: 8px!important
        }
        .mg-xl-t-8 {
            margin-top: 8px
        }
        .mg-xl-r-8 {
            margin-right: 8px
        }
        .mg-xl-b-8 {
            margin-bottom: 8px
        }
        .mg-xl-l-8 {
            margin-left: 8px
        }
        .mg-xl-t-8-f {
            margin-top: 8px!important
        }
        .mg-xl-r-8-f {
            margin-right: 8px!important
        }
        .mg-xl-b-8-f {
            margin-bottom: 8px!important
        }
        .mg-xl-l-8-f {
            margin-left: 8px!important
        }
        .mg-xl-9 {
            margin: 9px
        }
        .mg-xl-9-f {
            margin: 9px!important
        }
        .mg-xl-y-9 {
            margin-top: 9px;
            margin-bottom: 9px
        }
        .mg-xl-y-9-f {
            margin-top: 9px!important;
            margin-bottom: 9px!important
        }
        .mg-xl-x-9 {
            margin-left: 9px;
            margin-right: 9px
        }
        .mg-xl-x-9-f {
            margin-left: 9px!important;
            margin-right: 9px!important
        }
        .mg-xl-t-9 {
            margin-top: 9px
        }
        .mg-xl-r-9 {
            margin-right: 9px
        }
        .mg-xl-b-9 {
            margin-bottom: 9px
        }
        .mg-xl-l-9 {
            margin-left: 9px
        }
        .mg-xl-t-9-f {
            margin-top: 9px!important
        }
        .mg-xl-r-9-f {
            margin-right: 9px!important
        }
        .mg-xl-b-9-f {
            margin-bottom: 9px!important
        }
        .mg-xl-l-9-f {
            margin-left: 9px!important
        }
        .mg-xl-10 {
            margin: 10px
        }
        .mg-xl-10-f {
            margin: 10px!important
        }
        .mg-xl-y-10 {
            margin-top: 10px;
            margin-bottom: 10px
        }
        .mg-xl-y-10-f {
            margin-top: 10px!important;
            margin-bottom: 10px!important
        }
        .mg-xl-x-10 {
            margin-left: 10px;
            margin-right: 10px
        }
        .mg-xl-x-10-f {
            margin-left: 10px!important;
            margin-right: 10px!important
        }
        .mg-xl-t-10 {
            margin-top: 10px
        }
        .mg-xl-r-10 {
            margin-right: 10px
        }
        .mg-xl-b-10 {
            margin-bottom: 10px
        }
        .mg-xl-l-10 {
            margin-left: 10px
        }
        .mg-xl-t-10-f {
            margin-top: 10px!important
        }
        .mg-xl-r-10-f {
            margin-right: 10px!important
        }
        .mg-xl-b-10-f {
            margin-bottom: 10px!important
        }
        .mg-xl-l-10-f {
            margin-left: 10px!important
        }
        .mg-xl-15 {
            margin: 15px
        }
        .mg-xl-15-f {
            margin: 15px!important
        }
        .mg-xl-y-15 {
            margin-top: 15px;
            margin-bottom: 15px
        }
        .mg-xl-y-15-f {
            margin-top: 15px!important;
            margin-bottom: 15px!important
        }
        .mg-xl-x-15 {
            margin-left: 15px;
            margin-right: 15px
        }
        .mg-xl-x-15-f {
            margin-left: 15px!important;
            margin-right: 15px!important
        }
        .mg-xl-t-15 {
            margin-top: 15px
        }
        .mg-xl-r-15 {
            margin-right: 15px
        }
        .mg-xl-b-15 {
            margin-bottom: 15px
        }
        .mg-xl-l-15 {
            margin-left: 15px
        }
        .mg-xl-t-15-f {
            margin-top: 15px!important
        }
        .mg-xl-r-15-f {
            margin-right: 15px!important
        }
        .mg-xl-b-15-f {
            margin-bottom: 15px!important
        }
        .mg-xl-l-15-f {
            margin-left: 15px!important
        }
        .mg-xl-20 {
            margin: 20px
        }
        .mg-xl-20-f {
            margin: 20px!important
        }
        .mg-xl-y-20 {
            margin-top: 20px;
            margin-bottom: 20px
        }
        .mg-xl-y-20-f {
            margin-top: 20px!important;
            margin-bottom: 20px!important
        }
        .mg-xl-x-20 {
            margin-left: 20px;
            margin-right: 20px
        }
        .mg-xl-x-20-f {
            margin-left: 20px!important;
            margin-right: 20px!important
        }
        .mg-xl-t-20 {
            margin-top: 20px
        }
        .mg-xl-r-20 {
            margin-right: 20px
        }
        .mg-xl-b-20 {
            margin-bottom: 20px
        }
        .mg-xl-l-20 {
            margin-left: 20px
        }
        .mg-xl-t-20-f {
            margin-top: 20px!important
        }
        .mg-xl-r-20-f {
            margin-right: 20px!important
        }
        .mg-xl-b-20-f {
            margin-bottom: 20px!important
        }
        .mg-xl-l-20-f {
            margin-left: 20px!important
        }
        .mg-xl-25 {
            margin: 25px
        }
        .mg-xl-25-f {
            margin: 25px!important
        }
        .mg-xl-y-25 {
            margin-top: 25px;
            margin-bottom: 25px
        }
        .mg-xl-y-25-f {
            margin-top: 25px!important;
            margin-bottom: 25px!important
        }
        .mg-xl-x-25 {
            margin-left: 25px;
            margin-right: 25px
        }
        .mg-xl-x-25-f {
            margin-left: 25px!important;
            margin-right: 25px!important
        }
        .mg-xl-t-25 {
            margin-top: 25px
        }
        .mg-xl-r-25 {
            margin-right: 25px
        }
        .mg-xl-b-25 {
            margin-bottom: 25px
        }
        .mg-xl-l-25 {
            margin-left: 25px
        }
        .mg-xl-t-25-f {
            margin-top: 25px!important
        }
        .mg-xl-r-25-f {
            margin-right: 25px!important
        }
        .mg-xl-b-25-f {
            margin-bottom: 25px!important
        }
        .mg-xl-l-25-f {
            margin-left: 25px!important
        }
        .mg-xl-30 {
            margin: 30px
        }
        .mg-xl-30-f {
            margin: 30px!important
        }
        .mg-xl-y-30 {
            margin-top: 30px;
            margin-bottom: 30px
        }
        .mg-xl-y-30-f {
            margin-top: 30px!important;
            margin-bottom: 30px!important
        }
        .mg-xl-x-30 {
            margin-left: 30px;
            margin-right: 30px
        }
        .mg-xl-x-30-f {
            margin-left: 30px!important;
            margin-right: 30px!important
        }
        .mg-xl-t-30 {
            margin-top: 30px
        }
        .mg-xl-r-30 {
            margin-right: 30px
        }
        .mg-xl-b-30 {
            margin-bottom: 30px
        }
        .mg-xl-l-30 {
            margin-left: 30px
        }
        .mg-xl-t-30-f {
            margin-top: 30px!important
        }
        .mg-xl-r-30-f {
            margin-right: 30px!important
        }
        .mg-xl-b-30-f {
            margin-bottom: 30px!important
        }
        .mg-xl-l-30-f {
            margin-left: 30px!important
        }
        .mg-xl-35 {
            margin: 35px
        }
        .mg-xl-35-f {
            margin: 35px!important
        }
        .mg-xl-y-35 {
            margin-top: 35px;
            margin-bottom: 35px
        }
        .mg-xl-y-35-f {
            margin-top: 35px!important;
            margin-bottom: 35px!important
        }
        .mg-xl-x-35 {
            margin-left: 35px;
            margin-right: 35px
        }
        .mg-xl-x-35-f {
            margin-left: 35px!important;
            margin-right: 35px!important
        }
        .mg-xl-t-35 {
            margin-top: 35px
        }
        .mg-xl-r-35 {
            margin-right: 35px
        }
        .mg-xl-b-35 {
            margin-bottom: 35px
        }
        .mg-xl-l-35 {
            margin-left: 35px
        }
        .mg-xl-t-35-f {
            margin-top: 35px!important
        }
        .mg-xl-r-35-f {
            margin-right: 35px!important
        }
        .mg-xl-b-35-f {
            margin-bottom: 35px!important
        }
        .mg-xl-l-35-f {
            margin-left: 35px!important
        }
        .mg-xl-40 {
            margin: 40px
        }
        .mg-xl-40-f {
            margin: 40px!important
        }
        .mg-xl-y-40 {
            margin-top: 40px;
            margin-bottom: 40px
        }
        .mg-xl-y-40-f {
            margin-top: 40px!important;
            margin-bottom: 40px!important
        }
        .mg-xl-x-40 {
            margin-left: 40px;
            margin-right: 40px
        }
        .mg-xl-x-40-f {
            margin-left: 40px!important;
            margin-right: 40px!important
        }
        .mg-xl-t-40 {
            margin-top: 40px
        }
        .mg-xl-r-40 {
            margin-right: 40px
        }
        .mg-xl-b-40 {
            margin-bottom: 40px
        }
        .mg-xl-l-40 {
            margin-left: 40px
        }
        .mg-xl-t-40-f {
            margin-top: 40px!important
        }
        .mg-xl-r-40-f {
            margin-right: 40px!important
        }
        .mg-xl-b-40-f {
            margin-bottom: 40px!important
        }
        .mg-xl-l-40-f {
            margin-left: 40px!important
        }
        .mg-xl-45 {
            margin: 45px
        }
        .mg-xl-45-f {
            margin: 45px!important
        }
        .mg-xl-y-45 {
            margin-top: 45px;
            margin-bottom: 45px
        }
        .mg-xl-y-45-f {
            margin-top: 45px!important;
            margin-bottom: 45px!important
        }
        .mg-xl-x-45 {
            margin-left: 45px;
            margin-right: 45px
        }
        .mg-xl-x-45-f {
            margin-left: 45px!important;
            margin-right: 45px!important
        }
        .mg-xl-t-45 {
            margin-top: 45px
        }
        .mg-xl-r-45 {
            margin-right: 45px
        }
        .mg-xl-b-45 {
            margin-bottom: 45px
        }
        .mg-xl-l-45 {
            margin-left: 45px
        }
        .mg-xl-t-45-f {
            margin-top: 45px!important
        }
        .mg-xl-r-45-f {
            margin-right: 45px!important
        }
        .mg-xl-b-45-f {
            margin-bottom: 45px!important
        }
        .mg-xl-l-45-f {
            margin-left: 45px!important
        }
        .mg-xl-50 {
            margin: 50px
        }
        .mg-xl-50-f {
            margin: 50px!important
        }
        .mg-xl-y-50 {
            margin-top: 50px;
            margin-bottom: 50px
        }
        .mg-xl-y-50-f {
            margin-top: 50px!important;
            margin-bottom: 50px!important
        }
        .mg-xl-x-50 {
            margin-left: 50px;
            margin-right: 50px
        }
        .mg-xl-x-50-f {
            margin-left: 50px!important;
            margin-right: 50px!important
        }
        .mg-xl-t-50 {
            margin-top: 50px
        }
        .mg-xl-r-50 {
            margin-right: 50px
        }
        .mg-xl-b-50 {
            margin-bottom: 50px
        }
        .mg-xl-l-50 {
            margin-left: 50px
        }
        .mg-xl-t-50-f {
            margin-top: 50px!important
        }
        .mg-xl-r-50-f {
            margin-right: 50px!important
        }
        .mg-xl-b-50-f {
            margin-bottom: 50px!important
        }
        .mg-xl-l-50-f {
            margin-left: 50px!important
        }
        .mg-xl-55 {
            margin: 55px
        }
        .mg-xl-55-f {
            margin: 55px!important
        }
        .mg-xl-y-55 {
            margin-top: 55px;
            margin-bottom: 55px
        }
        .mg-xl-y-55-f {
            margin-top: 55px!important;
            margin-bottom: 55px!important
        }
        .mg-xl-x-55 {
            margin-left: 55px;
            margin-right: 55px
        }
        .mg-xl-x-55-f {
            margin-left: 55px!important;
            margin-right: 55px!important
        }
        .mg-xl-t-55 {
            margin-top: 55px
        }
        .mg-xl-r-55 {
            margin-right: 55px
        }
        .mg-xl-b-55 {
            margin-bottom: 55px
        }
        .mg-xl-l-55 {
            margin-left: 55px
        }
        .mg-xl-t-55-f {
            margin-top: 55px!important
        }
        .mg-xl-r-55-f {
            margin-right: 55px!important
        }
        .mg-xl-b-55-f {
            margin-bottom: 55px!important
        }
        .mg-xl-l-55-f {
            margin-left: 55px!important
        }
        .mg-xl-60 {
            margin: 60px
        }
        .mg-xl-60-f {
            margin: 60px!important
        }
        .mg-xl-y-60 {
            margin-top: 60px;
            margin-bottom: 60px
        }
        .mg-xl-y-60-f {
            margin-top: 60px!important;
            margin-bottom: 60px!important
        }
        .mg-xl-x-60 {
            margin-left: 60px;
            margin-right: 60px
        }
        .mg-xl-x-60-f {
            margin-left: 60px!important;
            margin-right: 60px!important
        }
        .mg-xl-t-60 {
            margin-top: 60px
        }
        .mg-xl-r-60 {
            margin-right: 60px
        }
        .mg-xl-b-60 {
            margin-bottom: 60px
        }
        .mg-xl-l-60 {
            margin-left: 60px
        }
        .mg-xl-t-60-f {
            margin-top: 60px!important
        }
        .mg-xl-r-60-f {
            margin-right: 60px!important
        }
        .mg-xl-b-60-f {
            margin-bottom: 60px!important
        }
        .mg-xl-l-60-f {
            margin-left: 60px!important
        }
        .mg-xl-65 {
            margin: 65px
        }
        .mg-xl-65-f {
            margin: 65px!important
        }
        .mg-xl-y-65 {
            margin-top: 65px;
            margin-bottom: 65px
        }
        .mg-xl-y-65-f {
            margin-top: 65px!important;
            margin-bottom: 65px!important
        }
        .mg-xl-x-65 {
            margin-left: 65px;
            margin-right: 65px
        }
        .mg-xl-x-65-f {
            margin-left: 65px!important;
            margin-right: 65px!important
        }
        .mg-xl-t-65 {
            margin-top: 65px
        }
        .mg-xl-r-65 {
            margin-right: 65px
        }
        .mg-xl-b-65 {
            margin-bottom: 65px
        }
        .mg-xl-l-65 {
            margin-left: 65px
        }
        .mg-xl-t-65-f {
            margin-top: 65px!important
        }
        .mg-xl-r-65-f {
            margin-right: 65px!important
        }
        .mg-xl-b-65-f {
            margin-bottom: 65px!important
        }
        .mg-xl-l-65-f {
            margin-left: 65px!important
        }
        .mg-xl-70 {
            margin: 70px
        }
        .mg-xl-70-f {
            margin: 70px!important
        }
        .mg-xl-y-70 {
            margin-top: 70px;
            margin-bottom: 70px
        }
        .mg-xl-y-70-f {
            margin-top: 70px!important;
            margin-bottom: 70px!important
        }
        .mg-xl-x-70 {
            margin-left: 70px;
            margin-right: 70px
        }
        .mg-xl-x-70-f {
            margin-left: 70px!important;
            margin-right: 70px!important
        }
        .mg-xl-t-70 {
            margin-top: 70px
        }
        .mg-xl-r-70 {
            margin-right: 70px
        }
        .mg-xl-b-70 {
            margin-bottom: 70px
        }
        .mg-xl-l-70 {
            margin-left: 70px
        }
        .mg-xl-t-70-f {
            margin-top: 70px!important
        }
        .mg-xl-r-70-f {
            margin-right: 70px!important
        }
        .mg-xl-b-70-f {
            margin-bottom: 70px!important
        }
        .mg-xl-l-70-f {
            margin-left: 70px!important
        }
        .mg-xl-75 {
            margin: 75px
        }
        .mg-xl-75-f {
            margin: 75px!important
        }
        .mg-xl-y-75 {
            margin-top: 75px;
            margin-bottom: 75px
        }
        .mg-xl-y-75-f {
            margin-top: 75px!important;
            margin-bottom: 75px!important
        }
        .mg-xl-x-75 {
            margin-left: 75px;
            margin-right: 75px
        }
        .mg-xl-x-75-f {
            margin-left: 75px!important;
            margin-right: 75px!important
        }
        .mg-xl-t-75 {
            margin-top: 75px
        }
        .mg-xl-r-75 {
            margin-right: 75px
        }
        .mg-xl-b-75 {
            margin-bottom: 75px
        }
        .mg-xl-l-75 {
            margin-left: 75px
        }
        .mg-xl-t-75-f {
            margin-top: 75px!important
        }
        .mg-xl-r-75-f {
            margin-right: 75px!important
        }
        .mg-xl-b-75-f {
            margin-bottom: 75px!important
        }
        .mg-xl-l-75-f {
            margin-left: 75px!important
        }
        .mg-xl-80 {
            margin: 80px
        }
        .mg-xl-80-f {
            margin: 80px!important
        }
        .mg-xl-y-80 {
            margin-top: 80px;
            margin-bottom: 80px
        }
        .mg-xl-y-80-f {
            margin-top: 80px!important;
            margin-bottom: 80px!important
        }
        .mg-xl-x-80 {
            margin-left: 80px;
            margin-right: 80px
        }
        .mg-xl-x-80-f {
            margin-left: 80px!important;
            margin-right: 80px!important
        }
        .mg-xl-t-80 {
            margin-top: 80px
        }
        .mg-xl-r-80 {
            margin-right: 80px
        }
        .mg-xl-b-80 {
            margin-bottom: 80px
        }
        .mg-xl-l-80 {
            margin-left: 80px
        }
        .mg-xl-t-80-f {
            margin-top: 80px!important
        }
        .mg-xl-r-80-f {
            margin-right: 80px!important
        }
        .mg-xl-b-80-f {
            margin-bottom: 80px!important
        }
        .mg-xl-l-80-f {
            margin-left: 80px!important
        }
        .mg-xl-85 {
            margin: 85px
        }
        .mg-xl-85-f {
            margin: 85px!important
        }
        .mg-xl-y-85 {
            margin-top: 85px;
            margin-bottom: 85px
        }
        .mg-xl-y-85-f {
            margin-top: 85px!important;
            margin-bottom: 85px!important
        }
        .mg-xl-x-85 {
            margin-left: 85px;
            margin-right: 85px
        }
        .mg-xl-x-85-f {
            margin-left: 85px!important;
            margin-right: 85px!important
        }
        .mg-xl-t-85 {
            margin-top: 85px
        }
        .mg-xl-r-85 {
            margin-right: 85px
        }
        .mg-xl-b-85 {
            margin-bottom: 85px
        }
        .mg-xl-l-85 {
            margin-left: 85px
        }
        .mg-xl-t-85-f {
            margin-top: 85px!important
        }
        .mg-xl-r-85-f {
            margin-right: 85px!important
        }
        .mg-xl-b-85-f {
            margin-bottom: 85px!important
        }
        .mg-xl-l-85-f {
            margin-left: 85px!important
        }
        .mg-xl-90 {
            margin: 90px
        }
        .mg-xl-90-f {
            margin: 90px!important
        }
        .mg-xl-y-90 {
            margin-top: 90px;
            margin-bottom: 90px
        }
        .mg-xl-y-90-f {
            margin-top: 90px!important;
            margin-bottom: 90px!important
        }
        .mg-xl-x-90 {
            margin-left: 90px;
            margin-right: 90px
        }
        .mg-xl-x-90-f {
            margin-left: 90px!important;
            margin-right: 90px!important
        }
        .mg-xl-t-90 {
            margin-top: 90px
        }
        .mg-xl-r-90 {
            margin-right: 90px
        }
        .mg-xl-b-90 {
            margin-bottom: 90px
        }
        .mg-xl-l-90 {
            margin-left: 90px
        }
        .mg-xl-t-90-f {
            margin-top: 90px!important
        }
        .mg-xl-r-90-f {
            margin-right: 90px!important
        }
        .mg-xl-b-90-f {
            margin-bottom: 90px!important
        }
        .mg-xl-l-90-f {
            margin-left: 90px!important
        }
        .mg-xl-95 {
            margin: 95px
        }
        .mg-xl-95-f {
            margin: 95px!important
        }
        .mg-xl-y-95 {
            margin-top: 95px;
            margin-bottom: 95px
        }
        .mg-xl-y-95-f {
            margin-top: 95px!important;
            margin-bottom: 95px!important
        }
        .mg-xl-x-95 {
            margin-left: 95px;
            margin-right: 95px
        }
        .mg-xl-x-95-f {
            margin-left: 95px!important;
            margin-right: 95px!important
        }
        .mg-xl-t-95 {
            margin-top: 95px
        }
        .mg-xl-r-95 {
            margin-right: 95px
        }
        .mg-xl-b-95 {
            margin-bottom: 95px
        }
        .mg-xl-l-95 {
            margin-left: 95px
        }
        .mg-xl-t-95-f {
            margin-top: 95px!important
        }
        .mg-xl-r-95-f {
            margin-right: 95px!important
        }
        .mg-xl-b-95-f {
            margin-bottom: 95px!important
        }
        .mg-xl-l-95-f {
            margin-left: 95px!important
        }
        .mg-xl-100 {
            margin: 100px
        }
        .mg-xl-100-f {
            margin: 100px!important
        }
        .mg-xl-y-100 {
            margin-top: 100px;
            margin-bottom: 100px
        }
        .mg-xl-y-100-f {
            margin-top: 100px!important;
            margin-bottom: 100px!important
        }
        .mg-xl-x-100 {
            margin-left: 100px;
            margin-right: 100px
        }
        .mg-xl-x-100-f {
            margin-left: 100px!important;
            margin-right: 100px!important
        }
        .mg-xl-t-100 {
            margin-top: 100px
        }
        .mg-xl-r-100 {
            margin-right: 100px
        }
        .mg-xl-b-100 {
            margin-bottom: 100px
        }
        .mg-xl-l-100 {
            margin-left: 100px
        }
        .mg-xl-t-100-f {
            margin-top: 100px!important
        }
        .mg-xl-r-100-f {
            margin-right: 100px!important
        }
        .mg-xl-b-100-f {
            margin-bottom: 100px!important
        }
        .mg-xl-l-100-f {
            margin-left: 100px!important
        }
        .mg-xl-t-auto {
            margin-top: auto
        }
        .mg-xl-r-auto {
            margin-right: auto
        }
        .mg-xl-b-auto {
            margin-bottom: auto
        }
        .mg-xl-l-auto {
            margin-left: auto
        }
        .mg-xl-auto {
            margin: auto
        }
        .mg-xl-x-auto {
            margin-left: auto;
            margin-right: auto
        }
    }

    .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:576px) {
        .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:1200px) {
        .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
        }
    }

    .op-0 {
        opacity: 0
    }

    .op-0-f {
        opacity: 0!important
    }

    .op-1 {
        opacity: .1
    }

    .op-1-f {
        opacity: .1!important
    }

    .op-2 {
        opacity: .2
    }

    .op-2-f {
        opacity: .2!important
    }

    .op-3 {
        opacity: .3
    }

    .op-3-f {
        opacity: .3!important
    }

    .op-4 {
        opacity: .4
    }

    .op-4-f {
        opacity: .4!important
    }

    .op-5 {
        opacity: .5
    }

    .op-5-f {
        opacity: .5!important
    }

    .op-6 {
        opacity: .6
    }

    .op-6-f {
        opacity: .6!important
    }

    .op-7 {
        opacity: .7
    }

    .op-7-f {
        opacity: .7!important
    }

    .op-8 {
        opacity: .8
    }

    .op-8-f {
        opacity: .8!important
    }

    .op-9 {
        opacity: .9
    }

    .op-9-f {
        opacity: .9!important
    }

    .opacity-1 {
        opacity: 1
    }

    .shadow-base {
        box-shadow: 0 8px 16px 0 rgba(162, 169, 204, .24)
    }

    .shadow-1 {
        box-shadow: 0 0 7px 7px rgba(28, 39, 60, .1)
    }

    .shadow-2 {
        box-shadow: 0 0 30px rgba(28, 39, 60, .08)
    }

    .shadow-none {
        box-shadow: none
    }

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

    .flex-1 {
        flex: 1
    }

    .flex-0 {
        flex: 0
    }

    .img-fit-cover {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    @media (min-width:480px) {
        .op-xs-0 {
            opacity: 0
        }
        .op-xs-0-f {
            opacity: 0!important
        }
        .op-xs-1 {
            opacity: .1
        }
        .op-xs-1-f {
            opacity: .1!important
        }
        .op-xs-2 {
            opacity: .2
        }
        .op-xs-2-f {
            opacity: .2!important
        }
        .op-xs-3 {
            opacity: .3
        }
        .op-xs-3-f {
            opacity: .3!important
        }
        .op-xs-4 {
            opacity: .4
        }
        .op-xs-4-f {
            opacity: .4!important
        }
        .op-xs-5 {
            opacity: .5
        }
        .op-xs-5-f {
            opacity: .5!important
        }
        .op-xs-6 {
            opacity: .6
        }
        .op-xs-6-f {
            opacity: .6!important
        }
        .op-xs-7 {
            opacity: .7
        }
        .op-xs-7-f {
            opacity: .7!important
        }
        .op-xs-8 {
            opacity: .8
        }
        .op-xs-8-f {
            opacity: .8!important
        }
        .op-xs-9 {
            opacity: .9
        }
        .op-xs-9-f {
            opacity: .9!important
        }
    }

    @media (min-width:576px) {
        .op-sm-0 {
            opacity: 0
        }
        .op-sm-0-f {
            opacity: 0!important
        }
        .op-sm-1 {
            opacity: .1
        }
        .op-sm-1-f {
            opacity: .1!important
        }
        .op-sm-2 {
            opacity: .2
        }
        .op-sm-2-f {
            opacity: .2!important
        }
        .op-sm-3 {
            opacity: .3
        }
        .op-sm-3-f {
            opacity: .3!important
        }
        .op-sm-4 {
            opacity: .4
        }
        .op-sm-4-f {
            opacity: .4!important
        }
        .op-sm-5 {
            opacity: .5
        }
        .op-sm-5-f {
            opacity: .5!important
        }
        .op-sm-6 {
            opacity: .6
        }
        .op-sm-6-f {
            opacity: .6!important
        }
        .op-sm-7 {
            opacity: .7
        }
        .op-sm-7-f {
            opacity: .7!important
        }
        .op-sm-8 {
            opacity: .8
        }
        .op-sm-8-f {
            opacity: .8!important
        }
        .op-sm-9 {
            opacity: .9
        }
        .op-sm-9-f {
            opacity: .9!important
        }
    }

    @media (min-width:768px) {
        .op-md-0 {
            opacity: 0
        }
        .op-md-0-f {
            opacity: 0!important
        }
        .op-md-1 {
            opacity: .1
        }
        .op-md-1-f {
            opacity: .1!important
        }
        .op-md-2 {
            opacity: .2
        }
        .op-md-2-f {
            opacity: .2!important
        }
        .op-md-3 {
            opacity: .3
        }
        .op-md-3-f {
            opacity: .3!important
        }
        .op-md-4 {
            opacity: .4
        }
        .op-md-4-f {
            opacity: .4!important
        }
        .op-md-5 {
            opacity: .5
        }
        .op-md-5-f {
            opacity: .5!important
        }
        .op-md-6 {
            opacity: .6
        }
        .op-md-6-f {
            opacity: .6!important
        }
        .op-md-7 {
            opacity: .7
        }
        .op-md-7-f {
            opacity: .7!important
        }
        .op-md-8 {
            opacity: .8
        }
        .op-md-8-f {
            opacity: .8!important
        }
        .op-md-9 {
            opacity: .9
        }
        .op-md-9-f {
            opacity: .9!important
        }
    }

    @media (min-width:992px) {
        .op-lg-0 {
            opacity: 0
        }
        .op-lg-0-f {
            opacity: 0!important
        }
        .op-lg-1 {
            opacity: .1
        }
        .op-lg-1-f {
            opacity: .1!important
        }
        .op-lg-2 {
            opacity: .2
        }
        .op-lg-2-f {
            opacity: .2!important
        }
        .op-lg-3 {
            opacity: .3
        }
        .op-lg-3-f {
            opacity: .3!important
        }
        .op-lg-4 {
            opacity: .4
        }
        .op-lg-4-f {
            opacity: .4!important
        }
        .op-lg-5 {
            opacity: .5
        }
        .op-lg-5-f {
            opacity: .5!important
        }
        .op-lg-6 {
            opacity: .6
        }
        .op-lg-6-f {
            opacity: .6!important
        }
        .op-lg-7 {
            opacity: .7
        }
        .op-lg-7-f {
            opacity: .7!important
        }
        .op-lg-8 {
            opacity: .8
        }
        .op-lg-8-f {
            opacity: .8!important
        }
        .op-lg-9 {
            opacity: .9
        }
        .op-lg-9-f {
            opacity: .9!important
        }
    }

    @media (min-width:1200px) {
        .op-xl-0 {
            opacity: 0
        }
        .op-xl-0-f {
            opacity: 0!important
        }
        .op-xl-1 {
            opacity: .1
        }
        .op-xl-1-f {
            opacity: .1!important
        }
        .op-xl-2 {
            opacity: .2
        }
        .op-xl-2-f {
            opacity: .2!important
        }
        .op-xl-3 {
            opacity: .3
        }
        .op-xl-3-f {
            opacity: .3!important
        }
        .op-xl-4 {
            opacity: .4
        }
        .op-xl-4-f {
            opacity: .4!important
        }
        .op-xl-5 {
            opacity: .5
        }
        .op-xl-5-f {
            opacity: .5!important
        }
        .op-xl-6 {
            opacity: .6
        }
        .op-xl-6-f {
            opacity: .6!important
        }
        .op-xl-7 {
            opacity: .7
        }
        .op-xl-7-f {
            opacity: .7!important
        }
        .op-xl-8 {
            opacity: .8
        }
        .op-xl-8-f {
            opacity: .8!important
        }
        .op-xl-9 {
            opacity: .9
        }
        .op-xl-9-f {
            opacity: .9!important
        }
    }

    .pd-0 {
        padding: 0
    }

    .pd-0-f {
        padding: 0!important
    }

    .pd-y-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .pd-y-0-f {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .pd-x-0 {
        padding-left: 0;
        padding-right: 0
    }

    .pd-x-0-f {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .pd-t-0 {
        padding-top: 0
    }

    .pd-r-0 {
        padding-right: 0
    }

    .pd-b-0 {
        padding-bottom: 0
    }

    .pd-l-0 {
        padding-left: 0
    }

    .pd-t-0-f {
        padding-top: 0!important
    }

    .pd-r-0-f {
        padding-right: 0!important
    }

    .pd-b-0-f {
        padding-bottom: 0!important
    }

    .pd-l-0-f {
        padding-left: 0!important
    }

    .pd-1 {
        padding: 1px
    }

    .pd-1-f {
        padding: 1px!important
    }

    .pd-y-1 {
        padding-top: 1px;
        padding-bottom: 1px
    }

    .pd-y-1-f {
        padding-top: 1px!important;
        padding-bottom: 1px!important
    }

    .pd-x-1 {
        padding-left: 1px;
        padding-right: 1px
    }

    .pd-x-1-f {
        padding-left: 1px!important;
        padding-right: 1px!important
    }

    .pd-t-1 {
        padding-top: 1px
    }

    .pd-r-1 {
        padding-right: 1px
    }

    .pd-b-1 {
        padding-bottom: 1px
    }

    .pd-l-1 {
        padding-left: 1px
    }

    .pd-t-1-f {
        padding-top: 1px!important
    }

    .pd-r-1-f {
        padding-right: 1px!important
    }

    .pd-b-1-f {
        padding-bottom: 1px!important
    }

    .pd-l-1-f {
        padding-left: 1px!important
    }

    .pd-2 {
        padding: 2px
    }

    .pd-2-f {
        padding: 2px!important
    }

    .pd-y-2 {
        padding-top: 2px;
        padding-bottom: 2px
    }

    .pd-y-2-f {
        padding-top: 2px!important;
        padding-bottom: 2px!important
    }

    .pd-x-2 {
        padding-left: 2px;
        padding-right: 2px
    }

    .pd-x-2-f {
        padding-left: 2px!important;
        padding-right: 2px!important
    }

    .pd-t-2 {
        padding-top: 2px
    }

    .pd-r-2 {
        padding-right: 2px
    }

    .pd-b-2 {
        padding-bottom: 2px
    }

    .pd-l-2 {
        padding-left: 2px
    }

    .pd-t-2-f {
        padding-top: 2px!important
    }

    .pd-r-2-f {
        padding-right: 2px!important
    }

    .pd-b-2-f {
        padding-bottom: 2px!important
    }

    .pd-l-2-f {
        padding-left: 2px!important
    }

    .pd-3 {
        padding: 3px
    }

    .pd-3-f {
        padding: 3px!important
    }

    .pd-y-3 {
        padding-top: 3px;
        padding-bottom: 3px
    }

    .pd-y-3-f {
        padding-top: 3px!important;
        padding-bottom: 3px!important
    }

    .pd-x-3 {
        padding-left: 3px;
        padding-right: 3px
    }

    .pd-x-3-f {
        padding-left: 3px!important;
        padding-right: 3px!important
    }

    .pd-t-3 {
        padding-top: 3px
    }

    .pd-r-3 {
        padding-right: 3px
    }

    .pd-b-3 {
        padding-bottom: 3px
    }

    .pd-l-3 {
        padding-left: 3px
    }

    .pd-t-3-f {
        padding-top: 3px!important
    }

    .pd-r-3-f {
        padding-right: 3px!important
    }

    .pd-b-3-f {
        padding-bottom: 3px!important
    }

    .pd-l-3-f {
        padding-left: 3px!important
    }

    .pd-4 {
        padding: 4px
    }

    .pd-4-f {
        padding: 4px!important
    }

    .pd-y-4 {
        padding-top: 4px;
        padding-bottom: 4px
    }

    .pd-y-4-f {
        padding-top: 4px!important;
        padding-bottom: 4px!important
    }

    .pd-x-4 {
        padding-left: 4px;
        padding-right: 4px
    }

    .pd-x-4-f {
        padding-left: 4px!important;
        padding-right: 4px!important
    }

    .pd-t-4 {
        padding-top: 4px
    }

    .pd-r-4 {
        padding-right: 4px
    }

    .pd-b-4 {
        padding-bottom: 4px
    }

    .pd-l-4 {
        padding-left: 4px
    }

    .pd-t-4-f {
        padding-top: 4px!important
    }

    .pd-r-4-f {
        padding-right: 4px!important
    }

    .pd-b-4-f {
        padding-bottom: 4px!important
    }

    .pd-l-4-f {
        padding-left: 4px!important
    }

    .pd-5 {
        padding: 5px
    }

    .pd-5-f {
        padding: 5px!important
    }

    .pd-y-5 {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .pd-y-5-f {
        padding-top: 5px!important;
        padding-bottom: 5px!important
    }

    .pd-x-5 {
        padding-left: 5px;
        padding-right: 5px
    }

    .pd-x-5-f {
        padding-left: 5px!important;
        padding-right: 5px!important
    }

    .pd-t-5 {
        padding-top: 5px
    }

    .pd-r-5 {
        padding-right: 5px
    }

    .pd-b-5 {
        padding-bottom: 5px
    }

    .pd-l-5 {
        padding-left: 5px
    }

    .pd-t-5-f {
        padding-top: 5px!important
    }

    .pd-r-5-f {
        padding-right: 5px!important
    }

    .pd-b-5-f {
        padding-bottom: 5px!important
    }

    .pd-l-5-f {
        padding-left: 5px!important
    }

    .pd-6 {
        padding: 6px
    }

    .pd-6-f {
        padding: 6px!important
    }

    .pd-y-6 {
        padding-top: 6px;
        padding-bottom: 6px
    }

    .pd-y-6-f {
        padding-top: 6px!important;
        padding-bottom: 6px!important
    }

    .pd-x-6 {
        padding-left: 6px;
        padding-right: 6px
    }

    .pd-x-6-f {
        padding-left: 6px!important;
        padding-right: 6px!important
    }

    .pd-t-6 {
        padding-top: 6px
    }

    .pd-r-6 {
        padding-right: 6px
    }

    .pd-b-6 {
        padding-bottom: 6px
    }

    .pd-l-6 {
        padding-left: 6px
    }

    .pd-t-6-f {
        padding-top: 6px!important
    }

    .pd-r-6-f {
        padding-right: 6px!important
    }

    .pd-b-6-f {
        padding-bottom: 6px!important
    }

    .pd-l-6-f {
        padding-left: 6px!important
    }

    .pd-7 {
        padding: 7px
    }

    .pd-7-f {
        padding: 7px!important
    }

    .pd-y-7 {
        padding-top: 7px;
        padding-bottom: 7px
    }

    .pd-y-7-f {
        padding-top: 7px!important;
        padding-bottom: 7px!important
    }

    .pd-x-7 {
        padding-left: 7px;
        padding-right: 7px
    }

    .pd-x-7-f {
        padding-left: 7px!important;
        padding-right: 7px!important
    }

    .pd-t-7 {
        padding-top: 7px
    }

    .pd-r-7 {
        padding-right: 7px
    }

    .pd-b-7 {
        padding-bottom: 7px
    }

    .pd-l-7 {
        padding-left: 7px
    }

    .pd-t-7-f {
        padding-top: 7px!important
    }

    .pd-r-7-f {
        padding-right: 7px!important
    }

    .pd-b-7-f {
        padding-bottom: 7px!important
    }

    .pd-l-7-f {
        padding-left: 7px!important
    }

    .pd-8 {
        padding: 8px
    }

    .pd-8-f {
        padding: 8px!important
    }

    .pd-y-8 {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .pd-y-8-f {
        padding-top: 8px!important;
        padding-bottom: 8px!important
    }

    .pd-x-8 {
        padding-left: 8px;
        padding-right: 8px
    }

    .pd-x-8-f {
        padding-left: 8px!important;
        padding-right: 8px!important
    }

    .pd-t-8 {
        padding-top: 8px
    }

    .pd-r-8 {
        padding-right: 8px
    }

    .pd-b-8 {
        padding-bottom: 8px
    }

    .pd-l-8 {
        padding-left: 8px
    }

    .pd-t-8-f {
        padding-top: 8px!important
    }

    .pd-r-8-f {
        padding-right: 8px!important
    }

    .pd-b-8-f {
        padding-bottom: 8px!important
    }

    .pd-l-8-f {
        padding-left: 8px!important
    }

    .pd-9 {
        padding: 9px
    }

    .pd-9-f {
        padding: 9px!important
    }

    .pd-y-9 {
        padding-top: 9px;
        padding-bottom: 9px
    }

    .pd-y-9-f {
        padding-top: 9px!important;
        padding-bottom: 9px!important
    }

    .pd-x-9 {
        padding-left: 9px;
        padding-right: 9px
    }

    .pd-x-9-f {
        padding-left: 9px!important;
        padding-right: 9px!important
    }

    .pd-t-9 {
        padding-top: 9px
    }

    .pd-r-9 {
        padding-right: 9px
    }

    .pd-b-9 {
        padding-bottom: 9px
    }

    .pd-l-9 {
        padding-left: 9px
    }

    .pd-t-9-f {
        padding-top: 9px!important
    }

    .pd-r-9-f {
        padding-right: 9px!important
    }

    .pd-b-9-f {
        padding-bottom: 9px!important
    }

    .pd-l-9-f {
        padding-left: 9px!important
    }

    .pd-10 {
        padding: 10px
    }

    .pd-10-f {
        padding: 10px!important
    }

    .pd-y-10 {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .pd-y-10-f {
        padding-top: 10px!important;
        padding-bottom: 10px!important
    }

    .pd-x-10 {
        padding-left: 10px;
        padding-right: 10px
    }

    .pd-x-10-f {
        padding-left: 10px!important;
        padding-right: 10px!important
    }

    .pd-t-10 {
        padding-top: 10px
    }

    .pd-r-10 {
        padding-right: 10px
    }

    .pd-b-10 {
        padding-bottom: 10px
    }

    .pd-l-10 {
        padding-left: 10px
    }

    .pd-t-10-f {
        padding-top: 10px!important
    }

    .pd-r-10-f {
        padding-right: 10px!important
    }

    .pd-b-10-f {
        padding-bottom: 10px!important
    }

    .pd-l-10-f {
        padding-left: 10px!important
    }

    .pd-15 {
        padding: 15px
    }

    .pd-15-f {
        padding: 15px!important
    }

    .pd-y-15 {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .pd-y-15-f {
        padding-top: 15px!important;
        padding-bottom: 15px!important
    }

    .pd-x-15 {
        padding-left: 15px;
        padding-right: 15px
    }

    .pd-x-15-f {
        padding-left: 15px!important;
        padding-right: 15px!important
    }

    .pd-t-15 {
        padding-top: 15px
    }

    .pd-r-15 {
        padding-right: 15px
    }

    .pd-b-15 {
        padding-bottom: 15px
    }

    .pd-l-15 {
        padding-left: 15px
    }

    .pd-t-15-f {
        padding-top: 15px!important
    }

    .pd-r-15-f {
        padding-right: 15px!important
    }

    .pd-b-15-f {
        padding-bottom: 15px!important
    }

    .pd-l-15-f {
        padding-left: 15px!important
    }

    .pd-20 {
        padding: 20px
    }

    .pd-20-f {
        padding: 20px!important
    }

    .pd-y-20 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .pd-y-20-f {
        padding-top: 20px!important;
        padding-bottom: 20px!important
    }

    .pd-x-20 {
        padding-left: 20px;
        padding-right: 20px
    }

    .pd-x-20-f {
        padding-left: 20px!important;
        padding-right: 20px!important
    }

    .pd-t-20 {
        padding-top: 20px
    }

    .pd-r-20 {
        padding-right: 20px
    }

    .pd-b-20 {
        padding-bottom: 20px
    }

    .pd-l-20 {
        padding-left: 20px
    }

    .pd-t-20-f {
        padding-top: 20px!important
    }

    .pd-r-20-f {
        padding-right: 20px!important
    }

    .pd-b-20-f {
        padding-bottom: 20px!important
    }

    .pd-l-20-f {
        padding-left: 20px!important
    }

    .pd-25 {
        padding: 25px
    }

    .pd-25-f {
        padding: 25px!important
    }

    .pd-y-25 {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .pd-y-25-f {
        padding-top: 25px!important;
        padding-bottom: 25px!important
    }

    .pd-x-25 {
        padding-left: 25px;
        padding-right: 25px
    }

    .pd-x-25-f {
        padding-left: 25px!important;
        padding-right: 25px!important
    }

    .pd-t-25 {
        padding-top: 25px
    }

    .pd-r-25 {
        padding-right: 25px
    }

    .pd-b-25 {
        padding-bottom: 25px
    }

    .pd-l-25 {
        padding-left: 25px
    }

    .pd-t-25-f {
        padding-top: 25px!important
    }

    .pd-r-25-f {
        padding-right: 25px!important
    }

    .pd-b-25-f {
        padding-bottom: 25px!important
    }

    .pd-l-25-f {
        padding-left: 25px!important
    }

    .pd-30 {
        padding: 30px
    }

    .pd-30-f {
        padding: 30px!important
    }

    .pd-y-30 {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .pd-y-30-f {
        padding-top: 30px!important;
        padding-bottom: 30px!important
    }

    .pd-x-30 {
        padding-left: 30px;
        padding-right: 30px
    }

    .pd-x-30-f {
        padding-left: 30px!important;
        padding-right: 30px!important
    }

    .pd-t-30 {
        padding-top: 30px
    }

    .pd-r-30 {
        padding-right: 30px
    }

    .pd-b-30 {
        padding-bottom: 30px
    }

    .pd-l-30 {
        padding-left: 30px
    }

    .pd-t-30-f {
        padding-top: 30px!important
    }

    .pd-r-30-f {
        padding-right: 30px!important
    }

    .pd-b-30-f {
        padding-bottom: 30px!important
    }

    .pd-l-30-f {
        padding-left: 30px!important
    }

    .pd-35 {
        padding: 35px
    }

    .pd-35-f {
        padding: 35px!important
    }

    .pd-y-35 {
        padding-top: 35px;
        padding-bottom: 35px
    }

    .pd-y-35-f {
        padding-top: 35px!important;
        padding-bottom: 35px!important
    }

    .pd-x-35 {
        padding-left: 35px;
        padding-right: 35px
    }

    .pd-x-35-f {
        padding-left: 35px!important;
        padding-right: 35px!important
    }

    .pd-t-35 {
        padding-top: 35px
    }

    .pd-r-35 {
        padding-right: 35px
    }

    .pd-b-35 {
        padding-bottom: 35px
    }

    .pd-l-35 {
        padding-left: 35px
    }

    .pd-t-35-f {
        padding-top: 35px!important
    }

    .pd-r-35-f {
        padding-right: 35px!important
    }

    .pd-b-35-f {
        padding-bottom: 35px!important
    }

    .pd-l-35-f {
        padding-left: 35px!important
    }

    .pd-40 {
        padding: 40px
    }

    .pd-40-f {
        padding: 40px!important
    }

    .pd-y-40 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .pd-y-40-f {
        padding-top: 40px!important;
        padding-bottom: 40px!important
    }

    .pd-x-40 {
        padding-left: 40px;
        padding-right: 40px
    }

    .pd-x-40-f {
        padding-left: 40px!important;
        padding-right: 40px!important
    }

    .pd-t-40 {
        padding-top: 40px
    }

    .pd-r-40 {
        padding-right: 40px
    }

    .pd-b-40 {
        padding-bottom: 40px
    }

    .pd-l-40 {
        padding-left: 40px
    }

    .pd-t-40-f {
        padding-top: 40px!important
    }

    .pd-r-40-f {
        padding-right: 40px!important
    }

    .pd-b-40-f {
        padding-bottom: 40px!important
    }

    .pd-l-40-f {
        padding-left: 40px!important
    }

    .pd-45 {
        padding: 45px
    }

    .pd-45-f {
        padding: 45px!important
    }

    .pd-y-45 {
        padding-top: 45px;
        padding-bottom: 45px
    }

    .pd-y-45-f {
        padding-top: 45px!important;
        padding-bottom: 45px!important
    }

    .pd-x-45 {
        padding-left: 45px;
        padding-right: 45px
    }

    .pd-x-45-f {
        padding-left: 45px!important;
        padding-right: 45px!important
    }

    .pd-t-45 {
        padding-top: 45px
    }

    .pd-r-45 {
        padding-right: 45px
    }

    .pd-b-45 {
        padding-bottom: 45px
    }

    .pd-l-45 {
        padding-left: 45px
    }

    .pd-t-45-f {
        padding-top: 45px!important
    }

    .pd-r-45-f {
        padding-right: 45px!important
    }

    .pd-b-45-f {
        padding-bottom: 45px!important
    }

    .pd-l-45-f {
        padding-left: 45px!important
    }

    .pd-50 {
        padding: 50px
    }

    .pd-50-f {
        padding: 50px!important
    }

    .pd-y-50 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .pd-y-50-f {
        padding-top: 50px!important;
        padding-bottom: 50px!important
    }

    .pd-x-50 {
        padding-left: 50px;
        padding-right: 50px
    }

    .pd-x-50-f {
        padding-left: 50px!important;
        padding-right: 50px!important
    }

    .pd-t-50 {
        padding-top: 50px
    }

    .pd-r-50 {
        padding-right: 50px
    }

    .pd-b-50 {
        padding-bottom: 50px
    }

    .pd-l-50 {
        padding-left: 50px
    }

    .pd-t-50-f {
        padding-top: 50px!important
    }

    .pd-r-50-f {
        padding-right: 50px!important
    }

    .pd-b-50-f {
        padding-bottom: 50px!important
    }

    .pd-l-50-f {
        padding-left: 50px!important
    }

    .pd-55 {
        padding: 55px
    }

    .pd-55-f {
        padding: 55px!important
    }

    .pd-y-55 {
        padding-top: 55px;
        padding-bottom: 55px
    }

    .pd-y-55-f {
        padding-top: 55px!important;
        padding-bottom: 55px!important
    }

    .pd-x-55 {
        padding-left: 55px;
        padding-right: 55px
    }

    .pd-x-55-f {
        padding-left: 55px!important;
        padding-right: 55px!important
    }

    .pd-t-55 {
        padding-top: 55px
    }

    .pd-r-55 {
        padding-right: 55px
    }

    .pd-b-55 {
        padding-bottom: 55px
    }

    .pd-l-55 {
        padding-left: 55px
    }

    .pd-t-55-f {
        padding-top: 55px!important
    }

    .pd-r-55-f {
        padding-right: 55px!important
    }

    .pd-b-55-f {
        padding-bottom: 55px!important
    }

    .pd-l-55-f {
        padding-left: 55px!important
    }

    .pd-60 {
        padding: 60px
    }

    .pd-60-f {
        padding: 60px!important
    }

    .pd-y-60 {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .pd-y-60-f {
        padding-top: 60px!important;
        padding-bottom: 60px!important
    }

    .pd-x-60 {
        padding-left: 60px;
        padding-right: 60px
    }

    .pd-x-60-f {
        padding-left: 60px!important;
        padding-right: 60px!important
    }

    .pd-t-60 {
        padding-top: 60px
    }

    .pd-r-60 {
        padding-right: 60px
    }

    .pd-b-60 {
        padding-bottom: 60px
    }

    .pd-l-60 {
        padding-left: 60px
    }

    .pd-t-60-f {
        padding-top: 60px!important
    }

    .pd-r-60-f {
        padding-right: 60px!important
    }

    .pd-b-60-f {
        padding-bottom: 60px!important
    }

    .pd-l-60-f {
        padding-left: 60px!important
    }

    .pd-65 {
        padding: 65px
    }

    .pd-65-f {
        padding: 65px!important
    }

    .pd-y-65 {
        padding-top: 65px;
        padding-bottom: 65px
    }

    .pd-y-65-f {
        padding-top: 65px!important;
        padding-bottom: 65px!important
    }

    .pd-x-65 {
        padding-left: 65px;
        padding-right: 65px
    }

    .pd-x-65-f {
        padding-left: 65px!important;
        padding-right: 65px!important
    }

    .pd-t-65 {
        padding-top: 65px
    }

    .pd-r-65 {
        padding-right: 65px
    }

    .pd-b-65 {
        padding-bottom: 65px
    }

    .pd-l-65 {
        padding-left: 65px
    }

    .pd-t-65-f {
        padding-top: 65px!important
    }

    .pd-r-65-f {
        padding-right: 65px!important
    }

    .pd-b-65-f {
        padding-bottom: 65px!important
    }

    .pd-l-65-f {
        padding-left: 65px!important
    }

    .pd-70 {
        padding: 70px
    }

    .pd-70-f {
        padding: 70px!important
    }

    .pd-y-70 {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .pd-y-70-f {
        padding-top: 70px!important;
        padding-bottom: 70px!important
    }

    .pd-x-70 {
        padding-left: 70px;
        padding-right: 70px
    }

    .pd-x-70-f {
        padding-left: 70px!important;
        padding-right: 70px!important
    }

    .pd-t-70 {
        padding-top: 70px
    }

    .pd-r-70 {
        padding-right: 70px
    }

    .pd-b-70 {
        padding-bottom: 70px
    }

    .pd-l-70 {
        padding-left: 70px
    }

    .pd-t-70-f {
        padding-top: 70px!important
    }

    .pd-r-70-f {
        padding-right: 70px!important
    }

    .pd-b-70-f {
        padding-bottom: 70px!important
    }

    .pd-l-70-f {
        padding-left: 70px!important
    }

    .pd-75 {
        padding: 75px
    }

    .pd-75-f {
        padding: 75px!important
    }

    .pd-y-75 {
        padding-top: 75px;
        padding-bottom: 75px
    }

    .pd-y-75-f {
        padding-top: 75px!important;
        padding-bottom: 75px!important
    }

    .pd-x-75 {
        padding-left: 75px;
        padding-right: 75px
    }

    .pd-x-75-f {
        padding-left: 75px!important;
        padding-right: 75px!important
    }

    .pd-t-75 {
        padding-top: 75px
    }

    .pd-r-75 {
        padding-right: 75px
    }

    .pd-b-75 {
        padding-bottom: 75px
    }

    .pd-l-75 {
        padding-left: 75px
    }

    .pd-t-75-f {
        padding-top: 75px!important
    }

    .pd-r-75-f {
        padding-right: 75px!important
    }

    .pd-b-75-f {
        padding-bottom: 75px!important
    }

    .pd-l-75-f {
        padding-left: 75px!important
    }

    .pd-80 {
        padding: 80px
    }

    .pd-80-f {
        padding: 80px!important
    }

    .pd-y-80 {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .pd-y-80-f {
        padding-top: 80px!important;
        padding-bottom: 80px!important
    }

    .pd-x-80 {
        padding-left: 80px;
        padding-right: 80px
    }

    .pd-x-80-f {
        padding-left: 80px!important;
        padding-right: 80px!important
    }

    .pd-t-80 {
        padding-top: 80px
    }

    .pd-r-80 {
        padding-right: 80px
    }

    .pd-b-80 {
        padding-bottom: 80px
    }

    .pd-l-80 {
        padding-left: 80px
    }

    .pd-t-80-f {
        padding-top: 80px!important
    }

    .pd-r-80-f {
        padding-right: 80px!important
    }

    .pd-b-80-f {
        padding-bottom: 80px!important
    }

    .pd-l-80-f {
        padding-left: 80px!important
    }

    .pd-85 {
        padding: 85px
    }

    .pd-85-f {
        padding: 85px!important
    }

    .pd-y-85 {
        padding-top: 85px;
        padding-bottom: 85px
    }

    .pd-y-85-f {
        padding-top: 85px!important;
        padding-bottom: 85px!important
    }

    .pd-x-85 {
        padding-left: 85px;
        padding-right: 85px
    }

    .pd-x-85-f {
        padding-left: 85px!important;
        padding-right: 85px!important
    }

    .pd-t-85 {
        padding-top: 85px
    }

    .pd-r-85 {
        padding-right: 85px
    }

    .pd-b-85 {
        padding-bottom: 85px
    }

    .pd-l-85 {
        padding-left: 85px
    }

    .pd-t-85-f {
        padding-top: 85px!important
    }

    .pd-r-85-f {
        padding-right: 85px!important
    }

    .pd-b-85-f {
        padding-bottom: 85px!important
    }

    .pd-l-85-f {
        padding-left: 85px!important
    }

    .pd-90 {
        padding: 90px
    }

    .pd-90-f {
        padding: 90px!important
    }

    .pd-y-90 {
        padding-top: 90px;
        padding-bottom: 90px
    }

    .pd-y-90-f {
        padding-top: 90px!important;
        padding-bottom: 90px!important
    }

    .pd-x-90 {
        padding-left: 90px;
        padding-right: 90px
    }

    .pd-x-90-f {
        padding-left: 90px!important;
        padding-right: 90px!important
    }

    .pd-t-90 {
        padding-top: 90px
    }

    .pd-r-90 {
        padding-right: 90px
    }

    .pd-b-90 {
        padding-bottom: 90px
    }

    .pd-l-90 {
        padding-left: 90px
    }

    .pd-t-90-f {
        padding-top: 90px!important
    }

    .pd-r-90-f {
        padding-right: 90px!important
    }

    .pd-b-90-f {
        padding-bottom: 90px!important
    }

    .pd-l-90-f {
        padding-left: 90px!important
    }

    .pd-95 {
        padding: 95px
    }

    .pd-95-f {
        padding: 95px!important
    }

    .pd-y-95 {
        padding-top: 95px;
        padding-bottom: 95px
    }

    .pd-y-95-f {
        padding-top: 95px!important;
        padding-bottom: 95px!important
    }

    .pd-x-95 {
        padding-left: 95px;
        padding-right: 95px
    }

    .pd-x-95-f {
        padding-left: 95px!important;
        padding-right: 95px!important
    }

    .pd-t-95 {
        padding-top: 95px
    }

    .pd-r-95 {
        padding-right: 95px
    }

    .pd-b-95 {
        padding-bottom: 95px
    }

    .pd-l-95 {
        padding-left: 95px
    }

    .pd-t-95-f {
        padding-top: 95px!important
    }

    .pd-r-95-f {
        padding-right: 95px!important
    }

    .pd-b-95-f {
        padding-bottom: 95px!important
    }

    .pd-l-95-f {
        padding-left: 95px!important
    }

    .pd-100 {
        padding: 100px
    }

    .pd-100-f {
        padding: 100px!important
    }

    .pd-y-100 {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .pd-y-100-f {
        padding-top: 100px!important;
        padding-bottom: 100px!important
    }

    .pd-x-100 {
        padding-left: 100px;
        padding-right: 100px
    }

    .pd-x-100-f {
        padding-left: 100px!important;
        padding-right: 100px!important
    }

    .pd-t-100 {
        padding-top: 100px
    }

    .pd-r-100 {
        padding-right: 100px
    }

    .pd-b-100 {
        padding-bottom: 100px
    }

    .pd-l-100 {
        padding-left: 100px
    }

    .pd-t-100-f {
        padding-top: 100px!important
    }

    .pd-r-100-f {
        padding-right: 100px!important
    }

    .pd-b-100-f {
        padding-bottom: 100px!important
    }

    .pd-l-100-f {
        padding-left: 100px!important
    }

    .pd-110 {
        padding: 110px
    }

    .pd-110-f {
        padding: 110px!important
    }

    .pd-y-110 {
        padding-top: 110px;
        padding-bottom: 110px
    }

    .pd-y-110-f {
        padding-top: 110px!important;
        padding-bottom: 110px!important
    }

    .pd-x-110 {
        padding-left: 110px;
        padding-right: 110px
    }

    .pd-x-110-f {
        padding-left: 110px!important;
        padding-right: 110px!important
    }

    .pd-t-110 {
        padding-top: 110px
    }

    .pd-r-110 {
        padding-right: 110px
    }

    .pd-b-110 {
        padding-bottom: 110px
    }

    .pd-l-110 {
        padding-left: 110px
    }

    .pd-t-110-f {
        padding-top: 110px!important
    }

    .pd-r-110-f {
        padding-right: 110px!important
    }

    .pd-b-110-f {
        padding-bottom: 110px!important
    }

    .pd-l-110-f {
        padding-left: 110px!important
    }

    .pd-120 {
        padding: 120px
    }

    .pd-120-f {
        padding: 120px!important
    }

    .pd-y-120 {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .pd-y-120-f {
        padding-top: 120px!important;
        padding-bottom: 120px!important
    }

    .pd-x-120 {
        padding-left: 120px;
        padding-right: 120px
    }

    .pd-x-120-f {
        padding-left: 120px!important;
        padding-right: 120px!important
    }

    .pd-t-120 {
        padding-top: 120px
    }

    .pd-r-120 {
        padding-right: 120px
    }

    .pd-b-120 {
        padding-bottom: 120px
    }

    .pd-l-120 {
        padding-left: 120px
    }

    .pd-t-120-f {
        padding-top: 120px!important
    }

    .pd-r-120-f {
        padding-right: 120px!important
    }

    .pd-b-120-f {
        padding-bottom: 120px!important
    }

    .pd-l-120-f {
        padding-left: 120px!important
    }

    .pd-130 {
        padding: 130px
    }

    .pd-130-f {
        padding: 130px!important
    }

    .pd-y-130 {
        padding-top: 130px;
        padding-bottom: 130px
    }

    .pd-y-130-f {
        padding-top: 130px!important;
        padding-bottom: 130px!important
    }

    .pd-x-130 {
        padding-left: 130px;
        padding-right: 130px
    }

    .pd-x-130-f {
        padding-left: 130px!important;
        padding-right: 130px!important
    }

    .pd-t-130 {
        padding-top: 130px
    }

    .pd-r-130 {
        padding-right: 130px
    }

    .pd-b-130 {
        padding-bottom: 130px
    }

    .pd-l-130 {
        padding-left: 130px
    }

    .pd-t-130-f {
        padding-top: 130px!important
    }

    .pd-r-130-f {
        padding-right: 130px!important
    }

    .pd-b-130-f {
        padding-bottom: 130px!important
    }

    .pd-l-130-f {
        padding-left: 130px!important
    }

    .pd-140 {
        padding: 140px
    }

    .pd-140-f {
        padding: 140px!important
    }

    .pd-y-140 {
        padding-top: 140px;
        padding-bottom: 140px
    }

    .pd-y-140-f {
        padding-top: 140px!important;
        padding-bottom: 140px!important
    }

    .pd-x-140 {
        padding-left: 140px;
        padding-right: 140px
    }

    .pd-x-140-f {
        padding-left: 140px!important;
        padding-right: 140px!important
    }

    .pd-t-140 {
        padding-top: 140px
    }

    .pd-r-140 {
        padding-right: 140px
    }

    .pd-b-140 {
        padding-bottom: 140px
    }

    .pd-l-140 {
        padding-left: 140px
    }

    .pd-t-140-f {
        padding-top: 140px!important
    }

    .pd-r-140-f {
        padding-right: 140px!important
    }

    .pd-b-140-f {
        padding-bottom: 140px!important
    }

    .pd-l-140-f {
        padding-left: 140px!important
    }

    .pd-150 {
        padding: 150px
    }

    .pd-150-f {
        padding: 150px!important
    }

    .pd-y-150 {
        padding-top: 150px;
        padding-bottom: 150px
    }

    .pd-y-150-f {
        padding-top: 150px!important;
        padding-bottom: 150px!important
    }

    .pd-x-150 {
        padding-left: 150px;
        padding-right: 150px
    }

    .pd-x-150-f {
        padding-left: 150px!important;
        padding-right: 150px!important
    }

    .pd-t-150 {
        padding-top: 150px
    }

    .pd-r-150 {
        padding-right: 150px
    }

    .pd-b-150 {
        padding-bottom: 150px
    }

    .pd-l-150 {
        padding-left: 150px
    }

    .pd-t-150-f {
        padding-top: 150px!important
    }

    .pd-r-150-f {
        padding-right: 150px!important
    }

    .pd-b-150-f {
        padding-bottom: 150px!important
    }

    .pd-l-150-f {
        padding-left: 150px!important
    }

    .pd-160 {
        padding: 160px
    }

    .pd-160-f {
        padding: 160px!important
    }

    .pd-y-160 {
        padding-top: 160px;
        padding-bottom: 160px
    }

    .pd-y-160-f {
        padding-top: 160px!important;
        padding-bottom: 160px!important
    }

    .pd-x-160 {
        padding-left: 160px;
        padding-right: 160px
    }

    .pd-x-160-f {
        padding-left: 160px!important;
        padding-right: 160px!important
    }

    .pd-t-160 {
        padding-top: 160px
    }

    .pd-r-160 {
        padding-right: 160px
    }

    .pd-b-160 {
        padding-bottom: 160px
    }

    .pd-l-160 {
        padding-left: 160px
    }

    .pd-t-160-f {
        padding-top: 160px!important
    }

    .pd-r-160-f {
        padding-right: 160px!important
    }

    .pd-b-160-f {
        padding-bottom: 160px!important
    }

    .pd-l-160-f {
        padding-left: 160px!important
    }

    .pd-170 {
        padding: 170px
    }

    .pd-170-f {
        padding: 170px!important
    }

    .pd-y-170 {
        padding-top: 170px;
        padding-bottom: 170px
    }

    .pd-y-170-f {
        padding-top: 170px!important;
        padding-bottom: 170px!important
    }

    .pd-x-170 {
        padding-left: 170px;
        padding-right: 170px
    }

    .pd-x-170-f {
        padding-left: 170px!important;
        padding-right: 170px!important
    }

    .pd-t-170 {
        padding-top: 170px
    }

    .pd-r-170 {
        padding-right: 170px
    }

    .pd-b-170 {
        padding-bottom: 170px
    }

    .pd-l-170 {
        padding-left: 170px
    }

    .pd-t-170-f {
        padding-top: 170px!important
    }

    .pd-r-170-f {
        padding-right: 170px!important
    }

    .pd-b-170-f {
        padding-bottom: 170px!important
    }

    .pd-l-170-f {
        padding-left: 170px!important
    }

    .pd-180 {
        padding: 180px
    }

    .pd-180-f {
        padding: 180px!important
    }

    .pd-y-180 {
        padding-top: 180px;
        padding-bottom: 180px
    }

    .pd-y-180-f {
        padding-top: 180px!important;
        padding-bottom: 180px!important
    }

    .pd-x-180 {
        padding-left: 180px;
        padding-right: 180px
    }

    .pd-x-180-f {
        padding-left: 180px!important;
        padding-right: 180px!important
    }

    .pd-t-180 {
        padding-top: 180px
    }

    .pd-r-180 {
        padding-right: 180px
    }

    .pd-b-180 {
        padding-bottom: 180px
    }

    .pd-l-180 {
        padding-left: 180px
    }

    .pd-t-180-f {
        padding-top: 180px!important
    }

    .pd-r-180-f {
        padding-right: 180px!important
    }

    .pd-b-180-f {
        padding-bottom: 180px!important
    }

    .pd-l-180-f {
        padding-left: 180px!important
    }

    .pd-190 {
        padding: 190px
    }

    .pd-190-f {
        padding: 190px!important
    }

    .pd-y-190 {
        padding-top: 190px;
        padding-bottom: 190px
    }

    .pd-y-190-f {
        padding-top: 190px!important;
        padding-bottom: 190px!important
    }

    .pd-x-190 {
        padding-left: 190px;
        padding-right: 190px
    }

    .pd-x-190-f {
        padding-left: 190px!important;
        padding-right: 190px!important
    }

    .pd-t-190 {
        padding-top: 190px
    }

    .pd-r-190 {
        padding-right: 190px
    }

    .pd-b-190 {
        padding-bottom: 190px
    }

    .pd-l-190 {
        padding-left: 190px
    }

    .pd-t-190-f {
        padding-top: 190px!important
    }

    .pd-r-190-f {
        padding-right: 190px!important
    }

    .pd-b-190-f {
        padding-bottom: 190px!important
    }

    .pd-l-190-f {
        padding-left: 190px!important
    }

    .pd-200 {
        padding: 200px
    }

    .pd-200-f {
        padding: 200px!important
    }

    .pd-y-200 {
        padding-top: 200px;
        padding-bottom: 200px
    }

    .pd-y-200-f {
        padding-top: 200px!important;
        padding-bottom: 200px!important
    }

    .pd-x-200 {
        padding-left: 200px;
        padding-right: 200px
    }

    .pd-x-200-f {
        padding-left: 200px!important;
        padding-right: 200px!important
    }

    .pd-t-200 {
        padding-top: 200px
    }

    .pd-r-200 {
        padding-right: 200px
    }

    .pd-b-200 {
        padding-bottom: 200px
    }

    .pd-l-200 {
        padding-left: 200px
    }

    .pd-t-200-f {
        padding-top: 200px!important
    }

    .pd-r-200-f {
        padding-right: 200px!important
    }

    .pd-b-200-f {
        padding-bottom: 200px!important
    }

    .pd-l-200-f {
        padding-left: 200px!important
    }

    @media (min-width:480px) {
        .pd-xs-0 {
            padding: 0
        }
        .pd-xs-0-f {
            padding: 0!important
        }
        .pd-xs-y-0 {
            padding-top: 0;
            padding-bottom: 0
        }
        .pd-xs-y-0-f {
            padding-top: 0!important;
            padding-bottom: 0!important
        }
        .pd-xs-x-0 {
            padding-left: 0;
            padding-right: 0
        }
        .pd-xs-x-0-f {
            padding-left: 0!important;
            padding-right: 0!important
        }
        .pd-xs-t-0 {
            padding-top: 0
        }
        .pd-xs-r-0 {
            padding-right: 0
        }
        .pd-xs-b-0 {
            padding-bottom: 0
        }
        .pd-xs-l-0 {
            padding-left: 0
        }
        .pd-xs-t-0-f {
            padding-top: 0!important
        }
        .pd-xs-r-0-f {
            padding-right: 0!important
        }
        .pd-xs-b-0-f {
            padding-bottom: 0!important
        }
        .pd-xs-l-0-f {
            padding-left: 0!important
        }
        .pd-xs-1 {
            padding: 1px
        }
        .pd-xs-1-f {
            padding: 1px!important
        }
        .pd-xs-y-1 {
            padding-top: 1px;
            padding-bottom: 1px
        }
        .pd-xs-y-1-f {
            padding-top: 1px!important;
            padding-bottom: 1px!important
        }
        .pd-xs-x-1 {
            padding-left: 1px;
            padding-right: 1px
        }
        .pd-xs-x-1-f {
            padding-left: 1px!important;
            padding-right: 1px!important
        }
        .pd-xs-t-1 {
            padding-top: 1px
        }
        .pd-xs-r-1 {
            padding-right: 1px
        }
        .pd-xs-b-1 {
            padding-bottom: 1px
        }
        .pd-xs-l-1 {
            padding-left: 1px
        }
        .pd-xs-t-1-f {
            padding-top: 1px!important
        }
        .pd-xs-r-1-f {
            padding-right: 1px!important
        }
        .pd-xs-b-1-f {
            padding-bottom: 1px!important
        }
        .pd-xs-l-1-f {
            padding-left: 1px!important
        }
        .pd-xs-2 {
            padding: 2px
        }
        .pd-xs-2-f {
            padding: 2px!important
        }
        .pd-xs-y-2 {
            padding-top: 2px;
            padding-bottom: 2px
        }
        .pd-xs-y-2-f {
            padding-top: 2px!important;
            padding-bottom: 2px!important
        }
        .pd-xs-x-2 {
            padding-left: 2px;
            padding-right: 2px
        }
        .pd-xs-x-2-f {
            padding-left: 2px!important;
            padding-right: 2px!important
        }
        .pd-xs-t-2 {
            padding-top: 2px
        }
        .pd-xs-r-2 {
            padding-right: 2px
        }
        .pd-xs-b-2 {
            padding-bottom: 2px
        }
        .pd-xs-l-2 {
            padding-left: 2px
        }
        .pd-xs-t-2-f {
            padding-top: 2px!important
        }
        .pd-xs-r-2-f {
            padding-right: 2px!important
        }
        .pd-xs-b-2-f {
            padding-bottom: 2px!important
        }
        .pd-xs-l-2-f {
            padding-left: 2px!important
        }
        .pd-xs-3 {
            padding: 3px
        }
        .pd-xs-3-f {
            padding: 3px!important
        }
        .pd-xs-y-3 {
            padding-top: 3px;
            padding-bottom: 3px
        }
        .pd-xs-y-3-f {
            padding-top: 3px!important;
            padding-bottom: 3px!important
        }
        .pd-xs-x-3 {
            padding-left: 3px;
            padding-right: 3px
        }
        .pd-xs-x-3-f {
            padding-left: 3px!important;
            padding-right: 3px!important
        }
        .pd-xs-t-3 {
            padding-top: 3px
        }
        .pd-xs-r-3 {
            padding-right: 3px
        }
        .pd-xs-b-3 {
            padding-bottom: 3px
        }
        .pd-xs-l-3 {
            padding-left: 3px
        }
        .pd-xs-t-3-f {
            padding-top: 3px!important
        }
        .pd-xs-r-3-f {
            padding-right: 3px!important
        }
        .pd-xs-b-3-f {
            padding-bottom: 3px!important
        }
        .pd-xs-l-3-f {
            padding-left: 3px!important
        }
        .pd-xs-4 {
            padding: 4px
        }
        .pd-xs-4-f {
            padding: 4px!important
        }
        .pd-xs-y-4 {
            padding-top: 4px;
            padding-bottom: 4px
        }
        .pd-xs-y-4-f {
            padding-top: 4px!important;
            padding-bottom: 4px!important
        }
        .pd-xs-x-4 {
            padding-left: 4px;
            padding-right: 4px
        }
        .pd-xs-x-4-f {
            padding-left: 4px!important;
            padding-right: 4px!important
        }
        .pd-xs-t-4 {
            padding-top: 4px
        }
        .pd-xs-r-4 {
            padding-right: 4px
        }
        .pd-xs-b-4 {
            padding-bottom: 4px
        }
        .pd-xs-l-4 {
            padding-left: 4px
        }
        .pd-xs-t-4-f {
            padding-top: 4px!important
        }
        .pd-xs-r-4-f {
            padding-right: 4px!important
        }
        .pd-xs-b-4-f {
            padding-bottom: 4px!important
        }
        .pd-xs-l-4-f {
            padding-left: 4px!important
        }
        .pd-xs-5 {
            padding: 5px
        }
        .pd-xs-5-f {
            padding: 5px!important
        }
        .pd-xs-y-5 {
            padding-top: 5px;
            padding-bottom: 5px
        }
        .pd-xs-y-5-f {
            padding-top: 5px!important;
            padding-bottom: 5px!important
        }
        .pd-xs-x-5 {
            padding-left: 5px;
            padding-right: 5px
        }
        .pd-xs-x-5-f {
            padding-left: 5px!important;
            padding-right: 5px!important
        }
        .pd-xs-t-5 {
            padding-top: 5px
        }
        .pd-xs-r-5 {
            padding-right: 5px
        }
        .pd-xs-b-5 {
            padding-bottom: 5px
        }
        .pd-xs-l-5 {
            padding-left: 5px
        }
        .pd-xs-t-5-f {
            padding-top: 5px!important
        }
        .pd-xs-r-5-f {
            padding-right: 5px!important
        }
        .pd-xs-b-5-f {
            padding-bottom: 5px!important
        }
        .pd-xs-l-5-f {
            padding-left: 5px!important
        }
        .pd-xs-6 {
            padding: 6px
        }
        .pd-xs-6-f {
            padding: 6px!important
        }
        .pd-xs-y-6 {
            padding-top: 6px;
            padding-bottom: 6px
        }
        .pd-xs-y-6-f {
            padding-top: 6px!important;
            padding-bottom: 6px!important
        }
        .pd-xs-x-6 {
            padding-left: 6px;
            padding-right: 6px
        }
        .pd-xs-x-6-f {
            padding-left: 6px!important;
            padding-right: 6px!important
        }
        .pd-xs-t-6 {
            padding-top: 6px
        }
        .pd-xs-r-6 {
            padding-right: 6px
        }
        .pd-xs-b-6 {
            padding-bottom: 6px
        }
        .pd-xs-l-6 {
            padding-left: 6px
        }
        .pd-xs-t-6-f {
            padding-top: 6px!important
        }
        .pd-xs-r-6-f {
            padding-right: 6px!important
        }
        .pd-xs-b-6-f {
            padding-bottom: 6px!important
        }
        .pd-xs-l-6-f {
            padding-left: 6px!important
        }
        .pd-xs-7 {
            padding: 7px
        }
        .pd-xs-7-f {
            padding: 7px!important
        }
        .pd-xs-y-7 {
            padding-top: 7px;
            padding-bottom: 7px
        }
        .pd-xs-y-7-f {
            padding-top: 7px!important;
            padding-bottom: 7px!important
        }
        .pd-xs-x-7 {
            padding-left: 7px;
            padding-right: 7px
        }
        .pd-xs-x-7-f {
            padding-left: 7px!important;
            padding-right: 7px!important
        }
        .pd-xs-t-7 {
            padding-top: 7px
        }
        .pd-xs-r-7 {
            padding-right: 7px
        }
        .pd-xs-b-7 {
            padding-bottom: 7px
        }
        .pd-xs-l-7 {
            padding-left: 7px
        }
        .pd-xs-t-7-f {
            padding-top: 7px!important
        }
        .pd-xs-r-7-f {
            padding-right: 7px!important
        }
        .pd-xs-b-7-f {
            padding-bottom: 7px!important
        }
        .pd-xs-l-7-f {
            padding-left: 7px!important
        }
        .pd-xs-8 {
            padding: 8px
        }
        .pd-xs-8-f {
            padding: 8px!important
        }
        .pd-xs-y-8 {
            padding-top: 8px;
            padding-bottom: 8px
        }
        .pd-xs-y-8-f {
            padding-top: 8px!important;
            padding-bottom: 8px!important
        }
        .pd-xs-x-8 {
            padding-left: 8px;
            padding-right: 8px
        }
        .pd-xs-x-8-f {
            padding-left: 8px!important;
            padding-right: 8px!important
        }
        .pd-xs-t-8 {
            padding-top: 8px
        }
        .pd-xs-r-8 {
            padding-right: 8px
        }
        .pd-xs-b-8 {
            padding-bottom: 8px
        }
        .pd-xs-l-8 {
            padding-left: 8px
        }
        .pd-xs-t-8-f {
            padding-top: 8px!important
        }
        .pd-xs-r-8-f {
            padding-right: 8px!important
        }
        .pd-xs-b-8-f {
            padding-bottom: 8px!important
        }
        .pd-xs-l-8-f {
            padding-left: 8px!important
        }
        .pd-xs-9 {
            padding: 9px
        }
        .pd-xs-9-f {
            padding: 9px!important
        }
        .pd-xs-y-9 {
            padding-top: 9px;
            padding-bottom: 9px
        }
        .pd-xs-y-9-f {
            padding-top: 9px!important;
            padding-bottom: 9px!important
        }
        .pd-xs-x-9 {
            padding-left: 9px;
            padding-right: 9px
        }
        .pd-xs-x-9-f {
            padding-left: 9px!important;
            padding-right: 9px!important
        }
        .pd-xs-t-9 {
            padding-top: 9px
        }
        .pd-xs-r-9 {
            padding-right: 9px
        }
        .pd-xs-b-9 {
            padding-bottom: 9px
        }
        .pd-xs-l-9 {
            padding-left: 9px
        }
        .pd-xs-t-9-f {
            padding-top: 9px!important
        }
        .pd-xs-r-9-f {
            padding-right: 9px!important
        }
        .pd-xs-b-9-f {
            padding-bottom: 9px!important
        }
        .pd-xs-l-9-f {
            padding-left: 9px!important
        }
        .pd-xs-10 {
            padding: 10px
        }
        .pd-xs-10-f {
            padding: 10px!important
        }
        .pd-xs-y-10 {
            padding-top: 10px;
            padding-bottom: 10px
        }
        .pd-xs-y-10-f {
            padding-top: 10px!important;
            padding-bottom: 10px!important
        }
        .pd-xs-x-10 {
            padding-left: 10px;
            padding-right: 10px
        }
        .pd-xs-x-10-f {
            padding-left: 10px!important;
            padding-right: 10px!important
        }
        .pd-xs-t-10 {
            padding-top: 10px
        }
        .pd-xs-r-10 {
            padding-right: 10px
        }
        .pd-xs-b-10 {
            padding-bottom: 10px
        }
        .pd-xs-l-10 {
            padding-left: 10px
        }
        .pd-xs-t-10-f {
            padding-top: 10px!important
        }
        .pd-xs-r-10-f {
            padding-right: 10px!important
        }
        .pd-xs-b-10-f {
            padding-bottom: 10px!important
        }
        .pd-xs-l-10-f {
            padding-left: 10px!important
        }
        .pd-xs-15 {
            padding: 15px
        }
        .pd-xs-15-f {
            padding: 15px!important
        }
        .pd-xs-y-15 {
            padding-top: 15px;
            padding-bottom: 15px
        }
        .pd-xs-y-15-f {
            padding-top: 15px!important;
            padding-bottom: 15px!important
        }
        .pd-xs-x-15 {
            padding-left: 15px;
            padding-right: 15px
        }
        .pd-xs-x-15-f {
            padding-left: 15px!important;
            padding-right: 15px!important
        }
        .pd-xs-t-15 {
            padding-top: 15px
        }
        .pd-xs-r-15 {
            padding-right: 15px
        }
        .pd-xs-b-15 {
            padding-bottom: 15px
        }
        .pd-xs-l-15 {
            padding-left: 15px
        }
        .pd-xs-t-15-f {
            padding-top: 15px!important
        }
        .pd-xs-r-15-f {
            padding-right: 15px!important
        }
        .pd-xs-b-15-f {
            padding-bottom: 15px!important
        }
        .pd-xs-l-15-f {
            padding-left: 15px!important
        }
        .pd-xs-20 {
            padding: 20px
        }
        .pd-xs-20-f {
            padding: 20px!important
        }
        .pd-xs-y-20 {
            padding-top: 20px;
            padding-bottom: 20px
        }
        .pd-xs-y-20-f {
            padding-top: 20px!important;
            padding-bottom: 20px!important
        }
        .pd-xs-x-20 {
            padding-left: 20px;
            padding-right: 20px
        }
        .pd-xs-x-20-f {
            padding-left: 20px!important;
            padding-right: 20px!important
        }
        .pd-xs-t-20 {
            padding-top: 20px
        }
        .pd-xs-r-20 {
            padding-right: 20px
        }
        .pd-xs-b-20 {
            padding-bottom: 20px
        }
        .pd-xs-l-20 {
            padding-left: 20px
        }
        .pd-xs-t-20-f {
            padding-top: 20px!important
        }
        .pd-xs-r-20-f {
            padding-right: 20px!important
        }
        .pd-xs-b-20-f {
            padding-bottom: 20px!important
        }
        .pd-xs-l-20-f {
            padding-left: 20px!important
        }
        .pd-xs-25 {
            padding: 25px
        }
        .pd-xs-25-f {
            padding: 25px!important
        }
        .pd-xs-y-25 {
            padding-top: 25px;
            padding-bottom: 25px
        }
        .pd-xs-y-25-f {
            padding-top: 25px!important;
            padding-bottom: 25px!important
        }
        .pd-xs-x-25 {
            padding-left: 25px;
            padding-right: 25px
        }
        .pd-xs-x-25-f {
            padding-left: 25px!important;
            padding-right: 25px!important
        }
        .pd-xs-t-25 {
            padding-top: 25px
        }
        .pd-xs-r-25 {
            padding-right: 25px
        }
        .pd-xs-b-25 {
            padding-bottom: 25px
        }
        .pd-xs-l-25 {
            padding-left: 25px
        }
        .pd-xs-t-25-f {
            padding-top: 25px!important
        }
        .pd-xs-r-25-f {
            padding-right: 25px!important
        }
        .pd-xs-b-25-f {
            padding-bottom: 25px!important
        }
        .pd-xs-l-25-f {
            padding-left: 25px!important
        }
        .pd-xs-30 {
            padding: 30px
        }
        .pd-xs-30-f {
            padding: 30px!important
        }
        .pd-xs-y-30 {
            padding-top: 30px;
            padding-bottom: 30px
        }
        .pd-xs-y-30-f {
            padding-top: 30px!important;
            padding-bottom: 30px!important
        }
        .pd-xs-x-30 {
            padding-left: 30px;
            padding-right: 30px
        }
        .pd-xs-x-30-f {
            padding-left: 30px!important;
            padding-right: 30px!important
        }
        .pd-xs-t-30 {
            padding-top: 30px
        }
        .pd-xs-r-30 {
            padding-right: 30px
        }
        .pd-xs-b-30 {
            padding-bottom: 30px
        }
        .pd-xs-l-30 {
            padding-left: 30px
        }
        .pd-xs-t-30-f {
            padding-top: 30px!important
        }
        .pd-xs-r-30-f {
            padding-right: 30px!important
        }
        .pd-xs-b-30-f {
            padding-bottom: 30px!important
        }
        .pd-xs-l-30-f {
            padding-left: 30px!important
        }
        .pd-xs-35 {
            padding: 35px
        }
        .pd-xs-35-f {
            padding: 35px!important
        }
        .pd-xs-y-35 {
            padding-top: 35px;
            padding-bottom: 35px
        }
        .pd-xs-y-35-f {
            padding-top: 35px!important;
            padding-bottom: 35px!important
        }
        .pd-xs-x-35 {
            padding-left: 35px;
            padding-right: 35px
        }
        .pd-xs-x-35-f {
            padding-left: 35px!important;
            padding-right: 35px!important
        }
        .pd-xs-t-35 {
            padding-top: 35px
        }
        .pd-xs-r-35 {
            padding-right: 35px
        }
        .pd-xs-b-35 {
            padding-bottom: 35px
        }
        .pd-xs-l-35 {
            padding-left: 35px
        }
        .pd-xs-t-35-f {
            padding-top: 35px!important
        }
        .pd-xs-r-35-f {
            padding-right: 35px!important
        }
        .pd-xs-b-35-f {
            padding-bottom: 35px!important
        }
        .pd-xs-l-35-f {
            padding-left: 35px!important
        }
        .pd-xs-40 {
            padding: 40px
        }
        .pd-xs-40-f {
            padding: 40px!important
        }
        .pd-xs-y-40 {
            padding-top: 40px;
            padding-bottom: 40px
        }
        .pd-xs-y-40-f {
            padding-top: 40px!important;
            padding-bottom: 40px!important
        }
        .pd-xs-x-40 {
            padding-left: 40px;
            padding-right: 40px
        }
        .pd-xs-x-40-f {
            padding-left: 40px!important;
            padding-right: 40px!important
        }
        .pd-xs-t-40 {
            padding-top: 40px
        }
        .pd-xs-r-40 {
            padding-right: 40px
        }
        .pd-xs-b-40 {
            padding-bottom: 40px
        }
        .pd-xs-l-40 {
            padding-left: 40px
        }
        .pd-xs-t-40-f {
            padding-top: 40px!important
        }
        .pd-xs-r-40-f {
            padding-right: 40px!important
        }
        .pd-xs-b-40-f {
            padding-bottom: 40px!important
        }
        .pd-xs-l-40-f {
            padding-left: 40px!important
        }
        .pd-xs-45 {
            padding: 45px
        }
        .pd-xs-45-f {
            padding: 45px!important
        }
        .pd-xs-y-45 {
            padding-top: 45px;
            padding-bottom: 45px
        }
        .pd-xs-y-45-f {
            padding-top: 45px!important;
            padding-bottom: 45px!important
        }
        .pd-xs-x-45 {
            padding-left: 45px;
            padding-right: 45px
        }
        .pd-xs-x-45-f {
            padding-left: 45px!important;
            padding-right: 45px!important
        }
        .pd-xs-t-45 {
            padding-top: 45px
        }
        .pd-xs-r-45 {
            padding-right: 45px
        }
        .pd-xs-b-45 {
            padding-bottom: 45px
        }
        .pd-xs-l-45 {
            padding-left: 45px
        }
        .pd-xs-t-45-f {
            padding-top: 45px!important
        }
        .pd-xs-r-45-f {
            padding-right: 45px!important
        }
        .pd-xs-b-45-f {
            padding-bottom: 45px!important
        }
        .pd-xs-l-45-f {
            padding-left: 45px!important
        }
        .pd-xs-50 {
            padding: 50px
        }
        .pd-xs-50-f {
            padding: 50px!important
        }
        .pd-xs-y-50 {
            padding-top: 50px;
            padding-bottom: 50px
        }
        .pd-xs-y-50-f {
            padding-top: 50px!important;
            padding-bottom: 50px!important
        }
        .pd-xs-x-50 {
            padding-left: 50px;
            padding-right: 50px
        }
        .pd-xs-x-50-f {
            padding-left: 50px!important;
            padding-right: 50px!important
        }
        .pd-xs-t-50 {
            padding-top: 50px
        }
        .pd-xs-r-50 {
            padding-right: 50px
        }
        .pd-xs-b-50 {
            padding-bottom: 50px
        }
        .pd-xs-l-50 {
            padding-left: 50px
        }
        .pd-xs-t-50-f {
            padding-top: 50px!important
        }
        .pd-xs-r-50-f {
            padding-right: 50px!important
        }
        .pd-xs-b-50-f {
            padding-bottom: 50px!important
        }
        .pd-xs-l-50-f {
            padding-left: 50px!important
        }
        .pd-xs-55 {
            padding: 55px
        }
        .pd-xs-55-f {
            padding: 55px!important
        }
        .pd-xs-y-55 {
            padding-top: 55px;
            padding-bottom: 55px
        }
        .pd-xs-y-55-f {
            padding-top: 55px!important;
            padding-bottom: 55px!important
        }
        .pd-xs-x-55 {
            padding-left: 55px;
            padding-right: 55px
        }
        .pd-xs-x-55-f {
            padding-left: 55px!important;
            padding-right: 55px!important
        }
        .pd-xs-t-55 {
            padding-top: 55px
        }
        .pd-xs-r-55 {
            padding-right: 55px
        }
        .pd-xs-b-55 {
            padding-bottom: 55px
        }
        .pd-xs-l-55 {
            padding-left: 55px
        }
        .pd-xs-t-55-f {
            padding-top: 55px!important
        }
        .pd-xs-r-55-f {
            padding-right: 55px!important
        }
        .pd-xs-b-55-f {
            padding-bottom: 55px!important
        }
        .pd-xs-l-55-f {
            padding-left: 55px!important
        }
        .pd-xs-60 {
            padding: 60px
        }
        .pd-xs-60-f {
            padding: 60px!important
        }
        .pd-xs-y-60 {
            padding-top: 60px;
            padding-bottom: 60px
        }
        .pd-xs-y-60-f {
            padding-top: 60px!important;
            padding-bottom: 60px!important
        }
        .pd-xs-x-60 {
            padding-left: 60px;
            padding-right: 60px
        }
        .pd-xs-x-60-f {
            padding-left: 60px!important;
            padding-right: 60px!important
        }
        .pd-xs-t-60 {
            padding-top: 60px
        }
        .pd-xs-r-60 {
            padding-right: 60px
        }
        .pd-xs-b-60 {
            padding-bottom: 60px
        }
        .pd-xs-l-60 {
            padding-left: 60px
        }
        .pd-xs-t-60-f {
            padding-top: 60px!important
        }
        .pd-xs-r-60-f {
            padding-right: 60px!important
        }
        .pd-xs-b-60-f {
            padding-bottom: 60px!important
        }
        .pd-xs-l-60-f {
            padding-left: 60px!important
        }
        .pd-xs-65 {
            padding: 65px
        }
        .pd-xs-65-f {
            padding: 65px!important
        }
        .pd-xs-y-65 {
            padding-top: 65px;
            padding-bottom: 65px
        }
        .pd-xs-y-65-f {
            padding-top: 65px!important;
            padding-bottom: 65px!important
        }
        .pd-xs-x-65 {
            padding-left: 65px;
            padding-right: 65px
        }
        .pd-xs-x-65-f {
            padding-left: 65px!important;
            padding-right: 65px!important
        }
        .pd-xs-t-65 {
            padding-top: 65px
        }
        .pd-xs-r-65 {
            padding-right: 65px
        }
        .pd-xs-b-65 {
            padding-bottom: 65px
        }
        .pd-xs-l-65 {
            padding-left: 65px
        }
        .pd-xs-t-65-f {
            padding-top: 65px!important
        }
        .pd-xs-r-65-f {
            padding-right: 65px!important
        }
        .pd-xs-b-65-f {
            padding-bottom: 65px!important
        }
        .pd-xs-l-65-f {
            padding-left: 65px!important
        }
        .pd-xs-70 {
            padding: 70px
        }
        .pd-xs-70-f {
            padding: 70px!important
        }
        .pd-xs-y-70 {
            padding-top: 70px;
            padding-bottom: 70px
        }
        .pd-xs-y-70-f {
            padding-top: 70px!important;
            padding-bottom: 70px!important
        }
        .pd-xs-x-70 {
            padding-left: 70px;
            padding-right: 70px
        }
        .pd-xs-x-70-f {
            padding-left: 70px!important;
            padding-right: 70px!important
        }
        .pd-xs-t-70 {
            padding-top: 70px
        }
        .pd-xs-r-70 {
            padding-right: 70px
        }
        .pd-xs-b-70 {
            padding-bottom: 70px
        }
        .pd-xs-l-70 {
            padding-left: 70px
        }
        .pd-xs-t-70-f {
            padding-top: 70px!important
        }
        .pd-xs-r-70-f {
            padding-right: 70px!important
        }
        .pd-xs-b-70-f {
            padding-bottom: 70px!important
        }
        .pd-xs-l-70-f {
            padding-left: 70px!important
        }
        .pd-xs-75 {
            padding: 75px
        }
        .pd-xs-75-f {
            padding: 75px!important
        }
        .pd-xs-y-75 {
            padding-top: 75px;
            padding-bottom: 75px
        }
        .pd-xs-y-75-f {
            padding-top: 75px!important;
            padding-bottom: 75px!important
        }
        .pd-xs-x-75 {
            padding-left: 75px;
            padding-right: 75px
        }
        .pd-xs-x-75-f {
            padding-left: 75px!important;
            padding-right: 75px!important
        }
        .pd-xs-t-75 {
            padding-top: 75px
        }
        .pd-xs-r-75 {
            padding-right: 75px
        }
        .pd-xs-b-75 {
            padding-bottom: 75px
        }
        .pd-xs-l-75 {
            padding-left: 75px
        }
        .pd-xs-t-75-f {
            padding-top: 75px!important
        }
        .pd-xs-r-75-f {
            padding-right: 75px!important
        }
        .pd-xs-b-75-f {
            padding-bottom: 75px!important
        }
        .pd-xs-l-75-f {
            padding-left: 75px!important
        }
        .pd-xs-80 {
            padding: 80px
        }
        .pd-xs-80-f {
            padding: 80px!important
        }
        .pd-xs-y-80 {
            padding-top: 80px;
            padding-bottom: 80px
        }
        .pd-xs-y-80-f {
            padding-top: 80px!important;
            padding-bottom: 80px!important
        }
        .pd-xs-x-80 {
            padding-left: 80px;
            padding-right: 80px
        }
        .pd-xs-x-80-f {
            padding-left: 80px!important;
            padding-right: 80px!important
        }
        .pd-xs-t-80 {
            padding-top: 80px
        }
        .pd-xs-r-80 {
            padding-right: 80px
        }
        .pd-xs-b-80 {
            padding-bottom: 80px
        }
        .pd-xs-l-80 {
            padding-left: 80px
        }
        .pd-xs-t-80-f {
            padding-top: 80px!important
        }
        .pd-xs-r-80-f {
            padding-right: 80px!important
        }
        .pd-xs-b-80-f {
            padding-bottom: 80px!important
        }
        .pd-xs-l-80-f {
            padding-left: 80px!important
        }
        .pd-xs-85 {
            padding: 85px
        }
        .pd-xs-85-f {
            padding: 85px!important
        }
        .pd-xs-y-85 {
            padding-top: 85px;
            padding-bottom: 85px
        }
        .pd-xs-y-85-f {
            padding-top: 85px!important;
            padding-bottom: 85px!important
        }
        .pd-xs-x-85 {
            padding-left: 85px;
            padding-right: 85px
        }
        .pd-xs-x-85-f {
            padding-left: 85px!important;
            padding-right: 85px!important
        }
        .pd-xs-t-85 {
            padding-top: 85px
        }
        .pd-xs-r-85 {
            padding-right: 85px
        }
        .pd-xs-b-85 {
            padding-bottom: 85px
        }
        .pd-xs-l-85 {
            padding-left: 85px
        }
        .pd-xs-t-85-f {
            padding-top: 85px!important
        }
        .pd-xs-r-85-f {
            padding-right: 85px!important
        }
        .pd-xs-b-85-f {
            padding-bottom: 85px!important
        }
        .pd-xs-l-85-f {
            padding-left: 85px!important
        }
        .pd-xs-90 {
            padding: 90px
        }
        .pd-xs-90-f {
            padding: 90px!important
        }
        .pd-xs-y-90 {
            padding-top: 90px;
            padding-bottom: 90px
        }
        .pd-xs-y-90-f {
            padding-top: 90px!important;
            padding-bottom: 90px!important
        }
        .pd-xs-x-90 {
            padding-left: 90px;
            padding-right: 90px
        }
        .pd-xs-x-90-f {
            padding-left: 90px!important;
            padding-right: 90px!important
        }
        .pd-xs-t-90 {
            padding-top: 90px
        }
        .pd-xs-r-90 {
            padding-right: 90px
        }
        .pd-xs-b-90 {
            padding-bottom: 90px
        }
        .pd-xs-l-90 {
            padding-left: 90px
        }
        .pd-xs-t-90-f {
            padding-top: 90px!important
        }
        .pd-xs-r-90-f {
            padding-right: 90px!important
        }
        .pd-xs-b-90-f {
            padding-bottom: 90px!important
        }
        .pd-xs-l-90-f {
            padding-left: 90px!important
        }
        .pd-xs-95 {
            padding: 95px
        }
        .pd-xs-95-f {
            padding: 95px!important
        }
        .pd-xs-y-95 {
            padding-top: 95px;
            padding-bottom: 95px
        }
        .pd-xs-y-95-f {
            padding-top: 95px!important;
            padding-bottom: 95px!important
        }
        .pd-xs-x-95 {
            padding-left: 95px;
            padding-right: 95px
        }
        .pd-xs-x-95-f {
            padding-left: 95px!important;
            padding-right: 95px!important
        }
        .pd-xs-t-95 {
            padding-top: 95px
        }
        .pd-xs-r-95 {
            padding-right: 95px
        }
        .pd-xs-b-95 {
            padding-bottom: 95px
        }
        .pd-xs-l-95 {
            padding-left: 95px
        }
        .pd-xs-t-95-f {
            padding-top: 95px!important
        }
        .pd-xs-r-95-f {
            padding-right: 95px!important
        }
        .pd-xs-b-95-f {
            padding-bottom: 95px!important
        }
        .pd-xs-l-95-f {
            padding-left: 95px!important
        }
        .pd-xs-100 {
            padding: 100px
        }
        .pd-xs-100-f {
            padding: 100px!important
        }
        .pd-xs-y-100 {
            padding-top: 100px;
            padding-bottom: 100px
        }
        .pd-xs-y-100-f {
            padding-top: 100px!important;
            padding-bottom: 100px!important
        }
        .pd-xs-x-100 {
            padding-left: 100px;
            padding-right: 100px
        }
        .pd-xs-x-100-f {
            padding-left: 100px!important;
            padding-right: 100px!important
        }
        .pd-xs-t-100 {
            padding-top: 100px
        }
        .pd-xs-r-100 {
            padding-right: 100px
        }
        .pd-xs-b-100 {
            padding-bottom: 100px
        }
        .pd-xs-l-100 {
            padding-left: 100px
        }
        .pd-xs-t-100-f {
            padding-top: 100px!important
        }
        .pd-xs-r-100-f {
            padding-right: 100px!important
        }
        .pd-xs-b-100-f {
            padding-bottom: 100px!important
        }
        .pd-xs-l-100-f {
            padding-left: 100px!important
        }
        .pd-xs-110 {
            padding: 110px
        }
        .pd-xs-110-f {
            padding: 110px!important
        }
        .pd-xs-y-110 {
            padding-top: 110px;
            padding-bottom: 110px
        }
        .pd-xs-y-110-f {
            padding-top: 110px!important;
            padding-bottom: 110px!important
        }
        .pd-xs-x-110 {
            padding-left: 110px;
            padding-right: 110px
        }
        .pd-xs-x-110-f {
            padding-left: 110px!important;
            padding-right: 110px!important
        }
        .pd-xs-t-110 {
            padding-top: 110px
        }
        .pd-xs-r-110 {
            padding-right: 110px
        }
        .pd-xs-b-110 {
            padding-bottom: 110px
        }
        .pd-xs-l-110 {
            padding-left: 110px
        }
        .pd-xs-t-110-f {
            padding-top: 110px!important
        }
        .pd-xs-r-110-f {
            padding-right: 110px!important
        }
        .pd-xs-b-110-f {
            padding-bottom: 110px!important
        }
        .pd-xs-l-110-f {
            padding-left: 110px!important
        }
        .pd-xs-120 {
            padding: 120px
        }
        .pd-xs-120-f {
            padding: 120px!important
        }
        .pd-xs-y-120 {
            padding-top: 120px;
            padding-bottom: 120px
        }
        .pd-xs-y-120-f {
            padding-top: 120px!important;
            padding-bottom: 120px!important
        }
        .pd-xs-x-120 {
            padding-left: 120px;
            padding-right: 120px
        }
        .pd-xs-x-120-f {
            padding-left: 120px!important;
            padding-right: 120px!important
        }
        .pd-xs-t-120 {
            padding-top: 120px
        }
        .pd-xs-r-120 {
            padding-right: 120px
        }
        .pd-xs-b-120 {
            padding-bottom: 120px
        }
        .pd-xs-l-120 {
            padding-left: 120px
        }
        .pd-xs-t-120-f {
            padding-top: 120px!important
        }
        .pd-xs-r-120-f {
            padding-right: 120px!important
        }
        .pd-xs-b-120-f {
            padding-bottom: 120px!important
        }
        .pd-xs-l-120-f {
            padding-left: 120px!important
        }
        .pd-xs-130 {
            padding: 130px
        }
        .pd-xs-130-f {
            padding: 130px!important
        }
        .pd-xs-y-130 {
            padding-top: 130px;
            padding-bottom: 130px
        }
        .pd-xs-y-130-f {
            padding-top: 130px!important;
            padding-bottom: 130px!important
        }
        .pd-xs-x-130 {
            padding-left: 130px;
            padding-right: 130px
        }
        .pd-xs-x-130-f {
            padding-left: 130px!important;
            padding-right: 130px!important
        }
        .pd-xs-t-130 {
            padding-top: 130px
        }
        .pd-xs-r-130 {
            padding-right: 130px
        }
        .pd-xs-b-130 {
            padding-bottom: 130px
        }
        .pd-xs-l-130 {
            padding-left: 130px
        }
        .pd-xs-t-130-f {
            padding-top: 130px!important
        }
        .pd-xs-r-130-f {
            padding-right: 130px!important
        }
        .pd-xs-b-130-f {
            padding-bottom: 130px!important
        }
        .pd-xs-l-130-f {
            padding-left: 130px!important
        }
        .pd-xs-140 {
            padding: 140px
        }
        .pd-xs-140-f {
            padding: 140px!important
        }
        .pd-xs-y-140 {
            padding-top: 140px;
            padding-bottom: 140px
        }
        .pd-xs-y-140-f {
            padding-top: 140px!important;
            padding-bottom: 140px!important
        }
        .pd-xs-x-140 {
            padding-left: 140px;
            padding-right: 140px
        }
        .pd-xs-x-140-f {
            padding-left: 140px!important;
            padding-right: 140px!important
        }
        .pd-xs-t-140 {
            padding-top: 140px
        }
        .pd-xs-r-140 {
            padding-right: 140px
        }
        .pd-xs-b-140 {
            padding-bottom: 140px
        }
        .pd-xs-l-140 {
            padding-left: 140px
        }
        .pd-xs-t-140-f {
            padding-top: 140px!important
        }
        .pd-xs-r-140-f {
            padding-right: 140px!important
        }
        .pd-xs-b-140-f {
            padding-bottom: 140px!important
        }
        .pd-xs-l-140-f {
            padding-left: 140px!important
        }
        .pd-xs-150 {
            padding: 150px
        }
        .pd-xs-150-f {
            padding: 150px!important
        }
        .pd-xs-y-150 {
            padding-top: 150px;
            padding-bottom: 150px
        }
        .pd-xs-y-150-f {
            padding-top: 150px!important;
            padding-bottom: 150px!important
        }
        .pd-xs-x-150 {
            padding-left: 150px;
            padding-right: 150px
        }
        .pd-xs-x-150-f {
            padding-left: 150px!important;
            padding-right: 150px!important
        }
        .pd-xs-t-150 {
            padding-top: 150px
        }
        .pd-xs-r-150 {
            padding-right: 150px
        }
        .pd-xs-b-150 {
            padding-bottom: 150px
        }
        .pd-xs-l-150 {
            padding-left: 150px
        }
        .pd-xs-t-150-f {
            padding-top: 150px!important
        }
        .pd-xs-r-150-f {
            padding-right: 150px!important
        }
        .pd-xs-b-150-f {
            padding-bottom: 150px!important
        }
        .pd-xs-l-150-f {
            padding-left: 150px!important
        }
        .pd-xs-160 {
            padding: 160px
        }
        .pd-xs-160-f {
            padding: 160px!important
        }
        .pd-xs-y-160 {
            padding-top: 160px;
            padding-bottom: 160px
        }
        .pd-xs-y-160-f {
            padding-top: 160px!important;
            padding-bottom: 160px!important
        }
        .pd-xs-x-160 {
            padding-left: 160px;
            padding-right: 160px
        }
        .pd-xs-x-160-f {
            padding-left: 160px!important;
            padding-right: 160px!important
        }
        .pd-xs-t-160 {
            padding-top: 160px
        }
        .pd-xs-r-160 {
            padding-right: 160px
        }
        .pd-xs-b-160 {
            padding-bottom: 160px
        }
        .pd-xs-l-160 {
            padding-left: 160px
        }
        .pd-xs-t-160-f {
            padding-top: 160px!important
        }
        .pd-xs-r-160-f {
            padding-right: 160px!important
        }
        .pd-xs-b-160-f {
            padding-bottom: 160px!important
        }
        .pd-xs-l-160-f {
            padding-left: 160px!important
        }
        .pd-xs-170 {
            padding: 170px
        }
        .pd-xs-170-f {
            padding: 170px!important
        }
        .pd-xs-y-170 {
            padding-top: 170px;
            padding-bottom: 170px
        }
        .pd-xs-y-170-f {
            padding-top: 170px!important;
            padding-bottom: 170px!important
        }
        .pd-xs-x-170 {
            padding-left: 170px;
            padding-right: 170px
        }
        .pd-xs-x-170-f {
            padding-left: 170px!important;
            padding-right: 170px!important
        }
        .pd-xs-t-170 {
            padding-top: 170px
        }
        .pd-xs-r-170 {
            padding-right: 170px
        }
        .pd-xs-b-170 {
            padding-bottom: 170px
        }
        .pd-xs-l-170 {
            padding-left: 170px
        }
        .pd-xs-t-170-f {
            padding-top: 170px!important
        }
        .pd-xs-r-170-f {
            padding-right: 170px!important
        }
        .pd-xs-b-170-f {
            padding-bottom: 170px!important
        }
        .pd-xs-l-170-f {
            padding-left: 170px!important
        }
        .pd-xs-180 {
            padding: 180px
        }
        .pd-xs-180-f {
            padding: 180px!important
        }
        .pd-xs-y-180 {
            padding-top: 180px;
            padding-bottom: 180px
        }
        .pd-xs-y-180-f {
            padding-top: 180px!important;
            padding-bottom: 180px!important
        }
        .pd-xs-x-180 {
            padding-left: 180px;
            padding-right: 180px
        }
        .pd-xs-x-180-f {
            padding-left: 180px!important;
            padding-right: 180px!important
        }
        .pd-xs-t-180 {
            padding-top: 180px
        }
        .pd-xs-r-180 {
            padding-right: 180px
        }
        .pd-xs-b-180 {
            padding-bottom: 180px
        }
        .pd-xs-l-180 {
            padding-left: 180px
        }
        .pd-xs-t-180-f {
            padding-top: 180px!important
        }
        .pd-xs-r-180-f {
            padding-right: 180px!important
        }
        .pd-xs-b-180-f {
            padding-bottom: 180px!important
        }
        .pd-xs-l-180-f {
            padding-left: 180px!important
        }
        .pd-xs-190 {
            padding: 190px
        }
        .pd-xs-190-f {
            padding: 190px!important
        }
        .pd-xs-y-190 {
            padding-top: 190px;
            padding-bottom: 190px
        }
        .pd-xs-y-190-f {
            padding-top: 190px!important;
            padding-bottom: 190px!important
        }
        .pd-xs-x-190 {
            padding-left: 190px;
            padding-right: 190px
        }
        .pd-xs-x-190-f {
            padding-left: 190px!important;
            padding-right: 190px!important
        }
        .pd-xs-t-190 {
            padding-top: 190px
        }
        .pd-xs-r-190 {
            padding-right: 190px
        }
        .pd-xs-b-190 {
            padding-bottom: 190px
        }
        .pd-xs-l-190 {
            padding-left: 190px
        }
        .pd-xs-t-190-f {
            padding-top: 190px!important
        }
        .pd-xs-r-190-f {
            padding-right: 190px!important
        }
        .pd-xs-b-190-f {
            padding-bottom: 190px!important
        }
        .pd-xs-l-190-f {
            padding-left: 190px!important
        }
        .pd-xs-200 {
            padding: 200px
        }
        .pd-xs-200-f {
            padding: 200px!important
        }
        .pd-xs-y-200 {
            padding-top: 200px;
            padding-bottom: 200px
        }
        .pd-xs-y-200-f {
            padding-top: 200px!important;
            padding-bottom: 200px!important
        }
        .pd-xs-x-200 {
            padding-left: 200px;
            padding-right: 200px
        }
        .pd-xs-x-200-f {
            padding-left: 200px!important;
            padding-right: 200px!important
        }
        .pd-xs-t-200 {
            padding-top: 200px
        }
        .pd-xs-r-200 {
            padding-right: 200px
        }
        .pd-xs-b-200 {
            padding-bottom: 200px
        }
        .pd-xs-l-200 {
            padding-left: 200px
        }
        .pd-xs-t-200-f {
            padding-top: 200px!important
        }
        .pd-xs-r-200-f {
            padding-right: 200px!important
        }
        .pd-xs-b-200-f {
            padding-bottom: 200px!important
        }
        .pd-xs-l-200-f {
            padding-left: 200px!important
        }
    }

    @media (min-width:576px) {
        .pd-sm-0 {
            padding: 0
        }
        .pd-sm-0-f {
            padding: 0!important
        }
        .pd-sm-y-0 {
            padding-top: 0;
            padding-bottom: 0
        }
        .pd-sm-y-0-f {
            padding-top: 0!important;
            padding-bottom: 0!important
        }
        .pd-sm-x-0 {
            padding-left: 0;
            padding-right: 0
        }
        .pd-sm-x-0-f {
            padding-left: 0!important;
            padding-right: 0!important
        }
        .pd-sm-t-0 {
            padding-top: 0
        }
        .pd-sm-r-0 {
            padding-right: 0
        }
        .pd-sm-b-0 {
            padding-bottom: 0
        }
        .pd-sm-l-0 {
            padding-left: 0
        }
        .pd-sm-t-0-f {
            padding-top: 0!important
        }
        .pd-sm-r-0-f {
            padding-right: 0!important
        }
        .pd-sm-b-0-f {
            padding-bottom: 0!important
        }
        .pd-sm-l-0-f {
            padding-left: 0!important
        }
        .pd-sm-1 {
            padding: 1px
        }
        .pd-sm-1-f {
            padding: 1px!important
        }
        .pd-sm-y-1 {
            padding-top: 1px;
            padding-bottom: 1px
        }
        .pd-sm-y-1-f {
            padding-top: 1px!important;
            padding-bottom: 1px!important
        }
        .pd-sm-x-1 {
            padding-left: 1px;
            padding-right: 1px
        }
        .pd-sm-x-1-f {
            padding-left: 1px!important;
            padding-right: 1px!important
        }
        .pd-sm-t-1 {
            padding-top: 1px
        }
        .pd-sm-r-1 {
            padding-right: 1px
        }
        .pd-sm-b-1 {
            padding-bottom: 1px
        }
        .pd-sm-l-1 {
            padding-left: 1px
        }
        .pd-sm-t-1-f {
            padding-top: 1px!important
        }
        .pd-sm-r-1-f {
            padding-right: 1px!important
        }
        .pd-sm-b-1-f {
            padding-bottom: 1px!important
        }
        .pd-sm-l-1-f {
            padding-left: 1px!important
        }
        .pd-sm-2 {
            padding: 2px
        }
        .pd-sm-2-f {
            padding: 2px!important
        }
        .pd-sm-y-2 {
            padding-top: 2px;
            padding-bottom: 2px
        }
        .pd-sm-y-2-f {
            padding-top: 2px!important;
            padding-bottom: 2px!important
        }
        .pd-sm-x-2 {
            padding-left: 2px;
            padding-right: 2px
        }
        .pd-sm-x-2-f {
            padding-left: 2px!important;
            padding-right: 2px!important
        }
        .pd-sm-t-2 {
            padding-top: 2px
        }
        .pd-sm-r-2 {
            padding-right: 2px
        }
        .pd-sm-b-2 {
            padding-bottom: 2px
        }
        .pd-sm-l-2 {
            padding-left: 2px
        }
        .pd-sm-t-2-f {
            padding-top: 2px!important
        }
        .pd-sm-r-2-f {
            padding-right: 2px!important
        }
        .pd-sm-b-2-f {
            padding-bottom: 2px!important
        }
        .pd-sm-l-2-f {
            padding-left: 2px!important
        }
        .pd-sm-3 {
            padding: 3px
        }
        .pd-sm-3-f {
            padding: 3px!important
        }
        .pd-sm-y-3 {
            padding-top: 3px;
            padding-bottom: 3px
        }
        .pd-sm-y-3-f {
            padding-top: 3px!important;
            padding-bottom: 3px!important
        }
        .pd-sm-x-3 {
            padding-left: 3px;
            padding-right: 3px
        }
        .pd-sm-x-3-f {
            padding-left: 3px!important;
            padding-right: 3px!important
        }
        .pd-sm-t-3 {
            padding-top: 3px
        }
        .pd-sm-r-3 {
            padding-right: 3px
        }
        .pd-sm-b-3 {
            padding-bottom: 3px
        }
        .pd-sm-l-3 {
            padding-left: 3px
        }
        .pd-sm-t-3-f {
            padding-top: 3px!important
        }
        .pd-sm-r-3-f {
            padding-right: 3px!important
        }
        .pd-sm-b-3-f {
            padding-bottom: 3px!important
        }
        .pd-sm-l-3-f {
            padding-left: 3px!important
        }
        .pd-sm-4 {
            padding: 4px
        }
        .pd-sm-4-f {
            padding: 4px!important
        }
        .pd-sm-y-4 {
            padding-top: 4px;
            padding-bottom: 4px
        }
        .pd-sm-y-4-f {
            padding-top: 4px!important;
            padding-bottom: 4px!important
        }
        .pd-sm-x-4 {
            padding-left: 4px;
            padding-right: 4px
        }
        .pd-sm-x-4-f {
            padding-left: 4px!important;
            padding-right: 4px!important
        }
        .pd-sm-t-4 {
            padding-top: 4px
        }
        .pd-sm-r-4 {
            padding-right: 4px
        }
        .pd-sm-b-4 {
            padding-bottom: 4px
        }
        .pd-sm-l-4 {
            padding-left: 4px
        }
        .pd-sm-t-4-f {
            padding-top: 4px!important
        }
        .pd-sm-r-4-f {
            padding-right: 4px!important
        }
        .pd-sm-b-4-f {
            padding-bottom: 4px!important
        }
        .pd-sm-l-4-f {
            padding-left: 4px!important
        }
        .pd-sm-5 {
            padding: 5px
        }
        .pd-sm-5-f {
            padding: 5px!important
        }
        .pd-sm-y-5 {
            padding-top: 5px;
            padding-bottom: 5px
        }
        .pd-sm-y-5-f {
            padding-top: 5px!important;
            padding-bottom: 5px!important
        }
        .pd-sm-x-5 {
            padding-left: 5px;
            padding-right: 5px
        }
        .pd-sm-x-5-f {
            padding-left: 5px!important;
            padding-right: 5px!important
        }
        .pd-sm-t-5 {
            padding-top: 5px
        }
        .pd-sm-r-5 {
            padding-right: 5px
        }
        .pd-sm-b-5 {
            padding-bottom: 5px
        }
        .pd-sm-l-5 {
            padding-left: 5px
        }
        .pd-sm-t-5-f {
            padding-top: 5px!important
        }
        .pd-sm-r-5-f {
            padding-right: 5px!important
        }
        .pd-sm-b-5-f {
            padding-bottom: 5px!important
        }
        .pd-sm-l-5-f {
            padding-left: 5px!important
        }
        .pd-sm-6 {
            padding: 6px
        }
        .pd-sm-6-f {
            padding: 6px!important
        }
        .pd-sm-y-6 {
            padding-top: 6px;
            padding-bottom: 6px
        }
        .pd-sm-y-6-f {
            padding-top: 6px!important;
            padding-bottom: 6px!important
        }
        .pd-sm-x-6 {
            padding-left: 6px;
            padding-right: 6px
        }
        .pd-sm-x-6-f {
            padding-left: 6px!important;
            padding-right: 6px!important
        }
        .pd-sm-t-6 {
            padding-top: 6px
        }
        .pd-sm-r-6 {
            padding-right: 6px
        }
        .pd-sm-b-6 {
            padding-bottom: 6px
        }
        .pd-sm-l-6 {
            padding-left: 6px
        }
        .pd-sm-t-6-f {
            padding-top: 6px!important
        }
        .pd-sm-r-6-f {
            padding-right: 6px!important
        }
        .pd-sm-b-6-f {
            padding-bottom: 6px!important
        }
        .pd-sm-l-6-f {
            padding-left: 6px!important
        }
        .pd-sm-7 {
            padding: 7px
        }
        .pd-sm-7-f {
            padding: 7px!important
        }
        .pd-sm-y-7 {
            padding-top: 7px;
            padding-bottom: 7px
        }
        .pd-sm-y-7-f {
            padding-top: 7px!important;
            padding-bottom: 7px!important
        }
        .pd-sm-x-7 {
            padding-left: 7px;
            padding-right: 7px
        }
        .pd-sm-x-7-f {
            padding-left: 7px!important;
            padding-right: 7px!important
        }
        .pd-sm-t-7 {
            padding-top: 7px
        }
        .pd-sm-r-7 {
            padding-right: 7px
        }
        .pd-sm-b-7 {
            padding-bottom: 7px
        }
        .pd-sm-l-7 {
            padding-left: 7px
        }
        .pd-sm-t-7-f {
            padding-top: 7px!important
        }
        .pd-sm-r-7-f {
            padding-right: 7px!important
        }
        .pd-sm-b-7-f {
            padding-bottom: 7px!important
        }
        .pd-sm-l-7-f {
            padding-left: 7px!important
        }
        .pd-sm-8 {
            padding: 8px
        }
        .pd-sm-8-f {
            padding: 8px!important
        }
        .pd-sm-y-8 {
            padding-top: 8px;
            padding-bottom: 8px
        }
        .pd-sm-y-8-f {
            padding-top: 8px!important;
            padding-bottom: 8px!important
        }
        .pd-sm-x-8 {
            padding-left: 8px;
            padding-right: 8px
        }
        .pd-sm-x-8-f {
            padding-left: 8px!important;
            padding-right: 8px!important
        }
        .pd-sm-t-8 {
            padding-top: 8px
        }
        .pd-sm-r-8 {
            padding-right: 8px
        }
        .pd-sm-b-8 {
            padding-bottom: 8px
        }
        .pd-sm-l-8 {
            padding-left: 8px
        }
        .pd-sm-t-8-f {
            padding-top: 8px!important
        }
        .pd-sm-r-8-f {
            padding-right: 8px!important
        }
        .pd-sm-b-8-f {
            padding-bottom: 8px!important
        }
        .pd-sm-l-8-f {
            padding-left: 8px!important
        }
        .pd-sm-9 {
            padding: 9px
        }
        .pd-sm-9-f {
            padding: 9px!important
        }
        .pd-sm-y-9 {
            padding-top: 9px;
            padding-bottom: 9px
        }
        .pd-sm-y-9-f {
            padding-top: 9px!important;
            padding-bottom: 9px!important
        }
        .pd-sm-x-9 {
            padding-left: 9px;
            padding-right: 9px
        }
        .pd-sm-x-9-f {
            padding-left: 9px!important;
            padding-right: 9px!important
        }
        .pd-sm-t-9 {
            padding-top: 9px
        }
        .pd-sm-r-9 {
            padding-right: 9px
        }
        .pd-sm-b-9 {
            padding-bottom: 9px
        }
        .pd-sm-l-9 {
            padding-left: 9px
        }
        .pd-sm-t-9-f {
            padding-top: 9px!important
        }
        .pd-sm-r-9-f {
            padding-right: 9px!important
        }
        .pd-sm-b-9-f {
            padding-bottom: 9px!important
        }
        .pd-sm-l-9-f {
            padding-left: 9px!important
        }
        .pd-sm-10 {
            padding: 10px
        }
        .pd-sm-10-f {
            padding: 10px!important
        }
        .pd-sm-y-10 {
            padding-top: 10px;
            padding-bottom: 10px
        }
        .pd-sm-y-10-f {
            padding-top: 10px!important;
            padding-bottom: 10px!important
        }
        .pd-sm-x-10 {
            padding-left: 10px;
            padding-right: 10px
        }
        .pd-sm-x-10-f {
            padding-left: 10px!important;
            padding-right: 10px!important
        }
        .pd-sm-t-10 {
            padding-top: 10px
        }
        .pd-sm-r-10 {
            padding-right: 10px
        }
        .pd-sm-b-10 {
            padding-bottom: 10px
        }
        .pd-sm-l-10 {
            padding-left: 10px
        }
        .pd-sm-t-10-f {
            padding-top: 10px!important
        }
        .pd-sm-r-10-f {
            padding-right: 10px!important
        }
        .pd-sm-b-10-f {
            padding-bottom: 10px!important
        }
        .pd-sm-l-10-f {
            padding-left: 10px!important
        }
        .pd-sm-15 {
            padding: 15px
        }
        .pd-sm-15-f {
            padding: 15px!important
        }
        .pd-sm-y-15 {
            padding-top: 15px;
            padding-bottom: 15px
        }
        .pd-sm-y-15-f {
            padding-top: 15px!important;
            padding-bottom: 15px!important
        }
        .pd-sm-x-15 {
            padding-left: 15px;
            padding-right: 15px
        }
        .pd-sm-x-15-f {
            padding-left: 15px!important;
            padding-right: 15px!important
        }
        .pd-sm-t-15 {
            padding-top: 15px
        }
        .pd-sm-r-15 {
            padding-right: 15px
        }
        .pd-sm-b-15 {
            padding-bottom: 15px
        }
        .pd-sm-l-15 {
            padding-left: 15px
        }
        .pd-sm-t-15-f {
            padding-top: 15px!important
        }
        .pd-sm-r-15-f {
            padding-right: 15px!important
        }
        .pd-sm-b-15-f {
            padding-bottom: 15px!important
        }
        .pd-sm-l-15-f {
            padding-left: 15px!important
        }
        .pd-sm-20 {
            padding: 20px
        }
        .pd-sm-20-f {
            padding: 20px!important
        }
        .pd-sm-y-20 {
            padding-top: 20px;
            padding-bottom: 20px
        }
        .pd-sm-y-20-f {
            padding-top: 20px!important;
            padding-bottom: 20px!important
        }
        .pd-sm-x-20 {
            padding-left: 20px;
            padding-right: 20px
        }
        .pd-sm-x-20-f {
            padding-left: 20px!important;
            padding-right: 20px!important
        }
        .pd-sm-t-20 {
            padding-top: 20px
        }
        .pd-sm-r-20 {
            padding-right: 20px
        }
        .pd-sm-b-20 {
            padding-bottom: 20px
        }
        .pd-sm-l-20 {
            padding-left: 20px
        }
        .pd-sm-t-20-f {
            padding-top: 20px!important
        }
        .pd-sm-r-20-f {
            padding-right: 20px!important
        }
        .pd-sm-b-20-f {
            padding-bottom: 20px!important
        }
        .pd-sm-l-20-f {
            padding-left: 20px!important
        }
        .pd-sm-25 {
            padding: 25px
        }
        .pd-sm-25-f {
            padding: 25px!important
        }
        .pd-sm-y-25 {
            padding-top: 25px;
            padding-bottom: 25px
        }
        .pd-sm-y-25-f {
            padding-top: 25px!important;
            padding-bottom: 25px!important
        }
        .pd-sm-x-25 {
            padding-left: 25px;
            padding-right: 25px
        }
        .pd-sm-x-25-f {
            padding-left: 25px!important;
            padding-right: 25px!important
        }
        .pd-sm-t-25 {
            padding-top: 25px
        }
        .pd-sm-r-25 {
            padding-right: 25px
        }
        .pd-sm-b-25 {
            padding-bottom: 25px
        }
        .pd-sm-l-25 {
            padding-left: 25px
        }
        .pd-sm-t-25-f {
            padding-top: 25px!important
        }
        .pd-sm-r-25-f {
            padding-right: 25px!important
        }
        .pd-sm-b-25-f {
            padding-bottom: 25px!important
        }
        .pd-sm-l-25-f {
            padding-left: 25px!important
        }
        .pd-sm-30 {
            padding: 30px
        }
        .pd-sm-30-f {
            padding: 30px!important
        }
        .pd-sm-y-30 {
            padding-top: 30px;
            padding-bottom: 30px
        }
        .pd-sm-y-30-f {
            padding-top: 30px!important;
            padding-bottom: 30px!important
        }
        .pd-sm-x-30 {
            padding-left: 30px;
            padding-right: 30px
        }
        .pd-sm-x-30-f {
            padding-left: 30px!important;
            padding-right: 30px!important
        }
        .pd-sm-t-30 {
            padding-top: 30px
        }
        .pd-sm-r-30 {
            padding-right: 30px
        }
        .pd-sm-b-30 {
            padding-bottom: 30px
        }
        .pd-sm-l-30 {
            padding-left: 30px
        }
        .pd-sm-t-30-f {
            padding-top: 30px!important
        }
        .pd-sm-r-30-f {
            padding-right: 30px!important
        }
        .pd-sm-b-30-f {
            padding-bottom: 30px!important
        }
        .pd-sm-l-30-f {
            padding-left: 30px!important
        }
        .pd-sm-35 {
            padding: 35px
        }
        .pd-sm-35-f {
            padding: 35px!important
        }
        .pd-sm-y-35 {
            padding-top: 35px;
            padding-bottom: 35px
        }
        .pd-sm-y-35-f {
            padding-top: 35px!important;
            padding-bottom: 35px!important
        }
        .pd-sm-x-35 {
            padding-left: 35px;
            padding-right: 35px
        }
        .pd-sm-x-35-f {
            padding-left: 35px!important;
            padding-right: 35px!important
        }
        .pd-sm-t-35 {
            padding-top: 35px
        }
        .pd-sm-r-35 {
            padding-right: 35px
        }
        .pd-sm-b-35 {
            padding-bottom: 35px
        }
        .pd-sm-l-35 {
            padding-left: 35px
        }
        .pd-sm-t-35-f {
            padding-top: 35px!important
        }
        .pd-sm-r-35-f {
            padding-right: 35px!important
        }
        .pd-sm-b-35-f {
            padding-bottom: 35px!important
        }
        .pd-sm-l-35-f {
            padding-left: 35px!important
        }
        .pd-sm-40 {
            padding: 40px
        }
        .pd-sm-40-f {
            padding: 40px!important
        }
        .pd-sm-y-40 {
            padding-top: 40px;
            padding-bottom: 40px
        }
        .pd-sm-y-40-f {
            padding-top: 40px!important;
            padding-bottom: 40px!important
        }
        .pd-sm-x-40 {
            padding-left: 40px;
            padding-right: 40px
        }
        .pd-sm-x-40-f {
            padding-left: 40px!important;
            padding-right: 40px!important
        }
        .pd-sm-t-40 {
            padding-top: 40px
        }
        .pd-sm-r-40 {
            padding-right: 40px
        }
        .pd-sm-b-40 {
            padding-bottom: 40px
        }
        .pd-sm-l-40 {
            padding-left: 40px
        }
        .pd-sm-t-40-f {
            padding-top: 40px!important
        }
        .pd-sm-r-40-f {
            padding-right: 40px!important
        }
        .pd-sm-b-40-f {
            padding-bottom: 40px!important
        }
        .pd-sm-l-40-f {
            padding-left: 40px!important
        }
        .pd-sm-45 {
            padding: 45px
        }
        .pd-sm-45-f {
            padding: 45px!important
        }
        .pd-sm-y-45 {
            padding-top: 45px;
            padding-bottom: 45px
        }
        .pd-sm-y-45-f {
            padding-top: 45px!important;
            padding-bottom: 45px!important
        }
        .pd-sm-x-45 {
            padding-left: 45px;
            padding-right: 45px
        }
        .pd-sm-x-45-f {
            padding-left: 45px!important;
            padding-right: 45px!important
        }
        .pd-sm-t-45 {
            padding-top: 45px
        }
        .pd-sm-r-45 {
            padding-right: 45px
        }
        .pd-sm-b-45 {
            padding-bottom: 45px
        }
        .pd-sm-l-45 {
            padding-left: 45px
        }
        .pd-sm-t-45-f {
            padding-top: 45px!important
        }
        .pd-sm-r-45-f {
            padding-right: 45px!important
        }
        .pd-sm-b-45-f {
            padding-bottom: 45px!important
        }
        .pd-sm-l-45-f {
            padding-left: 45px!important
        }
        .pd-sm-50 {
            padding: 50px
        }
        .pd-sm-50-f {
            padding: 50px!important
        }
        .pd-sm-y-50 {
            padding-top: 50px;
            padding-bottom: 50px
        }
        .pd-sm-y-50-f {
            padding-top: 50px!important;
            padding-bottom: 50px!important
        }
        .pd-sm-x-50 {
            padding-left: 50px;
            padding-right: 50px
        }
        .pd-sm-x-50-f {
            padding-left: 50px!important;
            padding-right: 50px!important
        }
        .pd-sm-t-50 {
            padding-top: 50px
        }
        .pd-sm-r-50 {
            padding-right: 50px
        }
        .pd-sm-b-50 {
            padding-bottom: 50px
        }
        .pd-sm-l-50 {
            padding-left: 50px
        }
        .pd-sm-t-50-f {
            padding-top: 50px!important
        }
        .pd-sm-r-50-f {
            padding-right: 50px!important
        }
        .pd-sm-b-50-f {
            padding-bottom: 50px!important
        }
        .pd-sm-l-50-f {
            padding-left: 50px!important
        }
        .pd-sm-55 {
            padding: 55px
        }
        .pd-sm-55-f {
            padding: 55px!important
        }
        .pd-sm-y-55 {
            padding-top: 55px;
            padding-bottom: 55px
        }
        .pd-sm-y-55-f {
            padding-top: 55px!important;
            padding-bottom: 55px!important
        }
        .pd-sm-x-55 {
            padding-left: 55px;
            padding-right: 55px
        }
        .pd-sm-x-55-f {
            padding-left: 55px!important;
            padding-right: 55px!important
        }
        .pd-sm-t-55 {
            padding-top: 55px
        }
        .pd-sm-r-55 {
            padding-right: 55px
        }
        .pd-sm-b-55 {
            padding-bottom: 55px
        }
        .pd-sm-l-55 {
            padding-left: 55px
        }
        .pd-sm-t-55-f {
            padding-top: 55px!important
        }
        .pd-sm-r-55-f {
            padding-right: 55px!important
        }
        .pd-sm-b-55-f {
            padding-bottom: 55px!important
        }
        .pd-sm-l-55-f {
            padding-left: 55px!important
        }
        .pd-sm-60 {
            padding: 60px
        }
        .pd-sm-60-f {
            padding: 60px!important
        }
        .pd-sm-y-60 {
            padding-top: 60px;
            padding-bottom: 60px
        }
        .pd-sm-y-60-f {
            padding-top: 60px!important;
            padding-bottom: 60px!important
        }
        .pd-sm-x-60 {
            padding-left: 60px;
            padding-right: 60px
        }
        .pd-sm-x-60-f {
            padding-left: 60px!important;
            padding-right: 60px!important
        }
        .pd-sm-t-60 {
            padding-top: 60px
        }
        .pd-sm-r-60 {
            padding-right: 60px
        }
        .pd-sm-b-60 {
            padding-bottom: 60px
        }
        .pd-sm-l-60 {
            padding-left: 60px
        }
        .pd-sm-t-60-f {
            padding-top: 60px!important
        }
        .pd-sm-r-60-f {
            padding-right: 60px!important
        }
        .pd-sm-b-60-f {
            padding-bottom: 60px!important
        }
        .pd-sm-l-60-f {
            padding-left: 60px!important
        }
        .pd-sm-65 {
            padding: 65px
        }
        .pd-sm-65-f {
            padding: 65px!important
        }
        .pd-sm-y-65 {
            padding-top: 65px;
            padding-bottom: 65px
        }
        .pd-sm-y-65-f {
            padding-top: 65px!important;
            padding-bottom: 65px!important
        }
        .pd-sm-x-65 {
            padding-left: 65px;
            padding-right: 65px
        }
        .pd-sm-x-65-f {
            padding-left: 65px!important;
            padding-right: 65px!important
        }
        .pd-sm-t-65 {
            padding-top: 65px
        }
        .pd-sm-r-65 {
            padding-right: 65px
        }
        .pd-sm-b-65 {
            padding-bottom: 65px
        }
        .pd-sm-l-65 {
            padding-left: 65px
        }
        .pd-sm-t-65-f {
            padding-top: 65px!important
        }
        .pd-sm-r-65-f {
            padding-right: 65px!important
        }
        .pd-sm-b-65-f {
            padding-bottom: 65px!important
        }
        .pd-sm-l-65-f {
            padding-left: 65px!important
        }
        .pd-sm-70 {
            padding: 70px
        }
        .pd-sm-70-f {
            padding: 70px!important
        }
        .pd-sm-y-70 {
            padding-top: 70px;
            padding-bottom: 70px
        }
        .pd-sm-y-70-f {
            padding-top: 70px!important;
            padding-bottom: 70px!important
        }
        .pd-sm-x-70 {
            padding-left: 70px;
            padding-right: 70px
        }
        .pd-sm-x-70-f {
            padding-left: 70px!important;
            padding-right: 70px!important
        }
        .pd-sm-t-70 {
            padding-top: 70px
        }
        .pd-sm-r-70 {
            padding-right: 70px
        }
        .pd-sm-b-70 {
            padding-bottom: 70px
        }
        .pd-sm-l-70 {
            padding-left: 70px
        }
        .pd-sm-t-70-f {
            padding-top: 70px!important
        }
        .pd-sm-r-70-f {
            padding-right: 70px!important
        }
        .pd-sm-b-70-f {
            padding-bottom: 70px!important
        }
        .pd-sm-l-70-f {
            padding-left: 70px!important
        }
        .pd-sm-75 {
            padding: 75px
        }
        .pd-sm-75-f {
            padding: 75px!important
        }
        .pd-sm-y-75 {
            padding-top: 75px;
            padding-bottom: 75px
        }
        .pd-sm-y-75-f {
            padding-top: 75px!important;
            padding-bottom: 75px!important
        }
        .pd-sm-x-75 {
            padding-left: 75px;
            padding-right: 75px
        }
        .pd-sm-x-75-f {
            padding-left: 75px!important;
            padding-right: 75px!important
        }
        .pd-sm-t-75 {
            padding-top: 75px
        }
        .pd-sm-r-75 {
            padding-right: 75px
        }
        .pd-sm-b-75 {
            padding-bottom: 75px
        }
        .pd-sm-l-75 {
            padding-left: 75px
        }
        .pd-sm-t-75-f {
            padding-top: 75px!important
        }
        .pd-sm-r-75-f {
            padding-right: 75px!important
        }
        .pd-sm-b-75-f {
            padding-bottom: 75px!important
        }
        .pd-sm-l-75-f {
            padding-left: 75px!important
        }
        .pd-sm-80 {
            padding: 80px
        }
        .pd-sm-80-f {
            padding: 80px!important
        }
        .pd-sm-y-80 {
            padding-top: 80px;
            padding-bottom: 80px
        }
        .pd-sm-y-80-f {
            padding-top: 80px!important;
            padding-bottom: 80px!important
        }
        .pd-sm-x-80 {
            padding-left: 80px;
            padding-right: 80px
        }
        .pd-sm-x-80-f {
            padding-left: 80px!important;
            padding-right: 80px!important
        }
        .pd-sm-t-80 {
            padding-top: 80px
        }
        .pd-sm-r-80 {
            padding-right: 80px
        }
        .pd-sm-b-80 {
            padding-bottom: 80px
        }
        .pd-sm-l-80 {
            padding-left: 80px
        }
        .pd-sm-t-80-f {
            padding-top: 80px!important
        }
        .pd-sm-r-80-f {
            padding-right: 80px!important
        }
        .pd-sm-b-80-f {
            padding-bottom: 80px!important
        }
        .pd-sm-l-80-f {
            padding-left: 80px!important
        }
        .pd-sm-85 {
            padding: 85px
        }
        .pd-sm-85-f {
            padding: 85px!important
        }
        .pd-sm-y-85 {
            padding-top: 85px;
            padding-bottom: 85px
        }
        .pd-sm-y-85-f {
            padding-top: 85px!important;
            padding-bottom: 85px!important
        }
        .pd-sm-x-85 {
            padding-left: 85px;
            padding-right: 85px
        }
        .pd-sm-x-85-f {
            padding-left: 85px!important;
            padding-right: 85px!important
        }
        .pd-sm-t-85 {
            padding-top: 85px
        }
        .pd-sm-r-85 {
            padding-right: 85px
        }
        .pd-sm-b-85 {
            padding-bottom: 85px
        }
        .pd-sm-l-85 {
            padding-left: 85px
        }
        .pd-sm-t-85-f {
            padding-top: 85px!important
        }
        .pd-sm-r-85-f {
            padding-right: 85px!important
        }
        .pd-sm-b-85-f {
            padding-bottom: 85px!important
        }
        .pd-sm-l-85-f {
            padding-left: 85px!important
        }
        .pd-sm-90 {
            padding: 90px
        }
        .pd-sm-90-f {
            padding: 90px!important
        }
        .pd-sm-y-90 {
            padding-top: 90px;
            padding-bottom: 90px
        }
        .pd-sm-y-90-f {
            padding-top: 90px!important;
            padding-bottom: 90px!important
        }
        .pd-sm-x-90 {
            padding-left: 90px;
            padding-right: 90px
        }
        .pd-sm-x-90-f {
            padding-left: 90px!important;
            padding-right: 90px!important
        }
        .pd-sm-t-90 {
            padding-top: 90px
        }
        .pd-sm-r-90 {
            padding-right: 90px
        }
        .pd-sm-b-90 {
            padding-bottom: 90px
        }
        .pd-sm-l-90 {
            padding-left: 90px
        }
        .pd-sm-t-90-f {
            padding-top: 90px!important
        }
        .pd-sm-r-90-f {
            padding-right: 90px!important
        }
        .pd-sm-b-90-f {
            padding-bottom: 90px!important
        }
        .pd-sm-l-90-f {
            padding-left: 90px!important
        }
        .pd-sm-95 {
            padding: 95px
        }
        .pd-sm-95-f {
            padding: 95px!important
        }
        .pd-sm-y-95 {
            padding-top: 95px;
            padding-bottom: 95px
        }
        .pd-sm-y-95-f {
            padding-top: 95px!important;
            padding-bottom: 95px!important
        }
        .pd-sm-x-95 {
            padding-left: 95px;
            padding-right: 95px
        }
        .pd-sm-x-95-f {
            padding-left: 95px!important;
            padding-right: 95px!important
        }
        .pd-sm-t-95 {
            padding-top: 95px
        }
        .pd-sm-r-95 {
            padding-right: 95px
        }
        .pd-sm-b-95 {
            padding-bottom: 95px
        }
        .pd-sm-l-95 {
            padding-left: 95px
        }
        .pd-sm-t-95-f {
            padding-top: 95px!important
        }
        .pd-sm-r-95-f {
            padding-right: 95px!important
        }
        .pd-sm-b-95-f {
            padding-bottom: 95px!important
        }
        .pd-sm-l-95-f {
            padding-left: 95px!important
        }
        .pd-sm-100 {
            padding: 100px
        }
        .pd-sm-100-f {
            padding: 100px!important
        }
        .pd-sm-y-100 {
            padding-top: 100px;
            padding-bottom: 100px
        }
        .pd-sm-y-100-f {
            padding-top: 100px!important;
            padding-bottom: 100px!important
        }
        .pd-sm-x-100 {
            padding-left: 100px;
            padding-right: 100px
        }
        .pd-sm-x-100-f {
            padding-left: 100px!important;
            padding-right: 100px!important
        }
        .pd-sm-t-100 {
            padding-top: 100px
        }
        .pd-sm-r-100 {
            padding-right: 100px
        }
        .pd-sm-b-100 {
            padding-bottom: 100px
        }
        .pd-sm-l-100 {
            padding-left: 100px
        }
        .pd-sm-t-100-f {
            padding-top: 100px!important
        }
        .pd-sm-r-100-f {
            padding-right: 100px!important
        }
        .pd-sm-b-100-f {
            padding-bottom: 100px!important
        }
        .pd-sm-l-100-f {
            padding-left: 100px!important
        }
        .pd-sm-110 {
            padding: 110px
        }
        .pd-sm-110-f {
            padding: 110px!important
        }
        .pd-sm-y-110 {
            padding-top: 110px;
            padding-bottom: 110px
        }
        .pd-sm-y-110-f {
            padding-top: 110px!important;
            padding-bottom: 110px!important
        }
        .pd-sm-x-110 {
            padding-left: 110px;
            padding-right: 110px
        }
        .pd-sm-x-110-f {
            padding-left: 110px!important;
            padding-right: 110px!important
        }
        .pd-sm-t-110 {
            padding-top: 110px
        }
        .pd-sm-r-110 {
            padding-right: 110px
        }
        .pd-sm-b-110 {
            padding-bottom: 110px
        }
        .pd-sm-l-110 {
            padding-left: 110px
        }
        .pd-sm-t-110-f {
            padding-top: 110px!important
        }
        .pd-sm-r-110-f {
            padding-right: 110px!important
        }
        .pd-sm-b-110-f {
            padding-bottom: 110px!important
        }
        .pd-sm-l-110-f {
            padding-left: 110px!important
        }
        .pd-sm-120 {
            padding: 120px
        }
        .pd-sm-120-f {
            padding: 120px!important
        }
        .pd-sm-y-120 {
            padding-top: 120px;
            padding-bottom: 120px
        }
        .pd-sm-y-120-f {
            padding-top: 120px!important;
            padding-bottom: 120px!important
        }
        .pd-sm-x-120 {
            padding-left: 120px;
            padding-right: 120px
        }
        .pd-sm-x-120-f {
            padding-left: 120px!important;
            padding-right: 120px!important
        }
        .pd-sm-t-120 {
            padding-top: 120px
        }
        .pd-sm-r-120 {
            padding-right: 120px
        }
        .pd-sm-b-120 {
            padding-bottom: 120px
        }
        .pd-sm-l-120 {
            padding-left: 120px
        }
        .pd-sm-t-120-f {
            padding-top: 120px!important
        }
        .pd-sm-r-120-f {
            padding-right: 120px!important
        }
        .pd-sm-b-120-f {
            padding-bottom: 120px!important
        }
        .pd-sm-l-120-f {
            padding-left: 120px!important
        }
        .pd-sm-130 {
            padding: 130px
        }
        .pd-sm-130-f {
            padding: 130px!important
        }
        .pd-sm-y-130 {
            padding-top: 130px;
            padding-bottom: 130px
        }
        .pd-sm-y-130-f {
            padding-top: 130px!important;
            padding-bottom: 130px!important
        }
        .pd-sm-x-130 {
            padding-left: 130px;
            padding-right: 130px
        }
        .pd-sm-x-130-f {
            padding-left: 130px!important;
            padding-right: 130px!important
        }
        .pd-sm-t-130 {
            padding-top: 130px
        }
        .pd-sm-r-130 {
            padding-right: 130px
        }
        .pd-sm-b-130 {
            padding-bottom: 130px
        }
        .pd-sm-l-130 {
            padding-left: 130px
        }
        .pd-sm-t-130-f {
            padding-top: 130px!important
        }
        .pd-sm-r-130-f {
            padding-right: 130px!important
        }
        .pd-sm-b-130-f {
            padding-bottom: 130px!important
        }
        .pd-sm-l-130-f {
            padding-left: 130px!important
        }
        .pd-sm-140 {
            padding: 140px
        }
        .pd-sm-140-f {
            padding: 140px!important
        }
        .pd-sm-y-140 {
            padding-top: 140px;
            padding-bottom: 140px
        }
        .pd-sm-y-140-f {
            padding-top: 140px!important;
            padding-bottom: 140px!important
        }
        .pd-sm-x-140 {
            padding-left: 140px;
            padding-right: 140px
        }
        .pd-sm-x-140-f {
            padding-left: 140px!important;
            padding-right: 140px!important
        }
        .pd-sm-t-140 {
            padding-top: 140px
        }
        .pd-sm-r-140 {
            padding-right: 140px
        }
        .pd-sm-b-140 {
            padding-bottom: 140px
        }
        .pd-sm-l-140 {
            padding-left: 140px
        }
        .pd-sm-t-140-f {
            padding-top: 140px!important
        }
        .pd-sm-r-140-f {
            padding-right: 140px!important
        }
        .pd-sm-b-140-f {
            padding-bottom: 140px!important
        }
        .pd-sm-l-140-f {
            padding-left: 140px!important
        }
        .pd-sm-150 {
            padding: 150px
        }
        .pd-sm-150-f {
            padding: 150px!important
        }
        .pd-sm-y-150 {
            padding-top: 150px;
            padding-bottom: 150px
        }
        .pd-sm-y-150-f {
            padding-top: 150px!important;
            padding-bottom: 150px!important
        }
        .pd-sm-x-150 {
            padding-left: 150px;
            padding-right: 150px
        }
        .pd-sm-x-150-f {
            padding-left: 150px!important;
            padding-right: 150px!important
        }
        .pd-sm-t-150 {
            padding-top: 150px
        }
        .pd-sm-r-150 {
            padding-right: 150px
        }
        .pd-sm-b-150 {
            padding-bottom: 150px
        }
        .pd-sm-l-150 {
            padding-left: 150px
        }
        .pd-sm-t-150-f {
            padding-top: 150px!important
        }
        .pd-sm-r-150-f {
            padding-right: 150px!important
        }
        .pd-sm-b-150-f {
            padding-bottom: 150px!important
        }
        .pd-sm-l-150-f {
            padding-left: 150px!important
        }
        .pd-sm-160 {
            padding: 160px
        }
        .pd-sm-160-f {
            padding: 160px!important
        }
        .pd-sm-y-160 {
            padding-top: 160px;
            padding-bottom: 160px
        }
        .pd-sm-y-160-f {
            padding-top: 160px!important;
            padding-bottom: 160px!important
        }
        .pd-sm-x-160 {
            padding-left: 160px;
            padding-right: 160px
        }
        .pd-sm-x-160-f {
            padding-left: 160px!important;
            padding-right: 160px!important
        }
        .pd-sm-t-160 {
            padding-top: 160px
        }
        .pd-sm-r-160 {
            padding-right: 160px
        }
        .pd-sm-b-160 {
            padding-bottom: 160px
        }
        .pd-sm-l-160 {
            padding-left: 160px
        }
        .pd-sm-t-160-f {
            padding-top: 160px!important
        }
        .pd-sm-r-160-f {
            padding-right: 160px!important
        }
        .pd-sm-b-160-f {
            padding-bottom: 160px!important
        }
        .pd-sm-l-160-f {
            padding-left: 160px!important
        }
        .pd-sm-170 {
            padding: 170px
        }
        .pd-sm-170-f {
            padding: 170px!important
        }
        .pd-sm-y-170 {
            padding-top: 170px;
            padding-bottom: 170px
        }
        .pd-sm-y-170-f {
            padding-top: 170px!important;
            padding-bottom: 170px!important
        }
        .pd-sm-x-170 {
            padding-left: 170px;
            padding-right: 170px
        }
        .pd-sm-x-170-f {
            padding-left: 170px!important;
            padding-right: 170px!important
        }
        .pd-sm-t-170 {
            padding-top: 170px
        }
        .pd-sm-r-170 {
            padding-right: 170px
        }
        .pd-sm-b-170 {
            padding-bottom: 170px
        }
        .pd-sm-l-170 {
            padding-left: 170px
        }
        .pd-sm-t-170-f {
            padding-top: 170px!important
        }
        .pd-sm-r-170-f {
            padding-right: 170px!important
        }
        .pd-sm-b-170-f {
            padding-bottom: 170px!important
        }
        .pd-sm-l-170-f {
            padding-left: 170px!important
        }
        .pd-sm-180 {
            padding: 180px
        }
        .pd-sm-180-f {
            padding: 180px!important
        }
        .pd-sm-y-180 {
            padding-top: 180px;
            padding-bottom: 180px
        }
        .pd-sm-y-180-f {
            padding-top: 180px!important;
            padding-bottom: 180px!important
        }
        .pd-sm-x-180 {
            padding-left: 180px;
            padding-right: 180px
        }
        .pd-sm-x-180-f {
            padding-left: 180px!important;
            padding-right: 180px!important
        }
        .pd-sm-t-180 {
            padding-top: 180px
        }
        .pd-sm-r-180 {
            padding-right: 180px
        }
        .pd-sm-b-180 {
            padding-bottom: 180px
        }
        .pd-sm-l-180 {
            padding-left: 180px
        }
        .pd-sm-t-180-f {
            padding-top: 180px!important
        }
        .pd-sm-r-180-f {
            padding-right: 180px!important
        }
        .pd-sm-b-180-f {
            padding-bottom: 180px!important
        }
        .pd-sm-l-180-f {
            padding-left: 180px!important
        }
        .pd-sm-190 {
            padding: 190px
        }
        .pd-sm-190-f {
            padding: 190px!important
        }
        .pd-sm-y-190 {
            padding-top: 190px;
            padding-bottom: 190px
        }
        .pd-sm-y-190-f {
            padding-top: 190px!important;
            padding-bottom: 190px!important
        }
        .pd-sm-x-190 {
            padding-left: 190px;
            padding-right: 190px
        }
        .pd-sm-x-190-f {
            padding-left: 190px!important;
            padding-right: 190px!important
        }
        .pd-sm-t-190 {
            padding-top: 190px
        }
        .pd-sm-r-190 {
            padding-right: 190px
        }
        .pd-sm-b-190 {
            padding-bottom: 190px
        }
        .pd-sm-l-190 {
            padding-left: 190px
        }
        .pd-sm-t-190-f {
            padding-top: 190px!important
        }
        .pd-sm-r-190-f {
            padding-right: 190px!important
        }
        .pd-sm-b-190-f {
            padding-bottom: 190px!important
        }
        .pd-sm-l-190-f {
            padding-left: 190px!important
        }
        .pd-sm-200 {
            padding: 200px
        }
        .pd-sm-200-f {
            padding: 200px!important
        }
        .pd-sm-y-200 {
            padding-top: 200px;
            padding-bottom: 200px
        }
        .pd-sm-y-200-f {
            padding-top: 200px!important;
            padding-bottom: 200px!important
        }
        .pd-sm-x-200 {
            padding-left: 200px;
            padding-right: 200px
        }
        .pd-sm-x-200-f {
            padding-left: 200px!important;
            padding-right: 200px!important
        }
        .pd-sm-t-200 {
            padding-top: 200px
        }
        .pd-sm-r-200 {
            padding-right: 200px
        }
        .pd-sm-b-200 {
            padding-bottom: 200px
        }
        .pd-sm-l-200 {
            padding-left: 200px
        }
        .pd-sm-t-200-f {
            padding-top: 200px!important
        }
        .pd-sm-r-200-f {
            padding-right: 200px!important
        }
        .pd-sm-b-200-f {
            padding-bottom: 200px!important
        }
        .pd-sm-l-200-f {
            padding-left: 200px!important
        }
    }

    @media (min-width:768px) {
        .pd-md-0 {
            padding: 0
        }
        .pd-md-0-f {
            padding: 0!important
        }
        .pd-md-y-0 {
            padding-top: 0;
            padding-bottom: 0
        }
        .pd-md-y-0-f {
            padding-top: 0!important;
            padding-bottom: 0!important
        }
        .pd-md-x-0 {
            padding-left: 0;
            padding-right: 0
        }
        .pd-md-x-0-f {
            padding-left: 0!important;
            padding-right: 0!important
        }
        .pd-md-t-0 {
            padding-top: 0
        }
        .pd-md-r-0 {
            padding-right: 0
        }
        .pd-md-b-0 {
            padding-bottom: 0
        }
        .pd-md-l-0 {
            padding-left: 0
        }
        .pd-md-t-0-f {
            padding-top: 0!important
        }
        .pd-md-r-0-f {
            padding-right: 0!important
        }
        .pd-md-b-0-f {
            padding-bottom: 0!important
        }
        .pd-md-l-0-f {
            padding-left: 0!important
        }
        .pd-md-1 {
            padding: 1px
        }
        .pd-md-1-f {
            padding: 1px!important
        }
        .pd-md-y-1 {
            padding-top: 1px;
            padding-bottom: 1px
        }
        .pd-md-y-1-f {
            padding-top: 1px!important;
            padding-bottom: 1px!important
        }
        .pd-md-x-1 {
            padding-left: 1px;
            padding-right: 1px
        }
        .pd-md-x-1-f {
            padding-left: 1px!important;
            padding-right: 1px!important
        }
        .pd-md-t-1 {
            padding-top: 1px
        }
        .pd-md-r-1 {
            padding-right: 1px
        }
        .pd-md-b-1 {
            padding-bottom: 1px
        }
        .pd-md-l-1 {
            padding-left: 1px
        }
        .pd-md-t-1-f {
            padding-top: 1px!important
        }
        .pd-md-r-1-f {
            padding-right: 1px!important
        }
        .pd-md-b-1-f {
            padding-bottom: 1px!important
        }
        .pd-md-l-1-f {
            padding-left: 1px!important
        }
        .pd-md-2 {
            padding: 2px
        }
        .pd-md-2-f {
            padding: 2px!important
        }
        .pd-md-y-2 {
            padding-top: 2px;
            padding-bottom: 2px
        }
        .pd-md-y-2-f {
            padding-top: 2px!important;
            padding-bottom: 2px!important
        }
        .pd-md-x-2 {
            padding-left: 2px;
            padding-right: 2px
        }
        .pd-md-x-2-f {
            padding-left: 2px!important;
            padding-right: 2px!important
        }
        .pd-md-t-2 {
            padding-top: 2px
        }
        .pd-md-r-2 {
            padding-right: 2px
        }
        .pd-md-b-2 {
            padding-bottom: 2px
        }
        .pd-md-l-2 {
            padding-left: 2px
        }
        .pd-md-t-2-f {
            padding-top: 2px!important
        }
        .pd-md-r-2-f {
            padding-right: 2px!important
        }
        .pd-md-b-2-f {
            padding-bottom: 2px!important
        }
        .pd-md-l-2-f {
            padding-left: 2px!important
        }
        .pd-md-3 {
            padding: 3px
        }
        .pd-md-3-f {
            padding: 3px!important
        }
        .pd-md-y-3 {
            padding-top: 3px;
            padding-bottom: 3px
        }
        .pd-md-y-3-f {
            padding-top: 3px!important;
            padding-bottom: 3px!important
        }
        .pd-md-x-3 {
            padding-left: 3px;
            padding-right: 3px
        }
        .pd-md-x-3-f {
            padding-left: 3px!important;
            padding-right: 3px!important
        }
        .pd-md-t-3 {
            padding-top: 3px
        }
        .pd-md-r-3 {
            padding-right: 3px
        }
        .pd-md-b-3 {
            padding-bottom: 3px
        }
        .pd-md-l-3 {
            padding-left: 3px
        }
        .pd-md-t-3-f {
            padding-top: 3px!important
        }
        .pd-md-r-3-f {
            padding-right: 3px!important
        }
        .pd-md-b-3-f {
            padding-bottom: 3px!important
        }
        .pd-md-l-3-f {
            padding-left: 3px!important
        }
        .pd-md-4 {
            padding: 4px
        }
        .pd-md-4-f {
            padding: 4px!important
        }
        .pd-md-y-4 {
            padding-top: 4px;
            padding-bottom: 4px
        }
        .pd-md-y-4-f {
            padding-top: 4px!important;
            padding-bottom: 4px!important
        }
        .pd-md-x-4 {
            padding-left: 4px;
            padding-right: 4px
        }
        .pd-md-x-4-f {
            padding-left: 4px!important;
            padding-right: 4px!important
        }
        .pd-md-t-4 {
            padding-top: 4px
        }
        .pd-md-r-4 {
            padding-right: 4px
        }
        .pd-md-b-4 {
            padding-bottom: 4px
        }
        .pd-md-l-4 {
            padding-left: 4px
        }
        .pd-md-t-4-f {
            padding-top: 4px!important
        }
        .pd-md-r-4-f {
            padding-right: 4px!important
        }
        .pd-md-b-4-f {
            padding-bottom: 4px!important
        }
        .pd-md-l-4-f {
            padding-left: 4px!important
        }
        .pd-md-5 {
            padding: 5px
        }
        .pd-md-5-f {
            padding: 5px!important
        }
        .pd-md-y-5 {
            padding-top: 5px;
            padding-bottom: 5px
        }
        .pd-md-y-5-f {
            padding-top: 5px!important;
            padding-bottom: 5px!important
        }
        .pd-md-x-5 {
            padding-left: 5px;
            padding-right: 5px
        }
        .pd-md-x-5-f {
            padding-left: 5px!important;
            padding-right: 5px!important
        }
        .pd-md-t-5 {
            padding-top: 5px
        }
        .pd-md-r-5 {
            padding-right: 5px
        }
        .pd-md-b-5 {
            padding-bottom: 5px
        }
        .pd-md-l-5 {
            padding-left: 5px
        }
        .pd-md-t-5-f {
            padding-top: 5px!important
        }
        .pd-md-r-5-f {
            padding-right: 5px!important
        }
        .pd-md-b-5-f {
            padding-bottom: 5px!important
        }
        .pd-md-l-5-f {
            padding-left: 5px!important
        }
        .pd-md-6 {
            padding: 6px
        }
        .pd-md-6-f {
            padding: 6px!important
        }
        .pd-md-y-6 {
            padding-top: 6px;
            padding-bottom: 6px
        }
        .pd-md-y-6-f {
            padding-top: 6px!important;
            padding-bottom: 6px!important
        }
        .pd-md-x-6 {
            padding-left: 6px;
            padding-right: 6px
        }
        .pd-md-x-6-f {
            padding-left: 6px!important;
            padding-right: 6px!important
        }
        .pd-md-t-6 {
            padding-top: 6px
        }
        .pd-md-r-6 {
            padding-right: 6px
        }
        .pd-md-b-6 {
            padding-bottom: 6px
        }
        .pd-md-l-6 {
            padding-left: 6px
        }
        .pd-md-t-6-f {
            padding-top: 6px!important
        }
        .pd-md-r-6-f {
            padding-right: 6px!important
        }
        .pd-md-b-6-f {
            padding-bottom: 6px!important
        }
        .pd-md-l-6-f {
            padding-left: 6px!important
        }
        .pd-md-7 {
            padding: 7px
        }
        .pd-md-7-f {
            padding: 7px!important
        }
        .pd-md-y-7 {
            padding-top: 7px;
            padding-bottom: 7px
        }
        .pd-md-y-7-f {
            padding-top: 7px!important;
            padding-bottom: 7px!important
        }
        .pd-md-x-7 {
            padding-left: 7px;
            padding-right: 7px
        }
        .pd-md-x-7-f {
            padding-left: 7px!important;
            padding-right: 7px!important
        }
        .pd-md-t-7 {
            padding-top: 7px
        }
        .pd-md-r-7 {
            padding-right: 7px
        }
        .pd-md-b-7 {
            padding-bottom: 7px
        }
        .pd-md-l-7 {
            padding-left: 7px
        }
        .pd-md-t-7-f {
            padding-top: 7px!important
        }
        .pd-md-r-7-f {
            padding-right: 7px!important
        }
        .pd-md-b-7-f {
            padding-bottom: 7px!important
        }
        .pd-md-l-7-f {
            padding-left: 7px!important
        }
        .pd-md-8 {
            padding: 8px
        }
        .pd-md-8-f {
            padding: 8px!important
        }
        .pd-md-y-8 {
            padding-top: 8px;
            padding-bottom: 8px
        }
        .pd-md-y-8-f {
            padding-top: 8px!important;
            padding-bottom: 8px!important
        }
        .pd-md-x-8 {
            padding-left: 8px;
            padding-right: 8px
        }
        .pd-md-x-8-f {
            padding-left: 8px!important;
            padding-right: 8px!important
        }
        .pd-md-t-8 {
            padding-top: 8px
        }
        .pd-md-r-8 {
            padding-right: 8px
        }
        .pd-md-b-8 {
            padding-bottom: 8px
        }
        .pd-md-l-8 {
            padding-left: 8px
        }
        .pd-md-t-8-f {
            padding-top: 8px!important
        }
        .pd-md-r-8-f {
            padding-right: 8px!important
        }
        .pd-md-b-8-f {
            padding-bottom: 8px!important
        }
        .pd-md-l-8-f {
            padding-left: 8px!important
        }
        .pd-md-9 {
            padding: 9px
        }
        .pd-md-9-f {
            padding: 9px!important
        }
        .pd-md-y-9 {
            padding-top: 9px;
            padding-bottom: 9px
        }
        .pd-md-y-9-f {
            padding-top: 9px!important;
            padding-bottom: 9px!important
        }
        .pd-md-x-9 {
            padding-left: 9px;
            padding-right: 9px
        }
        .pd-md-x-9-f {
            padding-left: 9px!important;
            padding-right: 9px!important
        }
        .pd-md-t-9 {
            padding-top: 9px
        }
        .pd-md-r-9 {
            padding-right: 9px
        }
        .pd-md-b-9 {
            padding-bottom: 9px
        }
        .pd-md-l-9 {
            padding-left: 9px
        }
        .pd-md-t-9-f {
            padding-top: 9px!important
        }
        .pd-md-r-9-f {
            padding-right: 9px!important
        }
        .pd-md-b-9-f {
            padding-bottom: 9px!important
        }
        .pd-md-l-9-f {
            padding-left: 9px!important
        }
        .pd-md-10 {
            padding: 10px
        }
        .pd-md-10-f {
            padding: 10px!important
        }
        .pd-md-y-10 {
            padding-top: 10px;
            padding-bottom: 10px
        }
        .pd-md-y-10-f {
            padding-top: 10px!important;
            padding-bottom: 10px!important
        }
        .pd-md-x-10 {
            padding-left: 10px;
            padding-right: 10px
        }
        .pd-md-x-10-f {
            padding-left: 10px!important;
            padding-right: 10px!important
        }
        .pd-md-t-10 {
            padding-top: 10px
        }
        .pd-md-r-10 {
            padding-right: 10px
        }
        .pd-md-b-10 {
            padding-bottom: 10px
        }
        .pd-md-l-10 {
            padding-left: 10px
        }
        .pd-md-t-10-f {
            padding-top: 10px!important
        }
        .pd-md-r-10-f {
            padding-right: 10px!important
        }
        .pd-md-b-10-f {
            padding-bottom: 10px!important
        }
        .pd-md-l-10-f {
            padding-left: 10px!important
        }
        .pd-md-15 {
            padding: 15px
        }
        .pd-md-15-f {
            padding: 15px!important
        }
        .pd-md-y-15 {
            padding-top: 15px;
            padding-bottom: 15px
        }
        .pd-md-y-15-f {
            padding-top: 15px!important;
            padding-bottom: 15px!important
        }
        .pd-md-x-15 {
            padding-left: 15px;
            padding-right: 15px
        }
        .pd-md-x-15-f {
            padding-left: 15px!important;
            padding-right: 15px!important
        }
        .pd-md-t-15 {
            padding-top: 15px
        }
        .pd-md-r-15 {
            padding-right: 15px
        }
        .pd-md-b-15 {
            padding-bottom: 15px
        }
        .pd-md-l-15 {
            padding-left: 15px
        }
        .pd-md-t-15-f {
            padding-top: 15px!important
        }
        .pd-md-r-15-f {
            padding-right: 15px!important
        }
        .pd-md-b-15-f {
            padding-bottom: 15px!important
        }
        .pd-md-l-15-f {
            padding-left: 15px!important
        }
        .pd-md-20 {
            padding: 20px
        }
        .pd-md-20-f {
            padding: 20px!important
        }
        .pd-md-y-20 {
            padding-top: 20px;
            padding-bottom: 20px
        }
        .pd-md-y-20-f {
            padding-top: 20px!important;
            padding-bottom: 20px!important
        }
        .pd-md-x-20 {
            padding-left: 20px;
            padding-right: 20px
        }
        .pd-md-x-20-f {
            padding-left: 20px!important;
            padding-right: 20px!important
        }
        .pd-md-t-20 {
            padding-top: 20px
        }
        .pd-md-r-20 {
            padding-right: 20px
        }
        .pd-md-b-20 {
            padding-bottom: 20px
        }
        .pd-md-l-20 {
            padding-left: 20px
        }
        .pd-md-t-20-f {
            padding-top: 20px!important
        }
        .pd-md-r-20-f {
            padding-right: 20px!important
        }
        .pd-md-b-20-f {
            padding-bottom: 20px!important
        }
        .pd-md-l-20-f {
            padding-left: 20px!important
        }
        .pd-md-25 {
            padding: 25px
        }
        .pd-md-25-f {
            padding: 25px!important
        }
        .pd-md-y-25 {
            padding-top: 25px;
            padding-bottom: 25px
        }
        .pd-md-y-25-f {
            padding-top: 25px!important;
            padding-bottom: 25px!important
        }
        .pd-md-x-25 {
            padding-left: 25px;
            padding-right: 25px
        }
        .pd-md-x-25-f {
            padding-left: 25px!important;
            padding-right: 25px!important
        }
        .pd-md-t-25 {
            padding-top: 25px
        }
        .pd-md-r-25 {
            padding-right: 25px
        }
        .pd-md-b-25 {
            padding-bottom: 25px
        }
        .pd-md-l-25 {
            padding-left: 25px
        }
        .pd-md-t-25-f {
            padding-top: 25px!important
        }
        .pd-md-r-25-f {
            padding-right: 25px!important
        }
        .pd-md-b-25-f {
            padding-bottom: 25px!important
        }
        .pd-md-l-25-f {
            padding-left: 25px!important
        }
        .pd-md-30 {
            padding: 30px
        }
        .pd-md-30-f {
            padding: 30px!important
        }
        .pd-md-y-30 {
            padding-top: 30px;
            padding-bottom: 30px
        }
        .pd-md-y-30-f {
            padding-top: 30px!important;
            padding-bottom: 30px!important
        }
        .pd-md-x-30 {
            padding-left: 30px;
            padding-right: 30px
        }
        .pd-md-x-30-f {
            padding-left: 30px!important;
            padding-right: 30px!important
        }
        .pd-md-t-30 {
            padding-top: 30px
        }
        .pd-md-r-30 {
            padding-right: 30px
        }
        .pd-md-b-30 {
            padding-bottom: 30px
        }
        .pd-md-l-30 {
            padding-left: 30px
        }
        .pd-md-t-30-f {
            padding-top: 30px!important
        }
        .pd-md-r-30-f {
            padding-right: 30px!important
        }
        .pd-md-b-30-f {
            padding-bottom: 30px!important
        }
        .pd-md-l-30-f {
            padding-left: 30px!important
        }
        .pd-md-35 {
            padding: 35px
        }
        .pd-md-35-f {
            padding: 35px!important
        }
        .pd-md-y-35 {
            padding-top: 35px;
            padding-bottom: 35px
        }
        .pd-md-y-35-f {
            padding-top: 35px!important;
            padding-bottom: 35px!important
        }
        .pd-md-x-35 {
            padding-left: 35px;
            padding-right: 35px
        }
        .pd-md-x-35-f {
            padding-left: 35px!important;
            padding-right: 35px!important
        }
        .pd-md-t-35 {
            padding-top: 35px
        }
        .pd-md-r-35 {
            padding-right: 35px
        }
        .pd-md-b-35 {
            padding-bottom: 35px
        }
        .pd-md-l-35 {
            padding-left: 35px
        }
        .pd-md-t-35-f {
            padding-top: 35px!important
        }
        .pd-md-r-35-f {
            padding-right: 35px!important
        }
        .pd-md-b-35-f {
            padding-bottom: 35px!important
        }
        .pd-md-l-35-f {
            padding-left: 35px!important
        }
        .pd-md-40 {
            padding: 40px
        }
        .pd-md-40-f {
            padding: 40px!important
        }
        .pd-md-y-40 {
            padding-top: 40px;
            padding-bottom: 40px
        }
        .pd-md-y-40-f {
            padding-top: 40px!important;
            padding-bottom: 40px!important
        }
        .pd-md-x-40 {
            padding-left: 40px;
            padding-right: 40px
        }
        .pd-md-x-40-f {
            padding-left: 40px!important;
            padding-right: 40px!important
        }
        .pd-md-t-40 {
            padding-top: 40px
        }
        .pd-md-r-40 {
            padding-right: 40px
        }
        .pd-md-b-40 {
            padding-bottom: 40px
        }
        .pd-md-l-40 {
            padding-left: 40px
        }
        .pd-md-t-40-f {
            padding-top: 40px!important
        }
        .pd-md-r-40-f {
            padding-right: 40px!important
        }
        .pd-md-b-40-f {
            padding-bottom: 40px!important
        }
        .pd-md-l-40-f {
            padding-left: 40px!important
        }
        .pd-md-45 {
            padding: 45px
        }
        .pd-md-45-f {
            padding: 45px!important
        }
        .pd-md-y-45 {
            padding-top: 45px;
            padding-bottom: 45px
        }
        .pd-md-y-45-f {
            padding-top: 45px!important;
            padding-bottom: 45px!important
        }
        .pd-md-x-45 {
            padding-left: 45px;
            padding-right: 45px
        }
        .pd-md-x-45-f {
            padding-left: 45px!important;
            padding-right: 45px!important
        }
        .pd-md-t-45 {
            padding-top: 45px
        }
        .pd-md-r-45 {
            padding-right: 45px
        }
        .pd-md-b-45 {
            padding-bottom: 45px
        }
        .pd-md-l-45 {
            padding-left: 45px
        }
        .pd-md-t-45-f {
            padding-top: 45px!important
        }
        .pd-md-r-45-f {
            padding-right: 45px!important
        }
        .pd-md-b-45-f {
            padding-bottom: 45px!important
        }
        .pd-md-l-45-f {
            padding-left: 45px!important
        }
        .pd-md-50 {
            padding: 50px
        }
        .pd-md-50-f {
            padding: 50px!important
        }
        .pd-md-y-50 {
            padding-top: 50px;
            padding-bottom: 50px
        }
        .pd-md-y-50-f {
            padding-top: 50px!important;
            padding-bottom: 50px!important
        }
        .pd-md-x-50 {
            padding-left: 50px;
            padding-right: 50px
        }
        .pd-md-x-50-f {
            padding-left: 50px!important;
            padding-right: 50px!important
        }
        .pd-md-t-50 {
            padding-top: 50px
        }
        .pd-md-r-50 {
            padding-right: 50px
        }
        .pd-md-b-50 {
            padding-bottom: 50px
        }
        .pd-md-l-50 {
            padding-left: 50px
        }
        .pd-md-t-50-f {
            padding-top: 50px!important
        }
        .pd-md-r-50-f {
            padding-right: 50px!important
        }
        .pd-md-b-50-f {
            padding-bottom: 50px!important
        }
        .pd-md-l-50-f {
            padding-left: 50px!important
        }
        .pd-md-55 {
            padding: 55px
        }
        .pd-md-55-f {
            padding: 55px!important
        }
        .pd-md-y-55 {
            padding-top: 55px;
            padding-bottom: 55px
        }
        .pd-md-y-55-f {
            padding-top: 55px!important;
            padding-bottom: 55px!important
        }
        .pd-md-x-55 {
            padding-left: 55px;
            padding-right: 55px
        }
        .pd-md-x-55-f {
            padding-left: 55px!important;
            padding-right: 55px!important
        }
        .pd-md-t-55 {
            padding-top: 55px
        }
        .pd-md-r-55 {
            padding-right: 55px
        }
        .pd-md-b-55 {
            padding-bottom: 55px
        }
        .pd-md-l-55 {
            padding-left: 55px
        }
        .pd-md-t-55-f {
            padding-top: 55px!important
        }
        .pd-md-r-55-f {
            padding-right: 55px!important
        }
        .pd-md-b-55-f {
            padding-bottom: 55px!important
        }
        .pd-md-l-55-f {
            padding-left: 55px!important
        }
        .pd-md-60 {
            padding: 60px
        }
        .pd-md-60-f {
            padding: 60px!important
        }
        .pd-md-y-60 {
            padding-top: 60px;
            padding-bottom: 60px
        }
        .pd-md-y-60-f {
            padding-top: 60px!important;
            padding-bottom: 60px!important
        }
        .pd-md-x-60 {
            padding-left: 60px;
            padding-right: 60px
        }
        .pd-md-x-60-f {
            padding-left: 60px!important;
            padding-right: 60px!important
        }
        .pd-md-t-60 {
            padding-top: 60px
        }
        .pd-md-r-60 {
            padding-right: 60px
        }
        .pd-md-b-60 {
            padding-bottom: 60px
        }
        .pd-md-l-60 {
            padding-left: 60px
        }
        .pd-md-t-60-f {
            padding-top: 60px!important
        }
        .pd-md-r-60-f {
            padding-right: 60px!important
        }
        .pd-md-b-60-f {
            padding-bottom: 60px!important
        }
        .pd-md-l-60-f {
            padding-left: 60px!important
        }
        .pd-md-65 {
            padding: 65px
        }
        .pd-md-65-f {
            padding: 65px!important
        }
        .pd-md-y-65 {
            padding-top: 65px;
            padding-bottom: 65px
        }
        .pd-md-y-65-f {
            padding-top: 65px!important;
            padding-bottom: 65px!important
        }
        .pd-md-x-65 {
            padding-left: 65px;
            padding-right: 65px
        }
        .pd-md-x-65-f {
            padding-left: 65px!important;
            padding-right: 65px!important
        }
        .pd-md-t-65 {
            padding-top: 65px
        }
        .pd-md-r-65 {
            padding-right: 65px
        }
        .pd-md-b-65 {
            padding-bottom: 65px
        }
        .pd-md-l-65 {
            padding-left: 65px
        }
        .pd-md-t-65-f {
            padding-top: 65px!important
        }
        .pd-md-r-65-f {
            padding-right: 65px!important
        }
        .pd-md-b-65-f {
            padding-bottom: 65px!important
        }
        .pd-md-l-65-f {
            padding-left: 65px!important
        }
        .pd-md-70 {
            padding: 70px
        }
        .pd-md-70-f {
            padding: 70px!important
        }
        .pd-md-y-70 {
            padding-top: 70px;
            padding-bottom: 70px
        }
        .pd-md-y-70-f {
            padding-top: 70px!important;
            padding-bottom: 70px!important
        }
        .pd-md-x-70 {
            padding-left: 70px;
            padding-right: 70px
        }
        .pd-md-x-70-f {
            padding-left: 70px!important;
            padding-right: 70px!important
        }
        .pd-md-t-70 {
            padding-top: 70px
        }
        .pd-md-r-70 {
            padding-right: 70px
        }
        .pd-md-b-70 {
            padding-bottom: 70px
        }
        .pd-md-l-70 {
            padding-left: 70px
        }
        .pd-md-t-70-f {
            padding-top: 70px!important
        }
        .pd-md-r-70-f {
            padding-right: 70px!important
        }
        .pd-md-b-70-f {
            padding-bottom: 70px!important
        }
        .pd-md-l-70-f {
            padding-left: 70px!important
        }
        .pd-md-75 {
            padding: 75px
        }
        .pd-md-75-f {
            padding: 75px!important
        }
        .pd-md-y-75 {
            padding-top: 75px;
            padding-bottom: 75px
        }
        .pd-md-y-75-f {
            padding-top: 75px!important;
            padding-bottom: 75px!important
        }
        .pd-md-x-75 {
            padding-left: 75px;
            padding-right: 75px
        }
        .pd-md-x-75-f {
            padding-left: 75px!important;
            padding-right: 75px!important
        }
        .pd-md-t-75 {
            padding-top: 75px
        }
        .pd-md-r-75 {
            padding-right: 75px
        }
        .pd-md-b-75 {
            padding-bottom: 75px
        }
        .pd-md-l-75 {
            padding-left: 75px
        }
        .pd-md-t-75-f {
            padding-top: 75px!important
        }
        .pd-md-r-75-f {
            padding-right: 75px!important
        }
        .pd-md-b-75-f {
            padding-bottom: 75px!important
        }
        .pd-md-l-75-f {
            padding-left: 75px!important
        }
        .pd-md-80 {
            padding: 80px
        }
        .pd-md-80-f {
            padding: 80px!important
        }
        .pd-md-y-80 {
            padding-top: 80px;
            padding-bottom: 80px
        }
        .pd-md-y-80-f {
            padding-top: 80px!important;
            padding-bottom: 80px!important
        }
        .pd-md-x-80 {
            padding-left: 80px;
            padding-right: 80px
        }
        .pd-md-x-80-f {
            padding-left: 80px!important;
            padding-right: 80px!important
        }
        .pd-md-t-80 {
            padding-top: 80px
        }
        .pd-md-r-80 {
            padding-right: 80px
        }
        .pd-md-b-80 {
            padding-bottom: 80px
        }
        .pd-md-l-80 {
            padding-left: 80px
        }
        .pd-md-t-80-f {
            padding-top: 80px!important
        }
        .pd-md-r-80-f {
            padding-right: 80px!important
        }
        .pd-md-b-80-f {
            padding-bottom: 80px!important
        }
        .pd-md-l-80-f {
            padding-left: 80px!important
        }
        .pd-md-85 {
            padding: 85px
        }
        .pd-md-85-f {
            padding: 85px!important
        }
        .pd-md-y-85 {
            padding-top: 85px;
            padding-bottom: 85px
        }
        .pd-md-y-85-f {
            padding-top: 85px!important;
            padding-bottom: 85px!important
        }
        .pd-md-x-85 {
            padding-left: 85px;
            padding-right: 85px
        }
        .pd-md-x-85-f {
            padding-left: 85px!important;
            padding-right: 85px!important
        }
        .pd-md-t-85 {
            padding-top: 85px
        }
        .pd-md-r-85 {
            padding-right: 85px
        }
        .pd-md-b-85 {
            padding-bottom: 85px
        }
        .pd-md-l-85 {
            padding-left: 85px
        }
        .pd-md-t-85-f {
            padding-top: 85px!important
        }
        .pd-md-r-85-f {
            padding-right: 85px!important
        }
        .pd-md-b-85-f {
            padding-bottom: 85px!important
        }
        .pd-md-l-85-f {
            padding-left: 85px!important
        }
        .pd-md-90 {
            padding: 90px
        }
        .pd-md-90-f {
            padding: 90px!important
        }
        .pd-md-y-90 {
            padding-top: 90px;
            padding-bottom: 90px
        }
        .pd-md-y-90-f {
            padding-top: 90px!important;
            padding-bottom: 90px!important
        }
        .pd-md-x-90 {
            padding-left: 90px;
            padding-right: 90px
        }
        .pd-md-x-90-f {
            padding-left: 90px!important;
            padding-right: 90px!important
        }
        .pd-md-t-90 {
            padding-top: 90px
        }
        .pd-md-r-90 {
            padding-right: 90px
        }
        .pd-md-b-90 {
            padding-bottom: 90px
        }
        .pd-md-l-90 {
            padding-left: 90px
        }
        .pd-md-t-90-f {
            padding-top: 90px!important
        }
        .pd-md-r-90-f {
            padding-right: 90px!important
        }
        .pd-md-b-90-f {
            padding-bottom: 90px!important
        }
        .pd-md-l-90-f {
            padding-left: 90px!important
        }
        .pd-md-95 {
            padding: 95px
        }
        .pd-md-95-f {
            padding: 95px!important
        }
        .pd-md-y-95 {
            padding-top: 95px;
            padding-bottom: 95px
        }
        .pd-md-y-95-f {
            padding-top: 95px!important;
            padding-bottom: 95px!important
        }
        .pd-md-x-95 {
            padding-left: 95px;
            padding-right: 95px
        }
        .pd-md-x-95-f {
            padding-left: 95px!important;
            padding-right: 95px!important
        }
        .pd-md-t-95 {
            padding-top: 95px
        }
        .pd-md-r-95 {
            padding-right: 95px
        }
        .pd-md-b-95 {
            padding-bottom: 95px
        }
        .pd-md-l-95 {
            padding-left: 95px
        }
        .pd-md-t-95-f {
            padding-top: 95px!important
        }
        .pd-md-r-95-f {
            padding-right: 95px!important
        }
        .pd-md-b-95-f {
            padding-bottom: 95px!important
        }
        .pd-md-l-95-f {
            padding-left: 95px!important
        }
        .pd-md-100 {
            padding: 100px
        }
        .pd-md-100-f {
            padding: 100px!important
        }
        .pd-md-y-100 {
            padding-top: 100px;
            padding-bottom: 100px
        }
        .pd-md-y-100-f {
            padding-top: 100px!important;
            padding-bottom: 100px!important
        }
        .pd-md-x-100 {
            padding-left: 100px;
            padding-right: 100px
        }
        .pd-md-x-100-f {
            padding-left: 100px!important;
            padding-right: 100px!important
        }
        .pd-md-t-100 {
            padding-top: 100px
        }
        .pd-md-r-100 {
            padding-right: 100px
        }
        .pd-md-b-100 {
            padding-bottom: 100px
        }
        .pd-md-l-100 {
            padding-left: 100px
        }
        .pd-md-t-100-f {
            padding-top: 100px!important
        }
        .pd-md-r-100-f {
            padding-right: 100px!important
        }
        .pd-md-b-100-f {
            padding-bottom: 100px!important
        }
        .pd-md-l-100-f {
            padding-left: 100px!important
        }
        .pd-md-110 {
            padding: 110px
        }
        .pd-md-110-f {
            padding: 110px!important
        }
        .pd-md-y-110 {
            padding-top: 110px;
            padding-bottom: 110px
        }
        .pd-md-y-110-f {
            padding-top: 110px!important;
            padding-bottom: 110px!important
        }
        .pd-md-x-110 {
            padding-left: 110px;
            padding-right: 110px
        }
        .pd-md-x-110-f {
            padding-left: 110px!important;
            padding-right: 110px!important
        }
        .pd-md-t-110 {
            padding-top: 110px
        }
        .pd-md-r-110 {
            padding-right: 110px
        }
        .pd-md-b-110 {
            padding-bottom: 110px
        }
        .pd-md-l-110 {
            padding-left: 110px
        }
        .pd-md-t-110-f {
            padding-top: 110px!important
        }
        .pd-md-r-110-f {
            padding-right: 110px!important
        }
        .pd-md-b-110-f {
            padding-bottom: 110px!important
        }
        .pd-md-l-110-f {
            padding-left: 110px!important
        }
        .pd-md-120 {
            padding: 120px
        }
        .pd-md-120-f {
            padding: 120px!important
        }
        .pd-md-y-120 {
            padding-top: 120px;
            padding-bottom: 120px
        }
        .pd-md-y-120-f {
            padding-top: 120px!important;
            padding-bottom: 120px!important
        }
        .pd-md-x-120 {
            padding-left: 120px;
            padding-right: 120px
        }
        .pd-md-x-120-f {
            padding-left: 120px!important;
            padding-right: 120px!important
        }
        .pd-md-t-120 {
            padding-top: 120px
        }
        .pd-md-r-120 {
            padding-right: 120px
        }
        .pd-md-b-120 {
            padding-bottom: 120px
        }
        .pd-md-l-120 {
            padding-left: 120px
        }
        .pd-md-t-120-f {
            padding-top: 120px!important
        }
        .pd-md-r-120-f {
            padding-right: 120px!important
        }
        .pd-md-b-120-f {
            padding-bottom: 120px!important
        }
        .pd-md-l-120-f {
            padding-left: 120px!important
        }
        .pd-md-130 {
            padding: 130px
        }
        .pd-md-130-f {
            padding: 130px!important
        }
        .pd-md-y-130 {
            padding-top: 130px;
            padding-bottom: 130px
        }
        .pd-md-y-130-f {
            padding-top: 130px!important;
            padding-bottom: 130px!important
        }
        .pd-md-x-130 {
            padding-left: 130px;
            padding-right: 130px
        }
        .pd-md-x-130-f {
            padding-left: 130px!important;
            padding-right: 130px!important
        }
        .pd-md-t-130 {
            padding-top: 130px
        }
        .pd-md-r-130 {
            padding-right: 130px
        }
        .pd-md-b-130 {
            padding-bottom: 130px
        }
        .pd-md-l-130 {
            padding-left: 130px
        }
        .pd-md-t-130-f {
            padding-top: 130px!important
        }
        .pd-md-r-130-f {
            padding-right: 130px!important
        }
        .pd-md-b-130-f {
            padding-bottom: 130px!important
        }
        .pd-md-l-130-f {
            padding-left: 130px!important
        }
        .pd-md-140 {
            padding: 140px
        }
        .pd-md-140-f {
            padding: 140px!important
        }
        .pd-md-y-140 {
            padding-top: 140px;
            padding-bottom: 140px
        }
        .pd-md-y-140-f {
            padding-top: 140px!important;
            padding-bottom: 140px!important
        }
        .pd-md-x-140 {
            padding-left: 140px;
            padding-right: 140px
        }
        .pd-md-x-140-f {
            padding-left: 140px!important;
            padding-right: 140px!important
        }
        .pd-md-t-140 {
            padding-top: 140px
        }
        .pd-md-r-140 {
            padding-right: 140px
        }
        .pd-md-b-140 {
            padding-bottom: 140px
        }
        .pd-md-l-140 {
            padding-left: 140px
        }
        .pd-md-t-140-f {
            padding-top: 140px!important
        }
        .pd-md-r-140-f {
            padding-right: 140px!important
        }
        .pd-md-b-140-f {
            padding-bottom: 140px!important
        }
        .pd-md-l-140-f {
            padding-left: 140px!important
        }
        .pd-md-150 {
            padding: 150px
        }
        .pd-md-150-f {
            padding: 150px!important
        }
        .pd-md-y-150 {
            padding-top: 150px;
            padding-bottom: 150px
        }
        .pd-md-y-150-f {
            padding-top: 150px!important;
            padding-bottom: 150px!important
        }
        .pd-md-x-150 {
            padding-left: 150px;
            padding-right: 150px
        }
        .pd-md-x-150-f {
            padding-left: 150px!important;
            padding-right: 150px!important
        }
        .pd-md-t-150 {
            padding-top: 150px
        }
        .pd-md-r-150 {
            padding-right: 150px
        }
        .pd-md-b-150 {
            padding-bottom: 150px
        }
        .pd-md-l-150 {
            padding-left: 150px
        }
        .pd-md-t-150-f {
            padding-top: 150px!important
        }
        .pd-md-r-150-f {
            padding-right: 150px!important
        }
        .pd-md-b-150-f {
            padding-bottom: 150px!important
        }
        .pd-md-l-150-f {
            padding-left: 150px!important
        }
        .pd-md-160 {
            padding: 160px
        }
        .pd-md-160-f {
            padding: 160px!important
        }
        .pd-md-y-160 {
            padding-top: 160px;
            padding-bottom: 160px
        }
        .pd-md-y-160-f {
            padding-top: 160px!important;
            padding-bottom: 160px!important
        }
        .pd-md-x-160 {
            padding-left: 160px;
            padding-right: 160px
        }
        .pd-md-x-160-f {
            padding-left: 160px!important;
            padding-right: 160px!important
        }
        .pd-md-t-160 {
            padding-top: 160px
        }
        .pd-md-r-160 {
            padding-right: 160px
        }
        .pd-md-b-160 {
            padding-bottom: 160px
        }
        .pd-md-l-160 {
            padding-left: 160px
        }
        .pd-md-t-160-f {
            padding-top: 160px!important
        }
        .pd-md-r-160-f {
            padding-right: 160px!important
        }
        .pd-md-b-160-f {
            padding-bottom: 160px!important
        }
        .pd-md-l-160-f {
            padding-left: 160px!important
        }
        .pd-md-170 {
            padding: 170px
        }
        .pd-md-170-f {
            padding: 170px!important
        }
        .pd-md-y-170 {
            padding-top: 170px;
            padding-bottom: 170px
        }
        .pd-md-y-170-f {
            padding-top: 170px!important;
            padding-bottom: 170px!important
        }
        .pd-md-x-170 {
            padding-left: 170px;
            padding-right: 170px
        }
        .pd-md-x-170-f {
            padding-left: 170px!important;
            padding-right: 170px!important
        }
        .pd-md-t-170 {
            padding-top: 170px
        }
        .pd-md-r-170 {
            padding-right: 170px
        }
        .pd-md-b-170 {
            padding-bottom: 170px
        }
        .pd-md-l-170 {
            padding-left: 170px
        }
        .pd-md-t-170-f {
            padding-top: 170px!important
        }
        .pd-md-r-170-f {
            padding-right: 170px!important
        }
        .pd-md-b-170-f {
            padding-bottom: 170px!important
        }
        .pd-md-l-170-f {
            padding-left: 170px!important
        }
        .pd-md-180 {
            padding: 180px
        }
        .pd-md-180-f {
            padding: 180px!important
        }
        .pd-md-y-180 {
            padding-top: 180px;
            padding-bottom: 180px
        }
        .pd-md-y-180-f {
            padding-top: 180px!important;
            padding-bottom: 180px!important
        }
        .pd-md-x-180 {
            padding-left: 180px;
            padding-right: 180px
        }
        .pd-md-x-180-f {
            padding-left: 180px!important;
            padding-right: 180px!important
        }
        .pd-md-t-180 {
            padding-top: 180px
        }
        .pd-md-r-180 {
            padding-right: 180px
        }
        .pd-md-b-180 {
            padding-bottom: 180px
        }
        .pd-md-l-180 {
            padding-left: 180px
        }
        .pd-md-t-180-f {
            padding-top: 180px!important
        }
        .pd-md-r-180-f {
            padding-right: 180px!important
        }
        .pd-md-b-180-f {
            padding-bottom: 180px!important
        }
        .pd-md-l-180-f {
            padding-left: 180px!important
        }
        .pd-md-190 {
            padding: 190px
        }
        .pd-md-190-f {
            padding: 190px!important
        }
        .pd-md-y-190 {
            padding-top: 190px;
            padding-bottom: 190px
        }
        .pd-md-y-190-f {
            padding-top: 190px!important;
            padding-bottom: 190px!important
        }
        .pd-md-x-190 {
            padding-left: 190px;
            padding-right: 190px
        }
        .pd-md-x-190-f {
            padding-left: 190px!important;
            padding-right: 190px!important
        }
        .pd-md-t-190 {
            padding-top: 190px
        }
        .pd-md-r-190 {
            padding-right: 190px
        }
        .pd-md-b-190 {
            padding-bottom: 190px
        }
        .pd-md-l-190 {
            padding-left: 190px
        }
        .pd-md-t-190-f {
            padding-top: 190px!important
        }
        .pd-md-r-190-f {
            padding-right: 190px!important
        }
        .pd-md-b-190-f {
            padding-bottom: 190px!important
        }
        .pd-md-l-190-f {
            padding-left: 190px!important
        }
        .pd-md-200 {
            padding: 200px
        }
        .pd-md-200-f {
            padding: 200px!important
        }
        .pd-md-y-200 {
            padding-top: 200px;
            padding-bottom: 200px
        }
        .pd-md-y-200-f {
            padding-top: 200px!important;
            padding-bottom: 200px!important
        }
        .pd-md-x-200 {
            padding-left: 200px;
            padding-right: 200px
        }
        .pd-md-x-200-f {
            padding-left: 200px!important;
            padding-right: 200px!important
        }
        .pd-md-t-200 {
            padding-top: 200px
        }
        .pd-md-r-200 {
            padding-right: 200px
        }
        .pd-md-b-200 {
            padding-bottom: 200px
        }
        .pd-md-l-200 {
            padding-left: 200px
        }
        .pd-md-t-200-f {
            padding-top: 200px!important
        }
        .pd-md-r-200-f {
            padding-right: 200px!important
        }
        .pd-md-b-200-f {
            padding-bottom: 200px!important
        }
        .pd-md-l-200-f {
            padding-left: 200px!important
        }
    }

    @media (min-width:992px) {
        .pd-lg-0 {
            padding: 0
        }
        .pd-lg-0-f {
            padding: 0!important
        }
        .pd-lg-y-0 {
            padding-top: 0;
            padding-bottom: 0
        }
        .pd-lg-y-0-f {
            padding-top: 0!important;
            padding-bottom: 0!important
        }
        .pd-lg-x-0 {
            padding-left: 0;
            padding-right: 0
        }
        .pd-lg-x-0-f {
            padding-left: 0!important;
            padding-right: 0!important
        }
        .pd-lg-t-0 {
            padding-top: 0
        }
        .pd-lg-r-0 {
            padding-right: 0
        }
        .pd-lg-b-0 {
            padding-bottom: 0
        }
        .pd-lg-l-0 {
            padding-left: 0
        }
        .pd-lg-t-0-f {
            padding-top: 0!important
        }
        .pd-lg-r-0-f {
            padding-right: 0!important
        }
        .pd-lg-b-0-f {
            padding-bottom: 0!important
        }
        .pd-lg-l-0-f {
            padding-left: 0!important
        }
        .pd-lg-1 {
            padding: 1px
        }
        .pd-lg-1-f {
            padding: 1px!important
        }
        .pd-lg-y-1 {
            padding-top: 1px;
            padding-bottom: 1px
        }
        .pd-lg-y-1-f {
            padding-top: 1px!important;
            padding-bottom: 1px!important
        }
        .pd-lg-x-1 {
            padding-left: 1px;
            padding-right: 1px
        }
        .pd-lg-x-1-f {
            padding-left: 1px!important;
            padding-right: 1px!important
        }
        .pd-lg-t-1 {
            padding-top: 1px
        }
        .pd-lg-r-1 {
            padding-right: 1px
        }
        .pd-lg-b-1 {
            padding-bottom: 1px
        }
        .pd-lg-l-1 {
            padding-left: 1px
        }
        .pd-lg-t-1-f {
            padding-top: 1px!important
        }
        .pd-lg-r-1-f {
            padding-right: 1px!important
        }
        .pd-lg-b-1-f {
            padding-bottom: 1px!important
        }
        .pd-lg-l-1-f {
            padding-left: 1px!important
        }
        .pd-lg-2 {
            padding: 2px
        }
        .pd-lg-2-f {
            padding: 2px!important
        }
        .pd-lg-y-2 {
            padding-top: 2px;
            padding-bottom: 2px
        }
        .pd-lg-y-2-f {
            padding-top: 2px!important;
            padding-bottom: 2px!important
        }
        .pd-lg-x-2 {
            padding-left: 2px;
            padding-right: 2px
        }
        .pd-lg-x-2-f {
            padding-left: 2px!important;
            padding-right: 2px!important
        }
        .pd-lg-t-2 {
            padding-top: 2px
        }
        .pd-lg-r-2 {
            padding-right: 2px
        }
        .pd-lg-b-2 {
            padding-bottom: 2px
        }
        .pd-lg-l-2 {
            padding-left: 2px
        }
        .pd-lg-t-2-f {
            padding-top: 2px!important
        }
        .pd-lg-r-2-f {
            padding-right: 2px!important
        }
        .pd-lg-b-2-f {
            padding-bottom: 2px!important
        }
        .pd-lg-l-2-f {
            padding-left: 2px!important
        }
        .pd-lg-3 {
            padding: 3px
        }
        .pd-lg-3-f {
            padding: 3px!important
        }
        .pd-lg-y-3 {
            padding-top: 3px;
            padding-bottom: 3px
        }
        .pd-lg-y-3-f {
            padding-top: 3px!important;
            padding-bottom: 3px!important
        }
        .pd-lg-x-3 {
            padding-left: 3px;
            padding-right: 3px
        }
        .pd-lg-x-3-f {
            padding-left: 3px!important;
            padding-right: 3px!important
        }
        .pd-lg-t-3 {
            padding-top: 3px
        }
        .pd-lg-r-3 {
            padding-right: 3px
        }
        .pd-lg-b-3 {
            padding-bottom: 3px
        }
        .pd-lg-l-3 {
            padding-left: 3px
        }
        .pd-lg-t-3-f {
            padding-top: 3px!important
        }
        .pd-lg-r-3-f {
            padding-right: 3px!important
        }
        .pd-lg-b-3-f {
            padding-bottom: 3px!important
        }
        .pd-lg-l-3-f {
            padding-left: 3px!important
        }
        .pd-lg-4 {
            padding: 4px
        }
        .pd-lg-4-f {
            padding: 4px!important
        }
        .pd-lg-y-4 {
            padding-top: 4px;
            padding-bottom: 4px
        }
        .pd-lg-y-4-f {
            padding-top: 4px!important;
            padding-bottom: 4px!important
        }
        .pd-lg-x-4 {
            padding-left: 4px;
            padding-right: 4px
        }
        .pd-lg-x-4-f {
            padding-left: 4px!important;
            padding-right: 4px!important
        }
        .pd-lg-t-4 {
            padding-top: 4px
        }
        .pd-lg-r-4 {
            padding-right: 4px
        }
        .pd-lg-b-4 {
            padding-bottom: 4px
        }
        .pd-lg-l-4 {
            padding-left: 4px
        }
        .pd-lg-t-4-f {
            padding-top: 4px!important
        }
        .pd-lg-r-4-f {
            padding-right: 4px!important
        }
        .pd-lg-b-4-f {
            padding-bottom: 4px!important
        }
        .pd-lg-l-4-f {
            padding-left: 4px!important
        }
        .pd-lg-5 {
            padding: 5px
        }
        .pd-lg-5-f {
            padding: 5px!important
        }
        .pd-lg-y-5 {
            padding-top: 5px;
            padding-bottom: 5px
        }
        .pd-lg-y-5-f {
            padding-top: 5px!important;
            padding-bottom: 5px!important
        }
        .pd-lg-x-5 {
            padding-left: 5px;
            padding-right: 5px
        }
        .pd-lg-x-5-f {
            padding-left: 5px!important;
            padding-right: 5px!important
        }
        .pd-lg-t-5 {
            padding-top: 5px
        }
        .pd-lg-r-5 {
            padding-right: 5px
        }
        .pd-lg-b-5 {
            padding-bottom: 5px
        }
        .pd-lg-l-5 {
            padding-left: 5px
        }
        .pd-lg-t-5-f {
            padding-top: 5px!important
        }
        .pd-lg-r-5-f {
            padding-right: 5px!important
        }
        .pd-lg-b-5-f {
            padding-bottom: 5px!important
        }
        .pd-lg-l-5-f {
            padding-left: 5px!important
        }
        .pd-lg-6 {
            padding: 6px
        }
        .pd-lg-6-f {
            padding: 6px!important
        }
        .pd-lg-y-6 {
            padding-top: 6px;
            padding-bottom: 6px
        }
        .pd-lg-y-6-f {
            padding-top: 6px!important;
            padding-bottom: 6px!important
        }
        .pd-lg-x-6 {
            padding-left: 6px;
            padding-right: 6px
        }
        .pd-lg-x-6-f {
            padding-left: 6px!important;
            padding-right: 6px!important
        }
        .pd-lg-t-6 {
            padding-top: 6px
        }
        .pd-lg-r-6 {
            padding-right: 6px
        }
        .pd-lg-b-6 {
            padding-bottom: 6px
        }
        .pd-lg-l-6 {
            padding-left: 6px
        }
        .pd-lg-t-6-f {
            padding-top: 6px!important
        }
        .pd-lg-r-6-f {
            padding-right: 6px!important
        }
        .pd-lg-b-6-f {
            padding-bottom: 6px!important
        }
        .pd-lg-l-6-f {
            padding-left: 6px!important
        }
        .pd-lg-7 {
            padding: 7px
        }
        .pd-lg-7-f {
            padding: 7px!important
        }
        .pd-lg-y-7 {
            padding-top: 7px;
            padding-bottom: 7px
        }
        .pd-lg-y-7-f {
            padding-top: 7px!important;
            padding-bottom: 7px!important
        }
        .pd-lg-x-7 {
            padding-left: 7px;
            padding-right: 7px
        }
        .pd-lg-x-7-f {
            padding-left: 7px!important;
            padding-right: 7px!important
        }
        .pd-lg-t-7 {
            padding-top: 7px
        }
        .pd-lg-r-7 {
            padding-right: 7px
        }
        .pd-lg-b-7 {
            padding-bottom: 7px
        }
        .pd-lg-l-7 {
            padding-left: 7px
        }
        .pd-lg-t-7-f {
            padding-top: 7px!important
        }
        .pd-lg-r-7-f {
            padding-right: 7px!important
        }
        .pd-lg-b-7-f {
            padding-bottom: 7px!important
        }
        .pd-lg-l-7-f {
            padding-left: 7px!important
        }
        .pd-lg-8 {
            padding: 8px
        }
        .pd-lg-8-f {
            padding: 8px!important
        }
        .pd-lg-y-8 {
            padding-top: 8px;
            padding-bottom: 8px
        }
        .pd-lg-y-8-f {
            padding-top: 8px!important;
            padding-bottom: 8px!important
        }
        .pd-lg-x-8 {
            padding-left: 8px;
            padding-right: 8px
        }
        .pd-lg-x-8-f {
            padding-left: 8px!important;
            padding-right: 8px!important
        }
        .pd-lg-t-8 {
            padding-top: 8px
        }
        .pd-lg-r-8 {
            padding-right: 8px
        }
        .pd-lg-b-8 {
            padding-bottom: 8px
        }
        .pd-lg-l-8 {
            padding-left: 8px
        }
        .pd-lg-t-8-f {
            padding-top: 8px!important
        }
        .pd-lg-r-8-f {
            padding-right: 8px!important
        }
        .pd-lg-b-8-f {
            padding-bottom: 8px!important
        }
        .pd-lg-l-8-f {
            padding-left: 8px!important
        }
        .pd-lg-9 {
            padding: 9px
        }
        .pd-lg-9-f {
            padding: 9px!important
        }
        .pd-lg-y-9 {
            padding-top: 9px;
            padding-bottom: 9px
        }
        .pd-lg-y-9-f {
            padding-top: 9px!important;
            padding-bottom: 9px!important
        }
        .pd-lg-x-9 {
            padding-left: 9px;
            padding-right: 9px
        }
        .pd-lg-x-9-f {
            padding-left: 9px!important;
            padding-right: 9px!important
        }
        .pd-lg-t-9 {
            padding-top: 9px
        }
        .pd-lg-r-9 {
            padding-right: 9px
        }
        .pd-lg-b-9 {
            padding-bottom: 9px
        }
        .pd-lg-l-9 {
            padding-left: 9px
        }
        .pd-lg-t-9-f {
            padding-top: 9px!important
        }
        .pd-lg-r-9-f {
            padding-right: 9px!important
        }
        .pd-lg-b-9-f {
            padding-bottom: 9px!important
        }
        .pd-lg-l-9-f {
            padding-left: 9px!important
        }
        .pd-lg-10 {
            padding: 10px
        }
        .pd-lg-10-f {
            padding: 10px!important
        }
        .pd-lg-y-10 {
            padding-top: 10px;
            padding-bottom: 10px
        }
        .pd-lg-y-10-f {
            padding-top: 10px!important;
            padding-bottom: 10px!important
        }
        .pd-lg-x-10 {
            padding-left: 10px;
            padding-right: 10px
        }
        .pd-lg-x-10-f {
            padding-left: 10px!important;
            padding-right: 10px!important
        }
        .pd-lg-t-10 {
            padding-top: 10px
        }
        .pd-lg-r-10 {
            padding-right: 10px
        }
        .pd-lg-b-10 {
            padding-bottom: 10px
        }
        .pd-lg-l-10 {
            padding-left: 10px
        }
        .pd-lg-t-10-f {
            padding-top: 10px!important
        }
        .pd-lg-r-10-f {
            padding-right: 10px!important
        }
        .pd-lg-b-10-f {
            padding-bottom: 10px!important
        }
        .pd-lg-l-10-f {
            padding-left: 10px!important
        }
        .pd-lg-15 {
            padding: 15px
        }
        .pd-lg-15-f {
            padding: 15px!important
        }
        .pd-lg-y-15 {
            padding-top: 15px;
            padding-bottom: 15px
        }
        .pd-lg-y-15-f {
            padding-top: 15px!important;
            padding-bottom: 15px!important
        }
        .pd-lg-x-15 {
            padding-left: 15px;
            padding-right: 15px
        }
        .pd-lg-x-15-f {
            padding-left: 15px!important;
            padding-right: 15px!important
        }
        .pd-lg-t-15 {
            padding-top: 15px
        }
        .pd-lg-r-15 {
            padding-right: 15px
        }
        .pd-lg-b-15 {
            padding-bottom: 15px
        }
        .pd-lg-l-15 {
            padding-left: 15px
        }
        .pd-lg-t-15-f {
            padding-top: 15px!important
        }
        .pd-lg-r-15-f {
            padding-right: 15px!important
        }
        .pd-lg-b-15-f {
            padding-bottom: 15px!important
        }
        .pd-lg-l-15-f {
            padding-left: 15px!important
        }
        .pd-lg-20 {
            padding: 20px
        }
        .pd-lg-20-f {
            padding: 20px!important
        }
        .pd-lg-y-20 {
            padding-top: 20px;
            padding-bottom: 20px
        }
        .pd-lg-y-20-f {
            padding-top: 20px!important;
            padding-bottom: 20px!important
        }
        .pd-lg-x-20 {
            padding-left: 20px;
            padding-right: 20px
        }
        .pd-lg-x-20-f {
            padding-left: 20px!important;
            padding-right: 20px!important
        }
        .pd-lg-t-20 {
            padding-top: 20px
        }
        .pd-lg-r-20 {
            padding-right: 20px
        }
        .pd-lg-b-20 {
            padding-bottom: 20px
        }
        .pd-lg-l-20 {
            padding-left: 20px
        }
        .pd-lg-t-20-f {
            padding-top: 20px!important
        }
        .pd-lg-r-20-f {
            padding-right: 20px!important
        }
        .pd-lg-b-20-f {
            padding-bottom: 20px!important
        }
        .pd-lg-l-20-f {
            padding-left: 20px!important
        }
        .pd-lg-25 {
            padding: 25px
        }
        .pd-lg-25-f {
            padding: 25px!important
        }
        .pd-lg-y-25 {
            padding-top: 25px;
            padding-bottom: 25px
        }
        .pd-lg-y-25-f {
            padding-top: 25px!important;
            padding-bottom: 25px!important
        }
        .pd-lg-x-25 {
            padding-left: 25px;
            padding-right: 25px
        }
        .pd-lg-x-25-f {
            padding-left: 25px!important;
            padding-right: 25px!important
        }
        .pd-lg-t-25 {
            padding-top: 25px
        }
        .pd-lg-r-25 {
            padding-right: 25px
        }
        .pd-lg-b-25 {
            padding-bottom: 25px
        }
        .pd-lg-l-25 {
            padding-left: 25px
        }
        .pd-lg-t-25-f {
            padding-top: 25px!important
        }
        .pd-lg-r-25-f {
            padding-right: 25px!important
        }
        .pd-lg-b-25-f {
            padding-bottom: 25px!important
        }
        .pd-lg-l-25-f {
            padding-left: 25px!important
        }
        .pd-lg-30 {
            padding: 30px
        }
        .pd-lg-30-f {
            padding: 30px!important
        }
        .pd-lg-y-30 {
            padding-top: 30px;
            padding-bottom: 30px
        }
        .pd-lg-y-30-f {
            padding-top: 30px!important;
            padding-bottom: 30px!important
        }
        .pd-lg-x-30 {
            padding-left: 30px;
            padding-right: 30px
        }
        .pd-lg-x-30-f {
            padding-left: 30px!important;
            padding-right: 30px!important
        }
        .pd-lg-t-30 {
            padding-top: 30px
        }
        .pd-lg-r-30 {
            padding-right: 30px
        }
        .pd-lg-b-30 {
            padding-bottom: 30px
        }
        .pd-lg-l-30 {
            padding-left: 30px
        }
        .pd-lg-t-30-f {
            padding-top: 30px!important
        }
        .pd-lg-r-30-f {
            padding-right: 30px!important
        }
        .pd-lg-b-30-f {
            padding-bottom: 30px!important
        }
        .pd-lg-l-30-f {
            padding-left: 30px!important
        }
        .pd-lg-35 {
            padding: 35px
        }
        .pd-lg-35-f {
            padding: 35px!important
        }
        .pd-lg-y-35 {
            padding-top: 35px;
            padding-bottom: 35px
        }
        .pd-lg-y-35-f {
            padding-top: 35px!important;
            padding-bottom: 35px!important
        }
        .pd-lg-x-35 {
            padding-left: 35px;
            padding-right: 35px
        }
        .pd-lg-x-35-f {
            padding-left: 35px!important;
            padding-right: 35px!important
        }
        .pd-lg-t-35 {
            padding-top: 35px
        }
        .pd-lg-r-35 {
            padding-right: 35px
        }
        .pd-lg-b-35 {
            padding-bottom: 35px
        }
        .pd-lg-l-35 {
            padding-left: 35px
        }
        .pd-lg-t-35-f {
            padding-top: 35px!important
        }
        .pd-lg-r-35-f {
            padding-right: 35px!important
        }
        .pd-lg-b-35-f {
            padding-bottom: 35px!important
        }
        .pd-lg-l-35-f {
            padding-left: 35px!important
        }
        .pd-lg-40 {
            padding: 40px
        }
        .pd-lg-40-f {
            padding: 40px!important
        }
        .pd-lg-y-40 {
            padding-top: 40px;
            padding-bottom: 40px
        }
        .pd-lg-y-40-f {
            padding-top: 40px!important;
            padding-bottom: 40px!important
        }
        .pd-lg-x-40 {
            padding-left: 40px;
            padding-right: 40px
        }
        .pd-lg-x-40-f {
            padding-left: 40px!important;
            padding-right: 40px!important
        }
        .pd-lg-t-40 {
            padding-top: 40px
        }
        .pd-lg-r-40 {
            padding-right: 40px
        }
        .pd-lg-b-40 {
            padding-bottom: 40px
        }
        .pd-lg-l-40 {
            padding-left: 40px
        }
        .pd-lg-t-40-f {
            padding-top: 40px!important
        }
        .pd-lg-r-40-f {
            padding-right: 40px!important
        }
        .pd-lg-b-40-f {
            padding-bottom: 40px!important
        }
        .pd-lg-l-40-f {
            padding-left: 40px!important
        }
        .pd-lg-45 {
            padding: 45px
        }
        .pd-lg-45-f {
            padding: 45px!important
        }
        .pd-lg-y-45 {
            padding-top: 45px;
            padding-bottom: 45px
        }
        .pd-lg-y-45-f {
            padding-top: 45px!important;
            padding-bottom: 45px!important
        }
        .pd-lg-x-45 {
            padding-left: 45px;
            padding-right: 45px
        }
        .pd-lg-x-45-f {
            padding-left: 45px!important;
            padding-right: 45px!important
        }
        .pd-lg-t-45 {
            padding-top: 45px
        }
        .pd-lg-r-45 {
            padding-right: 45px
        }
        .pd-lg-b-45 {
            padding-bottom: 45px
        }
        .pd-lg-l-45 {
            padding-left: 45px
        }
        .pd-lg-t-45-f {
            padding-top: 45px!important
        }
        .pd-lg-r-45-f {
            padding-right: 45px!important
        }
        .pd-lg-b-45-f {
            padding-bottom: 45px!important
        }
        .pd-lg-l-45-f {
            padding-left: 45px!important
        }
        .pd-lg-50 {
            padding: 50px
        }
        .pd-lg-50-f {
            padding: 50px!important
        }
        .pd-lg-y-50 {
            padding-top: 50px;
            padding-bottom: 50px
        }
        .pd-lg-y-50-f {
            padding-top: 50px!important;
            padding-bottom: 50px!important
        }
        .pd-lg-x-50 {
            padding-left: 50px;
            padding-right: 50px
        }
        .pd-lg-x-50-f {
            padding-left: 50px!important;
            padding-right: 50px!important
        }
        .pd-lg-t-50 {
            padding-top: 50px
        }
        .pd-lg-r-50 {
            padding-right: 50px
        }
        .pd-lg-b-50 {
            padding-bottom: 50px
        }
        .pd-lg-l-50 {
            padding-left: 50px
        }
        .pd-lg-t-50-f {
            padding-top: 50px!important
        }
        .pd-lg-r-50-f {
            padding-right: 50px!important
        }
        .pd-lg-b-50-f {
            padding-bottom: 50px!important
        }
        .pd-lg-l-50-f {
            padding-left: 50px!important
        }
        .pd-lg-55 {
            padding: 55px
        }
        .pd-lg-55-f {
            padding: 55px!important
        }
        .pd-lg-y-55 {
            padding-top: 55px;
            padding-bottom: 55px
        }
        .pd-lg-y-55-f {
            padding-top: 55px!important;
            padding-bottom: 55px!important
        }
        .pd-lg-x-55 {
            padding-left: 55px;
            padding-right: 55px
        }
        .pd-lg-x-55-f {
            padding-left: 55px!important;
            padding-right: 55px!important
        }
        .pd-lg-t-55 {
            padding-top: 55px
        }
        .pd-lg-r-55 {
            padding-right: 55px
        }
        .pd-lg-b-55 {
            padding-bottom: 55px
        }
        .pd-lg-l-55 {
            padding-left: 55px
        }
        .pd-lg-t-55-f {
            padding-top: 55px!important
        }
        .pd-lg-r-55-f {
            padding-right: 55px!important
        }
        .pd-lg-b-55-f {
            padding-bottom: 55px!important
        }
        .pd-lg-l-55-f {
            padding-left: 55px!important
        }
        .pd-lg-60 {
            padding: 60px
        }
        .pd-lg-60-f {
            padding: 60px!important
        }
        .pd-lg-y-60 {
            padding-top: 60px;
            padding-bottom: 60px
        }
        .pd-lg-y-60-f {
            padding-top: 60px!important;
            padding-bottom: 60px!important
        }
        .pd-lg-x-60 {
            padding-left: 60px;
            padding-right: 60px
        }
        .pd-lg-x-60-f {
            padding-left: 60px!important;
            padding-right: 60px!important
        }
        .pd-lg-t-60 {
            padding-top: 60px
        }
        .pd-lg-r-60 {
            padding-right: 60px
        }
        .pd-lg-b-60 {
            padding-bottom: 60px
        }
        .pd-lg-l-60 {
            padding-left: 60px
        }
        .pd-lg-t-60-f {
            padding-top: 60px!important
        }
        .pd-lg-r-60-f {
            padding-right: 60px!important
        }
        .pd-lg-b-60-f {
            padding-bottom: 60px!important
        }
        .pd-lg-l-60-f {
            padding-left: 60px!important
        }
        .pd-lg-65 {
            padding: 65px
        }
        .pd-lg-65-f {
            padding: 65px!important
        }
        .pd-lg-y-65 {
            padding-top: 65px;
            padding-bottom: 65px
        }
        .pd-lg-y-65-f {
            padding-top: 65px!important;
            padding-bottom: 65px!important
        }
        .pd-lg-x-65 {
            padding-left: 65px;
            padding-right: 65px
        }
        .pd-lg-x-65-f {
            padding-left: 65px!important;
            padding-right: 65px!important
        }
        .pd-lg-t-65 {
            padding-top: 65px
        }
        .pd-lg-r-65 {
            padding-right: 65px
        }
        .pd-lg-b-65 {
            padding-bottom: 65px
        }
        .pd-lg-l-65 {
            padding-left: 65px
        }
        .pd-lg-t-65-f {
            padding-top: 65px!important
        }
        .pd-lg-r-65-f {
            padding-right: 65px!important
        }
        .pd-lg-b-65-f {
            padding-bottom: 65px!important
        }
        .pd-lg-l-65-f {
            padding-left: 65px!important
        }
        .pd-lg-70 {
            padding: 70px
        }
        .pd-lg-70-f {
            padding: 70px!important
        }
        .pd-lg-y-70 {
            padding-top: 70px;
            padding-bottom: 70px
        }
        .pd-lg-y-70-f {
            padding-top: 70px!important;
            padding-bottom: 70px!important
        }
        .pd-lg-x-70 {
            padding-left: 70px;
            padding-right: 70px
        }
        .pd-lg-x-70-f {
            padding-left: 70px!important;
            padding-right: 70px!important
        }
        .pd-lg-t-70 {
            padding-top: 70px
        }
        .pd-lg-r-70 {
            padding-right: 70px
        }
        .pd-lg-b-70 {
            padding-bottom: 70px
        }
        .pd-lg-l-70 {
            padding-left: 70px
        }
        .pd-lg-t-70-f {
            padding-top: 70px!important
        }
        .pd-lg-r-70-f {
            padding-right: 70px!important
        }
        .pd-lg-b-70-f {
            padding-bottom: 70px!important
        }
        .pd-lg-l-70-f {
            padding-left: 70px!important
        }
        .pd-lg-75 {
            padding: 75px
        }
        .pd-lg-75-f {
            padding: 75px!important
        }
        .pd-lg-y-75 {
            padding-top: 75px;
            padding-bottom: 75px
        }
        .pd-lg-y-75-f {
            padding-top: 75px!important;
            padding-bottom: 75px!important
        }
        .pd-lg-x-75 {
            padding-left: 75px;
            padding-right: 75px
        }
        .pd-lg-x-75-f {
            padding-left: 75px!important;
            padding-right: 75px!important
        }
        .pd-lg-t-75 {
            padding-top: 75px
        }
        .pd-lg-r-75 {
            padding-right: 75px
        }
        .pd-lg-b-75 {
            padding-bottom: 75px
        }
        .pd-lg-l-75 {
            padding-left: 75px
        }
        .pd-lg-t-75-f {
            padding-top: 75px!important
        }
        .pd-lg-r-75-f {
            padding-right: 75px!important
        }
        .pd-lg-b-75-f {
            padding-bottom: 75px!important
        }
        .pd-lg-l-75-f {
            padding-left: 75px!important
        }
        .pd-lg-80 {
            padding: 80px
        }
        .pd-lg-80-f {
            padding: 80px!important
        }
        .pd-lg-y-80 {
            padding-top: 80px;
            padding-bottom: 80px
        }
        .pd-lg-y-80-f {
            padding-top: 80px!important;
            padding-bottom: 80px!important
        }
        .pd-lg-x-80 {
            padding-left: 80px;
            padding-right: 80px
        }
        .pd-lg-x-80-f {
            padding-left: 80px!important;
            padding-right: 80px!important
        }
        .pd-lg-t-80 {
            padding-top: 80px
        }
        .pd-lg-r-80 {
            padding-right: 80px
        }
        .pd-lg-b-80 {
            padding-bottom: 80px
        }
        .pd-lg-l-80 {
            padding-left: 80px
        }
        .pd-lg-t-80-f {
            padding-top: 80px!important
        }
        .pd-lg-r-80-f {
            padding-right: 80px!important
        }
        .pd-lg-b-80-f {
            padding-bottom: 80px!important
        }
        .pd-lg-l-80-f {
            padding-left: 80px!important
        }
        .pd-lg-85 {
            padding: 85px
        }
        .pd-lg-85-f {
            padding: 85px!important
        }
        .pd-lg-y-85 {
            padding-top: 85px;
            padding-bottom: 85px
        }
        .pd-lg-y-85-f {
            padding-top: 85px!important;
            padding-bottom: 85px!important
        }
        .pd-lg-x-85 {
            padding-left: 85px;
            padding-right: 85px
        }
        .pd-lg-x-85-f {
            padding-left: 85px!important;
            padding-right: 85px!important
        }
        .pd-lg-t-85 {
            padding-top: 85px
        }
        .pd-lg-r-85 {
            padding-right: 85px
        }
        .pd-lg-b-85 {
            padding-bottom: 85px
        }
        .pd-lg-l-85 {
            padding-left: 85px
        }
        .pd-lg-t-85-f {
            padding-top: 85px!important
        }
        .pd-lg-r-85-f {
            padding-right: 85px!important
        }
        .pd-lg-b-85-f {
            padding-bottom: 85px!important
        }
        .pd-lg-l-85-f {
            padding-left: 85px!important
        }
        .pd-lg-90 {
            padding: 90px
        }
        .pd-lg-90-f {
            padding: 90px!important
        }
        .pd-lg-y-90 {
            padding-top: 90px;
            padding-bottom: 90px
        }
        .pd-lg-y-90-f {
            padding-top: 90px!important;
            padding-bottom: 90px!important
        }
        .pd-lg-x-90 {
            padding-left: 90px;
            padding-right: 90px
        }
        .pd-lg-x-90-f {
            padding-left: 90px!important;
            padding-right: 90px!important
        }
        .pd-lg-t-90 {
            padding-top: 90px
        }
        .pd-lg-r-90 {
            padding-right: 90px
        }
        .pd-lg-b-90 {
            padding-bottom: 90px
        }
        .pd-lg-l-90 {
            padding-left: 90px
        }
        .pd-lg-t-90-f {
            padding-top: 90px!important
        }
        .pd-lg-r-90-f {
            padding-right: 90px!important
        }
        .pd-lg-b-90-f {
            padding-bottom: 90px!important
        }
        .pd-lg-l-90-f {
            padding-left: 90px!important
        }
        .pd-lg-95 {
            padding: 95px
        }
        .pd-lg-95-f {
            padding: 95px!important
        }
        .pd-lg-y-95 {
            padding-top: 95px;
            padding-bottom: 95px
        }
        .pd-lg-y-95-f {
            padding-top: 95px!important;
            padding-bottom: 95px!important
        }
        .pd-lg-x-95 {
            padding-left: 95px;
            padding-right: 95px
        }
        .pd-lg-x-95-f {
            padding-left: 95px!important;
            padding-right: 95px!important
        }
        .pd-lg-t-95 {
            padding-top: 95px
        }
        .pd-lg-r-95 {
            padding-right: 95px
        }
        .pd-lg-b-95 {
            padding-bottom: 95px
        }
        .pd-lg-l-95 {
            padding-left: 95px
        }
        .pd-lg-t-95-f {
            padding-top: 95px!important
        }
        .pd-lg-r-95-f {
            padding-right: 95px!important
        }
        .pd-lg-b-95-f {
            padding-bottom: 95px!important
        }
        .pd-lg-l-95-f {
            padding-left: 95px!important
        }
        .pd-lg-100 {
            padding: 100px
        }
        .pd-lg-100-f {
            padding: 100px!important
        }
        .pd-lg-y-100 {
            padding-top: 100px;
            padding-bottom: 100px
        }
        .pd-lg-y-100-f {
            padding-top: 100px!important;
            padding-bottom: 100px!important
        }
        .pd-lg-x-100 {
            padding-left: 100px;
            padding-right: 100px
        }
        .pd-lg-x-100-f {
            padding-left: 100px!important;
            padding-right: 100px!important
        }
        .pd-lg-t-100 {
            padding-top: 100px
        }
        .pd-lg-r-100 {
            padding-right: 100px
        }
        .pd-lg-b-100 {
            padding-bottom: 100px
        }
        .pd-lg-l-100 {
            padding-left: 100px
        }
        .pd-lg-t-100-f {
            padding-top: 100px!important
        }
        .pd-lg-r-100-f {
            padding-right: 100px!important
        }
        .pd-lg-b-100-f {
            padding-bottom: 100px!important
        }
        .pd-lg-l-100-f {
            padding-left: 100px!important
        }
        .pd-lg-110 {
            padding: 110px
        }
        .pd-lg-110-f {
            padding: 110px!important
        }
        .pd-lg-y-110 {
            padding-top: 110px;
            padding-bottom: 110px
        }
        .pd-lg-y-110-f {
            padding-top: 110px!important;
            padding-bottom: 110px!important
        }
        .pd-lg-x-110 {
            padding-left: 110px;
            padding-right: 110px
        }
        .pd-lg-x-110-f {
            padding-left: 110px!important;
            padding-right: 110px!important
        }
        .pd-lg-t-110 {
            padding-top: 110px
        }
        .pd-lg-r-110 {
            padding-right: 110px
        }
        .pd-lg-b-110 {
            padding-bottom: 110px
        }
        .pd-lg-l-110 {
            padding-left: 110px
        }
        .pd-lg-t-110-f {
            padding-top: 110px!important
        }
        .pd-lg-r-110-f {
            padding-right: 110px!important
        }
        .pd-lg-b-110-f {
            padding-bottom: 110px!important
        }
        .pd-lg-l-110-f {
            padding-left: 110px!important
        }
        .pd-lg-120 {
            padding: 120px
        }
        .pd-lg-120-f {
            padding: 120px!important
        }
        .pd-lg-y-120 {
            padding-top: 120px;
            padding-bottom: 120px
        }
        .pd-lg-y-120-f {
            padding-top: 120px!important;
            padding-bottom: 120px!important
        }
        .pd-lg-x-120 {
            padding-left: 120px;
            padding-right: 120px
        }
        .pd-lg-x-120-f {
            padding-left: 120px!important;
            padding-right: 120px!important
        }
        .pd-lg-t-120 {
            padding-top: 120px
        }
        .pd-lg-r-120 {
            padding-right: 120px
        }
        .pd-lg-b-120 {
            padding-bottom: 120px
        }
        .pd-lg-l-120 {
            padding-left: 120px
        }
        .pd-lg-t-120-f {
            padding-top: 120px!important
        }
        .pd-lg-r-120-f {
            padding-right: 120px!important
        }
        .pd-lg-b-120-f {
            padding-bottom: 120px!important
        }
        .pd-lg-l-120-f {
            padding-left: 120px!important
        }
        .pd-lg-130 {
            padding: 130px
        }
        .pd-lg-130-f {
            padding: 130px!important
        }
        .pd-lg-y-130 {
            padding-top: 130px;
            padding-bottom: 130px
        }
        .pd-lg-y-130-f {
            padding-top: 130px!important;
            padding-bottom: 130px!important
        }
        .pd-lg-x-130 {
            padding-left: 130px;
            padding-right: 130px
        }
        .pd-lg-x-130-f {
            padding-left: 130px!important;
            padding-right: 130px!important
        }
        .pd-lg-t-130 {
            padding-top: 130px
        }
        .pd-lg-r-130 {
            padding-right: 130px
        }
        .pd-lg-b-130 {
            padding-bottom: 130px
        }
        .pd-lg-l-130 {
            padding-left: 130px
        }
        .pd-lg-t-130-f {
            padding-top: 130px!important
        }
        .pd-lg-r-130-f {
            padding-right: 130px!important
        }
        .pd-lg-b-130-f {
            padding-bottom: 130px!important
        }
        .pd-lg-l-130-f {
            padding-left: 130px!important
        }
        .pd-lg-140 {
            padding: 140px
        }
        .pd-lg-140-f {
            padding: 140px!important
        }
        .pd-lg-y-140 {
            padding-top: 140px;
            padding-bottom: 140px
        }
        .pd-lg-y-140-f {
            padding-top: 140px!important;
            padding-bottom: 140px!important
        }
        .pd-lg-x-140 {
            padding-left: 140px;
            padding-right: 140px
        }
        .pd-lg-x-140-f {
            padding-left: 140px!important;
            padding-right: 140px!important
        }
        .pd-lg-t-140 {
            padding-top: 140px
        }
        .pd-lg-r-140 {
            padding-right: 140px
        }
        .pd-lg-b-140 {
            padding-bottom: 140px
        }
        .pd-lg-l-140 {
            padding-left: 140px
        }
        .pd-lg-t-140-f {
            padding-top: 140px!important
        }
        .pd-lg-r-140-f {
            padding-right: 140px!important
        }
        .pd-lg-b-140-f {
            padding-bottom: 140px!important
        }
        .pd-lg-l-140-f {
            padding-left: 140px!important
        }
        .pd-lg-150 {
            padding: 150px
        }
        .pd-lg-150-f {
            padding: 150px!important
        }
        .pd-lg-y-150 {
            padding-top: 150px;
            padding-bottom: 150px
        }
        .pd-lg-y-150-f {
            padding-top: 150px!important;
            padding-bottom: 150px!important
        }
        .pd-lg-x-150 {
            padding-left: 150px;
            padding-right: 150px
        }
        .pd-lg-x-150-f {
            padding-left: 150px!important;
            padding-right: 150px!important
        }
        .pd-lg-t-150 {
            padding-top: 150px
        }
        .pd-lg-r-150 {
            padding-right: 150px
        }
        .pd-lg-b-150 {
            padding-bottom: 150px
        }
        .pd-lg-l-150 {
            padding-left: 150px
        }
        .pd-lg-t-150-f {
            padding-top: 150px!important
        }
        .pd-lg-r-150-f {
            padding-right: 150px!important
        }
        .pd-lg-b-150-f {
            padding-bottom: 150px!important
        }
        .pd-lg-l-150-f {
            padding-left: 150px!important
        }
        .pd-lg-160 {
            padding: 160px
        }
        .pd-lg-160-f {
            padding: 160px!important
        }
        .pd-lg-y-160 {
            padding-top: 160px;
            padding-bottom: 160px
        }
        .pd-lg-y-160-f {
            padding-top: 160px!important;
            padding-bottom: 160px!important
        }
        .pd-lg-x-160 {
            padding-left: 160px;
            padding-right: 160px
        }
        .pd-lg-x-160-f {
            padding-left: 160px!important;
            padding-right: 160px!important
        }
        .pd-lg-t-160 {
            padding-top: 160px
        }
        .pd-lg-r-160 {
            padding-right: 160px
        }
        .pd-lg-b-160 {
            padding-bottom: 160px
        }
        .pd-lg-l-160 {
            padding-left: 160px
        }
        .pd-lg-t-160-f {
            padding-top: 160px!important
        }
        .pd-lg-r-160-f {
            padding-right: 160px!important
        }
        .pd-lg-b-160-f {
            padding-bottom: 160px!important
        }
        .pd-lg-l-160-f {
            padding-left: 160px!important
        }
        .pd-lg-170 {
            padding: 170px
        }
        .pd-lg-170-f {
            padding: 170px!important
        }
        .pd-lg-y-170 {
            padding-top: 170px;
            padding-bottom: 170px
        }
        .pd-lg-y-170-f {
            padding-top: 170px!important;
            padding-bottom: 170px!important
        }
        .pd-lg-x-170 {
            padding-left: 170px;
            padding-right: 170px
        }
        .pd-lg-x-170-f {
            padding-left: 170px!important;
            padding-right: 170px!important
        }
        .pd-lg-t-170 {
            padding-top: 170px
        }
        .pd-lg-r-170 {
            padding-right: 170px
        }
        .pd-lg-b-170 {
            padding-bottom: 170px
        }
        .pd-lg-l-170 {
            padding-left: 170px
        }
        .pd-lg-t-170-f {
            padding-top: 170px!important
        }
        .pd-lg-r-170-f {
            padding-right: 170px!important
        }
        .pd-lg-b-170-f {
            padding-bottom: 170px!important
        }
        .pd-lg-l-170-f {
            padding-left: 170px!important
        }
        .pd-lg-180 {
            padding: 180px
        }
        .pd-lg-180-f {
            padding: 180px!important
        }
        .pd-lg-y-180 {
            padding-top: 180px;
            padding-bottom: 180px
        }
        .pd-lg-y-180-f {
            padding-top: 180px!important;
            padding-bottom: 180px!important
        }
        .pd-lg-x-180 {
            padding-left: 180px;
            padding-right: 180px
        }
        .pd-lg-x-180-f {
            padding-left: 180px!important;
            padding-right: 180px!important
        }
        .pd-lg-t-180 {
            padding-top: 180px
        }
        .pd-lg-r-180 {
            padding-right: 180px
        }
        .pd-lg-b-180 {
            padding-bottom: 180px
        }
        .pd-lg-l-180 {
            padding-left: 180px
        }
        .pd-lg-t-180-f {
            padding-top: 180px!important
        }
        .pd-lg-r-180-f {
            padding-right: 180px!important
        }
        .pd-lg-b-180-f {
            padding-bottom: 180px!important
        }
        .pd-lg-l-180-f {
            padding-left: 180px!important
        }
        .pd-lg-190 {
            padding: 190px
        }
        .pd-lg-190-f {
            padding: 190px!important
        }
        .pd-lg-y-190 {
            padding-top: 190px;
            padding-bottom: 190px
        }
        .pd-lg-y-190-f {
            padding-top: 190px!important;
            padding-bottom: 190px!important
        }
        .pd-lg-x-190 {
            padding-left: 190px;
            padding-right: 190px
        }
        .pd-lg-x-190-f {
            padding-left: 190px!important;
            padding-right: 190px!important
        }
        .pd-lg-t-190 {
            padding-top: 190px
        }
        .pd-lg-r-190 {
            padding-right: 190px
        }
        .pd-lg-b-190 {
            padding-bottom: 190px
        }
        .pd-lg-l-190 {
            padding-left: 190px
        }
        .pd-lg-t-190-f {
            padding-top: 190px!important
        }
        .pd-lg-r-190-f {
            padding-right: 190px!important
        }
        .pd-lg-b-190-f {
            padding-bottom: 190px!important
        }
        .pd-lg-l-190-f {
            padding-left: 190px!important
        }
        .pd-lg-200 {
            padding: 200px
        }
        .pd-lg-200-f {
            padding: 200px!important
        }
        .pd-lg-y-200 {
            padding-top: 200px;
            padding-bottom: 200px
        }
        .pd-lg-y-200-f {
            padding-top: 200px!important;
            padding-bottom: 200px!important
        }
        .pd-lg-x-200 {
            padding-left: 200px;
            padding-right: 200px
        }
        .pd-lg-x-200-f {
            padding-left: 200px!important;
            padding-right: 200px!important
        }
        .pd-lg-t-200 {
            padding-top: 200px
        }
        .pd-lg-r-200 {
            padding-right: 200px
        }
        .pd-lg-b-200 {
            padding-bottom: 200px
        }
        .pd-lg-l-200 {
            padding-left: 200px
        }
        .pd-lg-t-200-f {
            padding-top: 200px!important
        }
        .pd-lg-r-200-f {
            padding-right: 200px!important
        }
        .pd-lg-b-200-f {
            padding-bottom: 200px!important
        }
        .pd-lg-l-200-f {
            padding-left: 200px!important
        }
    }

    @media (min-width:1200px) {
        .pd-xl-0 {
            padding: 0
        }
        .pd-xl-0-f {
            padding: 0!important
        }
        .pd-xl-y-0 {
            padding-top: 0;
            padding-bottom: 0
        }
        .pd-xl-y-0-f {
            padding-top: 0!important;
            padding-bottom: 0!important
        }
        .pd-xl-x-0 {
            padding-left: 0;
            padding-right: 0
        }
        .pd-xl-x-0-f {
            padding-left: 0!important;
            padding-right: 0!important
        }
        .pd-xl-t-0 {
            padding-top: 0
        }
        .pd-xl-r-0 {
            padding-right: 0
        }
        .pd-xl-b-0 {
            padding-bottom: 0
        }
        .pd-xl-l-0 {
            padding-left: 0
        }
        .pd-xl-t-0-f {
            padding-top: 0!important
        }
        .pd-xl-r-0-f {
            padding-right: 0!important
        }
        .pd-xl-b-0-f {
            padding-bottom: 0!important
        }
        .pd-xl-l-0-f {
            padding-left: 0!important
        }
        .pd-xl-1 {
            padding: 1px
        }
        .pd-xl-1-f {
            padding: 1px!important
        }
        .pd-xl-y-1 {
            padding-top: 1px;
            padding-bottom: 1px
        }
        .pd-xl-y-1-f {
            padding-top: 1px!important;
            padding-bottom: 1px!important
        }
        .pd-xl-x-1 {
            padding-left: 1px;
            padding-right: 1px
        }
        .pd-xl-x-1-f {
            padding-left: 1px!important;
            padding-right: 1px!important
        }
        .pd-xl-t-1 {
            padding-top: 1px
        }
        .pd-xl-r-1 {
            padding-right: 1px
        }
        .pd-xl-b-1 {
            padding-bottom: 1px
        }
        .pd-xl-l-1 {
            padding-left: 1px
        }
        .pd-xl-t-1-f {
            padding-top: 1px!important
        }
        .pd-xl-r-1-f {
            padding-right: 1px!important
        }
        .pd-xl-b-1-f {
            padding-bottom: 1px!important
        }
        .pd-xl-l-1-f {
            padding-left: 1px!important
        }
        .pd-xl-2 {
            padding: 2px
        }
        .pd-xl-2-f {
            padding: 2px!important
        }
        .pd-xl-y-2 {
            padding-top: 2px;
            padding-bottom: 2px
        }
        .pd-xl-y-2-f {
            padding-top: 2px!important;
            padding-bottom: 2px!important
        }
        .pd-xl-x-2 {
            padding-left: 2px;
            padding-right: 2px
        }
        .pd-xl-x-2-f {
            padding-left: 2px!important;
            padding-right: 2px!important
        }
        .pd-xl-t-2 {
            padding-top: 2px
        }
        .pd-xl-r-2 {
            padding-right: 2px
        }
        .pd-xl-b-2 {
            padding-bottom: 2px
        }
        .pd-xl-l-2 {
            padding-left: 2px
        }
        .pd-xl-t-2-f {
            padding-top: 2px!important
        }
        .pd-xl-r-2-f {
            padding-right: 2px!important
        }
        .pd-xl-b-2-f {
            padding-bottom: 2px!important
        }
        .pd-xl-l-2-f {
            padding-left: 2px!important
        }
        .pd-xl-3 {
            padding: 3px
        }
        .pd-xl-3-f {
            padding: 3px!important
        }
        .pd-xl-y-3 {
            padding-top: 3px;
            padding-bottom: 3px
        }
        .pd-xl-y-3-f {
            padding-top: 3px!important;
            padding-bottom: 3px!important
        }
        .pd-xl-x-3 {
            padding-left: 3px;
            padding-right: 3px
        }
        .pd-xl-x-3-f {
            padding-left: 3px!important;
            padding-right: 3px!important
        }
        .pd-xl-t-3 {
            padding-top: 3px
        }
        .pd-xl-r-3 {
            padding-right: 3px
        }
        .pd-xl-b-3 {
            padding-bottom: 3px
        }
        .pd-xl-l-3 {
            padding-left: 3px
        }
        .pd-xl-t-3-f {
            padding-top: 3px!important
        }
        .pd-xl-r-3-f {
            padding-right: 3px!important
        }
        .pd-xl-b-3-f {
            padding-bottom: 3px!important
        }
        .pd-xl-l-3-f {
            padding-left: 3px!important
        }
        .pd-xl-4 {
            padding: 4px
        }
        .pd-xl-4-f {
            padding: 4px!important
        }
        .pd-xl-y-4 {
            padding-top: 4px;
            padding-bottom: 4px
        }
        .pd-xl-y-4-f {
            padding-top: 4px!important;
            padding-bottom: 4px!important
        }
        .pd-xl-x-4 {
            padding-left: 4px;
            padding-right: 4px
        }
        .pd-xl-x-4-f {
            padding-left: 4px!important;
            padding-right: 4px!important
        }
        .pd-xl-t-4 {
            padding-top: 4px
        }
        .pd-xl-r-4 {
            padding-right: 4px
        }
        .pd-xl-b-4 {
            padding-bottom: 4px
        }
        .pd-xl-l-4 {
            padding-left: 4px
        }
        .pd-xl-t-4-f {
            padding-top: 4px!important
        }
        .pd-xl-r-4-f {
            padding-right: 4px!important
        }
        .pd-xl-b-4-f {
            padding-bottom: 4px!important
        }
        .pd-xl-l-4-f {
            padding-left: 4px!important
        }
        .pd-xl-5 {
            padding: 5px
        }
        .pd-xl-5-f {
            padding: 5px!important
        }
        .pd-xl-y-5 {
            padding-top: 5px;
            padding-bottom: 5px
        }
        .pd-xl-y-5-f {
            padding-top: 5px!important;
            padding-bottom: 5px!important
        }
        .pd-xl-x-5 {
            padding-left: 5px;
            padding-right: 5px
        }
        .pd-xl-x-5-f {
            padding-left: 5px!important;
            padding-right: 5px!important
        }
        .pd-xl-t-5 {
            padding-top: 5px
        }
        .pd-xl-r-5 {
            padding-right: 5px
        }
        .pd-xl-b-5 {
            padding-bottom: 5px
        }
        .pd-xl-l-5 {
            padding-left: 5px
        }
        .pd-xl-t-5-f {
            padding-top: 5px!important
        }
        .pd-xl-r-5-f {
            padding-right: 5px!important
        }
        .pd-xl-b-5-f {
            padding-bottom: 5px!important
        }
        .pd-xl-l-5-f {
            padding-left: 5px!important
        }
        .pd-xl-6 {
            padding: 6px
        }
        .pd-xl-6-f {
            padding: 6px!important
        }
        .pd-xl-y-6 {
            padding-top: 6px;
            padding-bottom: 6px
        }
        .pd-xl-y-6-f {
            padding-top: 6px!important;
            padding-bottom: 6px!important
        }
        .pd-xl-x-6 {
            padding-left: 6px;
            padding-right: 6px
        }
        .pd-xl-x-6-f {
            padding-left: 6px!important;
            padding-right: 6px!important
        }
        .pd-xl-t-6 {
            padding-top: 6px
        }
        .pd-xl-r-6 {
            padding-right: 6px
        }
        .pd-xl-b-6 {
            padding-bottom: 6px
        }
        .pd-xl-l-6 {
            padding-left: 6px
        }
        .pd-xl-t-6-f {
            padding-top: 6px!important
        }
        .pd-xl-r-6-f {
            padding-right: 6px!important
        }
        .pd-xl-b-6-f {
            padding-bottom: 6px!important
        }
        .pd-xl-l-6-f {
            padding-left: 6px!important
        }
        .pd-xl-7 {
            padding: 7px
        }
        .pd-xl-7-f {
            padding: 7px!important
        }
        .pd-xl-y-7 {
            padding-top: 7px;
            padding-bottom: 7px
        }
        .pd-xl-y-7-f {
            padding-top: 7px!important;
            padding-bottom: 7px!important
        }
        .pd-xl-x-7 {
            padding-left: 7px;
            padding-right: 7px
        }
        .pd-xl-x-7-f {
            padding-left: 7px!important;
            padding-right: 7px!important
        }
        .pd-xl-t-7 {
            padding-top: 7px
        }
        .pd-xl-r-7 {
            padding-right: 7px
        }
        .pd-xl-b-7 {
            padding-bottom: 7px
        }
        .pd-xl-l-7 {
            padding-left: 7px
        }
        .pd-xl-t-7-f {
            padding-top: 7px!important
        }
        .pd-xl-r-7-f {
            padding-right: 7px!important
        }
        .pd-xl-b-7-f {
            padding-bottom: 7px!important
        }
        .pd-xl-l-7-f {
            padding-left: 7px!important
        }
        .pd-xl-8 {
            padding: 8px
        }
        .pd-xl-8-f {
            padding: 8px!important
        }
        .pd-xl-y-8 {
            padding-top: 8px;
            padding-bottom: 8px
        }
        .pd-xl-y-8-f {
            padding-top: 8px!important;
            padding-bottom: 8px!important
        }
        .pd-xl-x-8 {
            padding-left: 8px;
            padding-right: 8px
        }
        .pd-xl-x-8-f {
            padding-left: 8px!important;
            padding-right: 8px!important
        }
        .pd-xl-t-8 {
            padding-top: 8px
        }
        .pd-xl-r-8 {
            padding-right: 8px
        }
        .pd-xl-b-8 {
            padding-bottom: 8px
        }
        .pd-xl-l-8 {
            padding-left: 8px
        }
        .pd-xl-t-8-f {
            padding-top: 8px!important
        }
        .pd-xl-r-8-f {
            padding-right: 8px!important
        }
        .pd-xl-b-8-f {
            padding-bottom: 8px!important
        }
        .pd-xl-l-8-f {
            padding-left: 8px!important
        }
        .pd-xl-9 {
            padding: 9px
        }
        .pd-xl-9-f {
            padding: 9px!important
        }
        .pd-xl-y-9 {
            padding-top: 9px;
            padding-bottom: 9px
        }
        .pd-xl-y-9-f {
            padding-top: 9px!important;
            padding-bottom: 9px!important
        }
        .pd-xl-x-9 {
            padding-left: 9px;
            padding-right: 9px
        }
        .pd-xl-x-9-f {
            padding-left: 9px!important;
            padding-right: 9px!important
        }
        .pd-xl-t-9 {
            padding-top: 9px
        }
        .pd-xl-r-9 {
            padding-right: 9px
        }
        .pd-xl-b-9 {
            padding-bottom: 9px
        }
        .pd-xl-l-9 {
            padding-left: 9px
        }
        .pd-xl-t-9-f {
            padding-top: 9px!important
        }
        .pd-xl-r-9-f {
            padding-right: 9px!important
        }
        .pd-xl-b-9-f {
            padding-bottom: 9px!important
        }
        .pd-xl-l-9-f {
            padding-left: 9px!important
        }
        .pd-xl-10 {
            padding: 10px
        }
        .pd-xl-10-f {
            padding: 10px!important
        }
        .pd-xl-y-10 {
            padding-top: 10px;
            padding-bottom: 10px
        }
        .pd-xl-y-10-f {
            padding-top: 10px!important;
            padding-bottom: 10px!important
        }
        .pd-xl-x-10 {
            padding-left: 10px;
            padding-right: 10px
        }
        .pd-xl-x-10-f {
            padding-left: 10px!important;
            padding-right: 10px!important
        }
        .pd-xl-t-10 {
            padding-top: 10px
        }
        .pd-xl-r-10 {
            padding-right: 10px
        }
        .pd-xl-b-10 {
            padding-bottom: 10px
        }
        .pd-xl-l-10 {
            padding-left: 10px
        }
        .pd-xl-t-10-f {
            padding-top: 10px!important
        }
        .pd-xl-r-10-f {
            padding-right: 10px!important
        }
        .pd-xl-b-10-f {
            padding-bottom: 10px!important
        }
        .pd-xl-l-10-f {
            padding-left: 10px!important
        }
        .pd-xl-15 {
            padding: 15px
        }
        .pd-xl-15-f {
            padding: 15px!important
        }
        .pd-xl-y-15 {
            padding-top: 15px;
            padding-bottom: 15px
        }
        .pd-xl-y-15-f {
            padding-top: 15px!important;
            padding-bottom: 15px!important
        }
        .pd-xl-x-15 {
            padding-left: 15px;
            padding-right: 15px
        }
        .pd-xl-x-15-f {
            padding-left: 15px!important;
            padding-right: 15px!important
        }
        .pd-xl-t-15 {
            padding-top: 15px
        }
        .pd-xl-r-15 {
            padding-right: 15px
        }
        .pd-xl-b-15 {
            padding-bottom: 15px
        }
        .pd-xl-l-15 {
            padding-left: 15px
        }
        .pd-xl-t-15-f {
            padding-top: 15px!important
        }
        .pd-xl-r-15-f {
            padding-right: 15px!important
        }
        .pd-xl-b-15-f {
            padding-bottom: 15px!important
        }
        .pd-xl-l-15-f {
            padding-left: 15px!important
        }
        .pd-xl-20 {
            padding: 20px
        }
        .pd-xl-20-f {
            padding: 20px!important
        }
        .pd-xl-y-20 {
            padding-top: 20px;
            padding-bottom: 20px
        }
        .pd-xl-y-20-f {
            padding-top: 20px!important;
            padding-bottom: 20px!important
        }
        .pd-xl-x-20 {
            padding-left: 20px;
            padding-right: 20px
        }
        .pd-xl-x-20-f {
            padding-left: 20px!important;
            padding-right: 20px!important
        }
        .pd-xl-t-20 {
            padding-top: 20px
        }
        .pd-xl-r-20 {
            padding-right: 20px
        }
        .pd-xl-b-20 {
            padding-bottom: 20px
        }
        .pd-xl-l-20 {
            padding-left: 20px
        }
        .pd-xl-t-20-f {
            padding-top: 20px!important
        }
        .pd-xl-r-20-f {
            padding-right: 20px!important
        }
        .pd-xl-b-20-f {
            padding-bottom: 20px!important
        }
        .pd-xl-l-20-f {
            padding-left: 20px!important
        }
        .pd-xl-25 {
            padding: 25px
        }
        .pd-xl-25-f {
            padding: 25px!important
        }
        .pd-xl-y-25 {
            padding-top: 25px;
            padding-bottom: 25px
        }
        .pd-xl-y-25-f {
            padding-top: 25px!important;
            padding-bottom: 25px!important
        }
        .pd-xl-x-25 {
            padding-left: 25px;
            padding-right: 25px
        }
        .pd-xl-x-25-f {
            padding-left: 25px!important;
            padding-right: 25px!important
        }
        .pd-xl-t-25 {
            padding-top: 25px
        }
        .pd-xl-r-25 {
            padding-right: 25px
        }
        .pd-xl-b-25 {
            padding-bottom: 25px
        }
        .pd-xl-l-25 {
            padding-left: 25px
        }
        .pd-xl-t-25-f {
            padding-top: 25px!important
        }
        .pd-xl-r-25-f {
            padding-right: 25px!important
        }
        .pd-xl-b-25-f {
            padding-bottom: 25px!important
        }
        .pd-xl-l-25-f {
            padding-left: 25px!important
        }
        .pd-xl-30 {
            padding: 30px
        }
        .pd-xl-30-f {
            padding: 30px!important
        }
        .pd-xl-y-30 {
            padding-top: 30px;
            padding-bottom: 30px
        }
        .pd-xl-y-30-f {
            padding-top: 30px!important;
            padding-bottom: 30px!important
        }
        .pd-xl-x-30 {
            padding-left: 30px;
            padding-right: 30px
        }
        .pd-xl-x-30-f {
            padding-left: 30px!important;
            padding-right: 30px!important
        }
        .pd-xl-t-30 {
            padding-top: 30px
        }
        .pd-xl-r-30 {
            padding-right: 30px
        }
        .pd-xl-b-30 {
            padding-bottom: 30px
        }
        .pd-xl-l-30 {
            padding-left: 30px
        }
        .pd-xl-t-30-f {
            padding-top: 30px!important
        }
        .pd-xl-r-30-f {
            padding-right: 30px!important
        }
        .pd-xl-b-30-f {
            padding-bottom: 30px!important
        }
        .pd-xl-l-30-f {
            padding-left: 30px!important
        }
        .pd-xl-35 {
            padding: 35px
        }
        .pd-xl-35-f {
            padding: 35px!important
        }
        .pd-xl-y-35 {
            padding-top: 35px;
            padding-bottom: 35px
        }
        .pd-xl-y-35-f {
            padding-top: 35px!important;
            padding-bottom: 35px!important
        }
        .pd-xl-x-35 {
            padding-left: 35px;
            padding-right: 35px
        }
        .pd-xl-x-35-f {
            padding-left: 35px!important;
            padding-right: 35px!important
        }
        .pd-xl-t-35 {
            padding-top: 35px
        }
        .pd-xl-r-35 {
            padding-right: 35px
        }
        .pd-xl-b-35 {
            padding-bottom: 35px
        }
        .pd-xl-l-35 {
            padding-left: 35px
        }
        .pd-xl-t-35-f {
            padding-top: 35px!important
        }
        .pd-xl-r-35-f {
            padding-right: 35px!important
        }
        .pd-xl-b-35-f {
            padding-bottom: 35px!important
        }
        .pd-xl-l-35-f {
            padding-left: 35px!important
        }
        .pd-xl-40 {
            padding: 40px
        }
        .pd-xl-40-f {
            padding: 40px!important
        }
        .pd-xl-y-40 {
            padding-top: 40px;
            padding-bottom: 40px
        }
        .pd-xl-y-40-f {
            padding-top: 40px!important;
            padding-bottom: 40px!important
        }
        .pd-xl-x-40 {
            padding-left: 40px;
            padding-right: 40px
        }
        .pd-xl-x-40-f {
            padding-left: 40px!important;
            padding-right: 40px!important
        }
        .pd-xl-t-40 {
            padding-top: 40px
        }
        .pd-xl-r-40 {
            padding-right: 40px
        }
        .pd-xl-b-40 {
            padding-bottom: 40px
        }
        .pd-xl-l-40 {
            padding-left: 40px
        }
        .pd-xl-t-40-f {
            padding-top: 40px!important
        }
        .pd-xl-r-40-f {
            padding-right: 40px!important
        }
        .pd-xl-b-40-f {
            padding-bottom: 40px!important
        }
        .pd-xl-l-40-f {
            padding-left: 40px!important
        }
        .pd-xl-45 {
            padding: 45px
        }
        .pd-xl-45-f {
            padding: 45px!important
        }
        .pd-xl-y-45 {
            padding-top: 45px;
            padding-bottom: 45px
        }
        .pd-xl-y-45-f {
            padding-top: 45px!important;
            padding-bottom: 45px!important
        }
        .pd-xl-x-45 {
            padding-left: 45px;
            padding-right: 45px
        }
        .pd-xl-x-45-f {
            padding-left: 45px!important;
            padding-right: 45px!important
        }
        .pd-xl-t-45 {
            padding-top: 45px
        }
        .pd-xl-r-45 {
            padding-right: 45px
        }
        .pd-xl-b-45 {
            padding-bottom: 45px
        }
        .pd-xl-l-45 {
            padding-left: 45px
        }
        .pd-xl-t-45-f {
            padding-top: 45px!important
        }
        .pd-xl-r-45-f {
            padding-right: 45px!important
        }
        .pd-xl-b-45-f {
            padding-bottom: 45px!important
        }
        .pd-xl-l-45-f {
            padding-left: 45px!important
        }
        .pd-xl-50 {
            padding: 50px
        }
        .pd-xl-50-f {
            padding: 50px!important
        }
        .pd-xl-y-50 {
            padding-top: 50px;
            padding-bottom: 50px
        }
        .pd-xl-y-50-f {
            padding-top: 50px!important;
            padding-bottom: 50px!important
        }
        .pd-xl-x-50 {
            padding-left: 50px;
            padding-right: 50px
        }
        .pd-xl-x-50-f {
            padding-left: 50px!important;
            padding-right: 50px!important
        }
        .pd-xl-t-50 {
            padding-top: 50px
        }
        .pd-xl-r-50 {
            padding-right: 50px
        }
        .pd-xl-b-50 {
            padding-bottom: 50px
        }
        .pd-xl-l-50 {
            padding-left: 50px
        }
        .pd-xl-t-50-f {
            padding-top: 50px!important
        }
        .pd-xl-r-50-f {
            padding-right: 50px!important
        }
        .pd-xl-b-50-f {
            padding-bottom: 50px!important
        }
        .pd-xl-l-50-f {
            padding-left: 50px!important
        }
        .pd-xl-55 {
            padding: 55px
        }
        .pd-xl-55-f {
            padding: 55px!important
        }
        .pd-xl-y-55 {
            padding-top: 55px;
            padding-bottom: 55px
        }
        .pd-xl-y-55-f {
            padding-top: 55px!important;
            padding-bottom: 55px!important
        }
        .pd-xl-x-55 {
            padding-left: 55px;
            padding-right: 55px
        }
        .pd-xl-x-55-f {
            padding-left: 55px!important;
            padding-right: 55px!important
        }
        .pd-xl-t-55 {
            padding-top: 55px
        }
        .pd-xl-r-55 {
            padding-right: 55px
        }
        .pd-xl-b-55 {
            padding-bottom: 55px
        }
        .pd-xl-l-55 {
            padding-left: 55px
        }
        .pd-xl-t-55-f {
            padding-top: 55px!important
        }
        .pd-xl-r-55-f {
            padding-right: 55px!important
        }
        .pd-xl-b-55-f {
            padding-bottom: 55px!important
        }
        .pd-xl-l-55-f {
            padding-left: 55px!important
        }
        .pd-xl-60 {
            padding: 60px
        }
        .pd-xl-60-f {
            padding: 60px!important
        }
        .pd-xl-y-60 {
            padding-top: 60px;
            padding-bottom: 60px
        }
        .pd-xl-y-60-f {
            padding-top: 60px!important;
            padding-bottom: 60px!important
        }
        .pd-xl-x-60 {
            padding-left: 60px;
            padding-right: 60px
        }
        .pd-xl-x-60-f {
            padding-left: 60px!important;
            padding-right: 60px!important
        }
        .pd-xl-t-60 {
            padding-top: 60px
        }
        .pd-xl-r-60 {
            padding-right: 60px
        }
        .pd-xl-b-60 {
            padding-bottom: 60px
        }
        .pd-xl-l-60 {
            padding-left: 60px
        }
        .pd-xl-t-60-f {
            padding-top: 60px!important
        }
        .pd-xl-r-60-f {
            padding-right: 60px!important
        }
        .pd-xl-b-60-f {
            padding-bottom: 60px!important
        }
        .pd-xl-l-60-f {
            padding-left: 60px!important
        }
        .pd-xl-65 {
            padding: 65px
        }
        .pd-xl-65-f {
            padding: 65px!important
        }
        .pd-xl-y-65 {
            padding-top: 65px;
            padding-bottom: 65px
        }
        .pd-xl-y-65-f {
            padding-top: 65px!important;
            padding-bottom: 65px!important
        }
        .pd-xl-x-65 {
            padding-left: 65px;
            padding-right: 65px
        }
        .pd-xl-x-65-f {
            padding-left: 65px!important;
            padding-right: 65px!important
        }
        .pd-xl-t-65 {
            padding-top: 65px
        }
        .pd-xl-r-65 {
            padding-right: 65px
        }
        .pd-xl-b-65 {
            padding-bottom: 65px
        }
        .pd-xl-l-65 {
            padding-left: 65px
        }
        .pd-xl-t-65-f {
            padding-top: 65px!important
        }
        .pd-xl-r-65-f {
            padding-right: 65px!important
        }
        .pd-xl-b-65-f {
            padding-bottom: 65px!important
        }
        .pd-xl-l-65-f {
            padding-left: 65px!important
        }
        .pd-xl-70 {
            padding: 70px
        }
        .pd-xl-70-f {
            padding: 70px!important
        }
        .pd-xl-y-70 {
            padding-top: 70px;
            padding-bottom: 70px
        }
        .pd-xl-y-70-f {
            padding-top: 70px!important;
            padding-bottom: 70px!important
        }
        .pd-xl-x-70 {
            padding-left: 70px;
            padding-right: 70px
        }
        .pd-xl-x-70-f {
            padding-left: 70px!important;
            padding-right: 70px!important
        }
        .pd-xl-t-70 {
            padding-top: 70px
        }
        .pd-xl-r-70 {
            padding-right: 70px
        }
        .pd-xl-b-70 {
            padding-bottom: 70px
        }
        .pd-xl-l-70 {
            padding-left: 70px
        }
        .pd-xl-t-70-f {
            padding-top: 70px!important
        }
        .pd-xl-r-70-f {
            padding-right: 70px!important
        }
        .pd-xl-b-70-f {
            padding-bottom: 70px!important
        }
        .pd-xl-l-70-f {
            padding-left: 70px!important
        }
        .pd-xl-75 {
            padding: 75px
        }
        .pd-xl-75-f {
            padding: 75px!important
        }
        .pd-xl-y-75 {
            padding-top: 75px;
            padding-bottom: 75px
        }
        .pd-xl-y-75-f {
            padding-top: 75px!important;
            padding-bottom: 75px!important
        }
        .pd-xl-x-75 {
            padding-left: 75px;
            padding-right: 75px
        }
        .pd-xl-x-75-f {
            padding-left: 75px!important;
            padding-right: 75px!important
        }
        .pd-xl-t-75 {
            padding-top: 75px
        }
        .pd-xl-r-75 {
            padding-right: 75px
        }
        .pd-xl-b-75 {
            padding-bottom: 75px
        }
        .pd-xl-l-75 {
            padding-left: 75px
        }
        .pd-xl-t-75-f {
            padding-top: 75px!important
        }
        .pd-xl-r-75-f {
            padding-right: 75px!important
        }
        .pd-xl-b-75-f {
            padding-bottom: 75px!important
        }
        .pd-xl-l-75-f {
            padding-left: 75px!important
        }
        .pd-xl-80 {
            padding: 80px
        }
        .pd-xl-80-f {
            padding: 80px!important
        }
        .pd-xl-y-80 {
            padding-top: 80px;
            padding-bottom: 80px
        }
        .pd-xl-y-80-f {
            padding-top: 80px!important;
            padding-bottom: 80px!important
        }
        .pd-xl-x-80 {
            padding-left: 80px;
            padding-right: 80px
        }
        .pd-xl-x-80-f {
            padding-left: 80px!important;
            padding-right: 80px!important
        }
        .pd-xl-t-80 {
            padding-top: 80px
        }
        .pd-xl-r-80 {
            padding-right: 80px
        }
        .pd-xl-b-80 {
            padding-bottom: 80px
        }
        .pd-xl-l-80 {
            padding-left: 80px
        }
        .pd-xl-t-80-f {
            padding-top: 80px!important
        }
        .pd-xl-r-80-f {
            padding-right: 80px!important
        }
        .pd-xl-b-80-f {
            padding-bottom: 80px!important
        }
        .pd-xl-l-80-f {
            padding-left: 80px!important
        }
        .pd-xl-85 {
            padding: 85px
        }
        .pd-xl-85-f {
            padding: 85px!important
        }
        .pd-xl-y-85 {
            padding-top: 85px;
            padding-bottom: 85px
        }
        .pd-xl-y-85-f {
            padding-top: 85px!important;
            padding-bottom: 85px!important
        }
        .pd-xl-x-85 {
            padding-left: 85px;
            padding-right: 85px
        }
        .pd-xl-x-85-f {
            padding-left: 85px!important;
            padding-right: 85px!important
        }
        .pd-xl-t-85 {
            padding-top: 85px
        }
        .pd-xl-r-85 {
            padding-right: 85px
        }
        .pd-xl-b-85 {
            padding-bottom: 85px
        }
        .pd-xl-l-85 {
            padding-left: 85px
        }
        .pd-xl-t-85-f {
            padding-top: 85px!important
        }
        .pd-xl-r-85-f {
            padding-right: 85px!important
        }
        .pd-xl-b-85-f {
            padding-bottom: 85px!important
        }
        .pd-xl-l-85-f {
            padding-left: 85px!important
        }
        .pd-xl-90 {
            padding: 90px
        }
        .pd-xl-90-f {
            padding: 90px!important
        }
        .pd-xl-y-90 {
            padding-top: 90px;
            padding-bottom: 90px
        }
        .pd-xl-y-90-f {
            padding-top: 90px!important;
            padding-bottom: 90px!important
        }
        .pd-xl-x-90 {
            padding-left: 90px;
            padding-right: 90px
        }
        .pd-xl-x-90-f {
            padding-left: 90px!important;
            padding-right: 90px!important
        }
        .pd-xl-t-90 {
            padding-top: 90px
        }
        .pd-xl-r-90 {
            padding-right: 90px
        }
        .pd-xl-b-90 {
            padding-bottom: 90px
        }
        .pd-xl-l-90 {
            padding-left: 90px
        }
        .pd-xl-t-90-f {
            padding-top: 90px!important
        }
        .pd-xl-r-90-f {
            padding-right: 90px!important
        }
        .pd-xl-b-90-f {
            padding-bottom: 90px!important
        }
        .pd-xl-l-90-f {
            padding-left: 90px!important
        }
        .pd-xl-95 {
            padding: 95px
        }
        .pd-xl-95-f {
            padding: 95px!important
        }
        .pd-xl-y-95 {
            padding-top: 95px;
            padding-bottom: 95px
        }
        .pd-xl-y-95-f {
            padding-top: 95px!important;
            padding-bottom: 95px!important
        }
        .pd-xl-x-95 {
            padding-left: 95px;
            padding-right: 95px
        }
        .pd-xl-x-95-f {
            padding-left: 95px!important;
            padding-right: 95px!important
        }
        .pd-xl-t-95 {
            padding-top: 95px
        }
        .pd-xl-r-95 {
            padding-right: 95px
        }
        .pd-xl-b-95 {
            padding-bottom: 95px
        }
        .pd-xl-l-95 {
            padding-left: 95px
        }
        .pd-xl-t-95-f {
            padding-top: 95px!important
        }
        .pd-xl-r-95-f {
            padding-right: 95px!important
        }
        .pd-xl-b-95-f {
            padding-bottom: 95px!important
        }
        .pd-xl-l-95-f {
            padding-left: 95px!important
        }
        .pd-xl-100 {
            padding: 100px
        }
        .pd-xl-100-f {
            padding: 100px!important
        }
        .pd-xl-y-100 {
            padding-top: 100px;
            padding-bottom: 100px
        }
        .pd-xl-y-100-f {
            padding-top: 100px!important;
            padding-bottom: 100px!important
        }
        .pd-xl-x-100 {
            padding-left: 100px;
            padding-right: 100px
        }
        .pd-xl-x-100-f {
            padding-left: 100px!important;
            padding-right: 100px!important
        }
        .pd-xl-t-100 {
            padding-top: 100px
        }
        .pd-xl-r-100 {
            padding-right: 100px
        }
        .pd-xl-b-100 {
            padding-bottom: 100px
        }
        .pd-xl-l-100 {
            padding-left: 100px
        }
        .pd-xl-t-100-f {
            padding-top: 100px!important
        }
        .pd-xl-r-100-f {
            padding-right: 100px!important
        }
        .pd-xl-b-100-f {
            padding-bottom: 100px!important
        }
        .pd-xl-l-100-f {
            padding-left: 100px!important
        }
        .pd-xl-110 {
            padding: 110px
        }
        .pd-xl-110-f {
            padding: 110px!important
        }
        .pd-xl-y-110 {
            padding-top: 110px;
            padding-bottom: 110px
        }
        .pd-xl-y-110-f {
            padding-top: 110px!important;
            padding-bottom: 110px!important
        }
        .pd-xl-x-110 {
            padding-left: 110px;
            padding-right: 110px
        }
        .pd-xl-x-110-f {
            padding-left: 110px!important;
            padding-right: 110px!important
        }
        .pd-xl-t-110 {
            padding-top: 110px
        }
        .pd-xl-r-110 {
            padding-right: 110px
        }
        .pd-xl-b-110 {
            padding-bottom: 110px
        }
        .pd-xl-l-110 {
            padding-left: 110px
        }
        .pd-xl-t-110-f {
            padding-top: 110px!important
        }
        .pd-xl-r-110-f {
            padding-right: 110px!important
        }
        .pd-xl-b-110-f {
            padding-bottom: 110px!important
        }
        .pd-xl-l-110-f {
            padding-left: 110px!important
        }
        .pd-xl-120 {
            padding: 120px
        }
        .pd-xl-120-f {
            padding: 120px!important
        }
        .pd-xl-y-120 {
            padding-top: 120px;
            padding-bottom: 120px
        }
        .pd-xl-y-120-f {
            padding-top: 120px!important;
            padding-bottom: 120px!important
        }
        .pd-xl-x-120 {
            padding-left: 120px;
            padding-right: 120px
        }
        .pd-xl-x-120-f {
            padding-left: 120px!important;
            padding-right: 120px!important
        }
        .pd-xl-t-120 {
            padding-top: 120px
        }
        .pd-xl-r-120 {
            padding-right: 120px
        }
        .pd-xl-b-120 {
            padding-bottom: 120px
        }
        .pd-xl-l-120 {
            padding-left: 120px
        }
        .pd-xl-t-120-f {
            padding-top: 120px!important
        }
        .pd-xl-r-120-f {
            padding-right: 120px!important
        }
        .pd-xl-b-120-f {
            padding-bottom: 120px!important
        }
        .pd-xl-l-120-f {
            padding-left: 120px!important
        }
        .pd-xl-130 {
            padding: 130px
        }
        .pd-xl-130-f {
            padding: 130px!important
        }
        .pd-xl-y-130 {
            padding-top: 130px;
            padding-bottom: 130px
        }
        .pd-xl-y-130-f {
            padding-top: 130px!important;
            padding-bottom: 130px!important
        }
        .pd-xl-x-130 {
            padding-left: 130px;
            padding-right: 130px
        }
        .pd-xl-x-130-f {
            padding-left: 130px!important;
            padding-right: 130px!important
        }
        .pd-xl-t-130 {
            padding-top: 130px
        }
        .pd-xl-r-130 {
            padding-right: 130px
        }
        .pd-xl-b-130 {
            padding-bottom: 130px
        }
        .pd-xl-l-130 {
            padding-left: 130px
        }
        .pd-xl-t-130-f {
            padding-top: 130px!important
        }
        .pd-xl-r-130-f {
            padding-right: 130px!important
        }
        .pd-xl-b-130-f {
            padding-bottom: 130px!important
        }
        .pd-xl-l-130-f {
            padding-left: 130px!important
        }
        .pd-xl-140 {
            padding: 140px
        }
        .pd-xl-140-f {
            padding: 140px!important
        }
        .pd-xl-y-140 {
            padding-top: 140px;
            padding-bottom: 140px
        }
        .pd-xl-y-140-f {
            padding-top: 140px!important;
            padding-bottom: 140px!important
        }
        .pd-xl-x-140 {
            padding-left: 140px;
            padding-right: 140px
        }
        .pd-xl-x-140-f {
            padding-left: 140px!important;
            padding-right: 140px!important
        }
        .pd-xl-t-140 {
            padding-top: 140px
        }
        .pd-xl-r-140 {
            padding-right: 140px
        }
        .pd-xl-b-140 {
            padding-bottom: 140px
        }
        .pd-xl-l-140 {
            padding-left: 140px
        }
        .pd-xl-t-140-f {
            padding-top: 140px!important
        }
        .pd-xl-r-140-f {
            padding-right: 140px!important
        }
        .pd-xl-b-140-f {
            padding-bottom: 140px!important
        }
        .pd-xl-l-140-f {
            padding-left: 140px!important
        }
        .pd-xl-150 {
            padding: 150px
        }
        .pd-xl-150-f {
            padding: 150px!important
        }
        .pd-xl-y-150 {
            padding-top: 150px;
            padding-bottom: 150px
        }
        .pd-xl-y-150-f {
            padding-top: 150px!important;
            padding-bottom: 150px!important
        }
        .pd-xl-x-150 {
            padding-left: 150px;
            padding-right: 150px
        }
        .pd-xl-x-150-f {
            padding-left: 150px!important;
            padding-right: 150px!important
        }
        .pd-xl-t-150 {
            padding-top: 150px
        }
        .pd-xl-r-150 {
            padding-right: 150px
        }
        .pd-xl-b-150 {
            padding-bottom: 150px
        }
        .pd-xl-l-150 {
            padding-left: 150px
        }
        .pd-xl-t-150-f {
            padding-top: 150px!important
        }
        .pd-xl-r-150-f {
            padding-right: 150px!important
        }
        .pd-xl-b-150-f {
            padding-bottom: 150px!important
        }
        .pd-xl-l-150-f {
            padding-left: 150px!important
        }
        .pd-xl-160 {
            padding: 160px
        }
        .pd-xl-160-f {
            padding: 160px!important
        }
        .pd-xl-y-160 {
            padding-top: 160px;
            padding-bottom: 160px
        }
        .pd-xl-y-160-f {
            padding-top: 160px!important;
            padding-bottom: 160px!important
        }
        .pd-xl-x-160 {
            padding-left: 160px;
            padding-right: 160px
        }
        .pd-xl-x-160-f {
            padding-left: 160px!important;
            padding-right: 160px!important
        }
        .pd-xl-t-160 {
            padding-top: 160px
        }
        .pd-xl-r-160 {
            padding-right: 160px
        }
        .pd-xl-b-160 {
            padding-bottom: 160px
        }
        .pd-xl-l-160 {
            padding-left: 160px
        }
        .pd-xl-t-160-f {
            padding-top: 160px!important
        }
        .pd-xl-r-160-f {
            padding-right: 160px!important
        }
        .pd-xl-b-160-f {
            padding-bottom: 160px!important
        }
        .pd-xl-l-160-f {
            padding-left: 160px!important
        }
        .pd-xl-170 {
            padding: 170px
        }
        .pd-xl-170-f {
            padding: 170px!important
        }
        .pd-xl-y-170 {
            padding-top: 170px;
            padding-bottom: 170px
        }
        .pd-xl-y-170-f {
            padding-top: 170px!important;
            padding-bottom: 170px!important
        }
        .pd-xl-x-170 {
            padding-left: 170px;
            padding-right: 170px
        }
        .pd-xl-x-170-f {
            padding-left: 170px!important;
            padding-right: 170px!important
        }
        .pd-xl-t-170 {
            padding-top: 170px
        }
        .pd-xl-r-170 {
            padding-right: 170px
        }
        .pd-xl-b-170 {
            padding-bottom: 170px
        }
        .pd-xl-l-170 {
            padding-left: 170px
        }
        .pd-xl-t-170-f {
            padding-top: 170px!important
        }
        .pd-xl-r-170-f {
            padding-right: 170px!important
        }
        .pd-xl-b-170-f {
            padding-bottom: 170px!important
        }
        .pd-xl-l-170-f {
            padding-left: 170px!important
        }
        .pd-xl-180 {
            padding: 180px
        }
        .pd-xl-180-f {
            padding: 180px!important
        }
        .pd-xl-y-180 {
            padding-top: 180px;
            padding-bottom: 180px
        }
        .pd-xl-y-180-f {
            padding-top: 180px!important;
            padding-bottom: 180px!important
        }
        .pd-xl-x-180 {
            padding-left: 180px;
            padding-right: 180px
        }
        .pd-xl-x-180-f {
            padding-left: 180px!important;
            padding-right: 180px!important
        }
        .pd-xl-t-180 {
            padding-top: 180px
        }
        .pd-xl-r-180 {
            padding-right: 180px
        }
        .pd-xl-b-180 {
            padding-bottom: 180px
        }
        .pd-xl-l-180 {
            padding-left: 180px
        }
        .pd-xl-t-180-f {
            padding-top: 180px!important
        }
        .pd-xl-r-180-f {
            padding-right: 180px!important
        }
        .pd-xl-b-180-f {
            padding-bottom: 180px!important
        }
        .pd-xl-l-180-f {
            padding-left: 180px!important
        }
        .pd-xl-190 {
            padding: 190px
        }
        .pd-xl-190-f {
            padding: 190px!important
        }
        .pd-xl-y-190 {
            padding-top: 190px;
            padding-bottom: 190px
        }
        .pd-xl-y-190-f {
            padding-top: 190px!important;
            padding-bottom: 190px!important
        }
        .pd-xl-x-190 {
            padding-left: 190px;
            padding-right: 190px
        }
        .pd-xl-x-190-f {
            padding-left: 190px!important;
            padding-right: 190px!important
        }
        .pd-xl-t-190 {
            padding-top: 190px
        }
        .pd-xl-r-190 {
            padding-right: 190px
        }
        .pd-xl-b-190 {
            padding-bottom: 190px
        }
        .pd-xl-l-190 {
            padding-left: 190px
        }
        .pd-xl-t-190-f {
            padding-top: 190px!important
        }
        .pd-xl-r-190-f {
            padding-right: 190px!important
        }
        .pd-xl-b-190-f {
            padding-bottom: 190px!important
        }
        .pd-xl-l-190-f {
            padding-left: 190px!important
        }
        .pd-xl-200 {
            padding: 200px
        }
        .pd-xl-200-f {
            padding: 200px!important
        }
        .pd-xl-y-200 {
            padding-top: 200px;
            padding-bottom: 200px
        }
        .pd-xl-y-200-f {
            padding-top: 200px!important;
            padding-bottom: 200px!important
        }
        .pd-xl-x-200 {
            padding-left: 200px;
            padding-right: 200px
        }
        .pd-xl-x-200-f {
            padding-left: 200px!important;
            padding-right: 200px!important
        }
        .pd-xl-t-200 {
            padding-top: 200px
        }
        .pd-xl-r-200 {
            padding-right: 200px
        }
        .pd-xl-b-200 {
            padding-bottom: 200px
        }
        .pd-xl-l-200 {
            padding-left: 200px
        }
        .pd-xl-t-200-f {
            padding-top: 200px!important
        }
        .pd-xl-r-200-f {
            padding-right: 200px!important
        }
        .pd-xl-b-200-f {
            padding-bottom: 200px!important
        }
        .pd-xl-l-200-f {
            padding-left: 200px!important
        }
    }

    .pd-12 {
        padding: 12px
    }

    .pd-12-f {
        padding: 12px!important
    }

    .pd-y-12 {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .pd-y-12-f {
        padding-top: 12px!important;
        padding-bottom: 12px!important
    }

    .pd-x-12 {
        padding-left: 12px;
        padding-right: 12px
    }

    .pd-x-12-f {
        padding-left: 12px!important;
        padding-right: 12px!important
    }

    .pd-t-12 {
        padding-top: 12px
    }

    .pd-r-12 {
        padding-right: 12px
    }

    .pd-b-12 {
        padding-bottom: 12px
    }

    .pd-l-12 {
        padding-left: 12px
    }

    .pd-t-12-f {
        padding-top: 12px!important
    }

    .pd-r-12-f {
        padding-right: 12px!important
    }

    .pd-b-12-f {
        padding-bottom: 12px!important
    }

    .pd-l-12-f {
        padding-left: 12px!important
    }

    .pd-13 {
        padding: 13px
    }

    .pd-13-f {
        padding: 13px!important
    }

    .pd-y-13 {
        padding-top: 13px;
        padding-bottom: 13px
    }

    .pd-y-13-f {
        padding-top: 13px!important;
        padding-bottom: 13px!important
    }

    .pd-x-13 {
        padding-left: 13px;
        padding-right: 13px
    }

    .pd-x-13-f {
        padding-left: 13px!important;
        padding-right: 13px!important
    }

    .pd-t-13 {
        padding-top: 13px
    }

    .pd-r-13 {
        padding-right: 13px
    }

    .pd-b-13 {
        padding-bottom: 13px
    }

    .pd-l-13 {
        padding-left: 13px
    }

    .pd-t-13-f {
        padding-top: 13px!important
    }

    .pd-r-13-f {
        padding-right: 13px!important
    }

    .pd-b-13-f {
        padding-bottom: 13px!important
    }

    .pd-l-13-f {
        padding-left: 13px!important
    }

    .pos-absolute {
        position: absolute
    }

    .pos-relative {
        position: relative
    }

    .pos-fixed {
        position: fixed
    }

    .pos-static {
        position: static
    }

    .pos-absolute-f {
        position: absolute!important
    }

    .pos-relative-f {
        position: relative!important
    }

    .pos-fixed-f {
        position: fixed!important
    }

    .pos-static-f {
        position: static!important
    }

    .t-0 {
        top: 0
    }

    .r-0 {
        right: 0
    }

    .b-0 {
        bottom: 0
    }

    .l-0 {
        left: 0
    }

    .t--0 {
        top: 0
    }

    .r--0 {
        right: 0
    }

    .b--0 {
        bottom: 0
    }

    .l--0 {
        left: 0
    }

    .a-0 {
        top: 0;
        bottom: 0
    }

    .a-0,
    .x-0,
    .y-0 {
        right: 0;
        left: 0
    }

    .t-5 {
        top: 5px
    }

    .r-5 {
        right: 5px
    }

    .b-5 {
        bottom: 5px
    }

    .l-5 {
        left: 5px
    }

    .t--5 {
        top: -5px
    }

    .b--5 {
        bottom: -5px
    }

    .l--5 {
        left: -5px
    }

    .a-5 {
        top: 5px;
        bottom: 5px
    }

    .a-5,
    .x-5,
    .y-5 {
        right: 5px;
        left: 5px
    }

    .t-10 {
        top: 10px
    }

    .r-10 {
        right: 10px
    }

    .b-10 {
        bottom: 10px
    }

    .l-10 {
        left: 10px
    }

    .t--10 {
        top: -10px
    }

    .r--10 {
        right: -10px
    }

    .b--10 {
        bottom: -10px
    }

    .l--10 {
        left: -10px
    }

    .a-10 {
        top: 10px;
        bottom: 10px
    }

    .a-10,
    .x-10,
    .y-10 {
        right: 10px;
        left: 10px
    }

    .t-15 {
        top: 15px
    }

    .r-15 {
        right: 15px
    }

    .b-15 {
        bottom: 15px
    }

    .l-15 {
        left: 15px
    }

    .t--15 {
        top: -15px
    }

    .r--15 {
        right: -15px
    }

    .b--15 {
        bottom: -15px
    }

    .l--15 {
        left: -15px
    }

    .a-15 {
        top: 15px;
        bottom: 15px
    }

    .a-15,
    .x-15,
    .y-15 {
        right: 15px;
        left: 15px
    }

    .t-20 {
        top: 20px
    }

    .r-20 {
        right: 20px
    }

    .b-20 {
        bottom: 20px
    }

    .l-20 {
        left: 20px
    }

    .t--20 {
        top: -20px
    }

    .r--20 {
        right: -20px
    }

    .b--20 {
        bottom: -20px
    }

    .l--20 {
        left: -20px
    }

    .a-20 {
        top: 20px;
        bottom: 20px
    }

    .a-20,
    .x-20,
    .y-20 {
        right: 20px;
        left: 20px
    }

    .t-25 {
        top: 25px
    }

    .r-25 {
        right: 25px
    }

    .b-25 {
        bottom: 25px
    }

    .l-25 {
        left: 25px
    }

    .t--25 {
        top: -25px
    }

    .r--25 {
        right: -25px
    }

    .b--25 {
        bottom: -25px
    }

    .l--25 {
        left: -25px
    }

    .a-25 {
        top: 25px;
        bottom: 25px
    }

    .a-25,
    .x-25,
    .y-25 {
        right: 25px;
        left: 25px
    }

    .t-30 {
        top: 30px
    }

    .r-30 {
        right: 30px
    }

    .b-30 {
        bottom: 30px
    }

    .l-30 {
        left: 30px
    }

    .t--30 {
        top: -30px
    }

    .r--30 {
        right: -30px
    }

    .b--30 {
        bottom: -30px
    }

    .l--30 {
        left: -30px
    }

    .a-30 {
        top: 30px;
        bottom: 30px
    }

    .a-30,
    .x-30,
    .y-30 {
        right: 30px;
        left: 30px
    }

    .t-35 {
        top: 35px
    }

    .r-35 {
        right: 35px
    }

    .b-35 {
        bottom: 35px
    }

    .l-35 {
        left: 35px
    }

    .t--35 {
        top: -35px
    }

    .r--35 {
        right: -35px
    }

    .b--35 {
        bottom: -35px
    }

    .l--35 {
        left: -35px
    }

    .a-35 {
        top: 35px;
        bottom: 35px
    }

    .a-35,
    .x-35,
    .y-35 {
        right: 35px;
        left: 35px
    }

    .t-40 {
        top: 40px
    }

    .r-40 {
        right: 40px
    }

    .b-40 {
        bottom: 40px
    }

    .l-40 {
        left: 40px
    }

    .t--40 {
        top: -40px
    }

    .r--40 {
        right: -40px
    }

    .b--40 {
        bottom: -40px
    }

    .l--40 {
        left: -40px
    }

    .a-40 {
        top: 40px;
        bottom: 40px
    }

    .a-40,
    .x-40,
    .y-40 {
        right: 40px;
        left: 40px
    }

    .t-45 {
        top: 45px
    }

    .r-45 {
        right: 45px
    }

    .b-45 {
        bottom: 45px
    }

    .l-45 {
        left: 45px
    }

    .t--45 {
        top: -45px
    }

    .r--45 {
        right: -45px
    }

    .b--45 {
        bottom: -45px
    }

    .l--45 {
        left: -45px
    }

    .a-45 {
        top: 45px;
        bottom: 45px
    }

    .a-45,
    .x-45,
    .y-45 {
        right: 45px;
        left: 45px
    }

    .t-50 {
        top: 50px
    }

    .r-50 {
        right: 50px
    }

    .b-50 {
        bottom: 50px
    }

    .l-50 {
        left: 50px
    }

    .t--50 {
        top: -50px
    }

    .r--50 {
        right: -50px
    }

    .b--50 {
        bottom: -50px
    }

    .l--50 {
        left: -50px
    }

    .a-50 {
        top: 50px;
        bottom: 50px
    }

    .a-50,
    .x-50,
    .y-50 {
        right: 50px;
        left: 50px
    }

    .t-55 {
        top: 55px
    }

    .r-55 {
        right: 55px
    }

    .b-55 {
        bottom: 55px
    }

    .l-55 {
        left: 55px
    }

    .t--55 {
        top: -55px
    }

    .r--55 {
        right: -55px
    }

    .b--55 {
        bottom: -55px
    }

    .l--55 {
        left: -55px
    }

    .a-55 {
        top: 55px;
        bottom: 55px
    }

    .a-55,
    .x-55,
    .y-55 {
        right: 55px;
        left: 55px
    }

    .t-60 {
        top: 60px
    }

    .r-60 {
        right: 60px
    }

    .b-60 {
        bottom: 60px
    }

    .l-60 {
        left: 60px
    }

    .t--60 {
        top: -60px
    }

    .r--60 {
        right: -60px
    }

    .b--60 {
        bottom: -60px
    }

    .l--60 {
        left: -60px
    }

    .a-60 {
        top: 60px;
        bottom: 60px
    }

    .a-60,
    .x-60,
    .y-60 {
        right: 60px;
        left: 60px
    }

    .t-65 {
        top: 65px
    }

    .r-65 {
        right: 65px
    }

    .b-65 {
        bottom: 65px
    }

    .l-65 {
        left: 65px
    }

    .t--65 {
        top: -65px
    }

    .r--65 {
        right: -65px
    }

    .b--65 {
        bottom: -65px
    }

    .l--65 {
        left: -65px
    }

    .a-65 {
        top: 65px;
        bottom: 65px
    }

    .a-65,
    .x-65,
    .y-65 {
        right: 65px;
        left: 65px
    }

    .t-70 {
        top: 70px
    }

    .r-70 {
        right: 70px
    }

    .b-70 {
        bottom: 70px
    }

    .l-70 {
        left: 70px
    }

    .t--70 {
        top: -70px
    }

    .r--70 {
        right: -70px
    }

    .b--70 {
        bottom: -70px
    }

    .l--70 {
        left: -70px
    }

    .a-70 {
        top: 70px;
        bottom: 70px
    }

    .a-70,
    .x-70,
    .y-70 {
        right: 70px;
        left: 70px
    }

    .t-75 {
        top: 75px
    }

    .r-75 {
        right: 75px
    }

    .b-75 {
        bottom: 75px
    }

    .l-75 {
        left: 75px
    }

    .t--75 {
        top: -75px
    }

    .r--75 {
        right: -75px
    }

    .b--75 {
        bottom: -75px
    }

    .l--75 {
        left: -75px
    }

    .a-75 {
        top: 75px;
        bottom: 75px
    }

    .a-75,
    .x-75,
    .y-75 {
        right: 75px;
        left: 75px
    }

    .t-80 {
        top: 80px
    }

    .r-80 {
        right: 80px
    }

    .b-80 {
        bottom: 80px
    }

    .l-80 {
        left: 80px
    }

    .t--80 {
        top: -80px
    }

    .r--80 {
        right: -80px
    }

    .b--80 {
        bottom: -80px
    }

    .l--80 {
        left: -80px
    }

    .a-80 {
        top: 80px;
        bottom: 80px
    }

    .a-80,
    .x-80,
    .y-80 {
        right: 80px;
        left: 80px
    }

    .t-85 {
        top: 85px
    }

    .r-85 {
        right: 85px
    }

    .b-85 {
        bottom: 85px
    }

    .l-85 {
        left: 85px
    }

    .t--85 {
        top: -85px
    }

    .r--85 {
        right: -85px
    }

    .b--85 {
        bottom: -85px
    }

    .l--85 {
        left: -85px
    }

    .a-85 {
        top: 85px;
        bottom: 85px
    }

    .a-85,
    .x-85,
    .y-85 {
        right: 85px;
        left: 85px
    }

    .t-90 {
        top: 90px
    }

    .r-90 {
        right: 90px
    }

    .b-90 {
        bottom: 90px
    }

    .l-90 {
        left: 90px
    }

    .t--90 {
        top: -90px
    }

    .r--90 {
        right: -90px
    }

    .b--90 {
        bottom: -90px
    }

    .l--90 {
        left: -90px
    }

    .a-90 {
        top: 90px;
        bottom: 90px
    }

    .a-90,
    .x-90,
    .y-90 {
        right: 90px;
        left: 90px
    }

    .t-95 {
        top: 95px
    }

    .r-95 {
        right: 95px
    }

    .b-95 {
        bottom: 95px
    }

    .l-95 {
        left: 95px
    }

    .t--95 {
        top: -95px
    }

    .r--95 {
        right: -95px
    }

    .b--95 {
        bottom: -95px
    }

    .l--95 {
        left: -95px
    }

    .a-95 {
        top: 95px;
        bottom: 95px
    }

    .a-95,
    .x-95,
    .y-95 {
        right: 95px;
        left: 95px
    }

    .t-100 {
        top: 100px
    }

    .r-100 {
        right: 100px
    }

    .b-100 {
        bottom: 100px
    }

    .l-100 {
        left: 100px
    }

    .t--100 {
        top: -100px
    }

    .r--100 {
        right: -100px
    }

    .b--100 {
        bottom: -100px
    }

    .l--100 {
        left: -100px
    }

    .a-100 {
        top: 100px;
        bottom: 100px
    }

    .a-100,
    .x-100,
    .y-100 {
        right: 100px;
        left: 100px
    }

    .t-2 {
        top: 2px
    }

    .r--5 {
        right: -5px
    }

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

    .z-index-10 {
        z-index: 10
    }

    .z-index-50 {
        z-index: 50
    }

    .z-index-100 {
        z-index: 100
    }

    .z-index-150 {
        z-index: 150
    }

    .z-index-200 {
        z-index: 200
    }

    .position-static {
        position: static!important
    }

    .position-relative {
        position: relative!important
    }

    .position-absolute {
        position: absolute!important
    }

    .position-fixed {
        position: fixed!important
    }

    .position-sticky {
        position: -webkit-sticky!important;
        position: sticky!important
    }

    .fixed-top {
        top: 0
    }

    .fixed-bottom,
    .fixed-top {
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030
    }

    .fixed-bottom {
        bottom: 0
    }

    @media (min-width:480px) {
        .pos-xs-absolute {
            position: absolute
        }
        .pos-xs-relative {
            position: relative
        }
        .pos-xs-fixed {
            position: fixed
        }
        .pos-xs-static {
            position: static
        }
        .t-xs-auto {
            top: auto
        }
        .r-xs-auto {
            right: auto
        }
        .b-xs-auto {
            bottom: auto
        }
        .l-xs-auto {
            left: auto
        }
    }

    @media (min-width:576px) {
        .pos-sm-absolute {
            position: absolute
        }
        .pos-sm-relative {
            position: relative
        }
        .pos-sm-fixed {
            position: fixed
        }
        .pos-sm-static {
            position: static
        }
        .t-sm-auto {
            top: auto
        }
        .r-sm-auto {
            right: auto
        }
        .b-sm-auto {
            bottom: auto
        }
        .l-sm-auto {
            left: auto
        }
    }

    @media (min-width:768px) {
        .pos-md-absolute {
            position: absolute
        }
        .pos-md-relative {
            position: relative
        }
        .pos-md-fixed {
            position: fixed
        }
        .pos-md-static {
            position: static
        }
        .t-md-auto {
            top: auto
        }
        .r-md-auto {
            right: auto
        }
        .b-md-auto {
            bottom: auto
        }
        .l-md-auto {
            left: auto
        }
    }

    @media (min-width:992px) {
        .pos-lg-absolute {
            position: absolute
        }
        .pos-lg-relative {
            position: relative
        }
        .pos-lg-fixed {
            position: fixed
        }
        .pos-lg-static {
            position: static
        }
        .t-lg-auto {
            top: auto
        }
        .r-lg-auto {
            right: auto
        }
        .b-lg-auto {
            bottom: auto
        }
        .l-lg-auto {
            left: auto
        }
    }

    @media (min-width:1200px) {
        .pos-xl-absolute {
            position: absolute
        }
        .pos-xl-relative {
            position: relative
        }
        .pos-xl-fixed {
            position: fixed
        }
        .pos-xl-static {
            position: static
        }
        .t-xl-auto {
            top: auto
        }
        .r-xl-auto {
            right: auto
        }
        .b-xl-auto {
            bottom: auto
        }
        .l-xl-auto {
            left: auto
        }
    }

    .tx-black {
        font-weight: 900
    }

    .tx-bold {
        font-weight: 700
    }

    .tx-semibold {
        font-weight: 600
    }

    .tx-medium {
        font-weight: 500
    }

    .tx-normal {
        font-weight: 400
    }

    .tx-light {
        font-weight: 300
    }

    .tx-thin {
        font-weight: 200
    }

    .tx-xthin {
        font-weight: 100
    }

    .tx-sserif {
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
    }

    .tx-roboto {
        font-family: Roboto, sans-serif
    }

    .tx-white {
        color: #fff
    }

    .tx-black {
        color: #8f9cc0
    }

    .tx-success {
        color: #19b159
    }

    .tx-warning {
        color: #ff9b21
    }

    .tx-danger {
        color: #f16d75
    }

    .tx-info {
        color: #01b8ff
    }

    .tx-inverse {
        color: #3c4858
    }

    .tx-teal {
        color: #0cc
    }

    .tx-dark {
        color: #38415a
    }

    .tx-indigo {
        color: #3f00ff
    }

    .tx-purple {
        color: #6f42c1
    }

    .tx-orange {
        color: #fd7e14
    }

    .tx-pink {
        color: #f10075
    }

    .tx-gray-100 {
        color: #f1f2f9
    }

    .tx-gray-200,
    .tx-gray-300 {
        color: #f0f0ff
    }

    .tx-gray-400 {
        color: #b4bdce
    }

    .tx-gray-500,
    .tx-gray-600 {
        color: #a8afc7
    }

    .tx-gray-700 {
        color: #3c4858
    }

    .tx-gray-800 {
        color: #3b4863
    }

    .tx-gray-900 {
        color: #8f9cc0
    }

    .tx-white-2 {
        color: hsla(0, 0%, 100%, .2)
    }

    .tx-white-3 {
        color: hsla(0, 0%, 100%, .3)
    }

    .tx-white-4 {
        color: hsla(0, 0%, 100%, .4)
    }

    .tx-white-5 {
        color: hsla(0, 0%, 100%, .5)
    }

    .tx-white-6 {
        color: hsla(0, 0%, 100%, .6)
    }

    .tx-white-7 {
        color: hsla(0, 0%, 100%, .7)
    }

    .tx-white-8 {
        color: hsla(0, 0%, 100%, .8)
    }

    .tx-spacing-1 {
        letter-spacing: .5px
    }

    .tx-spacing-2 {
        letter-spacing: 1px
    }

    .tx-spacing-3 {
        letter-spacing: 1.5px
    }

    .tx-spacing-4 {
        letter-spacing: 2px
    }

    .tx-spacing-5 {
        letter-spacing: 2.5px
    }

    .tx-spacing-6 {
        letter-spacing: 3px
    }

    .tx-spacing-7 {
        letter-spacing: 3.5px
    }

    .tx-spacing-8 {
        letter-spacing: 4px
    }

    .tx-spacing--1 {
        letter-spacing: -.5px
    }

    .tx-spacing--2 {
        letter-spacing: -1px
    }

    .tx-spacing--3 {
        letter-spacing: -1.5px
    }

    .tx-spacing--4 {
        letter-spacing: -2px
    }

    .tx-spacing--5 {
        letter-spacing: -2.5px
    }

    .tx-spacing--6 {
        letter-spacing: -3px
    }

    .tx-spacing--7 {
        letter-spacing: -3.5px
    }

    .tx-spacing--8 {
        letter-spacing: -4px
    }

    .tx-uppercase {
        text-transform: uppercase
    }

    .tx-lowercase {
        text-transform: lowercase
    }

    .tx-transform-none {
        text-transform: none
    }

    .tx-center {
        text-align: center
    }

    .tx-right {
        text-align: right
    }

    .tx-left {
        text-align: left
    }

    .tx-center-f {
        text-align: center!important
    }

    .tx-right-f {
        text-align: right!important
    }

    .tx-left-f {
        text-align: left!important
    }

    .tx-italic {
        font-style: italic
    }

    .tx-style-normal {
        font-style: normal
    }

    .lh-base {
        line-height: 1.5
    }

    .lh-normal {
        line-height: normal
    }

    .lh-0 {
        line-height: 0
    }

    .lh--1 {
        line-height: .1
    }

    .lh--2 {
        line-height: .2
    }

    .lh--3 {
        line-height: .3
    }

    .lh--4 {
        line-height: .4
    }

    .lh--5 {
        line-height: .5
    }

    .lh--6 {
        line-height: .6
    }

    .lh--7 {
        line-height: .7
    }

    .lh--8 {
        line-height: .8
    }

    .lh--9 {
        line-height: .9
    }

    .lh-1 {
        line-height: 1.1
    }

    .lh-2 {
        line-height: 1.2
    }

    .lh-3 {
        line-height: 1.3
    }

    .lh-4 {
        line-height: 1.4
    }

    .lh-5 {
        line-height: 1.5
    }

    .lh-6 {
        line-height: 1.6
    }

    .lh-7 {
        line-height: 1.7
    }

    .lh-8 {
        line-height: 1.8
    }

    .lh-9 {
        line-height: 1.9
    }

    .lh-10 {
        line-height: 2
    }

    .lh-11 {
        line-height: 2.1
    }

    .lh-12 {
        line-height: 2.2
    }

    .lh-13 {
        line-height: 2.3
    }

    .lh-14 {
        line-height: 2.4
    }

    .lh-15 {
        line-height: 2.5
    }

    .valign-top {
        vertical-align: top
    }

    .valign-middle {
        vertical-align: middle
    }

    .valign-bottom {
        vertical-align: baseline
    }

    .valign-top-f {
        vertical-align: top!important
    }

    .valign-middle-f {
        vertical-align: middle!important
    }

    .valign-bottom-f {
        vertical-align: baseline!important
    }

    .tx-base {
        font-size: .875rem
    }

    .tx-8 {
        font-size: 8px
    }

    .tx-8-f {
        font-size: 8px!important
    }

    .tx-9 {
        font-size: 9px
    }

    .tx-9-f {
        font-size: 9px!important
    }

    .tx-10 {
        font-size: 10px
    }

    .tx-10-f {
        font-size: 10px!important
    }

    .tx-11 {
        font-size: 11px
    }

    .tx-11-f {
        font-size: 11px!important
    }

    .tx-12 {
        font-size: 12px
    }

    .tx-12-f {
        font-size: 12px!important
    }

    .tx-13 {
        font-size: 13px
    }

    .tx-13-f {
        font-size: 13px!important
    }

    .tx-14 {
        font-size: 14px
    }

    .tx-14-f {
        font-size: 14px!important
    }

    .tx-15 {
        font-size: 15px
    }

    .tx-15-f {
        font-size: 15px!important
    }

    .tx-16 {
        font-size: 16px
    }

    .tx-16-f {
        font-size: 16px!important
    }

    .tx-18 {
        font-size: 18px
    }

    .tx-18-f {
        font-size: 18px!important
    }

    .tx-20 {
        font-size: 20px
    }

    .tx-20-f {
        font-size: 20px!important
    }

    .tx-22 {
        font-size: 22px
    }

    .tx-22-f {
        font-size: 22px!important
    }

    .tx-24 {
        font-size: 24px
    }

    .tx-24-f {
        font-size: 24px!important
    }

    .tx-26 {
        font-size: 26px
    }

    .tx-26-f {
        font-size: 26px!important
    }

    .tx-28 {
        font-size: 28px
    }

    .tx-28-f {
        font-size: 28px!important
    }

    .tx-30 {
        font-size: 30px
    }

    .tx-30-f {
        font-size: 30px!important
    }

    .tx-32 {
        font-size: 32px
    }

    .tx-32-f {
        font-size: 32px!important
    }

    .tx-34 {
        font-size: 34px
    }

    .tx-34-f {
        font-size: 34px!important
    }

    .tx-36 {
        font-size: 36px
    }

    .tx-36-f {
        font-size: 36px!important
    }

    .tx-38 {
        font-size: 38px
    }

    .tx-38-f {
        font-size: 38px!important
    }

    .tx-40 {
        font-size: 40px
    }

    .tx-40-f {
        font-size: 40px!important
    }

    .tx-42 {
        font-size: 42px
    }

    .tx-42-f {
        font-size: 42px!important
    }

    .tx-44 {
        font-size: 44px
    }

    .tx-44-f {
        font-size: 44px!important
    }

    .tx-46 {
        font-size: 46px
    }

    .tx-46-f {
        font-size: 46px!important
    }

    .tx-48 {
        font-size: 48px
    }

    .tx-48-f {
        font-size: 48px!important
    }

    .tx-50 {
        font-size: 50px
    }

    .tx-50-f {
        font-size: 50px!important
    }

    .tx-52 {
        font-size: 52px
    }

    .tx-52-f {
        font-size: 52px!important
    }

    .tx-54 {
        font-size: 54px
    }

    .tx-54-f {
        font-size: 54px!important
    }

    .tx-56 {
        font-size: 56px
    }

    .tx-56-f {
        font-size: 56px!important
    }

    .tx-58 {
        font-size: 58px
    }

    .tx-58-f {
        font-size: 58px!important
    }

    .tx-60 {
        font-size: 60px
    }

    .tx-60-f {
        font-size: 60px!important
    }

    .tx-62 {
        font-size: 62px
    }

    .tx-62-f {
        font-size: 62px!important
    }

    .tx-64 {
        font-size: 64px
    }

    .tx-64-f {
        font-size: 64px!important
    }

    .tx-66 {
        font-size: 66px
    }

    .tx-66-f {
        font-size: 66px!important
    }

    .tx-68 {
        font-size: 68px
    }

    .tx-68-f {
        font-size: 68px!important
    }

    .tx-70 {
        font-size: 70px
    }

    .tx-70-f {
        font-size: 70px!important
    }

    .tx-72 {
        font-size: 72px
    }

    .tx-72-f {
        font-size: 72px!important
    }

    .tx-74 {
        font-size: 74px
    }

    .tx-74-f {
        font-size: 74px!important
    }

    .tx-76 {
        font-size: 76px
    }

    .tx-76-f {
        font-size: 76px!important
    }

    .tx-78 {
        font-size: 78px
    }

    .tx-78-f {
        font-size: 78px!important
    }

    .tx-80 {
        font-size: 80px
    }

    .tx-80-f {
        font-size: 80px!important
    }

    .tx-82 {
        font-size: 82px
    }

    .tx-82-f {
        font-size: 82px!important
    }

    .tx-84 {
        font-size: 84px
    }

    .tx-84-f {
        font-size: 84px!important
    }

    .tx-86 {
        font-size: 86px
    }

    .tx-86-f {
        font-size: 86px!important
    }

    .tx-88 {
        font-size: 88px
    }

    .tx-88-f {
        font-size: 88px!important
    }

    .tx-90 {
        font-size: 90px
    }

    .tx-90-f {
        font-size: 90px!important
    }

    .tx-92 {
        font-size: 92px
    }

    .tx-92-f {
        font-size: 92px!important
    }

    .tx-94 {
        font-size: 94px
    }

    .tx-94-f {
        font-size: 94px!important
    }

    .tx-96 {
        font-size: 96px
    }

    .tx-96-f {
        font-size: 96px!important
    }

    .tx-98 {
        font-size: 98px
    }

    .tx-98-f {
        font-size: 98px!important
    }

    .tx-100 {
        font-size: 100px
    }

    .tx-100-f {
        font-size: 100px!important
    }

    .tx-102 {
        font-size: 102px
    }

    .tx-102-f {
        font-size: 102px!important
    }

    .tx-104 {
        font-size: 104px
    }

    .tx-104-f {
        font-size: 104px!important
    }

    .tx-106 {
        font-size: 106px
    }

    .tx-106-f {
        font-size: 106px!important
    }

    .tx-108 {
        font-size: 108px
    }

    .tx-108-f {
        font-size: 108px!important
    }

    .tx-110 {
        font-size: 110px
    }

    .tx-110-f {
        font-size: 110px!important
    }

    .tx-112 {
        font-size: 112px
    }

    .tx-112-f {
        font-size: 112px!important
    }

    .tx-114 {
        font-size: 114px
    }

    .tx-114-f {
        font-size: 114px!important
    }

    .tx-116 {
        font-size: 116px
    }

    .tx-116-f {
        font-size: 116px!important
    }

    .tx-118 {
        font-size: 118px
    }

    .tx-118-f {
        font-size: 118px!important
    }

    .tx-120 {
        font-size: 120px
    }

    .tx-120-f {
        font-size: 120px!important
    }

    .tx-122 {
        font-size: 122px
    }

    .tx-122-f {
        font-size: 122px!important
    }

    .tx-124 {
        font-size: 124px
    }

    .tx-124-f {
        font-size: 124px!important
    }

    .tx-126 {
        font-size: 126px
    }

    .tx-126-f {
        font-size: 126px!important
    }

    .tx-128 {
        font-size: 128px
    }

    .tx-128-f {
        font-size: 128px!important
    }

    .tx-130 {
        font-size: 130px
    }

    .tx-130-f {
        font-size: 130px!important
    }

    .tx-132 {
        font-size: 132px
    }

    .tx-132-f {
        font-size: 132px!important
    }

    .tx-134 {
        font-size: 134px
    }

    .tx-134-f {
        font-size: 134px!important
    }

    .tx-136 {
        font-size: 136px
    }

    .tx-136-f {
        font-size: 136px!important
    }

    .tx-138 {
        font-size: 138px
    }

    .tx-138-f {
        font-size: 138px!important
    }

    .tx-140 {
        font-size: 140px
    }

    .tx-140-f {
        font-size: 140px!important
    }

    @media (min-width:480px) {
        .tx-xs-8 {
            font-size: 8px
        }
        .tx-xs-8-f {
            font-size: 8px!important
        }
        .tx-xs-9 {
            font-size: 9px
        }
        .tx-xs-9-f {
            font-size: 9px!important
        }
        .tx-xs-10 {
            font-size: 10px
        }
        .tx-xs-10-f {
            font-size: 10px!important
        }
        .tx-xs-11 {
            font-size: 11px
        }
        .tx-xs-11-f {
            font-size: 11px!important
        }
        .tx-xs-12 {
            font-size: 12px
        }
        .tx-xs-12-f {
            font-size: 12px!important
        }
        .tx-xs-13 {
            font-size: 13px
        }
        .tx-xs-13-f {
            font-size: 13px!important
        }
        .tx-xs-14 {
            font-size: 14px
        }
        .tx-xs-14-f {
            font-size: 14px!important
        }
        .tx-xs-15 {
            font-size: 15px
        }
        .tx-xs-15-f {
            font-size: 15px!important
        }
        .tx-xs-16 {
            font-size: 16px
        }
        .tx-xs-16-f {
            font-size: 16px!important
        }
        .tx-xs-18 {
            font-size: 18px
        }
        .tx-xs-18-f {
            font-size: 18px!important
        }
        .tx-xs-20 {
            font-size: 20px
        }
        .tx-xs-20-f {
            font-size: 20px!important
        }
        .tx-xs-22 {
            font-size: 22px
        }
        .tx-xs-22-f {
            font-size: 22px!important
        }
        .tx-xs-24 {
            font-size: 24px
        }
        .tx-xs-24-f {
            font-size: 24px!important
        }
        .tx-xs-26 {
            font-size: 26px
        }
        .tx-xs-26-f {
            font-size: 26px!important
        }
        .tx-xs-28 {
            font-size: 28px
        }
        .tx-xs-28-f {
            font-size: 28px!important
        }
        .tx-xs-30 {
            font-size: 30px
        }
        .tx-xs-30-f {
            font-size: 30px!important
        }
        .tx-xs-32 {
            font-size: 32px
        }
        .tx-xs-32-f {
            font-size: 32px!important
        }
        .tx-xs-34 {
            font-size: 34px
        }
        .tx-xs-34-f {
            font-size: 34px!important
        }
        .tx-xs-36 {
            font-size: 36px
        }
        .tx-xs-36-f {
            font-size: 36px!important
        }
        .tx-xs-38 {
            font-size: 38px
        }
        .tx-xs-38-f {
            font-size: 38px!important
        }
        .tx-xs-40 {
            font-size: 40px
        }
        .tx-xs-40-f {
            font-size: 40px!important
        }
        .tx-xs-42 {
            font-size: 42px
        }
        .tx-xs-42-f {
            font-size: 42px!important
        }
        .tx-xs-44 {
            font-size: 44px
        }
        .tx-xs-44-f {
            font-size: 44px!important
        }
        .tx-xs-46 {
            font-size: 46px
        }
        .tx-xs-46-f {
            font-size: 46px!important
        }
        .tx-xs-48 {
            font-size: 48px
        }
        .tx-xs-48-f {
            font-size: 48px!important
        }
        .tx-xs-50 {
            font-size: 50px
        }
        .tx-xs-50-f {
            font-size: 50px!important
        }
        .tx-xs-52 {
            font-size: 52px
        }
        .tx-xs-52-f {
            font-size: 52px!important
        }
        .tx-xs-54 {
            font-size: 54px
        }
        .tx-xs-54-f {
            font-size: 54px!important
        }
        .tx-xs-56 {
            font-size: 56px
        }
        .tx-xs-56-f {
            font-size: 56px!important
        }
        .tx-xs-58 {
            font-size: 58px
        }
        .tx-xs-58-f {
            font-size: 58px!important
        }
        .tx-xs-60 {
            font-size: 60px
        }
        .tx-xs-60-f {
            font-size: 60px!important
        }
        .tx-xs-62 {
            font-size: 62px
        }
        .tx-xs-62-f {
            font-size: 62px!important
        }
        .tx-xs-64 {
            font-size: 64px
        }
        .tx-xs-64-f {
            font-size: 64px!important
        }
        .tx-xs-66 {
            font-size: 66px
        }
        .tx-xs-66-f {
            font-size: 66px!important
        }
        .tx-xs-68 {
            font-size: 68px
        }
        .tx-xs-68-f {
            font-size: 68px!important
        }
        .tx-xs-70 {
            font-size: 70px
        }
        .tx-xs-70-f {
            font-size: 70px!important
        }
        .tx-xs-72 {
            font-size: 72px
        }
        .tx-xs-72-f {
            font-size: 72px!important
        }
        .tx-xs-74 {
            font-size: 74px
        }
        .tx-xs-74-f {
            font-size: 74px!important
        }
        .tx-xs-76 {
            font-size: 76px
        }
        .tx-xs-76-f {
            font-size: 76px!important
        }
        .tx-xs-78 {
            font-size: 78px
        }
        .tx-xs-78-f {
            font-size: 78px!important
        }
        .tx-xs-80 {
            font-size: 80px
        }
        .tx-xs-80-f {
            font-size: 80px!important
        }
        .tx-xs-82 {
            font-size: 82px
        }
        .tx-xs-82-f {
            font-size: 82px!important
        }
        .tx-xs-84 {
            font-size: 84px
        }
        .tx-xs-84-f {
            font-size: 84px!important
        }
        .tx-xs-86 {
            font-size: 86px
        }
        .tx-xs-86-f {
            font-size: 86px!important
        }
        .tx-xs-88 {
            font-size: 88px
        }
        .tx-xs-88-f {
            font-size: 88px!important
        }
        .tx-xs-90 {
            font-size: 90px
        }
        .tx-xs-90-f {
            font-size: 90px!important
        }
        .tx-xs-92 {
            font-size: 92px
        }
        .tx-xs-92-f {
            font-size: 92px!important
        }
        .tx-xs-94 {
            font-size: 94px
        }
        .tx-xs-94-f {
            font-size: 94px!important
        }
        .tx-xs-96 {
            font-size: 96px
        }
        .tx-xs-96-f {
            font-size: 96px!important
        }
        .tx-xs-98 {
            font-size: 98px
        }
        .tx-xs-98-f {
            font-size: 98px!important
        }
        .tx-xs-100 {
            font-size: 100px
        }
        .tx-xs-100-f {
            font-size: 100px!important
        }
        .tx-xs-102 {
            font-size: 102px
        }
        .tx-xs-102-f {
            font-size: 102px!important
        }
        .tx-xs-104 {
            font-size: 104px
        }
        .tx-xs-104-f {
            font-size: 104px!important
        }
        .tx-xs-106 {
            font-size: 106px
        }
        .tx-xs-106-f {
            font-size: 106px!important
        }
        .tx-xs-108 {
            font-size: 108px
        }
        .tx-xs-108-f {
            font-size: 108px!important
        }
        .tx-xs-110 {
            font-size: 110px
        }
        .tx-xs-110-f {
            font-size: 110px!important
        }
        .tx-xs-112 {
            font-size: 112px
        }
        .tx-xs-112-f {
            font-size: 112px!important
        }
        .tx-xs-114 {
            font-size: 114px
        }
        .tx-xs-114-f {
            font-size: 114px!important
        }
        .tx-xs-116 {
            font-size: 116px
        }
        .tx-xs-116-f {
            font-size: 116px!important
        }
        .tx-xs-118 {
            font-size: 118px
        }
        .tx-xs-118-f {
            font-size: 118px!important
        }
        .tx-xs-120 {
            font-size: 120px
        }
        .tx-xs-120-f {
            font-size: 120px!important
        }
        .tx-xs-122 {
            font-size: 122px
        }
        .tx-xs-122-f {
            font-size: 122px!important
        }
        .tx-xs-124 {
            font-size: 124px
        }
        .tx-xs-124-f {
            font-size: 124px!important
        }
        .tx-xs-126 {
            font-size: 126px
        }
        .tx-xs-126-f {
            font-size: 126px!important
        }
        .tx-xs-128 {
            font-size: 128px
        }
        .tx-xs-128-f {
            font-size: 128px!important
        }
        .tx-xs-130 {
            font-size: 130px
        }
        .tx-xs-130-f {
            font-size: 130px!important
        }
        .tx-xs-132 {
            font-size: 132px
        }
        .tx-xs-132-f {
            font-size: 132px!important
        }
        .tx-xs-134 {
            font-size: 134px
        }
        .tx-xs-134-f {
            font-size: 134px!important
        }
        .tx-xs-136 {
            font-size: 136px
        }
        .tx-xs-136-f {
            font-size: 136px!important
        }
        .tx-xs-138 {
            font-size: 138px
        }
        .tx-xs-138-f {
            font-size: 138px!important
        }
        .tx-xs-140 {
            font-size: 140px
        }
        .tx-xs-140-f {
            font-size: 140px!important
        }
        .tx-xs-base {
            font-size: .875rem
        }
        .tx-xs-bold {
            font-weight: 700
        }
        .tx-xs-semibold {
            font-weight: 600
        }
        .tx-xs-medium {
            font-weight: 500
        }
        .tx-xs-normal {
            font-weight: 400
        }
        .tx-xs-light {
            font-weight: 300
        }
        .tx-xs-thin {
            font-weight: 200
        }
        .tx-xs-xthin {
            font-weight: 100
        }
        .lh-xs-0 {
            line-height: 0
        }
        .lh-xs-1 {
            line-height: 1.1
        }
        .lh-xs-2 {
            line-height: 1.2
        }
        .lh-xs-3 {
            line-height: 1.3
        }
        .lh-xs-4 {
            line-height: 1.4
        }
        .lh-xs-5 {
            line-height: 1.5
        }
        .lh-xs-6 {
            line-height: 1.6
        }
        .lh-xs-7 {
            line-height: 1.7
        }
        .lh-xs-8 {
            line-height: 1.8
        }
        .lh-xs-9 {
            line-height: 1.9
        }
        .lh-xs-10 {
            line-height: 2
        }
        .lh-xs-11 {
            line-height: 2.1
        }
        .lh-xs-12 {
            line-height: 2.2
        }
        .lh-xs-13 {
            line-height: 2.3
        }
        .lh-xs-14 {
            line-height: 2.4
        }
        .lh-xs-15 {
            line-height: 2.5
        }
        .tx-xs-center {
            text-align: center
        }
        .tx-xs-right {
            text-align: right
        }
        .tx-xs-left {
            text-align: left
        }
        .tx-xs-center-f {
            text-align: center!important
        }
        .tx-xs-right-f {
            text-align: right!important
        }
        .tx-xs-left-f {
            text-align: left!important
        }
    }

    @media (min-width:576px) {
        .tx-sm-8 {
            font-size: 8px
        }
        .tx-sm-8-f {
            font-size: 8px!important
        }
        .tx-sm-9 {
            font-size: 9px
        }
        .tx-sm-9-f {
            font-size: 9px!important
        }
        .tx-sm-10 {
            font-size: 10px
        }
        .tx-sm-10-f {
            font-size: 10px!important
        }
        .tx-sm-11 {
            font-size: 11px
        }
        .tx-sm-11-f {
            font-size: 11px!important
        }
        .tx-sm-12 {
            font-size: 12px
        }
        .tx-sm-12-f {
            font-size: 12px!important
        }
        .tx-sm-13 {
            font-size: 13px
        }
        .tx-sm-13-f {
            font-size: 13px!important
        }
        .tx-sm-14 {
            font-size: 14px
        }
        .tx-sm-14-f {
            font-size: 14px!important
        }
        .tx-sm-15 {
            font-size: 15px
        }
        .tx-sm-15-f {
            font-size: 15px!important
        }
        .tx-sm-16 {
            font-size: 16px
        }
        .tx-sm-16-f {
            font-size: 16px!important
        }
        .tx-sm-18 {
            font-size: 18px
        }
        .tx-sm-18-f {
            font-size: 18px!important
        }
        .tx-sm-20 {
            font-size: 20px
        }
        .tx-sm-20-f {
            font-size: 20px!important
        }
        .tx-sm-22 {
            font-size: 22px
        }
        .tx-sm-22-f {
            font-size: 22px!important
        }
        .tx-sm-24 {
            font-size: 24px
        }
        .tx-sm-24-f {
            font-size: 24px!important
        }
        .tx-sm-26 {
            font-size: 26px
        }
        .tx-sm-26-f {
            font-size: 26px!important
        }
        .tx-sm-28 {
            font-size: 28px
        }
        .tx-sm-28-f {
            font-size: 28px!important
        }
        .tx-sm-30 {
            font-size: 30px
        }
        .tx-sm-30-f {
            font-size: 30px!important
        }
        .tx-sm-32 {
            font-size: 32px
        }
        .tx-sm-32-f {
            font-size: 32px!important
        }
        .tx-sm-34 {
            font-size: 34px
        }
        .tx-sm-34-f {
            font-size: 34px!important
        }
        .tx-sm-36 {
            font-size: 36px
        }
        .tx-sm-36-f {
            font-size: 36px!important
        }
        .tx-sm-38 {
            font-size: 38px
        }
        .tx-sm-38-f {
            font-size: 38px!important
        }
        .tx-sm-40 {
            font-size: 40px
        }
        .tx-sm-40-f {
            font-size: 40px!important
        }
        .tx-sm-42 {
            font-size: 42px
        }
        .tx-sm-42-f {
            font-size: 42px!important
        }
        .tx-sm-44 {
            font-size: 44px
        }
        .tx-sm-44-f {
            font-size: 44px!important
        }
        .tx-sm-46 {
            font-size: 46px
        }
        .tx-sm-46-f {
            font-size: 46px!important
        }
        .tx-sm-48 {
            font-size: 48px
        }
        .tx-sm-48-f {
            font-size: 48px!important
        }
        .tx-sm-50 {
            font-size: 50px
        }
        .tx-sm-50-f {
            font-size: 50px!important
        }
        .tx-sm-52 {
            font-size: 52px
        }
        .tx-sm-52-f {
            font-size: 52px!important
        }
        .tx-sm-54 {
            font-size: 54px
        }
        .tx-sm-54-f {
            font-size: 54px!important
        }
        .tx-sm-56 {
            font-size: 56px
        }
        .tx-sm-56-f {
            font-size: 56px!important
        }
        .tx-sm-58 {
            font-size: 58px
        }
        .tx-sm-58-f {
            font-size: 58px!important
        }
        .tx-sm-60 {
            font-size: 60px
        }
        .tx-sm-60-f {
            font-size: 60px!important
        }
        .tx-sm-62 {
            font-size: 62px
        }
        .tx-sm-62-f {
            font-size: 62px!important
        }
        .tx-sm-64 {
            font-size: 64px
        }
        .tx-sm-64-f {
            font-size: 64px!important
        }
        .tx-sm-66 {
            font-size: 66px
        }
        .tx-sm-66-f {
            font-size: 66px!important
        }
        .tx-sm-68 {
            font-size: 68px
        }
        .tx-sm-68-f {
            font-size: 68px!important
        }
        .tx-sm-70 {
            font-size: 70px
        }
        .tx-sm-70-f {
            font-size: 70px!important
        }
        .tx-sm-72 {
            font-size: 72px
        }
        .tx-sm-72-f {
            font-size: 72px!important
        }
        .tx-sm-74 {
            font-size: 74px
        }
        .tx-sm-74-f {
            font-size: 74px!important
        }
        .tx-sm-76 {
            font-size: 76px
        }
        .tx-sm-76-f {
            font-size: 76px!important
        }
        .tx-sm-78 {
            font-size: 78px
        }
        .tx-sm-78-f {
            font-size: 78px!important
        }
        .tx-sm-80 {
            font-size: 80px
        }
        .tx-sm-80-f {
            font-size: 80px!important
        }
        .tx-sm-82 {
            font-size: 82px
        }
        .tx-sm-82-f {
            font-size: 82px!important
        }
        .tx-sm-84 {
            font-size: 84px
        }
        .tx-sm-84-f {
            font-size: 84px!important
        }
        .tx-sm-86 {
            font-size: 86px
        }
        .tx-sm-86-f {
            font-size: 86px!important
        }
        .tx-sm-88 {
            font-size: 88px
        }
        .tx-sm-88-f {
            font-size: 88px!important
        }
        .tx-sm-90 {
            font-size: 90px
        }
        .tx-sm-90-f {
            font-size: 90px!important
        }
        .tx-sm-92 {
            font-size: 92px
        }
        .tx-sm-92-f {
            font-size: 92px!important
        }
        .tx-sm-94 {
            font-size: 94px
        }
        .tx-sm-94-f {
            font-size: 94px!important
        }
        .tx-sm-96 {
            font-size: 96px
        }
        .tx-sm-96-f {
            font-size: 96px!important
        }
        .tx-sm-98 {
            font-size: 98px
        }
        .tx-sm-98-f {
            font-size: 98px!important
        }
        .tx-sm-100 {
            font-size: 100px
        }
        .tx-sm-100-f {
            font-size: 100px!important
        }
        .tx-sm-102 {
            font-size: 102px
        }
        .tx-sm-102-f {
            font-size: 102px!important
        }
        .tx-sm-104 {
            font-size: 104px
        }
        .tx-sm-104-f {
            font-size: 104px!important
        }
        .tx-sm-106 {
            font-size: 106px
        }
        .tx-sm-106-f {
            font-size: 106px!important
        }
        .tx-sm-108 {
            font-size: 108px
        }
        .tx-sm-108-f {
            font-size: 108px!important
        }
        .tx-sm-110 {
            font-size: 110px
        }
        .tx-sm-110-f {
            font-size: 110px!important
        }
        .tx-sm-112 {
            font-size: 112px
        }
        .tx-sm-112-f {
            font-size: 112px!important
        }
        .tx-sm-114 {
            font-size: 114px
        }
        .tx-sm-114-f {
            font-size: 114px!important
        }
        .tx-sm-116 {
            font-size: 116px
        }
        .tx-sm-116-f {
            font-size: 116px!important
        }
        .tx-sm-118 {
            font-size: 118px
        }
        .tx-sm-118-f {
            font-size: 118px!important
        }
        .tx-sm-120 {
            font-size: 120px
        }
        .tx-sm-120-f {
            font-size: 120px!important
        }
        .tx-sm-122 {
            font-size: 122px
        }
        .tx-sm-122-f {
            font-size: 122px!important
        }
        .tx-sm-124 {
            font-size: 124px
        }
        .tx-sm-124-f {
            font-size: 124px!important
        }
        .tx-sm-126 {
            font-size: 126px
        }
        .tx-sm-126-f {
            font-size: 126px!important
        }
        .tx-sm-128 {
            font-size: 128px
        }
        .tx-sm-128-f {
            font-size: 128px!important
        }
        .tx-sm-130 {
            font-size: 130px
        }
        .tx-sm-130-f {
            font-size: 130px!important
        }
        .tx-sm-132 {
            font-size: 132px
        }
        .tx-sm-132-f {
            font-size: 132px!important
        }
        .tx-sm-134 {
            font-size: 134px
        }
        .tx-sm-134-f {
            font-size: 134px!important
        }
        .tx-sm-136 {
            font-size: 136px
        }
        .tx-sm-136-f {
            font-size: 136px!important
        }
        .tx-sm-138 {
            font-size: 138px
        }
        .tx-sm-138-f {
            font-size: 138px!important
        }
        .tx-sm-140 {
            font-size: 140px
        }
        .tx-sm-140-f {
            font-size: 140px!important
        }
        .tx-sm-base {
            font-size: .875rem
        }
        .tx-sm-bold {
            font-weight: 700
        }
        .tx-sm-semibold {
            font-weight: 600
        }
        .tx-sm-medium {
            font-weight: 500
        }
        .tx-sm-normal {
            font-weight: 400
        }
        .tx-sm-light {
            font-weight: 300
        }
        .tx-sm-thin {
            font-weight: 200
        }
        .tx-sm-xthin {
            font-weight: 100
        }
        .lh-sm-0 {
            line-height: 0
        }
        .lh-sm-1 {
            line-height: 1.1
        }
        .lh-sm-2 {
            line-height: 1.2
        }
        .lh-sm-3 {
            line-height: 1.3
        }
        .lh-sm-4 {
            line-height: 1.4
        }
        .lh-sm-5 {
            line-height: 1.5
        }
        .lh-sm-6 {
            line-height: 1.6
        }
        .lh-sm-7 {
            line-height: 1.7
        }
        .lh-sm-8 {
            line-height: 1.8
        }
        .lh-sm-9 {
            line-height: 1.9
        }
        .lh-sm-10 {
            line-height: 2
        }
        .lh-sm-11 {
            line-height: 2.1
        }
        .lh-sm-12 {
            line-height: 2.2
        }
        .lh-sm-13 {
            line-height: 2.3
        }
        .lh-sm-14 {
            line-height: 2.4
        }
        .lh-sm-15 {
            line-height: 2.5
        }
        .tx-sm-center {
            text-align: center
        }
        .tx-sm-right {
            text-align: right
        }
        .tx-sm-left {
            text-align: left
        }
        .tx-sm-center-f {
            text-align: center!important
        }
        .tx-sm-right-f {
            text-align: right!important
        }
        .tx-sm-left-f {
            text-align: left!important
        }
    }

    @media (min-width:768px) {
        .tx-md-8 {
            font-size: 8px
        }
        .tx-md-8-f {
            font-size: 8px!important
        }
        .tx-md-9 {
            font-size: 9px
        }
        .tx-md-9-f {
            font-size: 9px!important
        }
        .tx-md-10 {
            font-size: 10px
        }
        .tx-md-10-f {
            font-size: 10px!important
        }
        .tx-md-11 {
            font-size: 11px
        }
        .tx-md-11-f {
            font-size: 11px!important
        }
        .tx-md-12 {
            font-size: 12px
        }
        .tx-md-12-f {
            font-size: 12px!important
        }
        .tx-md-13 {
            font-size: 13px
        }
        .tx-md-13-f {
            font-size: 13px!important
        }
        .tx-md-14 {
            font-size: 14px
        }
        .tx-md-14-f {
            font-size: 14px!important
        }
        .tx-md-15 {
            font-size: 15px
        }
        .tx-md-15-f {
            font-size: 15px!important
        }
        .tx-md-16 {
            font-size: 16px
        }
        .tx-md-16-f {
            font-size: 16px!important
        }
        .tx-md-18 {
            font-size: 18px
        }
        .tx-md-18-f {
            font-size: 18px!important
        }
        .tx-md-20 {
            font-size: 20px
        }
        .tx-md-20-f {
            font-size: 20px!important
        }
        .tx-md-22 {
            font-size: 22px
        }
        .tx-md-22-f {
            font-size: 22px!important
        }
        .tx-md-24 {
            font-size: 24px
        }
        .tx-md-24-f {
            font-size: 24px!important
        }
        .tx-md-26 {
            font-size: 26px
        }
        .tx-md-26-f {
            font-size: 26px!important
        }
        .tx-md-28 {
            font-size: 28px
        }
        .tx-md-28-f {
            font-size: 28px!important
        }
        .tx-md-30 {
            font-size: 30px
        }
        .tx-md-30-f {
            font-size: 30px!important
        }
        .tx-md-32 {
            font-size: 32px
        }
        .tx-md-32-f {
            font-size: 32px!important
        }
        .tx-md-34 {
            font-size: 34px
        }
        .tx-md-34-f {
            font-size: 34px!important
        }
        .tx-md-36 {
            font-size: 36px
        }
        .tx-md-36-f {
            font-size: 36px!important
        }
        .tx-md-38 {
            font-size: 38px
        }
        .tx-md-38-f {
            font-size: 38px!important
        }
        .tx-md-40 {
            font-size: 40px
        }
        .tx-md-40-f {
            font-size: 40px!important
        }
        .tx-md-42 {
            font-size: 42px
        }
        .tx-md-42-f {
            font-size: 42px!important
        }
        .tx-md-44 {
            font-size: 44px
        }
        .tx-md-44-f {
            font-size: 44px!important
        }
        .tx-md-46 {
            font-size: 46px
        }
        .tx-md-46-f {
            font-size: 46px!important
        }
        .tx-md-48 {
            font-size: 48px
        }
        .tx-md-48-f {
            font-size: 48px!important
        }
        .tx-md-50 {
            font-size: 50px
        }
        .tx-md-50-f {
            font-size: 50px!important
        }
        .tx-md-52 {
            font-size: 52px
        }
        .tx-md-52-f {
            font-size: 52px!important
        }
        .tx-md-54 {
            font-size: 54px
        }
        .tx-md-54-f {
            font-size: 54px!important
        }
        .tx-md-56 {
            font-size: 56px
        }
        .tx-md-56-f {
            font-size: 56px!important
        }
        .tx-md-58 {
            font-size: 58px
        }
        .tx-md-58-f {
            font-size: 58px!important
        }
        .tx-md-60 {
            font-size: 60px
        }
        .tx-md-60-f {
            font-size: 60px!important
        }
        .tx-md-62 {
            font-size: 62px
        }
        .tx-md-62-f {
            font-size: 62px!important
        }
        .tx-md-64 {
            font-size: 64px
        }
        .tx-md-64-f {
            font-size: 64px!important
        }
        .tx-md-66 {
            font-size: 66px
        }
        .tx-md-66-f {
            font-size: 66px!important
        }
        .tx-md-68 {
            font-size: 68px
        }
        .tx-md-68-f {
            font-size: 68px!important
        }
        .tx-md-70 {
            font-size: 70px
        }
        .tx-md-70-f {
            font-size: 70px!important
        }
        .tx-md-72 {
            font-size: 72px
        }
        .tx-md-72-f {
            font-size: 72px!important
        }
        .tx-md-74 {
            font-size: 74px
        }
        .tx-md-74-f {
            font-size: 74px!important
        }
        .tx-md-76 {
            font-size: 76px
        }
        .tx-md-76-f {
            font-size: 76px!important
        }
        .tx-md-78 {
            font-size: 78px
        }
        .tx-md-78-f {
            font-size: 78px!important
        }
        .tx-md-80 {
            font-size: 80px
        }
        .tx-md-80-f {
            font-size: 80px!important
        }
        .tx-md-82 {
            font-size: 82px
        }
        .tx-md-82-f {
            font-size: 82px!important
        }
        .tx-md-84 {
            font-size: 84px
        }
        .tx-md-84-f {
            font-size: 84px!important
        }
        .tx-md-86 {
            font-size: 86px
        }
        .tx-md-86-f {
            font-size: 86px!important
        }
        .tx-md-88 {
            font-size: 88px
        }
        .tx-md-88-f {
            font-size: 88px!important
        }
        .tx-md-90 {
            font-size: 90px
        }
        .tx-md-90-f {
            font-size: 90px!important
        }
        .tx-md-92 {
            font-size: 92px
        }
        .tx-md-92-f {
            font-size: 92px!important
        }
        .tx-md-94 {
            font-size: 94px
        }
        .tx-md-94-f {
            font-size: 94px!important
        }
        .tx-md-96 {
            font-size: 96px
        }
        .tx-md-96-f {
            font-size: 96px!important
        }
        .tx-md-98 {
            font-size: 98px
        }
        .tx-md-98-f {
            font-size: 98px!important
        }
        .tx-md-100 {
            font-size: 100px
        }
        .tx-md-100-f {
            font-size: 100px!important
        }
        .tx-md-102 {
            font-size: 102px
        }
        .tx-md-102-f {
            font-size: 102px!important
        }
        .tx-md-104 {
            font-size: 104px
        }
        .tx-md-104-f {
            font-size: 104px!important
        }
        .tx-md-106 {
            font-size: 106px
        }
        .tx-md-106-f {
            font-size: 106px!important
        }
        .tx-md-108 {
            font-size: 108px
        }
        .tx-md-108-f {
            font-size: 108px!important
        }
        .tx-md-110 {
            font-size: 110px
        }
        .tx-md-110-f {
            font-size: 110px!important
        }
        .tx-md-112 {
            font-size: 112px
        }
        .tx-md-112-f {
            font-size: 112px!important
        }
        .tx-md-114 {
            font-size: 114px
        }
        .tx-md-114-f {
            font-size: 114px!important
        }
        .tx-md-116 {
            font-size: 116px
        }
        .tx-md-116-f {
            font-size: 116px!important
        }
        .tx-md-118 {
            font-size: 118px
        }
        .tx-md-118-f {
            font-size: 118px!important
        }
        .tx-md-120 {
            font-size: 120px
        }
        .tx-md-120-f {
            font-size: 120px!important
        }
        .tx-md-122 {
            font-size: 122px
        }
        .tx-md-122-f {
            font-size: 122px!important
        }
        .tx-md-124 {
            font-size: 124px
        }
        .tx-md-124-f {
            font-size: 124px!important
        }
        .tx-md-126 {
            font-size: 126px
        }
        .tx-md-126-f {
            font-size: 126px!important
        }
        .tx-md-128 {
            font-size: 128px
        }
        .tx-md-128-f {
            font-size: 128px!important
        }
        .tx-md-130 {
            font-size: 130px
        }
        .tx-md-130-f {
            font-size: 130px!important
        }
        .tx-md-132 {
            font-size: 132px
        }
        .tx-md-132-f {
            font-size: 132px!important
        }
        .tx-md-134 {
            font-size: 134px
        }
        .tx-md-134-f {
            font-size: 134px!important
        }
        .tx-md-136 {
            font-size: 136px
        }
        .tx-md-136-f {
            font-size: 136px!important
        }
        .tx-md-138 {
            font-size: 138px
        }
        .tx-md-138-f {
            font-size: 138px!important
        }
        .tx-md-140 {
            font-size: 140px
        }
        .tx-md-140-f {
            font-size: 140px!important
        }
        .tx-md-base {
            font-size: .875rem
        }
        .tx-md-bold {
            font-weight: 700
        }
        .tx-md-semibold {
            font-weight: 600
        }
        .tx-md-medium {
            font-weight: 500
        }
        .tx-md-normal {
            font-weight: 400
        }
        .tx-md-light {
            font-weight: 300
        }
        .tx-md-thin {
            font-weight: 200
        }
        .tx-md-xthin {
            font-weight: 100
        }
        .lh-md-0 {
            line-height: 0
        }
        .lh-md-1 {
            line-height: 1.1
        }
        .lh-md-2 {
            line-height: 1.2
        }
        .lh-md-3 {
            line-height: 1.3
        }
        .lh-md-4 {
            line-height: 1.4
        }
        .lh-md-5 {
            line-height: 1.5
        }
        .lh-md-6 {
            line-height: 1.6
        }
        .lh-md-7 {
            line-height: 1.7
        }
        .lh-md-8 {
            line-height: 1.8
        }
        .lh-md-9 {
            line-height: 1.9
        }
        .lh-md-10 {
            line-height: 2
        }
        .lh-md-11 {
            line-height: 2.1
        }
        .lh-md-12 {
            line-height: 2.2
        }
        .lh-md-13 {
            line-height: 2.3
        }
        .lh-md-14 {
            line-height: 2.4
        }
        .lh-md-15 {
            line-height: 2.5
        }
        .tx-md-center {
            text-align: center
        }
        .tx-md-right {
            text-align: right
        }
        .tx-md-left {
            text-align: left
        }
        .tx-md-center-f {
            text-align: center!important
        }
        .tx-md-right-f {
            text-align: right!important
        }
        .tx-md-left-f {
            text-align: left!important
        }
    }

    @media (min-width:992px) {
        .tx-lg-8 {
            font-size: 8px
        }
        .tx-lg-8-f {
            font-size: 8px!important
        }
        .tx-lg-9 {
            font-size: 9px
        }
        .tx-lg-9-f {
            font-size: 9px!important
        }
        .tx-lg-10 {
            font-size: 10px
        }
        .tx-lg-10-f {
            font-size: 10px!important
        }
        .tx-lg-11 {
            font-size: 11px
        }
        .tx-lg-11-f {
            font-size: 11px!important
        }
        .tx-lg-12 {
            font-size: 12px
        }
        .tx-lg-12-f {
            font-size: 12px!important
        }
        .tx-lg-13 {
            font-size: 13px
        }
        .tx-lg-13-f {
            font-size: 13px!important
        }
        .tx-lg-14 {
            font-size: 14px
        }
        .tx-lg-14-f {
            font-size: 14px!important
        }
        .tx-lg-15 {
            font-size: 15px
        }
        .tx-lg-15-f {
            font-size: 15px!important
        }
        .tx-lg-16 {
            font-size: 16px
        }
        .tx-lg-16-f {
            font-size: 16px!important
        }
        .tx-lg-18 {
            font-size: 18px
        }
        .tx-lg-18-f {
            font-size: 18px!important
        }
        .tx-lg-20 {
            font-size: 20px
        }
        .tx-lg-20-f {
            font-size: 20px!important
        }
        .tx-lg-22 {
            font-size: 22px
        }
        .tx-lg-22-f {
            font-size: 22px!important
        }
        .tx-lg-24 {
            font-size: 24px
        }
        .tx-lg-24-f {
            font-size: 24px!important
        }
        .tx-lg-26 {
            font-size: 26px
        }
        .tx-lg-26-f {
            font-size: 26px!important
        }
        .tx-lg-28 {
            font-size: 28px
        }
        .tx-lg-28-f {
            font-size: 28px!important
        }
        .tx-lg-30 {
            font-size: 30px
        }
        .tx-lg-30-f {
            font-size: 30px!important
        }
        .tx-lg-32 {
            font-size: 32px
        }
        .tx-lg-32-f {
            font-size: 32px!important
        }
        .tx-lg-34 {
            font-size: 34px
        }
        .tx-lg-34-f {
            font-size: 34px!important
        }
        .tx-lg-36 {
            font-size: 36px
        }
        .tx-lg-36-f {
            font-size: 36px!important
        }
        .tx-lg-38 {
            font-size: 38px
        }
        .tx-lg-38-f {
            font-size: 38px!important
        }
        .tx-lg-40 {
            font-size: 40px
        }
        .tx-lg-40-f {
            font-size: 40px!important
        }
        .tx-lg-42 {
            font-size: 42px
        }
        .tx-lg-42-f {
            font-size: 42px!important
        }
        .tx-lg-44 {
            font-size: 44px
        }
        .tx-lg-44-f {
            font-size: 44px!important
        }
        .tx-lg-46 {
            font-size: 46px
        }
        .tx-lg-46-f {
            font-size: 46px!important
        }
        .tx-lg-48 {
            font-size: 48px
        }
        .tx-lg-48-f {
            font-size: 48px!important
        }
        .tx-lg-50 {
            font-size: 50px
        }
        .tx-lg-50-f {
            font-size: 50px!important
        }
        .tx-lg-52 {
            font-size: 52px
        }
        .tx-lg-52-f {
            font-size: 52px!important
        }
        .tx-lg-54 {
            font-size: 54px
        }
        .tx-lg-54-f {
            font-size: 54px!important
        }
        .tx-lg-56 {
            font-size: 56px
        }
        .tx-lg-56-f {
            font-size: 56px!important
        }
        .tx-lg-58 {
            font-size: 58px
        }
        .tx-lg-58-f {
            font-size: 58px!important
        }
        .tx-lg-60 {
            font-size: 60px
        }
        .tx-lg-60-f {
            font-size: 60px!important
        }
        .tx-lg-62 {
            font-size: 62px
        }
        .tx-lg-62-f {
            font-size: 62px!important
        }
        .tx-lg-64 {
            font-size: 64px
        }
        .tx-lg-64-f {
            font-size: 64px!important
        }
        .tx-lg-66 {
            font-size: 66px
        }
        .tx-lg-66-f {
            font-size: 66px!important
        }
        .tx-lg-68 {
            font-size: 68px
        }
        .tx-lg-68-f {
            font-size: 68px!important
        }
        .tx-lg-70 {
            font-size: 70px
        }
        .tx-lg-70-f {
            font-size: 70px!important
        }
        .tx-lg-72 {
            font-size: 72px
        }
        .tx-lg-72-f {
            font-size: 72px!important
        }
        .tx-lg-74 {
            font-size: 74px
        }
        .tx-lg-74-f {
            font-size: 74px!important
        }
        .tx-lg-76 {
            font-size: 76px
        }
        .tx-lg-76-f {
            font-size: 76px!important
        }
        .tx-lg-78 {
            font-size: 78px
        }
        .tx-lg-78-f {
            font-size: 78px!important
        }
        .tx-lg-80 {
            font-size: 80px
        }
        .tx-lg-80-f {
            font-size: 80px!important
        }
        .tx-lg-82 {
            font-size: 82px
        }
        .tx-lg-82-f {
            font-size: 82px!important
        }
        .tx-lg-84 {
            font-size: 84px
        }
        .tx-lg-84-f {
            font-size: 84px!important
        }
        .tx-lg-86 {
            font-size: 86px
        }
        .tx-lg-86-f {
            font-size: 86px!important
        }
        .tx-lg-88 {
            font-size: 88px
        }
        .tx-lg-88-f {
            font-size: 88px!important
        }
        .tx-lg-90 {
            font-size: 90px
        }
        .tx-lg-90-f {
            font-size: 90px!important
        }
        .tx-lg-92 {
            font-size: 92px
        }
        .tx-lg-92-f {
            font-size: 92px!important
        }
        .tx-lg-94 {
            font-size: 94px
        }
        .tx-lg-94-f {
            font-size: 94px!important
        }
        .tx-lg-96 {
            font-size: 96px
        }
        .tx-lg-96-f {
            font-size: 96px!important
        }
        .tx-lg-98 {
            font-size: 98px
        }
        .tx-lg-98-f {
            font-size: 98px!important
        }
        .tx-lg-100 {
            font-size: 100px
        }
        .tx-lg-100-f {
            font-size: 100px!important
        }
        .tx-lg-102 {
            font-size: 102px
        }
        .tx-lg-102-f {
            font-size: 102px!important
        }
        .tx-lg-104 {
            font-size: 104px
        }
        .tx-lg-104-f {
            font-size: 104px!important
        }
        .tx-lg-106 {
            font-size: 106px
        }
        .tx-lg-106-f {
            font-size: 106px!important
        }
        .tx-lg-108 {
            font-size: 108px
        }
        .tx-lg-108-f {
            font-size: 108px!important
        }
        .tx-lg-110 {
            font-size: 110px
        }
        .tx-lg-110-f {
            font-size: 110px!important
        }
        .tx-lg-112 {
            font-size: 112px
        }
        .tx-lg-112-f {
            font-size: 112px!important
        }
        .tx-lg-114 {
            font-size: 114px
        }
        .tx-lg-114-f {
            font-size: 114px!important
        }
        .tx-lg-116 {
            font-size: 116px
        }
        .tx-lg-116-f {
            font-size: 116px!important
        }
        .tx-lg-118 {
            font-size: 118px
        }
        .tx-lg-118-f {
            font-size: 118px!important
        }
        .tx-lg-120 {
            font-size: 120px
        }
        .tx-lg-120-f {
            font-size: 120px!important
        }
        .tx-lg-122 {
            font-size: 122px
        }
        .tx-lg-122-f {
            font-size: 122px!important
        }
        .tx-lg-124 {
            font-size: 124px
        }
        .tx-lg-124-f {
            font-size: 124px!important
        }
        .tx-lg-126 {
            font-size: 126px
        }
        .tx-lg-126-f {
            font-size: 126px!important
        }
        .tx-lg-128 {
            font-size: 128px
        }
        .tx-lg-128-f {
            font-size: 128px!important
        }
        .tx-lg-130 {
            font-size: 130px
        }
        .tx-lg-130-f {
            font-size: 130px!important
        }
        .tx-lg-132 {
            font-size: 132px
        }
        .tx-lg-132-f {
            font-size: 132px!important
        }
        .tx-lg-134 {
            font-size: 134px
        }
        .tx-lg-134-f {
            font-size: 134px!important
        }
        .tx-lg-136 {
            font-size: 136px
        }
        .tx-lg-136-f {
            font-size: 136px!important
        }
        .tx-lg-138 {
            font-size: 138px
        }
        .tx-lg-138-f {
            font-size: 138px!important
        }
        .tx-lg-140 {
            font-size: 140px
        }
        .tx-lg-140-f {
            font-size: 140px!important
        }
        .tx-lg-base {
            font-size: .875rem
        }
        .tx-lg-bold {
            font-weight: 700
        }
        .tx-lg-semibold {
            font-weight: 600
        }
        .tx-lg-medium {
            font-weight: 500
        }
        .tx-lg-normal {
            font-weight: 400
        }
        .tx-lg-light {
            font-weight: 300
        }
        .tx-lg-thin {
            font-weight: 200
        }
        .tx-lg-xthin {
            font-weight: 100
        }
        .lh-lg-0 {
            line-height: 0
        }
        .lh-lg-1 {
            line-height: 1.1
        }
        .lh-lg-2 {
            line-height: 1.2
        }
        .lh-lg-3 {
            line-height: 1.3
        }
        .lh-lg-4 {
            line-height: 1.4
        }
        .lh-lg-5 {
            line-height: 1.5
        }
        .lh-lg-6 {
            line-height: 1.6
        }
        .lh-lg-7 {
            line-height: 1.7
        }
        .lh-lg-8 {
            line-height: 1.8
        }
        .lh-lg-9 {
            line-height: 1.9
        }
        .lh-lg-10 {
            line-height: 2
        }
        .lh-lg-11 {
            line-height: 2.1
        }
        .lh-lg-12 {
            line-height: 2.2
        }
        .lh-lg-13 {
            line-height: 2.3
        }
        .lh-lg-14 {
            line-height: 2.4
        }
        .lh-lg-15 {
            line-height: 2.5
        }
        .tx-lg-center {
            text-align: center
        }
        .tx-lg-right {
            text-align: right
        }
        .tx-lg-left {
            text-align: left
        }
        .tx-lg-center-f {
            text-align: center!important
        }
        .tx-lg-right-f {
            text-align: right!important
        }
        .tx-lg-left-f {
            text-align: left!important
        }
    }

    @media (min-width:1200px) {
        .tx-xl-8 {
            font-size: 8px
        }
        .tx-xl-8-f {
            font-size: 8px!important
        }
        .tx-xl-9 {
            font-size: 9px
        }
        .tx-xl-9-f {
            font-size: 9px!important
        }
        .tx-xl-10 {
            font-size: 10px
        }
        .tx-xl-10-f {
            font-size: 10px!important
        }
        .tx-xl-11 {
            font-size: 11px
        }
        .tx-xl-11-f {
            font-size: 11px!important
        }
        .tx-xl-12 {
            font-size: 12px
        }
        .tx-xl-12-f {
            font-size: 12px!important
        }
        .tx-xl-13 {
            font-size: 13px
        }
        .tx-xl-13-f {
            font-size: 13px!important
        }
        .tx-xl-14 {
            font-size: 14px
        }
        .tx-xl-14-f {
            font-size: 14px!important
        }
        .tx-xl-15 {
            font-size: 15px
        }
        .tx-xl-15-f {
            font-size: 15px!important
        }
        .tx-xl-16 {
            font-size: 16px
        }
        .tx-xl-16-f {
            font-size: 16px!important
        }
        .tx-xl-18 {
            font-size: 18px
        }
        .tx-xl-18-f {
            font-size: 18px!important
        }
        .tx-xl-20 {
            font-size: 20px
        }
        .tx-xl-20-f {
            font-size: 20px!important
        }
        .tx-xl-22 {
            font-size: 22px
        }
        .tx-xl-22-f {
            font-size: 22px!important
        }
        .tx-xl-24 {
            font-size: 24px
        }
        .tx-xl-24-f {
            font-size: 24px!important
        }
        .tx-xl-26 {
            font-size: 26px
        }
        .tx-xl-26-f {
            font-size: 26px!important
        }
        .tx-xl-28 {
            font-size: 28px
        }
        .tx-xl-28-f {
            font-size: 28px!important
        }
        .tx-xl-30 {
            font-size: 30px
        }
        .tx-xl-30-f {
            font-size: 30px!important
        }
        .tx-xl-32 {
            font-size: 32px
        }
        .tx-xl-32-f {
            font-size: 32px!important
        }
        .tx-xl-34 {
            font-size: 34px
        }
        .tx-xl-34-f {
            font-size: 34px!important
        }
        .tx-xl-36 {
            font-size: 36px
        }
        .tx-xl-36-f {
            font-size: 36px!important
        }
        .tx-xl-38 {
            font-size: 38px
        }
        .tx-xl-38-f {
            font-size: 38px!important
        }
        .tx-xl-40 {
            font-size: 40px
        }
        .tx-xl-40-f {
            font-size: 40px!important
        }
        .tx-xl-42 {
            font-size: 42px
        }
        .tx-xl-42-f {
            font-size: 42px!important
        }
        .tx-xl-44 {
            font-size: 44px
        }
        .tx-xl-44-f {
            font-size: 44px!important
        }
        .tx-xl-46 {
            font-size: 46px
        }
        .tx-xl-46-f {
            font-size: 46px!important
        }
        .tx-xl-48 {
            font-size: 48px
        }
        .tx-xl-48-f {
            font-size: 48px!important
        }
        .tx-xl-50 {
            font-size: 50px
        }
        .tx-xl-50-f {
            font-size: 50px!important
        }
        .tx-xl-52 {
            font-size: 52px
        }
        .tx-xl-52-f {
            font-size: 52px!important
        }
        .tx-xl-54 {
            font-size: 54px
        }
        .tx-xl-54-f {
            font-size: 54px!important
        }
        .tx-xl-56 {
            font-size: 56px
        }
        .tx-xl-56-f {
            font-size: 56px!important
        }
        .tx-xl-58 {
            font-size: 58px
        }
        .tx-xl-58-f {
            font-size: 58px!important
        }
        .tx-xl-60 {
            font-size: 60px
        }
        .tx-xl-60-f {
            font-size: 60px!important
        }
        .tx-xl-62 {
            font-size: 62px
        }
        .tx-xl-62-f {
            font-size: 62px!important
        }
        .tx-xl-64 {
            font-size: 64px
        }
        .tx-xl-64-f {
            font-size: 64px!important
        }
        .tx-xl-66 {
            font-size: 66px
        }
        .tx-xl-66-f {
            font-size: 66px!important
        }
        .tx-xl-68 {
            font-size: 68px
        }
        .tx-xl-68-f {
            font-size: 68px!important
        }
        .tx-xl-70 {
            font-size: 70px
        }
        .tx-xl-70-f {
            font-size: 70px!important
        }
        .tx-xl-72 {
            font-size: 72px
        }
        .tx-xl-72-f {
            font-size: 72px!important
        }
        .tx-xl-74 {
            font-size: 74px
        }
        .tx-xl-74-f {
            font-size: 74px!important
        }
        .tx-xl-76 {
            font-size: 76px
        }
        .tx-xl-76-f {
            font-size: 76px!important
        }
        .tx-xl-78 {
            font-size: 78px
        }
        .tx-xl-78-f {
            font-size: 78px!important
        }
        .tx-xl-80 {
            font-size: 80px
        }
        .tx-xl-80-f {
            font-size: 80px!important
        }
        .tx-xl-82 {
            font-size: 82px
        }
        .tx-xl-82-f {
            font-size: 82px!important
        }
        .tx-xl-84 {
            font-size: 84px
        }
        .tx-xl-84-f {
            font-size: 84px!important
        }
        .tx-xl-86 {
            font-size: 86px
        }
        .tx-xl-86-f {
            font-size: 86px!important
        }
        .tx-xl-88 {
            font-size: 88px
        }
        .tx-xl-88-f {
            font-size: 88px!important
        }
        .tx-xl-90 {
            font-size: 90px
        }
        .tx-xl-90-f {
            font-size: 90px!important
        }
        .tx-xl-92 {
            font-size: 92px
        }
        .tx-xl-92-f {
            font-size: 92px!important
        }
        .tx-xl-94 {
            font-size: 94px
        }
        .tx-xl-94-f {
            font-size: 94px!important
        }
        .tx-xl-96 {
            font-size: 96px
        }
        .tx-xl-96-f {
            font-size: 96px!important
        }
        .tx-xl-98 {
            font-size: 98px
        }
        .tx-xl-98-f {
            font-size: 98px!important
        }
        .tx-xl-100 {
            font-size: 100px
        }
        .tx-xl-100-f {
            font-size: 100px!important
        }
        .tx-xl-102 {
            font-size: 102px
        }
        .tx-xl-102-f {
            font-size: 102px!important
        }
        .tx-xl-104 {
            font-size: 104px
        }
        .tx-xl-104-f {
            font-size: 104px!important
        }
        .tx-xl-106 {
            font-size: 106px
        }
        .tx-xl-106-f {
            font-size: 106px!important
        }
        .tx-xl-108 {
            font-size: 108px
        }
        .tx-xl-108-f {
            font-size: 108px!important
        }
        .tx-xl-110 {
            font-size: 110px
        }
        .tx-xl-110-f {
            font-size: 110px!important
        }
        .tx-xl-112 {
            font-size: 112px
        }
        .tx-xl-112-f {
            font-size: 112px!important
        }
        .tx-xl-114 {
            font-size: 114px
        }
        .tx-xl-114-f {
            font-size: 114px!important
        }
        .tx-xl-116 {
            font-size: 116px
        }
        .tx-xl-116-f {
            font-size: 116px!important
        }
        .tx-xl-118 {
            font-size: 118px
        }
        .tx-xl-118-f {
            font-size: 118px!important
        }
        .tx-xl-120 {
            font-size: 120px
        }
        .tx-xl-120-f {
            font-size: 120px!important
        }
        .tx-xl-122 {
            font-size: 122px
        }
        .tx-xl-122-f {
            font-size: 122px!important
        }
        .tx-xl-124 {
            font-size: 124px
        }
        .tx-xl-124-f {
            font-size: 124px!important
        }
        .tx-xl-126 {
            font-size: 126px
        }
        .tx-xl-126-f {
            font-size: 126px!important
        }
        .tx-xl-128 {
            font-size: 128px
        }
        .tx-xl-128-f {
            font-size: 128px!important
        }
        .tx-xl-130 {
            font-size: 130px
        }
        .tx-xl-130-f {
            font-size: 130px!important
        }
        .tx-xl-132 {
            font-size: 132px
        }
        .tx-xl-132-f {
            font-size: 132px!important
        }
        .tx-xl-134 {
            font-size: 134px
        }
        .tx-xl-134-f {
            font-size: 134px!important
        }
        .tx-xl-136 {
            font-size: 136px
        }
        .tx-xl-136-f {
            font-size: 136px!important
        }
        .tx-xl-138 {
            font-size: 138px
        }
        .tx-xl-138-f {
            font-size: 138px!important
        }
        .tx-xl-140 {
            font-size: 140px
        }
        .tx-xl-140-f {
            font-size: 140px!important
        }
        .tx-xl-base {
            font-size: .875rem
        }
        .tx-xl-bold {
            font-weight: 700
        }
        .tx-xl-semibold {
            font-weight: 600
        }
        .tx-xl-medium {
            font-weight: 500
        }
        .tx-xl-normal {
            font-weight: 400
        }
        .tx-xl-light {
            font-weight: 300
        }
        .tx-xl-thin {
            font-weight: 200
        }
        .tx-xl-xthin {
            font-weight: 100
        }
        .lh-xl-0 {
            line-height: 0
        }
        .lh-xl-1 {
            line-height: 1.1
        }
        .lh-xl-2 {
            line-height: 1.2
        }
        .lh-xl-3 {
            line-height: 1.3
        }
        .lh-xl-4 {
            line-height: 1.4
        }
        .lh-xl-5 {
            line-height: 1.5
        }
        .lh-xl-6 {
            line-height: 1.6
        }
        .lh-xl-7 {
            line-height: 1.7
        }
        .lh-xl-8 {
            line-height: 1.8
        }
        .lh-xl-9 {
            line-height: 1.9
        }
        .lh-xl-10 {
            line-height: 2
        }
        .lh-xl-11 {
            line-height: 2.1
        }
        .lh-xl-12 {
            line-height: 2.2
        }
        .lh-xl-13 {
            line-height: 2.3
        }
        .lh-xl-14 {
            line-height: 2.4
        }
        .lh-xl-15 {
            line-height: 2.5
        }
        .tx-xl-center {
            text-align: center
        }
        .tx-xl-right {
            text-align: right
        }
        .tx-xl-left {
            text-align: left
        }
        .tx-xl-center-f {
            text-align: center!important
        }
        .tx-xl-right-f {
            text-align: right!important
        }
        .tx-xl-left-f {
            text-align: left!important
        }
    }

    .text-monospace {
        font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace!important
    }

    .text-justify {
        text-align: justify!important
    }

    .text-wrap {
        white-space: normal!important
    }

    .text-nowrap {
        white-space: nowrap!important
    }

    .text-truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .text-left {
        text-align: left!important
    }

    .text-right {
        text-align: right!important
    }

    .text-center {
        text-align: center!important
    }

    @media (min-width:576px) {
        .text-sm-left {
            text-align: left!important
        }
        .text-sm-right {
            text-align: right!important
        }
        .text-sm-center {
            text-align: center!important
        }
    }

    @media (min-width:768px) {
        .text-md-left {
            text-align: left!important
        }
        .text-md-right {
            text-align: right!important
        }
        .text-md-center {
            text-align: center!important
        }
    }

    @media (min-width:992px) {
        .text-lg-left {
            text-align: left!important
        }
        .text-lg-right {
            text-align: right!important
        }
        .text-lg-center {
            text-align: center!important
        }
    }

    @media (min-width:1200px) {
        .text-xl-left {
            text-align: left!important
        }
        .text-xl-right {
            text-align: right!important
        }
        .text-xl-center {
            text-align: center!important
        }
    }

    .text-lowercase {
        text-transform: lowercase!important
    }

    .text-uppercase {
        text-transform: uppercase!important
    }

    .text-capitalize {
        text-transform: capitalize!important
    }

    .font-weight-light {
        font-weight: 300!important
    }

    .font-weight-lighter {
        font-weight: lighter!important
    }

    .font-weight-normal {
        font-weight: 400!important
    }

    .font-weight-semibold {
        font-weight: 500!important
    }

    .font-weight-bold {
        font-weight: 700!important
    }

    .font-weight-bolder {
        font-weight: bolder!important
    }

    .font-italic {
        font-style: italic!important
    }

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

    .text-secondary {
        color: #f1388b!important
    }

    a.text-secondary:focus,
    a.text-secondary:hover {
        color: #e06b32!important
    }

    .text-success {
        color: #19b159!important
    }

    a.text-success:focus,
    a.text-success:hover {
        color: #226401!important
    }

    .text-info {
        color: #01b8ff!important
    }

    a.text-info:focus,
    a.text-info:hover {
        color: #0f6674!important
    }

    .text-warning {
        color: #ff9b21!important
    }

    a.text-warning:focus,
    a.text-warning:hover {
        color: #ba8b00!important
    }

    .text-danger {
        color: #f16d75!important
    }

    a.text-danger:focus,
    a.text-danger:hover {
        color: #a71d2a!important
    }

    .text-light {
        color: #f1f2f9!important
    }

    a.text-light:focus,
    a.text-light:hover {
        color: #c5cbda!important
    }

    .text-dark {
        color: #465988!important
    }

    a.text-dark:focus,
    a.text-dark:hover {
        color: #1e2533!important
    }

    .text-body {
        color: #465988!important
    }

    .text-muted {
        color: #8f8fb1!important
    }

    .text-black-50 {
        color: rgba(0, 0, 0, .5)!important
    }

    .text-white-50 {
        color: hsla(0, 0%, 100%, .5)!important
    }

    .text-hide {
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0
    }

    .text-decoration-none {
        text-decoration: none!important
    }

    .text-break {
        word-break: break-word!important;
        overflow-wrap: break-word!important
    }

    .text-reset {
        color: inherit!important
    }

    .visible {
        visibility: visible!important
    }

    .invisible {
        visibility: hidden!important
    }

    .text-secondary {
        color: #f1388b
    }

    .wd-1 {
        width: 1px
    }

    .wd-2 {
        width: 2px
    }

    .wd-3 {
        width: 3px
    }

    .wd-4 {
        width: 4px
    }

    .wd-6 {
        width: 6px
    }

    .wd-7 {
        width: 7px
    }

    .wd-8 {
        width: 8px
    }

    .wd-9 {
        width: 9px
    }

    .wd-5 {
        width: 5px
    }

    .wd-5p {
        width: 5%
    }

    .mx-wd-5p {
        max-width: 5%
    }

    .mn-wd-5p {
        min-width: 5%
    }

    .wd-5-f {
        width: 5px!important
    }

    .wd-5p-f {
        width: 5%!important
    }

    .mx-wd-5p-f {
        max-width: 5%!important
    }

    .mn-wd-5p-f {
        min-width: 5%!important
    }

    .wd-10 {
        width: 10px
    }

    .wd-10p {
        width: 10%
    }

    .mx-wd-10p {
        max-width: 10%
    }

    .mn-wd-10p {
        min-width: 10%
    }

    .wd-10-f {
        width: 10px!important
    }

    .wd-10p-f {
        width: 10%!important
    }

    .mx-wd-10p-f {
        max-width: 10%!important
    }

    .mn-wd-10p-f {
        min-width: 10%!important
    }

    .wd-15 {
        width: 15px
    }

    .wd-15p {
        width: 15%
    }

    .mx-wd-15p {
        max-width: 15%
    }

    .mn-wd-15p {
        min-width: 15%
    }

    .wd-15-f {
        width: 15px!important
    }

    .wd-15p-f {
        width: 15%!important
    }

    .mx-wd-15p-f {
        max-width: 15%!important
    }

    .mn-wd-15p-f {
        min-width: 15%!important
    }

    .wd-20 {
        width: 20px
    }

    .wd-20p {
        width: 20%
    }

    .mx-wd-20p {
        max-width: 20%
    }

    .mn-wd-20p {
        min-width: 20%
    }

    .wd-20-f {
        width: 20px!important
    }

    .wd-20p-f {
        width: 20%!important
    }

    .mx-wd-20p-f {
        max-width: 20%!important
    }

    .mn-wd-20p-f {
        min-width: 20%!important
    }

    .wd-25 {
        width: 25px
    }

    .wd-25p {
        width: 25%
    }

    .mx-wd-25p {
        max-width: 25%
    }

    .mn-wd-25p {
        min-width: 25%
    }

    .wd-25-f {
        width: 25px!important
    }

    .wd-25p-f {
        width: 25%!important
    }

    .mx-wd-25p-f {
        max-width: 25%!important
    }

    .mn-wd-25p-f {
        min-width: 25%!important
    }

    .wd-30 {
        width: 30px
    }

    .wd-30p {
        width: 30%
    }

    .mx-wd-30p {
        max-width: 30%
    }

    .mn-wd-30p {
        min-width: 30%
    }

    .wd-30-f {
        width: 30px!important
    }

    .wd-30p-f {
        width: 30%!important
    }

    .mx-wd-30p-f {
        max-width: 30%!important
    }

    .mn-wd-30p-f {
        min-width: 30%!important
    }

    .wd-35 {
        width: 35px
    }

    .wd-35p {
        width: 35%
    }

    .mx-wd-35p {
        max-width: 35%
    }

    .mn-wd-35p {
        min-width: 35%
    }

    .wd-35-f {
        width: 35px!important
    }

    .wd-35p-f {
        width: 35%!important
    }

    .mx-wd-35p-f {
        max-width: 35%!important
    }

    .mn-wd-35p-f {
        min-width: 35%!important
    }

    .wd-40 {
        width: 40px
    }

    .wd-40p {
        width: 40%
    }

    .mx-wd-40p {
        max-width: 40%
    }

    .mn-wd-40p {
        min-width: 40%
    }

    .wd-40-f {
        width: 40px!important
    }

    .wd-40p-f {
        width: 40%!important
    }

    .mx-wd-40p-f {
        max-width: 40%!important
    }

    .mn-wd-40p-f {
        min-width: 40%!important
    }

    .wd-45 {
        width: 45px
    }

    .wd-45p {
        width: 45%
    }

    .mx-wd-45p {
        max-width: 45%
    }

    .mn-wd-45p {
        min-width: 45%
    }

    .wd-45-f {
        width: 45px!important
    }

    .wd-45p-f {
        width: 45%!important
    }

    .mx-wd-45p-f {
        max-width: 45%!important
    }

    .mn-wd-45p-f {
        min-width: 45%!important
    }

    .wd-50 {
        width: 50px
    }

    .wd-50p {
        width: 50%
    }

    .mx-wd-50p {
        max-width: 50%
    }

    .mn-wd-50p {
        min-width: 50%
    }

    .wd-50-f {
        width: 50px!important
    }

    .wd-50p-f {
        width: 50%!important
    }

    .mx-wd-50p-f {
        max-width: 50%!important
    }

    .mn-wd-50p-f {
        min-width: 50%!important
    }

    .wd-55 {
        width: 55px
    }

    .wd-55p {
        width: 55%
    }

    .mx-wd-55p {
        max-width: 55%
    }

    .mn-wd-55p {
        min-width: 55%
    }

    .wd-55-f {
        width: 55px!important
    }

    .wd-55p-f {
        width: 55%!important
    }

    .mx-wd-55p-f {
        max-width: 55%!important
    }

    .mn-wd-55p-f {
        min-width: 55%!important
    }

    .wd-60 {
        width: 60px
    }

    .wd-60p {
        width: 60%
    }

    .mx-wd-60p {
        max-width: 60%
    }

    .mn-wd-60p {
        min-width: 60%
    }

    .wd-60-f {
        width: 60px!important
    }

    .wd-60p-f {
        width: 60%!important
    }

    .mx-wd-60p-f {
        max-width: 60%!important
    }

    .mn-wd-60p-f {
        min-width: 60%!important
    }

    .wd-65 {
        width: 65px
    }

    .wd-65p {
        width: 65%
    }

    .mx-wd-65p {
        max-width: 65%
    }

    .mn-wd-65p {
        min-width: 65%
    }

    .wd-65-f {
        width: 65px!important
    }

    .wd-65p-f {
        width: 65%!important
    }

    .mx-wd-65p-f {
        max-width: 65%!important
    }

    .mn-wd-65p-f {
        min-width: 65%!important
    }

    .wd-70 {
        width: 70px
    }

    .wd-70p {
        width: 70%
    }

    .mx-wd-70p {
        max-width: 70%
    }

    .mn-wd-70p {
        min-width: 70%
    }

    .wd-70-f {
        width: 70px!important
    }

    .wd-70p-f {
        width: 70%!important
    }

    .mx-wd-70p-f {
        max-width: 70%!important
    }

    .mn-wd-70p-f {
        min-width: 70%!important
    }

    .wd-75 {
        width: 75px
    }

    .wd-75p {
        width: 75%
    }

    .mx-wd-75p {
        max-width: 75%
    }

    .mn-wd-75p {
        min-width: 75%
    }

    .wd-75-f {
        width: 75px!important
    }

    .wd-75p-f {
        width: 75%!important
    }

    .mx-wd-75p-f {
        max-width: 75%!important
    }

    .mn-wd-75p-f {
        min-width: 75%!important
    }

    .wd-80 {
        width: 80px
    }

    .wd-80p {
        width: 80%
    }

    .mx-wd-80p {
        max-width: 80%
    }

    .mn-wd-80p {
        min-width: 80%
    }

    .wd-80-f {
        width: 80px!important
    }

    .wd-80p-f {
        width: 80%!important
    }

    .mx-wd-80p-f {
        max-width: 80%!important
    }

    .mn-wd-80p-f {
        min-width: 80%!important
    }

    .wd-85 {
        width: 85px
    }

    .wd-85p {
        width: 85%
    }

    .mx-wd-85p {
        max-width: 85%
    }

    .mn-wd-85p {
        min-width: 85%
    }

    .wd-85-f {
        width: 85px!important
    }

    .wd-85p-f {
        width: 85%!important
    }

    .mx-wd-85p-f {
        max-width: 85%!important
    }

    .mn-wd-85p-f {
        min-width: 85%!important
    }

    .wd-90 {
        width: 90px
    }

    .wd-90p {
        width: 90%
    }

    .mx-wd-90p {
        max-width: 90%
    }

    .mn-wd-90p {
        min-width: 90%
    }

    .wd-90-f {
        width: 90px!important
    }

    .wd-90p-f {
        width: 90%!important
    }

    .mx-wd-90p-f {
        max-width: 90%!important
    }

    .mn-wd-90p-f {
        min-width: 90%!important
    }

    .wd-95 {
        width: 95px
    }

    .wd-95p {
        width: 95%
    }

    .mx-wd-95p {
        max-width: 95%
    }

    .mn-wd-95p {
        min-width: 95%
    }

    .wd-95-f {
        width: 95px!important
    }

    .wd-95p-f {
        width: 95%!important
    }

    .mx-wd-95p-f {
        max-width: 95%!important
    }

    .mn-wd-95p-f {
        min-width: 95%!important
    }

    .wd-100 {
        width: 100px
    }

    .wd-100p {
        width: 100%
    }

    .mx-wd-100p {
        max-width: 100%
    }

    .mn-wd-100p {
        min-width: 100%
    }

    .wd-100-f {
        width: 100px!important
    }

    .wd-100p-f {
        width: 100%!important
    }

    .mx-wd-100p-f {
        max-width: 100%!important
    }

    .mn-wd-100p-f {
        min-width: 100%!important
    }

    .wd-150 {
        width: 150px
    }

    .wd-150-f {
        width: 150px!important
    }

    .wd-200 {
        width: 200px
    }

    .wd-200-f {
        width: 200px!important
    }

    .wd-250 {
        width: 250px
    }

    .wd-250-f {
        width: 250px!important
    }

    .wd-276 {
        width: 276px
    }

    .wd-280 {
        width: 280px
    }

    .wd-280-f {
        width: 280px!important
    }

    .wd-300 {
        width: 300px
    }

    .wd-300-f {
        width: 300px!important
    }

    .wd-350 {
        width: 350px
    }

    .wd-350-f {
        width: 350px!important
    }

    .wd-400 {
        width: 400px
    }

    .wd-400-f {
        width: 400px!important
    }

    .wd-450 {
        width: 450px
    }

    .wd-450-f {
        width: 450px!important
    }

    .wd-500 {
        width: 500px
    }

    .wd-500-f {
        width: 500px!important
    }

    .wd-550 {
        width: 550px
    }

    .wd-550-f {
        width: 550px!important
    }

    .wd-600 {
        width: 600px
    }

    .wd-600-f {
        width: 600px!important
    }

    .wd-650 {
        width: 650px
    }

    .wd-650-f {
        width: 650px!important
    }

    .wd-700 {
        width: 700px
    }

    .wd-700-f {
        width: 700px!important
    }

    .wd-750 {
        width: 750px
    }

    .wd-750-f {
        width: 750px!important
    }

    .wd-800 {
        width: 800px
    }

    .wd-800-f {
        width: 800px!important
    }

    .wd-850 {
        width: 850px
    }

    .wd-850-f {
        width: 850px!important
    }

    .wd-900 {
        width: 900px
    }

    .wd-900-f {
        width: 900px!important
    }

    .wd-950 {
        width: 950px
    }

    .wd-950-f {
        width: 950px!important
    }

    .wd-1000 {
        width: 1000px
    }

    .wd-1000-f {
        width: 1000px!important
    }

    @media (min-width:480px) {
        .wd-xs-5 {
            width: 5px
        }
        .wd-xs-5p {
            width: 5%
        }
        .mx-wd-xs-5p {
            max-width: 5%
        }
        .mn-wd-xs-5p {
            min-width: 5%
        }
        .wd-xs-5-f {
            width: 5px!important
        }
        .wd-xs-5p-f {
            width: 5%!important
        }
        .mx-wd-xs-5p-f {
            max-width: 5%!important
        }
        .mn-wd-xs-5p-f {
            min-width: 5%!important
        }
        .wd-xs-10 {
            width: 10px
        }
        .wd-xs-10p {
            width: 10%
        }
        .mx-wd-xs-10p {
            max-width: 10%
        }
        .mn-wd-xs-10p {
            min-width: 10%
        }
        .wd-xs-10-f {
            width: 10px!important
        }
        .wd-xs-10p-f {
            width: 10%!important
        }
        .mx-wd-xs-10p-f {
            max-width: 10%!important
        }
        .mn-wd-xs-10p-f {
            min-width: 10%!important
        }
        .wd-xs-15 {
            width: 15px
        }
        .wd-xs-15p {
            width: 15%
        }
        .mx-wd-xs-15p {
            max-width: 15%
        }
        .mn-wd-xs-15p {
            min-width: 15%
        }
        .wd-xs-15-f {
            width: 15px!important
        }
        .wd-xs-15p-f {
            width: 15%!important
        }
        .mx-wd-xs-15p-f {
            max-width: 15%!important
        }
        .mn-wd-xs-15p-f {
            min-width: 15%!important
        }
        .wd-xs-20 {
            width: 20px
        }
        .wd-xs-20p {
            width: 20%
        }
        .mx-wd-xs-20p {
            max-width: 20%
        }
        .mn-wd-xs-20p {
            min-width: 20%
        }
        .wd-xs-20-f {
            width: 20px!important
        }
        .wd-xs-20p-f {
            width: 20%!important
        }
        .mx-wd-xs-20p-f {
            max-width: 20%!important
        }
        .mn-wd-xs-20p-f {
            min-width: 20%!important
        }
        .wd-xs-25 {
            width: 25px
        }
        .wd-xs-25p {
            width: 25%
        }
        .mx-wd-xs-25p {
            max-width: 25%
        }
        .mn-wd-xs-25p {
            min-width: 25%
        }
        .wd-xs-25-f {
            width: 25px!important
        }
        .wd-xs-25p-f {
            width: 25%!important
        }
        .mx-wd-xs-25p-f {
            max-width: 25%!important
        }
        .mn-wd-xs-25p-f {
            min-width: 25%!important
        }
        .wd-xs-30 {
            width: 30px
        }
        .wd-xs-30p {
            width: 30%
        }
        .mx-wd-xs-30p {
            max-width: 30%
        }
        .mn-wd-xs-30p {
            min-width: 30%
        }
        .wd-xs-30-f {
            width: 30px!important
        }
        .wd-xs-30p-f {
            width: 30%!important
        }
        .mx-wd-xs-30p-f {
            max-width: 30%!important
        }
        .mn-wd-xs-30p-f {
            min-width: 30%!important
        }
        .wd-xs-35 {
            width: 35px
        }
        .wd-xs-35p {
            width: 35%
        }
        .mx-wd-xs-35p {
            max-width: 35%
        }
        .mn-wd-xs-35p {
            min-width: 35%
        }
        .wd-xs-35-f {
            width: 35px!important
        }
        .wd-xs-35p-f {
            width: 35%!important
        }
        .mx-wd-xs-35p-f {
            max-width: 35%!important
        }
        .mn-wd-xs-35p-f {
            min-width: 35%!important
        }
        .wd-xs-40 {
            width: 40px
        }
        .wd-xs-40p {
            width: 40%
        }
        .mx-wd-xs-40p {
            max-width: 40%
        }
        .mn-wd-xs-40p {
            min-width: 40%
        }
        .wd-xs-40-f {
            width: 40px!important
        }
        .wd-xs-40p-f {
            width: 40%!important
        }
        .mx-wd-xs-40p-f {
            max-width: 40%!important
        }
        .mn-wd-xs-40p-f {
            min-width: 40%!important
        }
        .wd-xs-45 {
            width: 45px
        }
        .wd-xs-45p {
            width: 45%
        }
        .mx-wd-xs-45p {
            max-width: 45%
        }
        .mn-wd-xs-45p {
            min-width: 45%
        }
        .wd-xs-45-f {
            width: 45px!important
        }
        .wd-xs-45p-f {
            width: 45%!important
        }
        .mx-wd-xs-45p-f {
            max-width: 45%!important
        }
        .mn-wd-xs-45p-f {
            min-width: 45%!important
        }
        .wd-xs-50 {
            width: 50px
        }
        .wd-xs-50p {
            width: 50%
        }
        .mx-wd-xs-50p {
            max-width: 50%
        }
        .mn-wd-xs-50p {
            min-width: 50%
        }
        .wd-xs-50-f {
            width: 50px!important
        }
        .wd-xs-50p-f {
            width: 50%!important
        }
        .mx-wd-xs-50p-f {
            max-width: 50%!important
        }
        .mn-wd-xs-50p-f {
            min-width: 50%!important
        }
        .wd-xs-55 {
            width: 55px
        }
        .wd-xs-55p {
            width: 55%
        }
        .mx-wd-xs-55p {
            max-width: 55%
        }
        .mn-wd-xs-55p {
            min-width: 55%
        }
        .wd-xs-55-f {
            width: 55px!important
        }
        .wd-xs-55p-f {
            width: 55%!important
        }
        .mx-wd-xs-55p-f {
            max-width: 55%!important
        }
        .mn-wd-xs-55p-f {
            min-width: 55%!important
        }
        .wd-xs-60 {
            width: 60px
        }
        .wd-xs-60p {
            width: 60%
        }
        .mx-wd-xs-60p {
            max-width: 60%
        }
        .mn-wd-xs-60p {
            min-width: 60%
        }
        .wd-xs-60-f {
            width: 60px!important
        }
        .wd-xs-60p-f {
            width: 60%!important
        }
        .mx-wd-xs-60p-f {
            max-width: 60%!important
        }
        .mn-wd-xs-60p-f {
            min-width: 60%!important
        }
        .wd-xs-65 {
            width: 65px
        }
        .wd-xs-65p {
            width: 65%
        }
        .mx-wd-xs-65p {
            max-width: 65%
        }
        .mn-wd-xs-65p {
            min-width: 65%
        }
        .wd-xs-65-f {
            width: 65px!important
        }
        .wd-xs-65p-f {
            width: 65%!important
        }
        .mx-wd-xs-65p-f {
            max-width: 65%!important
        }
        .mn-wd-xs-65p-f {
            min-width: 65%!important
        }
        .wd-xs-70 {
            width: 70px
        }
        .wd-xs-70p {
            width: 70%
        }
        .mx-wd-xs-70p {
            max-width: 70%
        }
        .mn-wd-xs-70p {
            min-width: 70%
        }
        .wd-xs-70-f {
            width: 70px!important
        }
        .wd-xs-70p-f {
            width: 70%!important
        }
        .mx-wd-xs-70p-f {
            max-width: 70%!important
        }
        .mn-wd-xs-70p-f {
            min-width: 70%!important
        }
        .wd-xs-75 {
            width: 75px
        }
        .wd-xs-75p {
            width: 75%
        }
        .mx-wd-xs-75p {
            max-width: 75%
        }
        .mn-wd-xs-75p {
            min-width: 75%
        }
        .wd-xs-75-f {
            width: 75px!important
        }
        .wd-xs-75p-f {
            width: 75%!important
        }
        .mx-wd-xs-75p-f {
            max-width: 75%!important
        }
        .mn-wd-xs-75p-f {
            min-width: 75%!important
        }
        .wd-xs-80 {
            width: 80px
        }
        .wd-xs-80p {
            width: 80%
        }
        .mx-wd-xs-80p {
            max-width: 80%
        }
        .mn-wd-xs-80p {
            min-width: 80%
        }
        .wd-xs-80-f {
            width: 80px!important
        }
        .wd-xs-80p-f {
            width: 80%!important
        }
        .mx-wd-xs-80p-f {
            max-width: 80%!important
        }
        .mn-wd-xs-80p-f {
            min-width: 80%!important
        }
        .wd-xs-85 {
            width: 85px
        }
        .wd-xs-85p {
            width: 85%
        }
        .mx-wd-xs-85p {
            max-width: 85%
        }
        .mn-wd-xs-85p {
            min-width: 85%
        }
        .wd-xs-85-f {
            width: 85px!important
        }
        .wd-xs-85p-f {
            width: 85%!important
        }
        .mx-wd-xs-85p-f {
            max-width: 85%!important
        }
        .mn-wd-xs-85p-f {
            min-width: 85%!important
        }
        .wd-xs-90 {
            width: 90px
        }
        .wd-xs-90p {
            width: 90%
        }
        .mx-wd-xs-90p {
            max-width: 90%
        }
        .mn-wd-xs-90p {
            min-width: 90%
        }
        .wd-xs-90-f {
            width: 90px!important
        }
        .wd-xs-90p-f {
            width: 90%!important
        }
        .mx-wd-xs-90p-f {
            max-width: 90%!important
        }
        .mn-wd-xs-90p-f {
            min-width: 90%!important
        }
        .wd-xs-95 {
            width: 95px
        }
        .wd-xs-95p {
            width: 95%
        }
        .mx-wd-xs-95p {
            max-width: 95%
        }
        .mn-wd-xs-95p {
            min-width: 95%
        }
        .wd-xs-95-f {
            width: 95px!important
        }
        .wd-xs-95p-f {
            width: 95%!important
        }
        .mx-wd-xs-95p-f {
            max-width: 95%!important
        }
        .mn-wd-xs-95p-f {
            min-width: 95%!important
        }
        .wd-xs-100 {
            width: 100px
        }
        .wd-xs-100p {
            width: 100%
        }
        .mx-wd-xs-100p {
            max-width: 100%
        }
        .mn-wd-xs-100p {
            min-width: 100%
        }
        .wd-xs-100-f {
            width: 100px!important
        }
        .wd-xs-100p-f {
            width: 100%!important
        }
        .mx-wd-xs-100p-f {
            max-width: 100%!important
        }
        .mn-wd-xs-100p-f {
            min-width: 100%!important
        }
        .wd-xs-150 {
            width: 150px
        }
        .wd-xs-150p {
            width: 150%
        }
        .mx-wd-xs-150p {
            max-width: 150%
        }
        .mn-wd-xs-150p {
            min-width: 150%
        }
        .wd-xs-150-f {
            width: 150px!important
        }
        .wd-xs-150p-f {
            width: 150%!important
        }
        .mx-wd-xs-150p-f {
            max-width: 150%!important
        }
        .mn-wd-xs-150p-f {
            min-width: 150%!important
        }
        .wd-xs-200 {
            width: 200px
        }
        .wd-xs-200p {
            width: 200%
        }
        .mx-wd-xs-200p {
            max-width: 200%
        }
        .mn-wd-xs-200p {
            min-width: 200%
        }
        .wd-xs-200-f {
            width: 200px!important
        }
        .wd-xs-200p-f {
            width: 200%!important
        }
        .mx-wd-xs-200p-f {
            max-width: 200%!important
        }
        .mn-wd-xs-200p-f {
            min-width: 200%!important
        }
        .wd-xs-250 {
            width: 250px
        }
        .wd-xs-250p {
            width: 250%
        }
        .mx-wd-xs-250p {
            max-width: 250%
        }
        .mn-wd-xs-250p {
            min-width: 250%
        }
        .wd-xs-250-f {
            width: 250px!important
        }
        .wd-xs-250p-f {
            width: 250%!important
        }
        .mx-wd-xs-250p-f {
            max-width: 250%!important
        }
        .mn-wd-xs-250p-f {
            min-width: 250%!important
        }
        .wd-xs-300 {
            width: 300px
        }
        .wd-xs-300p {
            width: 300%
        }
        .mx-wd-xs-300p {
            max-width: 300%
        }
        .mn-wd-xs-300p {
            min-width: 300%
        }
        .wd-xs-300-f {
            width: 300px!important
        }
        .wd-xs-300p-f {
            width: 300%!important
        }
        .mx-wd-xs-300p-f {
            max-width: 300%!important
        }
        .mn-wd-xs-300p-f {
            min-width: 300%!important
        }
        .wd-xs-350 {
            width: 350px
        }
        .wd-xs-350p {
            width: 350%
        }
        .mx-wd-xs-350p {
            max-width: 350%
        }
        .mn-wd-xs-350p {
            min-width: 350%
        }
        .wd-xs-350-f {
            width: 350px!important
        }
        .wd-xs-350p-f {
            width: 350%!important
        }
        .mx-wd-xs-350p-f {
            max-width: 350%!important
        }
        .mn-wd-xs-350p-f {
            min-width: 350%!important
        }
        .wd-xs-400 {
            width: 400px
        }
        .wd-xs-400p {
            width: 400%
        }
        .mx-wd-xs-400p {
            max-width: 400%
        }
        .mn-wd-xs-400p {
            min-width: 400%
        }
        .wd-xs-400-f {
            width: 400px!important
        }
        .wd-xs-400p-f {
            width: 400%!important
        }
        .mx-wd-xs-400p-f {
            max-width: 400%!important
        }
        .mn-wd-xs-400p-f {
            min-width: 400%!important
        }
        .wd-xs-450 {
            width: 450px
        }
        .wd-xs-450p {
            width: 450%
        }
        .mx-wd-xs-450p {
            max-width: 450%
        }
        .mn-wd-xs-450p {
            min-width: 450%
        }
        .wd-xs-450-f {
            width: 450px!important
        }
        .wd-xs-450p-f {
            width: 450%!important
        }
        .mx-wd-xs-450p-f {
            max-width: 450%!important
        }
        .mn-wd-xs-450p-f {
            min-width: 450%!important
        }
        .wd-xs-500 {
            width: 500px
        }
        .wd-xs-500p {
            width: 500%
        }
        .mx-wd-xs-500p {
            max-width: 500%
        }
        .mn-wd-xs-500p {
            min-width: 500%
        }
        .wd-xs-500-f {
            width: 500px!important
        }
        .wd-xs-500p-f {
            width: 500%!important
        }
        .mx-wd-xs-500p-f {
            max-width: 500%!important
        }
        .mn-wd-xs-500p-f {
            min-width: 500%!important
        }
        .wd-xs-550 {
            width: 550px
        }
        .wd-xs-550p {
            width: 550%
        }
        .mx-wd-xs-550p {
            max-width: 550%
        }
        .mn-wd-xs-550p {
            min-width: 550%
        }
        .wd-xs-550-f {
            width: 550px!important
        }
        .wd-xs-550p-f {
            width: 550%!important
        }
        .mx-wd-xs-550p-f {
            max-width: 550%!important
        }
        .mn-wd-xs-550p-f {
            min-width: 550%!important
        }
        .wd-xs-600 {
            width: 600px
        }
        .wd-xs-600p {
            width: 600%
        }
        .mx-wd-xs-600p {
            max-width: 600%
        }
        .mn-wd-xs-600p {
            min-width: 600%
        }
        .wd-xs-600-f {
            width: 600px!important
        }
        .wd-xs-600p-f {
            width: 600%!important
        }
        .mx-wd-xs-600p-f {
            max-width: 600%!important
        }
        .mn-wd-xs-600p-f {
            min-width: 600%!important
        }
        .wd-xs-650 {
            width: 650px
        }
        .wd-xs-650p {
            width: 650%
        }
        .mx-wd-xs-650p {
            max-width: 650%
        }
        .mn-wd-xs-650p {
            min-width: 650%
        }
        .wd-xs-650-f {
            width: 650px!important
        }
        .wd-xs-650p-f {
            width: 650%!important
        }
        .mx-wd-xs-650p-f {
            max-width: 650%!important
        }
        .mn-wd-xs-650p-f {
            min-width: 650%!important
        }
        .wd-xs-700 {
            width: 700px
        }
        .wd-xs-700p {
            width: 700%
        }
        .mx-wd-xs-700p {
            max-width: 700%
        }
        .mn-wd-xs-700p {
            min-width: 700%
        }
        .wd-xs-700-f {
            width: 700px!important
        }
        .wd-xs-700p-f {
            width: 700%!important
        }
        .mx-wd-xs-700p-f {
            max-width: 700%!important
        }
        .mn-wd-xs-700p-f {
            min-width: 700%!important
        }
        .wd-xs-750 {
            width: 750px
        }
        .wd-xs-750p {
            width: 750%
        }
        .mx-wd-xs-750p {
            max-width: 750%
        }
        .mn-wd-xs-750p {
            min-width: 750%
        }
        .wd-xs-750-f {
            width: 750px!important
        }
        .wd-xs-750p-f {
            width: 750%!important
        }
        .mx-wd-xs-750p-f {
            max-width: 750%!important
        }
        .mn-wd-xs-750p-f {
            min-width: 750%!important
        }
        .wd-xs-800 {
            width: 800px
        }
        .wd-xs-800p {
            width: 800%
        }
        .mx-wd-xs-800p {
            max-width: 800%
        }
        .mn-wd-xs-800p {
            min-width: 800%
        }
        .wd-xs-800-f {
            width: 800px!important
        }
        .wd-xs-800p-f {
            width: 800%!important
        }
        .mx-wd-xs-800p-f {
            max-width: 800%!important
        }
        .mn-wd-xs-800p-f {
            min-width: 800%!important
        }
        .wd-xs-850 {
            width: 850px
        }
        .wd-xs-850p {
            width: 850%
        }
        .mx-wd-xs-850p {
            max-width: 850%
        }
        .mn-wd-xs-850p {
            min-width: 850%
        }
        .wd-xs-850-f {
            width: 850px!important
        }
        .wd-xs-850p-f {
            width: 850%!important
        }
        .mx-wd-xs-850p-f {
            max-width: 850%!important
        }
        .mn-wd-xs-850p-f {
            min-width: 850%!important
        }
        .wd-xs-900 {
            width: 900px
        }
        .wd-xs-900p {
            width: 900%
        }
        .mx-wd-xs-900p {
            max-width: 900%
        }
        .mn-wd-xs-900p {
            min-width: 900%
        }
        .wd-xs-900-f {
            width: 900px!important
        }
        .wd-xs-900p-f {
            width: 900%!important
        }
        .mx-wd-xs-900p-f {
            max-width: 900%!important
        }
        .mn-wd-xs-900p-f {
            min-width: 900%!important
        }
        .wd-xs-950 {
            width: 950px
        }
        .wd-xs-950p {
            width: 950%
        }
        .mx-wd-xs-950p {
            max-width: 950%
        }
        .mn-wd-xs-950p {
            min-width: 950%
        }
        .wd-xs-950-f {
            width: 950px!important
        }
        .wd-xs-950p-f {
            width: 950%!important
        }
        .mx-wd-xs-950p-f {
            max-width: 950%!important
        }
        .mn-wd-xs-950p-f {
            min-width: 950%!important
        }
        .wd-xs-1000 {
            width: 1000px
        }
        .wd-xs-1000p {
            width: 1000%
        }
        .mx-wd-xs-1000p {
            max-width: 1000%
        }
        .mn-wd-xs-1000p {
            min-width: 1000%
        }
        .wd-xs-1000-f {
            width: 1000px!important
        }
        .wd-xs-1000p-f {
            width: 1000%!important
        }
        .mx-wd-xs-1000p-f {
            max-width: 1000%!important
        }
        .mn-wd-xs-1000p-f {
            min-width: 1000%!important
        }
        .wd-xs-auto {
            width: auto
        }
        .wd-xs-auto-f {
            width: auto!important
        }
    }

    @media (min-width:576px) {
        .wd-sm-5 {
            width: 5px
        }
        .wd-sm-5p {
            width: 5%
        }
        .mx-wd-sm-5p {
            max-width: 5%
        }
        .mn-wd-sm-5p {
            min-width: 5%
        }
        .wd-sm-5-f {
            width: 5px!important
        }
        .wd-sm-5p-f {
            width: 5%!important
        }
        .mx-wd-sm-5p-f {
            max-width: 5%!important
        }
        .mn-wd-sm-5p-f {
            min-width: 5%!important
        }
        .wd-sm-10 {
            width: 10px
        }
        .wd-sm-10p {
            width: 10%
        }
        .mx-wd-sm-10p {
            max-width: 10%
        }
        .mn-wd-sm-10p {
            min-width: 10%
        }
        .wd-sm-10-f {
            width: 10px!important
        }
        .wd-sm-10p-f {
            width: 10%!important
        }
        .mx-wd-sm-10p-f {
            max-width: 10%!important
        }
        .mn-wd-sm-10p-f {
            min-width: 10%!important
        }
        .wd-sm-15 {
            width: 15px
        }
        .wd-sm-15p {
            width: 15%
        }
        .mx-wd-sm-15p {
            max-width: 15%
        }
        .mn-wd-sm-15p {
            min-width: 15%
        }
        .wd-sm-15-f {
            width: 15px!important
        }
        .wd-sm-15p-f {
            width: 15%!important
        }
        .mx-wd-sm-15p-f {
            max-width: 15%!important
        }
        .mn-wd-sm-15p-f {
            min-width: 15%!important
        }
        .wd-sm-20 {
            width: 20px
        }
        .wd-sm-20p {
            width: 20%
        }
        .mx-wd-sm-20p {
            max-width: 20%
        }
        .mn-wd-sm-20p {
            min-width: 20%
        }
        .wd-sm-20-f {
            width: 20px!important
        }
        .wd-sm-20p-f {
            width: 20%!important
        }
        .mx-wd-sm-20p-f {
            max-width: 20%!important
        }
        .mn-wd-sm-20p-f {
            min-width: 20%!important
        }
        .wd-sm-25 {
            width: 25px
        }
        .wd-sm-25p {
            width: 25%
        }
        .mx-wd-sm-25p {
            max-width: 25%
        }
        .mn-wd-sm-25p {
            min-width: 25%
        }
        .wd-sm-25-f {
            width: 25px!important
        }
        .wd-sm-25p-f {
            width: 25%!important
        }
        .mx-wd-sm-25p-f {
            max-width: 25%!important
        }
        .mn-wd-sm-25p-f {
            min-width: 25%!important
        }
        .wd-sm-30 {
            width: 30px
        }
        .wd-sm-30p {
            width: 30%
        }
        .mx-wd-sm-30p {
            max-width: 30%
        }
        .mn-wd-sm-30p {
            min-width: 30%
        }
        .wd-sm-30-f {
            width: 30px!important
        }
        .wd-sm-30p-f {
            width: 30%!important
        }
        .mx-wd-sm-30p-f {
            max-width: 30%!important
        }
        .mn-wd-sm-30p-f {
            min-width: 30%!important
        }
        .wd-sm-35 {
            width: 35px
        }
        .wd-sm-35p {
            width: 35%
        }
        .mx-wd-sm-35p {
            max-width: 35%
        }
        .mn-wd-sm-35p {
            min-width: 35%
        }
        .wd-sm-35-f {
            width: 35px!important
        }
        .wd-sm-35p-f {
            width: 35%!important
        }
        .mx-wd-sm-35p-f {
            max-width: 35%!important
        }
        .mn-wd-sm-35p-f {
            min-width: 35%!important
        }
        .wd-sm-40 {
            width: 40px
        }
        .wd-sm-40p {
            width: 40%
        }
        .mx-wd-sm-40p {
            max-width: 40%
        }
        .mn-wd-sm-40p {
            min-width: 40%
        }
        .wd-sm-40-f {
            width: 40px!important
        }
        .wd-sm-40p-f {
            width: 40%!important
        }
        .mx-wd-sm-40p-f {
            max-width: 40%!important
        }
        .mn-wd-sm-40p-f {
            min-width: 40%!important
        }
        .wd-sm-45 {
            width: 45px
        }
        .wd-sm-45p {
            width: 45%
        }
        .mx-wd-sm-45p {
            max-width: 45%
        }
        .mn-wd-sm-45p {
            min-width: 45%
        }
        .wd-sm-45-f {
            width: 45px!important
        }
        .wd-sm-45p-f {
            width: 45%!important
        }
        .mx-wd-sm-45p-f {
            max-width: 45%!important
        }
        .mn-wd-sm-45p-f {
            min-width: 45%!important
        }
        .wd-sm-50 {
            width: 50px
        }
        .wd-sm-50p {
            width: 50%
        }
        .mx-wd-sm-50p {
            max-width: 50%
        }
        .mn-wd-sm-50p {
            min-width: 50%
        }
        .wd-sm-50-f {
            width: 50px!important
        }
        .wd-sm-50p-f {
            width: 50%!important
        }
        .mx-wd-sm-50p-f {
            max-width: 50%!important
        }
        .mn-wd-sm-50p-f {
            min-width: 50%!important
        }
        .wd-sm-55 {
            width: 55px
        }
        .wd-sm-55p {
            width: 55%
        }
        .mx-wd-sm-55p {
            max-width: 55%
        }
        .mn-wd-sm-55p {
            min-width: 55%
        }
        .wd-sm-55-f {
            width: 55px!important
        }
        .wd-sm-55p-f {
            width: 55%!important
        }
        .mx-wd-sm-55p-f {
            max-width: 55%!important
        }
        .mn-wd-sm-55p-f {
            min-width: 55%!important
        }
        .wd-sm-60 {
            width: 60px
        }
        .wd-sm-60p {
            width: 60%
        }
        .mx-wd-sm-60p {
            max-width: 60%
        }
        .mn-wd-sm-60p {
            min-width: 60%
        }
        .wd-sm-60-f {
            width: 60px!important
        }
        .wd-sm-60p-f {
            width: 60%!important
        }
        .mx-wd-sm-60p-f {
            max-width: 60%!important
        }
        .mn-wd-sm-60p-f {
            min-width: 60%!important
        }
        .wd-sm-65 {
            width: 65px
        }
        .wd-sm-65p {
            width: 65%
        }
        .mx-wd-sm-65p {
            max-width: 65%
        }
        .mn-wd-sm-65p {
            min-width: 65%
        }
        .wd-sm-65-f {
            width: 65px!important
        }
        .wd-sm-65p-f {
            width: 65%!important
        }
        .mx-wd-sm-65p-f {
            max-width: 65%!important
        }
        .mn-wd-sm-65p-f {
            min-width: 65%!important
        }
        .wd-sm-70 {
            width: 70px
        }
        .wd-sm-70p {
            width: 70%
        }
        .mx-wd-sm-70p {
            max-width: 70%
        }
        .mn-wd-sm-70p {
            min-width: 70%
        }
        .wd-sm-70-f {
            width: 70px!important
        }
        .wd-sm-70p-f {
            width: 70%!important
        }
        .mx-wd-sm-70p-f {
            max-width: 70%!important
        }
        .mn-wd-sm-70p-f {
            min-width: 70%!important
        }
        .wd-sm-75 {
            width: 75px
        }
        .wd-sm-75p {
            width: 75%
        }
        .mx-wd-sm-75p {
            max-width: 75%
        }
        .mn-wd-sm-75p {
            min-width: 75%
        }
        .wd-sm-75-f {
            width: 75px!important
        }
        .wd-sm-75p-f {
            width: 75%!important
        }
        .mx-wd-sm-75p-f {
            max-width: 75%!important
        }
        .mn-wd-sm-75p-f {
            min-width: 75%!important
        }
        .wd-sm-80 {
            width: 80px
        }
        .wd-sm-80p {
            width: 80%
        }
        .mx-wd-sm-80p {
            max-width: 80%
        }
        .mn-wd-sm-80p {
            min-width: 80%
        }
        .wd-sm-80-f {
            width: 80px!important
        }
        .wd-sm-80p-f {
            width: 80%!important
        }
        .mx-wd-sm-80p-f {
            max-width: 80%!important
        }
        .mn-wd-sm-80p-f {
            min-width: 80%!important
        }
        .wd-sm-85 {
            width: 85px
        }
        .wd-sm-85p {
            width: 85%
        }
        .mx-wd-sm-85p {
            max-width: 85%
        }
        .mn-wd-sm-85p {
            min-width: 85%
        }
        .wd-sm-85-f {
            width: 85px!important
        }
        .wd-sm-85p-f {
            width: 85%!important
        }
        .mx-wd-sm-85p-f {
            max-width: 85%!important
        }
        .mn-wd-sm-85p-f {
            min-width: 85%!important
        }
        .wd-sm-90 {
            width: 90px
        }
        .wd-sm-90p {
            width: 90%
        }
        .mx-wd-sm-90p {
            max-width: 90%
        }
        .mn-wd-sm-90p {
            min-width: 90%
        }
        .wd-sm-90-f {
            width: 90px!important
        }
        .wd-sm-90p-f {
            width: 90%!important
        }
        .mx-wd-sm-90p-f {
            max-width: 90%!important
        }
        .mn-wd-sm-90p-f {
            min-width: 90%!important
        }
        .wd-sm-95 {
            width: 95px
        }
        .wd-sm-95p {
            width: 95%
        }
        .mx-wd-sm-95p {
            max-width: 95%
        }
        .mn-wd-sm-95p {
            min-width: 95%
        }
        .wd-sm-95-f {
            width: 95px!important
        }
        .wd-sm-95p-f {
            width: 95%!important
        }
        .mx-wd-sm-95p-f {
            max-width: 95%!important
        }
        .mn-wd-sm-95p-f {
            min-width: 95%!important
        }
        .wd-sm-100 {
            width: 100px
        }
        .wd-sm-100p {
            width: 100%
        }
        .mx-wd-sm-100p {
            max-width: 100%
        }
        .mn-wd-sm-100p {
            min-width: 100%
        }
        .wd-sm-100-f {
            width: 100px!important
        }
        .wd-sm-100p-f {
            width: 100%!important
        }
        .mx-wd-sm-100p-f {
            max-width: 100%!important
        }
        .mn-wd-sm-100p-f {
            min-width: 100%!important
        }
        .wd-sm-150 {
            width: 150px
        }
        .wd-sm-150p {
            width: 150%
        }
        .mx-wd-sm-150p {
            max-width: 150%
        }
        .mn-wd-sm-150p {
            min-width: 150%
        }
        .wd-sm-150-f {
            width: 150px!important
        }
        .wd-sm-150p-f {
            width: 150%!important
        }
        .mx-wd-sm-150p-f {
            max-width: 150%!important
        }
        .mn-wd-sm-150p-f {
            min-width: 150%!important
        }
        .wd-sm-200 {
            width: 200px
        }
        .wd-sm-200p {
            width: 200%
        }
        .mx-wd-sm-200p {
            max-width: 200%
        }
        .mn-wd-sm-200p {
            min-width: 200%
        }
        .wd-sm-200-f {
            width: 200px!important
        }
        .wd-sm-200p-f {
            width: 200%!important
        }
        .mx-wd-sm-200p-f {
            max-width: 200%!important
        }
        .mn-wd-sm-200p-f {
            min-width: 200%!important
        }
        .wd-sm-250 {
            width: 250px
        }
        .wd-sm-250p {
            width: 250%
        }
        .mx-wd-sm-250p {
            max-width: 250%
        }
        .mn-wd-sm-250p {
            min-width: 250%
        }
        .wd-sm-250-f {
            width: 250px!important
        }
        .wd-sm-250p-f {
            width: 250%!important
        }
        .mx-wd-sm-250p-f {
            max-width: 250%!important
        }
        .mn-wd-sm-250p-f {
            min-width: 250%!important
        }
        .wd-sm-300 {
            width: 300px
        }
        .wd-sm-300p {
            width: 300%
        }
        .mx-wd-sm-300p {
            max-width: 300%
        }
        .mn-wd-sm-300p {
            min-width: 300%
        }
        .wd-sm-300-f {
            width: 300px!important
        }
        .wd-sm-300p-f {
            width: 300%!important
        }
        .mx-wd-sm-300p-f {
            max-width: 300%!important
        }
        .mn-wd-sm-300p-f {
            min-width: 300%!important
        }
        .wd-sm-350 {
            width: 350px
        }
        .wd-sm-350p {
            width: 350%
        }
        .mx-wd-sm-350p {
            max-width: 350%
        }
        .mn-wd-sm-350p {
            min-width: 350%
        }
        .wd-sm-350-f {
            width: 350px!important
        }
        .wd-sm-350p-f {
            width: 350%!important
        }
        .mx-wd-sm-350p-f {
            max-width: 350%!important
        }
        .mn-wd-sm-350p-f {
            min-width: 350%!important
        }
        .wd-sm-400 {
            width: 400px
        }
        .wd-sm-400p {
            width: 400%
        }
        .mx-wd-sm-400p {
            max-width: 400%
        }
        .mn-wd-sm-400p {
            min-width: 400%
        }
        .wd-sm-400-f {
            width: 400px!important
        }
        .wd-sm-400p-f {
            width: 400%!important
        }
        .mx-wd-sm-400p-f {
            max-width: 400%!important
        }
        .mn-wd-sm-400p-f {
            min-width: 400%!important
        }
        .wd-sm-450 {
            width: 450px
        }
        .wd-sm-450p {
            width: 450%
        }
        .mx-wd-sm-450p {
            max-width: 450%
        }
        .mn-wd-sm-450p {
            min-width: 450%
        }
        .wd-sm-450-f {
            width: 450px!important
        }
        .wd-sm-450p-f {
            width: 450%!important
        }
        .mx-wd-sm-450p-f {
            max-width: 450%!important
        }
        .mn-wd-sm-450p-f {
            min-width: 450%!important
        }
        .wd-sm-500 {
            width: 500px
        }
        .wd-sm-500p {
            width: 500%
        }
        .mx-wd-sm-500p {
            max-width: 500%
        }
        .mn-wd-sm-500p {
            min-width: 500%
        }
        .wd-sm-500-f {
            width: 500px!important
        }
        .wd-sm-500p-f {
            width: 500%!important
        }
        .mx-wd-sm-500p-f {
            max-width: 500%!important
        }
        .mn-wd-sm-500p-f {
            min-width: 500%!important
        }
        .wd-sm-550 {
            width: 550px
        }
        .wd-sm-550p {
            width: 550%
        }
        .mx-wd-sm-550p {
            max-width: 550%
        }
        .mn-wd-sm-550p {
            min-width: 550%
        }
        .wd-sm-550-f {
            width: 550px!important
        }
        .wd-sm-550p-f {
            width: 550%!important
        }
        .mx-wd-sm-550p-f {
            max-width: 550%!important
        }
        .mn-wd-sm-550p-f {
            min-width: 550%!important
        }
        .wd-sm-600 {
            width: 600px
        }
        .wd-sm-600p {
            width: 600%
        }
        .mx-wd-sm-600p {
            max-width: 600%
        }
        .mn-wd-sm-600p {
            min-width: 600%
        }
        .wd-sm-600-f {
            width: 600px!important
        }
        .wd-sm-600p-f {
            width: 600%!important
        }
        .mx-wd-sm-600p-f {
            max-width: 600%!important
        }
        .mn-wd-sm-600p-f {
            min-width: 600%!important
        }
        .wd-sm-650 {
            width: 650px
        }
        .wd-sm-650p {
            width: 650%
        }
        .mx-wd-sm-650p {
            max-width: 650%
        }
        .mn-wd-sm-650p {
            min-width: 650%
        }
        .wd-sm-650-f {
            width: 650px!important
        }
        .wd-sm-650p-f {
            width: 650%!important
        }
        .mx-wd-sm-650p-f {
            max-width: 650%!important
        }
        .mn-wd-sm-650p-f {
            min-width: 650%!important
        }
        .wd-sm-700 {
            width: 700px
        }
        .wd-sm-700p {
            width: 700%
        }
        .mx-wd-sm-700p {
            max-width: 700%
        }
        .mn-wd-sm-700p {
            min-width: 700%
        }
        .wd-sm-700-f {
            width: 700px!important
        }
        .wd-sm-700p-f {
            width: 700%!important
        }
        .mx-wd-sm-700p-f {
            max-width: 700%!important
        }
        .mn-wd-sm-700p-f {
            min-width: 700%!important
        }
        .wd-sm-750 {
            width: 750px
        }
        .wd-sm-750p {
            width: 750%
        }
        .mx-wd-sm-750p {
            max-width: 750%
        }
        .mn-wd-sm-750p {
            min-width: 750%
        }
        .wd-sm-750-f {
            width: 750px!important
        }
        .wd-sm-750p-f {
            width: 750%!important
        }
        .mx-wd-sm-750p-f {
            max-width: 750%!important
        }
        .mn-wd-sm-750p-f {
            min-width: 750%!important
        }
        .wd-sm-800 {
            width: 800px
        }
        .wd-sm-800p {
            width: 800%
        }
        .mx-wd-sm-800p {
            max-width: 800%
        }
        .mn-wd-sm-800p {
            min-width: 800%
        }
        .wd-sm-800-f {
            width: 800px!important
        }
        .wd-sm-800p-f {
            width: 800%!important
        }
        .mx-wd-sm-800p-f {
            max-width: 800%!important
        }
        .mn-wd-sm-800p-f {
            min-width: 800%!important
        }
        .wd-sm-850 {
            width: 850px
        }
        .wd-sm-850p {
            width: 850%
        }
        .mx-wd-sm-850p {
            max-width: 850%
        }
        .mn-wd-sm-850p {
            min-width: 850%
        }
        .wd-sm-850-f {
            width: 850px!important
        }
        .wd-sm-850p-f {
            width: 850%!important
        }
        .mx-wd-sm-850p-f {
            max-width: 850%!important
        }
        .mn-wd-sm-850p-f {
            min-width: 850%!important
        }
        .wd-sm-900 {
            width: 900px
        }
        .wd-sm-900p {
            width: 900%
        }
        .mx-wd-sm-900p {
            max-width: 900%
        }
        .mn-wd-sm-900p {
            min-width: 900%
        }
        .wd-sm-900-f {
            width: 900px!important
        }
        .wd-sm-900p-f {
            width: 900%!important
        }
        .mx-wd-sm-900p-f {
            max-width: 900%!important
        }
        .mn-wd-sm-900p-f {
            min-width: 900%!important
        }
        .wd-sm-950 {
            width: 950px
        }
        .wd-sm-950p {
            width: 950%
        }
        .mx-wd-sm-950p {
            max-width: 950%
        }
        .mn-wd-sm-950p {
            min-width: 950%
        }
        .wd-sm-950-f {
            width: 950px!important
        }
        .wd-sm-950p-f {
            width: 950%!important
        }
        .mx-wd-sm-950p-f {
            max-width: 950%!important
        }
        .mn-wd-sm-950p-f {
            min-width: 950%!important
        }
        .wd-sm-1000 {
            width: 1000px
        }
        .wd-sm-1000p {
            width: 1000%
        }
        .mx-wd-sm-1000p {
            max-width: 1000%
        }
        .mn-wd-sm-1000p {
            min-width: 1000%
        }
        .wd-sm-1000-f {
            width: 1000px!important
        }
        .wd-sm-1000p-f {
            width: 1000%!important
        }
        .mx-wd-sm-1000p-f {
            max-width: 1000%!important
        }
        .mn-wd-sm-1000p-f {
            min-width: 1000%!important
        }
        .wd-sm-auto {
            width: auto
        }
        .wd-sm-auto-f {
            width: auto!important
        }
    }

    @media (min-width:768px) {
        .wd-md-5 {
            width: 5px
        }
        .wd-md-5p {
            width: 5%
        }
        .mx-wd-md-5p {
            max-width: 5%
        }
        .mn-wd-md-5p {
            min-width: 5%
        }
        .wd-md-5-f {
            width: 5px!important
        }
        .wd-md-5p-f {
            width: 5%!important
        }
        .mx-wd-md-5p-f {
            max-width: 5%!important
        }
        .mn-wd-md-5p-f {
            min-width: 5%!important
        }
        .wd-md-10 {
            width: 10px
        }
        .wd-md-10p {
            width: 10%
        }
        .mx-wd-md-10p {
            max-width: 10%
        }
        .mn-wd-md-10p {
            min-width: 10%
        }
        .wd-md-10-f {
            width: 10px!important
        }
        .wd-md-10p-f {
            width: 10%!important
        }
        .mx-wd-md-10p-f {
            max-width: 10%!important
        }
        .mn-wd-md-10p-f {
            min-width: 10%!important
        }
        .wd-md-15 {
            width: 15px
        }
        .wd-md-15p {
            width: 15%
        }
        .mx-wd-md-15p {
            max-width: 15%
        }
        .mn-wd-md-15p {
            min-width: 15%
        }
        .wd-md-15-f {
            width: 15px!important
        }
        .wd-md-15p-f {
            width: 15%!important
        }
        .mx-wd-md-15p-f {
            max-width: 15%!important
        }
        .mn-wd-md-15p-f {
            min-width: 15%!important
        }
        .wd-md-20 {
            width: 20px
        }
        .wd-md-20p {
            width: 20%
        }
        .mx-wd-md-20p {
            max-width: 20%
        }
        .mn-wd-md-20p {
            min-width: 20%
        }
        .wd-md-20-f {
            width: 20px!important
        }
        .wd-md-20p-f {
            width: 20%!important
        }
        .mx-wd-md-20p-f {
            max-width: 20%!important
        }
        .mn-wd-md-20p-f {
            min-width: 20%!important
        }
        .wd-md-25 {
            width: 25px
        }
        .wd-md-25p {
            width: 25%
        }
        .mx-wd-md-25p {
            max-width: 25%
        }
        .mn-wd-md-25p {
            min-width: 25%
        }
        .wd-md-25-f {
            width: 25px!important
        }
        .wd-md-25p-f {
            width: 25%!important
        }
        .mx-wd-md-25p-f {
            max-width: 25%!important
        }
        .mn-wd-md-25p-f {
            min-width: 25%!important
        }
        .wd-md-30 {
            width: 30px
        }
        .wd-md-30p {
            width: 30%
        }
        .mx-wd-md-30p {
            max-width: 30%
        }
        .mn-wd-md-30p {
            min-width: 30%
        }
        .wd-md-30-f {
            width: 30px!important
        }
        .wd-md-30p-f {
            width: 30%!important
        }
        .mx-wd-md-30p-f {
            max-width: 30%!important
        }
        .mn-wd-md-30p-f {
            min-width: 30%!important
        }
        .wd-md-35 {
            width: 35px
        }
        .wd-md-35p {
            width: 35%
        }
        .mx-wd-md-35p {
            max-width: 35%
        }
        .mn-wd-md-35p {
            min-width: 35%
        }
        .wd-md-35-f {
            width: 35px!important
        }
        .wd-md-35p-f {
            width: 35%!important
        }
        .mx-wd-md-35p-f {
            max-width: 35%!important
        }
        .mn-wd-md-35p-f {
            min-width: 35%!important
        }
        .wd-md-40 {
            width: 40px
        }
        .wd-md-40p {
            width: 40%
        }
        .mx-wd-md-40p {
            max-width: 40%
        }
        .mn-wd-md-40p {
            min-width: 40%
        }
        .wd-md-40-f {
            width: 40px!important
        }
        .wd-md-40p-f {
            width: 40%!important
        }
        .mx-wd-md-40p-f {
            max-width: 40%!important
        }
        .mn-wd-md-40p-f {
            min-width: 40%!important
        }
        .wd-md-45 {
            width: 45px
        }
        .wd-md-45p {
            width: 45%
        }
        .mx-wd-md-45p {
            max-width: 45%
        }
        .mn-wd-md-45p {
            min-width: 45%
        }
        .wd-md-45-f {
            width: 45px!important
        }
        .wd-md-45p-f {
            width: 45%!important
        }
        .mx-wd-md-45p-f {
            max-width: 45%!important
        }
        .mn-wd-md-45p-f {
            min-width: 45%!important
        }
        .wd-md-50 {
            width: 50px
        }
        .wd-md-50p {
            width: 50%
        }
        .mx-wd-md-50p {
            max-width: 50%
        }
        .mn-wd-md-50p {
            min-width: 50%
        }
        .wd-md-50-f {
            width: 50px!important
        }
        .wd-md-50p-f {
            width: 50%!important
        }
        .mx-wd-md-50p-f {
            max-width: 50%!important
        }
        .mn-wd-md-50p-f {
            min-width: 50%!important
        }
        .wd-md-55 {
            width: 55px
        }
        .wd-md-55p {
            width: 55%
        }
        .mx-wd-md-55p {
            max-width: 55%
        }
        .mn-wd-md-55p {
            min-width: 55%
        }
        .wd-md-55-f {
            width: 55px!important
        }
        .wd-md-55p-f {
            width: 55%!important
        }
        .mx-wd-md-55p-f {
            max-width: 55%!important
        }
        .mn-wd-md-55p-f {
            min-width: 55%!important
        }
        .wd-md-60 {
            width: 60px
        }
        .wd-md-60p {
            width: 60%
        }
        .mx-wd-md-60p {
            max-width: 60%
        }
        .mn-wd-md-60p {
            min-width: 60%
        }
        .wd-md-60-f {
            width: 60px!important
        }
        .wd-md-60p-f {
            width: 60%!important
        }
        .mx-wd-md-60p-f {
            max-width: 60%!important
        }
        .mn-wd-md-60p-f {
            min-width: 60%!important
        }
        .wd-md-65 {
            width: 65px
        }
        .wd-md-65p {
            width: 65%
        }
        .mx-wd-md-65p {
            max-width: 65%
        }
        .mn-wd-md-65p {
            min-width: 65%
        }
        .wd-md-65-f {
            width: 65px!important
        }
        .wd-md-65p-f {
            width: 65%!important
        }
        .mx-wd-md-65p-f {
            max-width: 65%!important
        }
        .mn-wd-md-65p-f {
            min-width: 65%!important
        }
        .wd-md-70 {
            width: 70px
        }
        .wd-md-70p {
            width: 70%
        }
        .mx-wd-md-70p {
            max-width: 70%
        }
        .mn-wd-md-70p {
            min-width: 70%
        }
        .wd-md-70-f {
            width: 70px!important
        }
        .wd-md-70p-f {
            width: 70%!important
        }
        .mx-wd-md-70p-f {
            max-width: 70%!important
        }
        .mn-wd-md-70p-f {
            min-width: 70%!important
        }
        .wd-md-75 {
            width: 75px
        }
        .wd-md-75p {
            width: 75%
        }
        .mx-wd-md-75p {
            max-width: 75%
        }
        .mn-wd-md-75p {
            min-width: 75%
        }
        .wd-md-75-f {
            width: 75px!important
        }
        .wd-md-75p-f {
            width: 75%!important
        }
        .mx-wd-md-75p-f {
            max-width: 75%!important
        }
        .mn-wd-md-75p-f {
            min-width: 75%!important
        }
        .wd-md-80 {
            width: 80px
        }
        .wd-md-80p {
            width: 80%
        }
        .mx-wd-md-80p {
            max-width: 80%
        }
        .mn-wd-md-80p {
            min-width: 80%
        }
        .wd-md-80-f {
            width: 80px!important
        }
        .wd-md-80p-f {
            width: 80%!important
        }
        .mx-wd-md-80p-f {
            max-width: 80%!important
        }
        .mn-wd-md-80p-f {
            min-width: 80%!important
        }
        .wd-md-85 {
            width: 85px
        }
        .wd-md-85p {
            width: 85%
        }
        .mx-wd-md-85p {
            max-width: 85%
        }
        .mn-wd-md-85p {
            min-width: 85%
        }
        .wd-md-85-f {
            width: 85px!important
        }
        .wd-md-85p-f {
            width: 85%!important
        }
        .mx-wd-md-85p-f {
            max-width: 85%!important
        }
        .mn-wd-md-85p-f {
            min-width: 85%!important
        }
        .wd-md-90 {
            width: 90px
        }
        .wd-md-90p {
            width: 90%
        }
        .mx-wd-md-90p {
            max-width: 90%
        }
        .mn-wd-md-90p {
            min-width: 90%
        }
        .wd-md-90-f {
            width: 90px!important
        }
        .wd-md-90p-f {
            width: 90%!important
        }
        .mx-wd-md-90p-f {
            max-width: 90%!important
        }
        .mn-wd-md-90p-f {
            min-width: 90%!important
        }
        .wd-md-95 {
            width: 95px
        }
        .wd-md-95p {
            width: 95%
        }
        .mx-wd-md-95p {
            max-width: 95%
        }
        .mn-wd-md-95p {
            min-width: 95%
        }
        .wd-md-95-f {
            width: 95px!important
        }
        .wd-md-95p-f {
            width: 95%!important
        }
        .mx-wd-md-95p-f {
            max-width: 95%!important
        }
        .mn-wd-md-95p-f {
            min-width: 95%!important
        }
        .wd-md-100 {
            width: 100px
        }
        .wd-md-100p {
            width: 100%
        }
        .mx-wd-md-100p {
            max-width: 100%
        }
        .mn-wd-md-100p {
            min-width: 100%
        }
        .wd-md-100-f {
            width: 100px!important
        }
        .wd-md-100p-f {
            width: 100%!important
        }
        .mx-wd-md-100p-f {
            max-width: 100%!important
        }
        .mn-wd-md-100p-f {
            min-width: 100%!important
        }
        .wd-md-150 {
            width: 150px
        }
        .wd-md-150p {
            width: 150%
        }
        .mx-wd-md-150p {
            max-width: 150%
        }
        .mn-wd-md-150p {
            min-width: 150%
        }
        .wd-md-150-f {
            width: 150px!important
        }
        .wd-md-150p-f {
            width: 150%!important
        }
        .mx-wd-md-150p-f {
            max-width: 150%!important
        }
        .mn-wd-md-150p-f {
            min-width: 150%!important
        }
        .wd-md-200 {
            width: 200px
        }
        .wd-md-200p {
            width: 200%
        }
        .mx-wd-md-200p {
            max-width: 200%
        }
        .mn-wd-md-200p {
            min-width: 200%
        }
        .wd-md-200-f {
            width: 200px!important
        }
        .wd-md-200p-f {
            width: 200%!important
        }
        .mx-wd-md-200p-f {
            max-width: 200%!important
        }
        .mn-wd-md-200p-f {
            min-width: 200%!important
        }
        .wd-md-250 {
            width: 250px
        }
        .wd-md-250p {
            width: 250%
        }
        .mx-wd-md-250p {
            max-width: 250%
        }
        .mn-wd-md-250p {
            min-width: 250%
        }
        .wd-md-250-f {
            width: 250px!important
        }
        .wd-md-250p-f {
            width: 250%!important
        }
        .mx-wd-md-250p-f {
            max-width: 250%!important
        }
        .mn-wd-md-250p-f {
            min-width: 250%!important
        }
        .wd-md-300 {
            width: 300px
        }
        .wd-md-300p {
            width: 300%
        }
        .mx-wd-md-300p {
            max-width: 300%
        }
        .mn-wd-md-300p {
            min-width: 300%
        }
        .wd-md-300-f {
            width: 300px!important
        }
        .wd-md-300p-f {
            width: 300%!important
        }
        .mx-wd-md-300p-f {
            max-width: 300%!important
        }
        .mn-wd-md-300p-f {
            min-width: 300%!important
        }
        .wd-md-350 {
            width: 350px
        }
        .wd-md-350p {
            width: 350%
        }
        .mx-wd-md-350p {
            max-width: 350%
        }
        .mn-wd-md-350p {
            min-width: 350%
        }
        .wd-md-350-f {
            width: 350px!important
        }
        .wd-md-350p-f {
            width: 350%!important
        }
        .mx-wd-md-350p-f {
            max-width: 350%!important
        }
        .mn-wd-md-350p-f {
            min-width: 350%!important
        }
        .wd-md-400 {
            width: 400px
        }
        .wd-md-400p {
            width: 400%
        }
        .mx-wd-md-400p {
            max-width: 400%
        }
        .mn-wd-md-400p {
            min-width: 400%
        }
        .wd-md-400-f {
            width: 400px!important
        }
        .wd-md-400p-f {
            width: 400%!important
        }
        .mx-wd-md-400p-f {
            max-width: 400%!important
        }
        .mn-wd-md-400p-f {
            min-width: 400%!important
        }
        .wd-md-450 {
            width: 450px
        }
        .wd-md-450p {
            width: 450%
        }
        .mx-wd-md-450p {
            max-width: 450%
        }
        .mn-wd-md-450p {
            min-width: 450%
        }
        .wd-md-450-f {
            width: 450px!important
        }
        .wd-md-450p-f {
            width: 450%!important
        }
        .mx-wd-md-450p-f {
            max-width: 450%!important
        }
        .mn-wd-md-450p-f {
            min-width: 450%!important
        }
        .wd-md-500 {
            width: 500px
        }
        .wd-md-500p {
            width: 500%
        }
        .mx-wd-md-500p {
            max-width: 500%
        }
        .mn-wd-md-500p {
            min-width: 500%
        }
        .wd-md-500-f {
            width: 500px!important
        }
        .wd-md-500p-f {
            width: 500%!important
        }
        .mx-wd-md-500p-f {
            max-width: 500%!important
        }
        .mn-wd-md-500p-f {
            min-width: 500%!important
        }
        .wd-md-550 {
            width: 550px
        }
        .wd-md-550p {
            width: 550%
        }
        .mx-wd-md-550p {
            max-width: 550%
        }
        .mn-wd-md-550p {
            min-width: 550%
        }
        .wd-md-550-f {
            width: 550px!important
        }
        .wd-md-550p-f {
            width: 550%!important
        }
        .mx-wd-md-550p-f {
            max-width: 550%!important
        }
        .mn-wd-md-550p-f {
            min-width: 550%!important
        }
        .wd-md-600 {
            width: 600px
        }
        .wd-md-600p {
            width: 600%
        }
        .mx-wd-md-600p {
            max-width: 600%
        }
        .mn-wd-md-600p {
            min-width: 600%
        }
        .wd-md-600-f {
            width: 600px!important
        }
        .wd-md-600p-f {
            width: 600%!important
        }
        .mx-wd-md-600p-f {
            max-width: 600%!important
        }
        .mn-wd-md-600p-f {
            min-width: 600%!important
        }
        .wd-md-650 {
            width: 650px
        }
        .wd-md-650p {
            width: 650%
        }
        .mx-wd-md-650p {
            max-width: 650%
        }
        .mn-wd-md-650p {
            min-width: 650%
        }
        .wd-md-650-f {
            width: 650px!important
        }
        .wd-md-650p-f {
            width: 650%!important
        }
        .mx-wd-md-650p-f {
            max-width: 650%!important
        }
        .mn-wd-md-650p-f {
            min-width: 650%!important
        }
        .wd-md-700 {
            width: 700px
        }
        .wd-md-700p {
            width: 700%
        }
        .mx-wd-md-700p {
            max-width: 700%
        }
        .mn-wd-md-700p {
            min-width: 700%
        }
        .wd-md-700-f {
            width: 700px!important
        }
        .wd-md-700p-f {
            width: 700%!important
        }
        .mx-wd-md-700p-f {
            max-width: 700%!important
        }
        .mn-wd-md-700p-f {
            min-width: 700%!important
        }
        .wd-md-750 {
            width: 750px
        }
        .wd-md-750p {
            width: 750%
        }
        .mx-wd-md-750p {
            max-width: 750%
        }
        .mn-wd-md-750p {
            min-width: 750%
        }
        .wd-md-750-f {
            width: 750px!important
        }
        .wd-md-750p-f {
            width: 750%!important
        }
        .mx-wd-md-750p-f {
            max-width: 750%!important
        }
        .mn-wd-md-750p-f {
            min-width: 750%!important
        }
        .wd-md-800 {
            width: 800px
        }
        .wd-md-800p {
            width: 800%
        }
        .mx-wd-md-800p {
            max-width: 800%
        }
        .mn-wd-md-800p {
            min-width: 800%
        }
        .wd-md-800-f {
            width: 800px!important
        }
        .wd-md-800p-f {
            width: 800%!important
        }
        .mx-wd-md-800p-f {
            max-width: 800%!important
        }
        .mn-wd-md-800p-f {
            min-width: 800%!important
        }
        .wd-md-850 {
            width: 850px
        }
        .wd-md-850p {
            width: 850%
        }
        .mx-wd-md-850p {
            max-width: 850%
        }
        .mn-wd-md-850p {
            min-width: 850%
        }
        .wd-md-850-f {
            width: 850px!important
        }
        .wd-md-850p-f {
            width: 850%!important
        }
        .mx-wd-md-850p-f {
            max-width: 850%!important
        }
        .mn-wd-md-850p-f {
            min-width: 850%!important
        }
        .wd-md-900 {
            width: 900px
        }
        .wd-md-900p {
            width: 900%
        }
        .mx-wd-md-900p {
            max-width: 900%
        }
        .mn-wd-md-900p {
            min-width: 900%
        }
        .wd-md-900-f {
            width: 900px!important
        }
        .wd-md-900p-f {
            width: 900%!important
        }
        .mx-wd-md-900p-f {
            max-width: 900%!important
        }
        .mn-wd-md-900p-f {
            min-width: 900%!important
        }
        .wd-md-950 {
            width: 950px
        }
        .wd-md-950p {
            width: 950%
        }
        .mx-wd-md-950p {
            max-width: 950%
        }
        .mn-wd-md-950p {
            min-width: 950%
        }
        .wd-md-950-f {
            width: 950px!important
        }
        .wd-md-950p-f {
            width: 950%!important
        }
        .mx-wd-md-950p-f {
            max-width: 950%!important
        }
        .mn-wd-md-950p-f {
            min-width: 950%!important
        }
        .wd-md-1000 {
            width: 1000px
        }
        .wd-md-1000p {
            width: 1000%
        }
        .mx-wd-md-1000p {
            max-width: 1000%
        }
        .mn-wd-md-1000p {
            min-width: 1000%
        }
        .wd-md-1000-f {
            width: 1000px!important
        }
        .wd-md-1000p-f {
            width: 1000%!important
        }
        .mx-wd-md-1000p-f {
            max-width: 1000%!important
        }
        .mn-wd-md-1000p-f {
            min-width: 1000%!important
        }
        .wd-md-auto {
            width: auto
        }
        .wd-md-auto-f {
            width: auto!important
        }
        .wd-md-120 {
            width: 120px
        }
    }

    @media (min-width:992px) {
        .wd-lg-5 {
            width: 5px
        }
        .wd-lg-5p {
            width: 5%
        }
        .mx-wd-lg-5p {
            max-width: 5%
        }
        .mn-wd-lg-5p {
            min-width: 5%
        }
        .wd-lg-5-f {
            width: 5px!important
        }
        .wd-lg-5p-f {
            width: 5%!important
        }
        .mx-wd-lg-5p-f {
            max-width: 5%!important
        }
        .mn-wd-lg-5p-f {
            min-width: 5%!important
        }
        .wd-lg-10 {
            width: 10px
        }
        .wd-lg-10p {
            width: 10%
        }
        .mx-wd-lg-10p {
            max-width: 10%
        }
        .mn-wd-lg-10p {
            min-width: 10%
        }
        .wd-lg-10-f {
            width: 10px!important
        }
        .wd-lg-10p-f {
            width: 10%!important
        }
        .mx-wd-lg-10p-f {
            max-width: 10%!important
        }
        .mn-wd-lg-10p-f {
            min-width: 10%!important
        }
        .wd-lg-15 {
            width: 15px
        }
        .wd-lg-15p {
            width: 15%
        }
        .mx-wd-lg-15p {
            max-width: 15%
        }
        .mn-wd-lg-15p {
            min-width: 15%
        }
        .wd-lg-15-f {
            width: 15px!important
        }
        .wd-lg-15p-f {
            width: 15%!important
        }
        .mx-wd-lg-15p-f {
            max-width: 15%!important
        }
        .mn-wd-lg-15p-f {
            min-width: 15%!important
        }
        .wd-lg-20 {
            width: 20px
        }
        .wd-lg-20p {
            width: 20%
        }
        .mx-wd-lg-20p {
            max-width: 20%
        }
        .mn-wd-lg-20p {
            min-width: 20%
        }
        .wd-lg-20-f {
            width: 20px!important
        }
        .wd-lg-20p-f {
            width: 20%!important
        }
        .mx-wd-lg-20p-f {
            max-width: 20%!important
        }
        .mn-wd-lg-20p-f {
            min-width: 20%!important
        }
        .wd-lg-25 {
            width: 25px
        }
        .wd-lg-25p {
            width: 25%
        }
        .mx-wd-lg-25p {
            max-width: 25%
        }
        .mn-wd-lg-25p {
            min-width: 25%
        }
        .wd-lg-25-f {
            width: 25px!important
        }
        .wd-lg-25p-f {
            width: 25%!important
        }
        .mx-wd-lg-25p-f {
            max-width: 25%!important
        }
        .mn-wd-lg-25p-f {
            min-width: 25%!important
        }
        .wd-lg-30 {
            width: 30px
        }
        .wd-lg-30p {
            width: 30%
        }
        .mx-wd-lg-30p {
            max-width: 30%
        }
        .mn-wd-lg-30p {
            min-width: 30%
        }
        .wd-lg-30-f {
            width: 30px!important
        }
        .wd-lg-30p-f {
            width: 30%!important
        }
        .mx-wd-lg-30p-f {
            max-width: 30%!important
        }
        .mn-wd-lg-30p-f {
            min-width: 30%!important
        }
        .wd-lg-35 {
            width: 35px
        }
        .wd-lg-35p {
            width: 35%
        }
        .mx-wd-lg-35p {
            max-width: 35%
        }
        .mn-wd-lg-35p {
            min-width: 35%
        }
        .wd-lg-35-f {
            width: 35px!important
        }
        .wd-lg-35p-f {
            width: 35%!important
        }
        .mx-wd-lg-35p-f {
            max-width: 35%!important
        }
        .mn-wd-lg-35p-f {
            min-width: 35%!important
        }
        .wd-lg-40 {
            width: 40px
        }
        .wd-lg-40p {
            width: 40%
        }
        .mx-wd-lg-40p {
            max-width: 40%
        }
        .mn-wd-lg-40p {
            min-width: 40%
        }
        .wd-lg-40-f {
            width: 40px!important
        }
        .wd-lg-40p-f {
            width: 40%!important
        }
        .mx-wd-lg-40p-f {
            max-width: 40%!important
        }
        .mn-wd-lg-40p-f {
            min-width: 40%!important
        }
        .wd-lg-45 {
            width: 45px
        }
        .wd-lg-45p {
            width: 45%
        }
        .mx-wd-lg-45p {
            max-width: 45%
        }
        .mn-wd-lg-45p {
            min-width: 45%
        }
        .wd-lg-45-f {
            width: 45px!important
        }
        .wd-lg-45p-f {
            width: 45%!important
        }
        .mx-wd-lg-45p-f {
            max-width: 45%!important
        }
        .mn-wd-lg-45p-f {
            min-width: 45%!important
        }
        .wd-lg-50 {
            width: 50px
        }
        .wd-lg-50p {
            width: 50%
        }
        .mx-wd-lg-50p {
            max-width: 50%
        }
        .mn-wd-lg-50p {
            min-width: 50%
        }
        .wd-lg-50-f {
            width: 50px!important
        }
        .wd-lg-50p-f {
            width: 50%!important
        }
        .mx-wd-lg-50p-f {
            max-width: 50%!important
        }
        .mn-wd-lg-50p-f {
            min-width: 50%!important
        }
        .wd-lg-55 {
            width: 55px
        }
        .wd-lg-55p {
            width: 55%
        }
        .mx-wd-lg-55p {
            max-width: 55%
        }
        .mn-wd-lg-55p {
            min-width: 55%
        }
        .wd-lg-55-f {
            width: 55px!important
        }
        .wd-lg-55p-f {
            width: 55%!important
        }
        .mx-wd-lg-55p-f {
            max-width: 55%!important
        }
        .mn-wd-lg-55p-f {
            min-width: 55%!important
        }
        .wd-lg-60 {
            width: 60px
        }
        .wd-lg-60p {
            width: 60%
        }
        .mx-wd-lg-60p {
            max-width: 60%
        }
        .mn-wd-lg-60p {
            min-width: 60%
        }
        .wd-lg-60-f {
            width: 60px!important
        }
        .wd-lg-60p-f {
            width: 60%!important
        }
        .mx-wd-lg-60p-f {
            max-width: 60%!important
        }
        .mn-wd-lg-60p-f {
            min-width: 60%!important
        }
        .wd-lg-65 {
            width: 65px
        }
        .wd-lg-65p {
            width: 65%
        }
        .mx-wd-lg-65p {
            max-width: 65%
        }
        .mn-wd-lg-65p {
            min-width: 65%
        }
        .wd-lg-65-f {
            width: 65px!important
        }
        .wd-lg-65p-f {
            width: 65%!important
        }
        .mx-wd-lg-65p-f {
            max-width: 65%!important
        }
        .mn-wd-lg-65p-f {
            min-width: 65%!important
        }
        .wd-lg-70 {
            width: 70px
        }
        .wd-lg-70p {
            width: 70%
        }
        .mx-wd-lg-70p {
            max-width: 70%
        }
        .mn-wd-lg-70p {
            min-width: 70%
        }
        .wd-lg-70-f {
            width: 70px!important
        }
        .wd-lg-70p-f {
            width: 70%!important
        }
        .mx-wd-lg-70p-f {
            max-width: 70%!important
        }
        .mn-wd-lg-70p-f {
            min-width: 70%!important
        }
        .wd-lg-75 {
            width: 75px
        }
        .wd-lg-75p {
            width: 75%
        }
        .mx-wd-lg-75p {
            max-width: 75%
        }
        .mn-wd-lg-75p {
            min-width: 75%
        }
        .wd-lg-75-f {
            width: 75px!important
        }
        .wd-lg-75p-f {
            width: 75%!important
        }
        .mx-wd-lg-75p-f {
            max-width: 75%!important
        }
        .mn-wd-lg-75p-f {
            min-width: 75%!important
        }
        .wd-lg-80 {
            width: 80px
        }
        .wd-lg-80p {
            width: 80%
        }
        .mx-wd-lg-80p {
            max-width: 80%
        }
        .mn-wd-lg-80p {
            min-width: 80%
        }
        .wd-lg-80-f {
            width: 80px!important
        }
        .wd-lg-80p-f {
            width: 80%!important
        }
        .mx-wd-lg-80p-f {
            max-width: 80%!important
        }
        .mn-wd-lg-80p-f {
            min-width: 80%!important
        }
        .wd-lg-85 {
            width: 85px
        }
        .wd-lg-85p {
            width: 85%
        }
        .mx-wd-lg-85p {
            max-width: 85%
        }
        .mn-wd-lg-85p {
            min-width: 85%
        }
        .wd-lg-85-f {
            width: 85px!important
        }
        .wd-lg-85p-f {
            width: 85%!important
        }
        .mx-wd-lg-85p-f {
            max-width: 85%!important
        }
        .mn-wd-lg-85p-f {
            min-width: 85%!important
        }
        .wd-lg-90 {
            width: 90px
        }
        .wd-lg-90p {
            width: 90%
        }
        .mx-wd-lg-90p {
            max-width: 90%
        }
        .mn-wd-lg-90p {
            min-width: 90%
        }
        .wd-lg-90-f {
            width: 90px!important
        }
        .wd-lg-90p-f {
            width: 90%!important
        }
        .mx-wd-lg-90p-f {
            max-width: 90%!important
        }
        .mn-wd-lg-90p-f {
            min-width: 90%!important
        }
        .wd-lg-95 {
            width: 95px
        }
        .wd-lg-95p {
            width: 95%
        }
        .mx-wd-lg-95p {
            max-width: 95%
        }
        .mn-wd-lg-95p {
            min-width: 95%
        }
        .wd-lg-95-f {
            width: 95px!important
        }
        .wd-lg-95p-f {
            width: 95%!important
        }
        .mx-wd-lg-95p-f {
            max-width: 95%!important
        }
        .mn-wd-lg-95p-f {
            min-width: 95%!important
        }
        .wd-lg-100 {
            width: 100px
        }
        .wd-lg-100p {
            width: 100%
        }
        .mx-wd-lg-100p {
            max-width: 100%
        }
        .mn-wd-lg-100p {
            min-width: 100%
        }
        .wd-lg-100-f {
            width: 100px!important
        }
        .wd-lg-100p-f {
            width: 100%!important
        }
        .mx-wd-lg-100p-f {
            max-width: 100%!important
        }
        .mn-wd-lg-100p-f {
            min-width: 100%!important
        }
        .wd-lg-150 {
            width: 150px
        }
        .wd-lg-150p {
            width: 150%
        }
        .mx-wd-lg-150p {
            max-width: 150%
        }
        .mn-wd-lg-150p {
            min-width: 150%
        }
        .wd-lg-150-f {
            width: 150px!important
        }
        .wd-lg-150p-f {
            width: 150%!important
        }
        .mx-wd-lg-150p-f {
            max-width: 150%!important
        }
        .mn-wd-lg-150p-f {
            min-width: 150%!important
        }
        .wd-lg-200 {
            width: 200px
        }
        .wd-lg-200p {
            width: 200%
        }
        .mx-wd-lg-200p {
            max-width: 200%
        }
        .mn-wd-lg-200p {
            min-width: 200%
        }
        .wd-lg-200-f {
            width: 200px!important
        }
        .wd-lg-200p-f {
            width: 200%!important
        }
        .mx-wd-lg-200p-f {
            max-width: 200%!important
        }
        .mn-wd-lg-200p-f {
            min-width: 200%!important
        }
        .wd-lg-250 {
            width: 250px
        }
        .wd-lg-250p {
            width: 250%
        }
        .mx-wd-lg-250p {
            max-width: 250%
        }
        .mn-wd-lg-250p {
            min-width: 250%
        }
        .wd-lg-250-f {
            width: 250px!important
        }
        .wd-lg-250p-f {
            width: 250%!important
        }
        .mx-wd-lg-250p-f {
            max-width: 250%!important
        }
        .mn-wd-lg-250p-f {
            min-width: 250%!important
        }
        .wd-lg-280 {
            width: 280px
        }
        .wd-lg-300 {
            width: 300px
        }
        .wd-lg-300p {
            width: 300%
        }
        .mx-wd-lg-300p {
            max-width: 300%
        }
        .mn-wd-lg-300p {
            min-width: 300%
        }
        .wd-lg-300-f {
            width: 300px!important
        }
        .wd-lg-300p-f {
            width: 300%!important
        }
        .mx-wd-lg-300p-f {
            max-width: 300%!important
        }
        .mn-wd-lg-300p-f {
            min-width: 300%!important
        }
        .wd-lg-350 {
            width: 350px
        }
        .wd-lg-350p {
            width: 350%
        }
        .mx-wd-lg-350p {
            max-width: 350%
        }
        .mn-wd-lg-350p {
            min-width: 350%
        }
        .wd-lg-350-f {
            width: 350px!important
        }
        .wd-lg-350p-f {
            width: 350%!important
        }
        .mx-wd-lg-350p-f {
            max-width: 350%!important
        }
        .mn-wd-lg-350p-f {
            min-width: 350%!important
        }
        .wd-lg-400 {
            width: 400px
        }
        .wd-lg-400p {
            width: 400%
        }
        .mx-wd-lg-400p {
            max-width: 400%
        }
        .mn-wd-lg-400p {
            min-width: 400%
        }
        .wd-lg-400-f {
            width: 400px!important
        }
        .wd-lg-400p-f {
            width: 400%!important
        }
        .mx-wd-lg-400p-f {
            max-width: 400%!important
        }
        .mn-wd-lg-400p-f {
            min-width: 400%!important
        }
        .wd-lg-450 {
            width: 450px
        }
        .wd-lg-450p {
            width: 450%
        }
        .mx-wd-lg-450p {
            max-width: 450%
        }
        .mn-wd-lg-450p {
            min-width: 450%
        }
        .wd-lg-450-f {
            width: 450px!important
        }
        .wd-lg-450p-f {
            width: 450%!important
        }
        .mx-wd-lg-450p-f {
            max-width: 450%!important
        }
        .mn-wd-lg-450p-f {
            min-width: 450%!important
        }
        .wd-lg-500 {
            width: 500px
        }
        .wd-lg-500p {
            width: 500%
        }
        .mx-wd-lg-500p {
            max-width: 500%
        }
        .mn-wd-lg-500p {
            min-width: 500%
        }
        .wd-lg-500-f {
            width: 500px!important
        }
        .wd-lg-500p-f {
            width: 500%!important
        }
        .mx-wd-lg-500p-f {
            max-width: 500%!important
        }
        .mn-wd-lg-500p-f {
            min-width: 500%!important
        }
        .wd-lg-550 {
            width: 550px
        }
        .wd-lg-550p {
            width: 550%
        }
        .mx-wd-lg-550p {
            max-width: 550%
        }
        .mn-wd-lg-550p {
            min-width: 550%
        }
        .wd-lg-550-f {
            width: 550px!important
        }
        .wd-lg-550p-f {
            width: 550%!important
        }
        .mx-wd-lg-550p-f {
            max-width: 550%!important
        }
        .mn-wd-lg-550p-f {
            min-width: 550%!important
        }
        .wd-lg-600 {
            width: 600px
        }
        .wd-lg-600p {
            width: 600%
        }
        .mx-wd-lg-600p {
            max-width: 600%
        }
        .mn-wd-lg-600p {
            min-width: 600%
        }
        .wd-lg-600-f {
            width: 600px!important
        }
        .wd-lg-600p-f {
            width: 600%!important
        }
        .mx-wd-lg-600p-f {
            max-width: 600%!important
        }
        .mn-wd-lg-600p-f {
            min-width: 600%!important
        }
        .wd-lg-650 {
            width: 650px
        }
        .wd-lg-650p {
            width: 650%
        }
        .mx-wd-lg-650p {
            max-width: 650%
        }
        .mn-wd-lg-650p {
            min-width: 650%
        }
        .wd-lg-650-f {
            width: 650px!important
        }
        .wd-lg-650p-f {
            width: 650%!important
        }
        .mx-wd-lg-650p-f {
            max-width: 650%!important
        }
        .mn-wd-lg-650p-f {
            min-width: 650%!important
        }
        .wd-lg-700 {
            width: 700px
        }
        .wd-lg-700p {
            width: 700%
        }
        .mx-wd-lg-700p {
            max-width: 700%
        }
        .mn-wd-lg-700p {
            min-width: 700%
        }
        .wd-lg-700-f {
            width: 700px!important
        }
        .wd-lg-700p-f {
            width: 700%!important
        }
        .mx-wd-lg-700p-f {
            max-width: 700%!important
        }
        .mn-wd-lg-700p-f {
            min-width: 700%!important
        }
        .wd-lg-750 {
            width: 750px
        }
        .wd-lg-750p {
            width: 750%
        }
        .mx-wd-lg-750p {
            max-width: 750%
        }
        .mn-wd-lg-750p {
            min-width: 750%
        }
        .wd-lg-750-f {
            width: 750px!important
        }
        .wd-lg-750p-f {
            width: 750%!important
        }
        .mx-wd-lg-750p-f {
            max-width: 750%!important
        }
        .mn-wd-lg-750p-f {
            min-width: 750%!important
        }
        .wd-lg-800 {
            width: 800px
        }
        .wd-lg-800p {
            width: 800%
        }
        .mx-wd-lg-800p {
            max-width: 800%
        }
        .mn-wd-lg-800p {
            min-width: 800%
        }
        .wd-lg-800-f {
            width: 800px!important
        }
        .wd-lg-800p-f {
            width: 800%!important
        }
        .mx-wd-lg-800p-f {
            max-width: 800%!important
        }
        .mn-wd-lg-800p-f {
            min-width: 800%!important
        }
        .wd-lg-850 {
            width: 850px
        }
        .wd-lg-850p {
            width: 850%
        }
        .mx-wd-lg-850p {
            max-width: 850%
        }
        .mn-wd-lg-850p {
            min-width: 850%
        }
        .wd-lg-850-f {
            width: 850px!important
        }
        .wd-lg-850p-f {
            width: 850%!important
        }
        .mx-wd-lg-850p-f {
            max-width: 850%!important
        }
        .mn-wd-lg-850p-f {
            min-width: 850%!important
        }
        .wd-lg-900 {
            width: 900px
        }
        .wd-lg-900p {
            width: 900%
        }
        .mx-wd-lg-900p {
            max-width: 900%
        }
        .mn-wd-lg-900p {
            min-width: 900%
        }
        .wd-lg-900-f {
            width: 900px!important
        }
        .wd-lg-900p-f {
            width: 900%!important
        }
        .mx-wd-lg-900p-f {
            max-width: 900%!important
        }
        .mn-wd-lg-900p-f {
            min-width: 900%!important
        }
        .wd-lg-950 {
            width: 950px
        }
        .wd-lg-950p {
            width: 950%
        }
        .mx-wd-lg-950p {
            max-width: 950%
        }
        .mn-wd-lg-950p {
            min-width: 950%
        }
        .wd-lg-950-f {
            width: 950px!important
        }
        .wd-lg-950p-f {
            width: 950%!important
        }
        .mx-wd-lg-950p-f {
            max-width: 950%!important
        }
        .mn-wd-lg-950p-f {
            min-width: 950%!important
        }
        .wd-lg-1000 {
            width: 1000px
        }
        .wd-lg-1000p {
            width: 1000%
        }
        .mx-wd-lg-1000p {
            max-width: 1000%
        }
        .mn-wd-lg-1000p {
            min-width: 1000%
        }
        .wd-lg-1000-f {
            width: 1000px!important
        }
        .wd-lg-1000p-f {
            width: 1000%!important
        }
        .mx-wd-lg-1000p-f {
            max-width: 1000%!important
        }
        .mn-wd-lg-1000p-f {
            min-width: 1000%!important
        }
        .wd-lg-auto {
            width: auto
        }
        .wd-lg-auto-f {
            width: auto!important
        }
    }

    @media (min-width:1200px) {
        .wd-xl-5 {
            width: 5px
        }
        .wd-xl-5p {
            width: 5%
        }
        .mx-wd-xl-5p {
            max-width: 5%
        }
        .mn-wd-xl-5p {
            min-width: 5%
        }
        .wd-xl-5-f {
            width: 5px!important
        }
        .wd-xl-5p-f {
            width: 5%!important
        }
        .mx-wd-xl-5p-f {
            max-width: 5%!important
        }
        .mn-wd-xl-5p-f {
            min-width: 5%!important
        }
        .wd-xl-10 {
            width: 10px
        }
        .wd-xl-10p {
            width: 10%
        }
        .mx-wd-xl-10p {
            max-width: 10%
        }
        .mn-wd-xl-10p {
            min-width: 10%
        }
        .wd-xl-10-f {
            width: 10px!important
        }
        .wd-xl-10p-f {
            width: 10%!important
        }
        .mx-wd-xl-10p-f {
            max-width: 10%!important
        }
        .mn-wd-xl-10p-f {
            min-width: 10%!important
        }
        .wd-xl-15 {
            width: 15px
        }
        .wd-xl-15p {
            width: 15%
        }
        .mx-wd-xl-15p {
            max-width: 15%
        }
        .mn-wd-xl-15p {
            min-width: 15%
        }
        .wd-xl-15-f {
            width: 15px!important
        }
        .wd-xl-15p-f {
            width: 15%!important
        }
        .mx-wd-xl-15p-f {
            max-width: 15%!important
        }
        .mn-wd-xl-15p-f {
            min-width: 15%!important
        }
        .wd-xl-20 {
            width: 20px
        }
        .wd-xl-20p {
            width: 20%
        }
        .mx-wd-xl-20p {
            max-width: 20%
        }
        .mn-wd-xl-20p {
            min-width: 20%
        }
        .wd-xl-20-f {
            width: 20px!important
        }
        .wd-xl-20p-f {
            width: 20%!important
        }
        .mx-wd-xl-20p-f {
            max-width: 20%!important
        }
        .mn-wd-xl-20p-f {
            min-width: 20%!important
        }
        .wd-xl-25 {
            width: 25px
        }
        .wd-xl-25p {
            width: 25%
        }
        .mx-wd-xl-25p {
            max-width: 25%
        }
        .mn-wd-xl-25p {
            min-width: 25%
        }
        .wd-xl-25-f {
            width: 25px!important
        }
        .wd-xl-25p-f {
            width: 25%!important
        }
        .mx-wd-xl-25p-f {
            max-width: 25%!important
        }
        .mn-wd-xl-25p-f {
            min-width: 25%!important
        }
        .wd-xl-30 {
            width: 30px
        }
        .wd-xl-30p {
            width: 30%
        }
        .mx-wd-xl-30p {
            max-width: 30%
        }
        .mn-wd-xl-30p {
            min-width: 30%
        }
        .wd-xl-30-f {
            width: 30px!important
        }
        .wd-xl-30p-f {
            width: 30%!important
        }
        .mx-wd-xl-30p-f {
            max-width: 30%!important
        }
        .mn-wd-xl-30p-f {
            min-width: 30%!important
        }
        .wd-xl-35 {
            width: 35px
        }
        .wd-xl-35p {
            width: 35%
        }
        .mx-wd-xl-35p {
            max-width: 35%
        }
        .mn-wd-xl-35p {
            min-width: 35%
        }
        .wd-xl-35-f {
            width: 35px!important
        }
        .wd-xl-35p-f {
            width: 35%!important
        }
        .mx-wd-xl-35p-f {
            max-width: 35%!important
        }
        .mn-wd-xl-35p-f {
            min-width: 35%!important
        }
        .wd-xl-40 {
            width: 40px
        }
        .wd-xl-40p {
            width: 40%
        }
        .mx-wd-xl-40p {
            max-width: 40%
        }
        .mn-wd-xl-40p {
            min-width: 40%
        }
        .wd-xl-40-f {
            width: 40px!important
        }
        .wd-xl-40p-f {
            width: 40%!important
        }
        .mx-wd-xl-40p-f {
            max-width: 40%!important
        }
        .mn-wd-xl-40p-f {
            min-width: 40%!important
        }
        .wd-xl-45 {
            width: 45px
        }
        .wd-xl-45p {
            width: 45%
        }
        .mx-wd-xl-45p {
            max-width: 45%
        }
        .mn-wd-xl-45p {
            min-width: 45%
        }
        .wd-xl-45-f {
            width: 45px!important
        }
        .wd-xl-45p-f {
            width: 45%!important
        }
        .mx-wd-xl-45p-f {
            max-width: 45%!important
        }
        .mn-wd-xl-45p-f {
            min-width: 45%!important
        }
        .wd-xl-50 {
            width: 50px
        }
        .wd-xl-50p {
            width: 50%
        }
        .mx-wd-xl-50p {
            max-width: 50%
        }
        .mn-wd-xl-50p {
            min-width: 50%
        }
        .wd-xl-50-f {
            width: 50px!important
        }
        .wd-xl-50p-f {
            width: 50%!important
        }
        .mx-wd-xl-50p-f {
            max-width: 50%!important
        }
        .mn-wd-xl-50p-f {
            min-width: 50%!important
        }
        .wd-xl-55 {
            width: 55px
        }
        .wd-xl-55p {
            width: 55%
        }
        .mx-wd-xl-55p {
            max-width: 55%
        }
        .mn-wd-xl-55p {
            min-width: 55%
        }
        .wd-xl-55-f {
            width: 55px!important
        }
        .wd-xl-55p-f {
            width: 55%!important
        }
        .mx-wd-xl-55p-f {
            max-width: 55%!important
        }
        .mn-wd-xl-55p-f {
            min-width: 55%!important
        }
        .wd-xl-60 {
            width: 60px
        }
        .wd-xl-60p {
            width: 60%
        }
        .mx-wd-xl-60p {
            max-width: 60%
        }
        .mn-wd-xl-60p {
            min-width: 60%
        }
        .wd-xl-60-f {
            width: 60px!important
        }
        .wd-xl-60p-f {
            width: 60%!important
        }
        .mx-wd-xl-60p-f {
            max-width: 60%!important
        }
        .mn-wd-xl-60p-f {
            min-width: 60%!important
        }
        .wd-xl-65 {
            width: 65px
        }
        .wd-xl-65p {
            width: 65%
        }
        .mx-wd-xl-65p {
            max-width: 65%
        }
        .mn-wd-xl-65p {
            min-width: 65%
        }
        .wd-xl-65-f {
            width: 65px!important
        }
        .wd-xl-65p-f {
            width: 65%!important
        }
        .mx-wd-xl-65p-f {
            max-width: 65%!important
        }
        .mn-wd-xl-65p-f {
            min-width: 65%!important
        }
        .wd-xl-70 {
            width: 70px
        }
        .wd-xl-70p {
            width: 70%
        }
        .mx-wd-xl-70p {
            max-width: 70%
        }
        .mn-wd-xl-70p {
            min-width: 70%
        }
        .wd-xl-70-f {
            width: 70px!important
        }
        .wd-xl-70p-f {
            width: 70%!important
        }
        .mx-wd-xl-70p-f {
            max-width: 70%!important
        }
        .mn-wd-xl-70p-f {
            min-width: 70%!important
        }
        .wd-xl-75 {
            width: 75px
        }
        .wd-xl-75p {
            width: 75%
        }
        .mx-wd-xl-75p {
            max-width: 75%
        }
        .mn-wd-xl-75p {
            min-width: 75%
        }
        .wd-xl-75-f {
            width: 75px!important
        }
        .wd-xl-75p-f {
            width: 75%!important
        }
        .mx-wd-xl-75p-f {
            max-width: 75%!important
        }
        .mn-wd-xl-75p-f {
            min-width: 75%!important
        }
        .wd-xl-80 {
            width: 80px
        }
        .wd-xl-80p {
            width: 80%
        }
        .mx-wd-xl-80p {
            max-width: 80%
        }
        .mn-wd-xl-80p {
            min-width: 80%
        }
        .wd-xl-80-f {
            width: 80px!important
        }
        .wd-xl-80p-f {
            width: 80%!important
        }
        .mx-wd-xl-80p-f {
            max-width: 80%!important
        }
        .mn-wd-xl-80p-f {
            min-width: 80%!important
        }
        .wd-xl-85 {
            width: 85px
        }
        .wd-xl-85p {
            width: 85%
        }
        .mx-wd-xl-85p {
            max-width: 85%
        }
        .mn-wd-xl-85p {
            min-width: 85%
        }
        .wd-xl-85-f {
            width: 85px!important
        }
        .wd-xl-85p-f {
            width: 85%!important
        }
        .mx-wd-xl-85p-f {
            max-width: 85%!important
        }
        .mn-wd-xl-85p-f {
            min-width: 85%!important
        }
        .wd-xl-90 {
            width: 90px
        }
        .wd-xl-90p {
            width: 90%
        }
        .mx-wd-xl-90p {
            max-width: 90%
        }
        .mn-wd-xl-90p {
            min-width: 90%
        }
        .wd-xl-90-f {
            width: 90px!important
        }
        .wd-xl-90p-f {
            width: 90%!important
        }
        .mx-wd-xl-90p-f {
            max-width: 90%!important
        }
        .mn-wd-xl-90p-f {
            min-width: 90%!important
        }
        .wd-xl-95 {
            width: 95px
        }
        .wd-xl-95p {
            width: 95%
        }
        .mx-wd-xl-95p {
            max-width: 95%
        }
        .mn-wd-xl-95p {
            min-width: 95%
        }
        .wd-xl-95-f {
            width: 95px!important
        }
        .wd-xl-95p-f {
            width: 95%!important
        }
        .mx-wd-xl-95p-f {
            max-width: 95%!important
        }
        .mn-wd-xl-95p-f {
            min-width: 95%!important
        }
        .wd-xl-100 {
            width: 100px
        }
        .wd-xl-100p {
            width: 100%
        }
        .mx-wd-xl-100p {
            max-width: 100%
        }
        .mn-wd-xl-100p {
            min-width: 100%
        }
        .wd-xl-100-f {
            width: 100px!important
        }
        .wd-xl-100p-f {
            width: 100%!important
        }
        .mx-wd-xl-100p-f {
            max-width: 100%!important
        }
        .mn-wd-xl-100p-f {
            min-width: 100%!important
        }
        .wd-xl-150 {
            width: 150px
        }
        .wd-xl-150p {
            width: 150%
        }
        .mx-wd-xl-150p {
            max-width: 150%
        }
        .mn-wd-xl-150p {
            min-width: 150%
        }
        .wd-xl-150-f {
            width: 150px!important
        }
        .wd-xl-150p-f {
            width: 150%!important
        }
        .mx-wd-xl-150p-f {
            max-width: 150%!important
        }
        .mn-wd-xl-150p-f {
            min-width: 150%!important
        }
        .wd-xl-200 {
            width: 200px
        }
        .wd-xl-200p {
            width: 200%
        }
        .mx-wd-xl-200p {
            max-width: 200%
        }
        .mn-wd-xl-200p {
            min-width: 200%
        }
        .wd-xl-200-f {
            width: 200px!important
        }
        .wd-xl-200p-f {
            width: 200%!important
        }
        .mx-wd-xl-200p-f {
            max-width: 200%!important
        }
        .mn-wd-xl-200p-f {
            min-width: 200%!important
        }
        .wd-xl-250 {
            width: 250px
        }
        .wd-xl-250p {
            width: 250%
        }
        .mx-wd-xl-250p {
            max-width: 250%
        }
        .mn-wd-xl-250p {
            min-width: 250%
        }
        .wd-xl-250-f {
            width: 250px!important
        }
        .wd-xl-250p-f {
            width: 250%!important
        }
        .mx-wd-xl-250p-f {
            max-width: 250%!important
        }
        .mn-wd-xl-250p-f {
            min-width: 250%!important
        }
        .wd-xl-300 {
            width: 300px
        }
        .wd-xl-300p {
            width: 300%
        }
        .mx-wd-xl-300p {
            max-width: 300%
        }
        .mn-wd-xl-300p {
            min-width: 300%
        }
        .wd-xl-300-f {
            width: 300px!important
        }
        .wd-xl-300p-f {
            width: 300%!important
        }
        .mx-wd-xl-300p-f {
            max-width: 300%!important
        }
        .mn-wd-xl-300p-f {
            min-width: 300%!important
        }
        .wd-xl-350 {
            width: 350px
        }
        .wd-xl-350p {
            width: 350%
        }
        .mx-wd-xl-350p {
            max-width: 350%
        }
        .mn-wd-xl-350p {
            min-width: 350%
        }
        .wd-xl-350-f {
            width: 350px!important
        }
        .wd-xl-350p-f {
            width: 350%!important
        }
        .mx-wd-xl-350p-f {
            max-width: 350%!important
        }
        .mn-wd-xl-350p-f {
            min-width: 350%!important
        }
        .wd-xl-400 {
            width: 400px
        }
        .wd-xl-400p {
            width: 400%
        }
        .mx-wd-xl-400p {
            max-width: 400%
        }
        .mn-wd-xl-400p {
            min-width: 400%
        }
        .wd-xl-400-f {
            width: 400px!important
        }
        .wd-xl-400p-f {
            width: 400%!important
        }
        .mx-wd-xl-400p-f {
            max-width: 400%!important
        }
        .mn-wd-xl-400p-f {
            min-width: 400%!important
        }
        .wd-xl-450 {
            width: 450px
        }
        .wd-xl-450p {
            width: 450%
        }
        .mx-wd-xl-450p {
            max-width: 450%
        }
        .mn-wd-xl-450p {
            min-width: 450%
        }
        .wd-xl-450-f {
            width: 450px!important
        }
        .wd-xl-450p-f {
            width: 450%!important
        }
        .mx-wd-xl-450p-f {
            max-width: 450%!important
        }
        .mn-wd-xl-450p-f {
            min-width: 450%!important
        }
        .wd-xl-500 {
            width: 500px
        }
        .wd-xl-500p {
            width: 500%
        }
        .mx-wd-xl-500p {
            max-width: 500%
        }
        .mn-wd-xl-500p {
            min-width: 500%
        }
        .wd-xl-500-f {
            width: 500px!important
        }
        .wd-xl-500p-f {
            width: 500%!important
        }
        .mx-wd-xl-500p-f {
            max-width: 500%!important
        }
        .mn-wd-xl-500p-f {
            min-width: 500%!important
        }
        .wd-xl-550 {
            width: 550px
        }
        .wd-xl-550p {
            width: 550%
        }
        .mx-wd-xl-550p {
            max-width: 550%
        }
        .mn-wd-xl-550p {
            min-width: 550%
        }
        .wd-xl-550-f {
            width: 550px!important
        }
        .wd-xl-550p-f {
            width: 550%!important
        }
        .mx-wd-xl-550p-f {
            max-width: 550%!important
        }
        .mn-wd-xl-550p-f {
            min-width: 550%!important
        }
        .wd-xl-600 {
            width: 600px
        }
        .wd-xl-600p {
            width: 600%
        }
        .mx-wd-xl-600p {
            max-width: 600%
        }
        .mn-wd-xl-600p {
            min-width: 600%
        }
        .wd-xl-600-f {
            width: 600px!important
        }
        .wd-xl-600p-f {
            width: 600%!important
        }
        .mx-wd-xl-600p-f {
            max-width: 600%!important
        }
        .mn-wd-xl-600p-f {
            min-width: 600%!important
        }
        .wd-xl-650 {
            width: 650px
        }
        .wd-xl-650p {
            width: 650%
        }
        .mx-wd-xl-650p {
            max-width: 650%
        }
        .mn-wd-xl-650p {
            min-width: 650%
        }
        .wd-xl-650-f {
            width: 650px!important
        }
        .wd-xl-650p-f {
            width: 650%!important
        }
        .mx-wd-xl-650p-f {
            max-width: 650%!important
        }
        .mn-wd-xl-650p-f {
            min-width: 650%!important
        }
        .wd-xl-700 {
            width: 700px
        }
        .wd-xl-700p {
            width: 700%
        }
        .mx-wd-xl-700p {
            max-width: 700%
        }
        .mn-wd-xl-700p {
            min-width: 700%
        }
        .wd-xl-700-f {
            width: 700px!important
        }
        .wd-xl-700p-f {
            width: 700%!important
        }
        .mx-wd-xl-700p-f {
            max-width: 700%!important
        }
        .mn-wd-xl-700p-f {
            min-width: 700%!important
        }
        .wd-xl-750 {
            width: 750px
        }
        .wd-xl-750p {
            width: 750%
        }
        .mx-wd-xl-750p {
            max-width: 750%
        }
        .mn-wd-xl-750p {
            min-width: 750%
        }
        .wd-xl-750-f {
            width: 750px!important
        }
        .wd-xl-750p-f {
            width: 750%!important
        }
        .mx-wd-xl-750p-f {
            max-width: 750%!important
        }
        .mn-wd-xl-750p-f {
            min-width: 750%!important
        }
        .wd-xl-800 {
            width: 800px
        }
        .wd-xl-800p {
            width: 800%
        }
        .mx-wd-xl-800p {
            max-width: 800%
        }
        .mn-wd-xl-800p {
            min-width: 800%
        }
        .wd-xl-800-f {
            width: 800px!important
        }
        .wd-xl-800p-f {
            width: 800%!important
        }
        .mx-wd-xl-800p-f {
            max-width: 800%!important
        }
        .mn-wd-xl-800p-f {
            min-width: 800%!important
        }
        .wd-xl-850 {
            width: 850px
        }
        .wd-xl-850p {
            width: 850%
        }
        .mx-wd-xl-850p {
            max-width: 850%
        }
        .mn-wd-xl-850p {
            min-width: 850%
        }
        .wd-xl-850-f {
            width: 850px!important
        }
        .wd-xl-850p-f {
            width: 850%!important
        }
        .mx-wd-xl-850p-f {
            max-width: 850%!important
        }
        .mn-wd-xl-850p-f {
            min-width: 850%!important
        }
        .wd-xl-900 {
            width: 900px
        }
        .wd-xl-900p {
            width: 900%
        }
        .mx-wd-xl-900p {
            max-width: 900%
        }
        .mn-wd-xl-900p {
            min-width: 900%
        }
        .wd-xl-900-f {
            width: 900px!important
        }
        .wd-xl-900p-f {
            width: 900%!important
        }
        .mx-wd-xl-900p-f {
            max-width: 900%!important
        }
        .mn-wd-xl-900p-f {
            min-width: 900%!important
        }
        .wd-xl-950 {
            width: 950px
        }
        .wd-xl-950p {
            width: 950%
        }
        .mx-wd-xl-950p {
            max-width: 950%
        }
        .mn-wd-xl-950p {
            min-width: 950%
        }
        .wd-xl-950-f {
            width: 950px!important
        }
        .wd-xl-950p-f {
            width: 950%!important
        }
        .mx-wd-xl-950p-f {
            max-width: 950%!important
        }
        .mn-wd-xl-950p-f {
            min-width: 950%!important
        }
        .wd-xl-1000 {
            width: 1000px
        }
        .wd-xl-1000p {
            width: 1000%
        }
        .mx-wd-xl-1000p {
            max-width: 1000%
        }
        .mn-wd-xl-1000p {
            min-width: 1000%
        }
        .wd-xl-1000-f {
            width: 1000px!important
        }
        .wd-xl-1000p-f {
            width: 1000%!important
        }
        .mx-wd-xl-1000p-f {
            max-width: 1000%!important
        }
        .mn-wd-xl-1000p-f {
            min-width: 1000%!important
        }
        .wd-xl-auto {
            width: auto;
            width: auto!important
        }
    }

    .wd-100v {
        width: 100vw
    }

    .tag {
        color: #14112d;
        background-color: #e9edfb;
        border-radius: 3px
    }

    a.tag {
        text-decoration: none;
        cursor: pointer;
        transition: color .3s, background .3s
    }

    a.tag:hover {
        background-color: rgba(110, 118, 135, .2);
        color: inherit
    }

    .tag-addon {
        background: #d7def7
    }

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

    a.tag-addon {
        text-decoration: none;
        cursor: pointer;
        transition: color .3s, background .3s
    }

    a.tag-addon:hover {
        background: rgba(0, 0, 0, .16);
        color: inherit
    }

    .tag-avatar {
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 3px 0 0 3px;
        margin: 0 .5rem 0 -.5rem
    }

    .tag-blue {
        background-color: #467fcf;
        color: #fff
    }

    .tag-indigo {
        background-color: #6259ca;
        color: #fff
    }

    .tag-purple {
        background-color: #8500ff;
        color: #fff
    }

    .tag-pink {
        background-color: #ec82ef;
        color: #fff
    }

    .tag-red {
        background-color: #ec2d38;
        color: #fff
    }

    .tag-yellow {
        background-color: #fdb901;
        color: #fff
    }

    .tag-green {
        background-color: #0fa751;
        color: #fff
    }

    .tag-cyan {
        background-color: #00b9ff;
        color: #fff
    }

    .tag-white {
        background-color: #fff;
        color: #fff
    }

    .tag-gray {
        background-color: #868e96;
        color: #fff
    }

    .tag-gray-dark {
        background-color: #343a40;
        color: #fff
    }

    .tag-azure {
        background-color: #17c1f4;
        color: #fff
    }

    .tag-lime {
        background-color: #7bd235;
        color: #fff
    }

    .tag-primary {
        background-color: #467fcf;
        color: #fff
    }

    .tag-secondary {
        background-color: #868e96;
        color: #fff
    }

    .tag-success {
        background-color: #0fa751;
        color: #fff
    }

    .tag-info {
        background-color: #17c1f4;
        color: #fff
    }

    .tag-warning {
        background-color: #fdb901
    }

    .tag-danger {
        background-color: #ec2d38;
        color: #fff
    }

    .tag-light {
        background-color: #f8f9fa;
        color: #fff
    }

    .tag-dark {
        background-color: #343a40;
        color: #fff
    }

    .tag-rounded,
    .tag-rounded .tag-avatar {
        border-radius: 50px
    }

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

    .main-nav-tabs {
        padding: 15px 15px 0;
        background-color: #f0f0ff
    }

    .main-nav-tabs .lSSlideOuter {
        position: relative;
        padding-left: 32px;
        padding-right: 35px
    }

    .main-nav-tabs .lSSlideWrapper {
        overflow: visible
    }

    .main-nav-tabs .lSAction>a {
        display: block;
        height: 40px;
        top: 16px;
        opacity: 1;
        background-color: #d7d7f3;
        background-image: none
    }

    .main-nav-tabs .lSAction>a:focus,
    .main-nav-tabs .lSAction>a:hover {
        background-color: #d3d3ea
    }

    .main-nav-tabs .lSAction>a:before {
        font-family: Ionicons;
        font-size: 14px;
        position: absolute;
        top: -1px;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .main-nav-tabs .lSAction>a.lSPrev {
        left: -32px
    }

    .main-nav-tabs .lSAction>a.lSPrev:before {
        content: "\F3CF"
    }

    .main-nav-tabs .lSAction>a.lSNext {
        right: -35px
    }

    .main-nav-tabs .lSAction>a.lSNext:before {
        content: "\F3D1"
    }

    .main-nav-tabs .lSAction>a.disabled {
        background-color: #f0f0ff;
        color: #fff
    }

    .main-nav-tabs .lightSlider {
        display: flex
    }

    .main-nav-tabs .tab-item {
        flex-shrink: 0;
        display: block;
        float: none;
        min-width: 150px
    }

    .main-nav-tabs .tab-link {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 20px;
        line-height: 1.428;
        color: #3c4858;
        white-space: nowrap;
        background-color: #f0f0ff
    }

    .main-nav-tabs .tab-link:focus,
    .main-nav-tabs .tab-link:hover {
        background-color: #f1f2f9
    }

    .main-nav-tabs .tab-link.active {
        background-color: #fff;
        color: #4b4b63;
        font-weight: 500
    }

    .main-tab-pane {
        display: none
    }

    .main-tab-pane.active {
        display: block
    }

    .tab-content>.tab-pane {
        display: none
    }

    .tab-content>.active {
        display: block
    }

    .nav {
        display: flex;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none
    }

    .nav-link {
        display: block;
        padding: .5rem 1rem
    }

    .nav-link:focus,
    .nav-link:hover {
        text-decoration: none
    }

    .nav-link.disabled {
        color: #a8afc7;
        pointer-events: none;
        cursor: default
    }

    .nav-tabs {
        border-bottom: 1px solid #e8e8f7
    }

    .nav-tabs .nav-item {
        margin-bottom: -1px
    }

    .nav-tabs .nav-link {
        border: 1px solid transparent;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .nav-tabs .nav-link:focus,
    .nav-tabs .nav-link:hover {
        border-color: #f0f0ff
    }

    .nav-tabs .nav-link.disabled {
        color: #a8afc7;
        background-color: transparent;
        border-color: transparent
    }

    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        color: #3c4858;
        background-color: #fff;
        border-color: #f0f0ff #f0f0ff #fff
    }

    .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .nav-pills .nav-link {
        border-radius: 3px
    }

    .nav-fill .nav-item {
        flex: 1 1 auto;
        text-align: center
    }

    .nav-justified .nav-item {
        flex-basis: 0;
        flex-grow: 1;
        text-align: center
    }

    @media (max-width:991.98px) {
        .main-navbar-show {
            overflow: inherit
        }
        .main-navbar-show .main-navbar-backdrop {
            visibility: visible;
            opacity: 1
        }
        .main-navbar-show .main-navbar {
            transform: translateX(0);
            visibility: visible
        }
        .main-navbar .nav-sub-item {
            margin-left: 20px!important
        }
    }

    .horizontalmenu .main-navbar .nav-sub-item,
    .horizontalmenu .main-navbar .nav-sub-link {
        transition: none
    }

    .main-navbar-backdrop {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, .45);
        z-index: 900;
        visibility: hidden;
        opacity: 0;
        transition: all .4s
    }

    @media (prefers-reduced-motion:reduce) {
        .main-navbar-backdrop {
            transition: none
        }
    }

    .main-navbar {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: 240px;
        overflow-y: auto;
        background-color: #25233c;
        z-index: 1000;
        visibility: hidden;
        transform: translateX(-240px)
    }

    .main-navbar .nav-sub-link:before {
        content: "\E048";
        font-family: typicons!important;
        opacity: .7;
        font-size: 16px;
        position: absolute;
        left: -19px;
        border-radius: 50%;
        border: 0;
        display: block;
        background: transparent;
        top: -3px
    }

    .main-navbar>.container,
    .main-navbar>.container-fluid {
        display: flex;
        flex-direction: column
    }

    @media (prefers-reduced-motion:reduce) {
        .main-navbar {
            transition: none
        }
    }

    @media (min-width:992px) {
        .main-navbar {
            position: relative;
            top: auto;
            left: auto;
            width: 100%;
            bottom: auto;
            padding: 5px;
            border-right: 0;
            overflow-y: inherit;
            display: block;
            visibility: visible;
            transform: none;
            z-index: auto;
            z-index: 10;
            box-shadow: 0 2px 17px 1px rgba(162, 169, 204, .24);
            border-bottom: 1px solid transparent
        }
        .main-navbar .nav-sub-mega .container,
        .main-navbar .nav-sub-mega .container-fluid {
            display: flex;
            background-color: #fff;
            border: 1px solid transparent;
            border-top-color: #e8e8f7
        }
    }

    @media (max-width:991.98px) {
        .main-navbar>.container,
        .main-navbar>.container-fluid {
            padding: 0
        }
    }

    @media (min-width:992px) {
        .main-navbar>.container,
        .main-navbar>.container-fluid {
            flex-direction: row;
            align-items: center
        }
    }

    .hor-menu.main-navbar .nav-link {
        padding: 9px 0
    }

    @media (min-width:992px) {
        .main-navbar>.container {
            padding: 0
        }
    }

    @media (min-width:992px) {
        .main-navbar>.container-fluid {
            padding-left: 20px;
            padding-right: 20px
        }
    }

    .main-navbar .nav {
        flex-direction: column;
        margin-bottom: 20px
    }

    .main-navbar .nav-label {
        font-size: 10px;
        font-weight: 500;
        text-transform: uppercase;
        color: #a8afc7;
        letter-spacing: 1px;
        display: block;
        margin-bottom: 10px
    }

    .main-navbar .nav-item {
        position: relative;
        padding-right: 28px
    }

    .main-navbar.hor-menu .nav-item.active .nav-link.with-sub:after,
    .main-navbar .nav-item:hover .nav-link,
    .main-navbar .nav-item:hover .nav-link.with-sub:after {
        color: #fff
    }

    .main-navbar.hor-menu {
        box-shadow: -8px 12px 18px 0 rgba(21, 21, 62, .03)
    }

    .main-navbar.hor-menu .nav-item.active .nav-link,
    .main-navbar.hor-menu .nav-item:hover .nav-link {
        color: #fff
    }

    .main-navbar .nav-item.show>.nav-sub {
        display: block
    }

    .main-navbar .nav-item-mega {
        position: static
    }

    .main-navbar .nav-link {
        padding: 0;
        color: hsla(0, 0%, 100%, .6);
        font-size: 15px;
        font-weight: 400;
        position: relative;
        display: flex;
        align-items: center;
        height: 42px;
        outline: none
    }

    .main-navbar .nav-link i {
        font-size: 18px;
        margin-right: 10px
    }

    .main-navbar .nav-link i.typcn {
        line-height: 1;
        width: 20px
    }

    .main-navbar .nav-link i.typcn:before {
        width: auto
    }

    .main-navbar .nav-link.with-sub:after {
        content: "\F3D0";
        font-family: Ionicons;
        font-size: 11px;
        font-weight: 400;
        display: inline-block;
        position: relative;
        margin-left: auto;
        color: #a8afc7
    }

    .main-navbar .nav-link.with-sub:before {
        content: "";
        position: absolute;
        top: 37px;
        left: 31%;
        margin-left: -7px;
        width: 15px;
        height: 15px;
        border-color: rgba(61, 119, 180, .2) transparent transparent rgba(61, 119, 180, .2);
        border-style: solid;
        border-width: 1px;
        transform: rotate(45deg);
        background-color: #fff;
        z-index: 901;
        display: none
    }

    .main-navbar .nav-sub {
        display: none;
        list-style: none;
        padding: 0;
        margin: 0
    }

    .main-navbar .nav-sub-item {
        position: relative;
        display: block;
        margin-left: 0;
        padding: 7px 0
    }

    .main-navbar .nav-sub-item>.nav-sub {
        left: 159px;
        top: -10px;
        display: none
    }

    .main-navbar .nav-sub-item.show>.nav-sub {
        display: block
    }

    .main-navbar .nav-sub-link {
        position: relative;
        font-size: .875rem;
        color: #3c3c4e;
        display: flex
    }

    .main-navbar .nav-sub-link.with-sub {
        justify-content: space-between
    }

    .main-navbar .nav-sub-link.with-sub:after {
        content: "\F3D0";
        font-family: Ionicons;
        font-size: 11px;
        font-weight: 400;
        display: inline-block;
        position: relative;
        margin-left: auto;
        color: #a8afc7
    }

    .main-navbar .nav-sub-mega {
        top: 50px
    }

    .main-navbar .nav-sub-mega .container,
    .main-navbar .nav-sub-mega .container-fluid {
        padding: 0;
        pointer-events: auto
    }

    .main-navbar .nav-sub-mega .container-fluid>div+div,
    .main-navbar .nav-sub-mega .container>div+div {
        margin-top: 25px
    }

    .main-navbar .nav-sub-mega .nav {
        min-width: 120px;
        flex-direction: column;
        align-items: stretch;
        padding: 0;
        margin: 0
    }

    .main-navbar .nav-item .nav-sub.nav-sub-mega li:not(.nav-sub-item) {
        margin-bottom: 15px!important
    }

    .main-navbar .nav-item .nav-sub li:not(.nav-sub-item) {
        display: block;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 700;
        color: #525277;
        letter-spacing: .5px;
        margin-bottom: 10px!important;
        margin-top: 10px!important
    }

    .main-navbar .nav-item .nav-sub li:not(.nav-sub-item):first-of-type {
        margin-top: 0
    }

    .main-navbar .nav-sub-mega .nav li:not(.nav-sub-item) {
        display: block;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 700;
        color: #525277;
        letter-spacing: .5px;
        margin-bottom: 10px;
        margin-top: 30px;
        margin-left: 30px
    }

    .main-navbar .nav-sub-mega .nav li:not(.nav-sub-item):first-of-type {
        margin-top: 0
    }

    .main-navbar .nav-sub-mega .nav-sub-item+.nav-sub-item {
        padding-top: 7px;
        margin-top: 7px
    }

    .main-navbar .nav-sub-mega .nav-sub-link {
        height: auto
    }

    @media (min-width:992px) {
        .main-navbar .nav {
            flex-direction: row;
            align-items: center;
            margin-bottom: 0;
            padding: 0
        }
    }

    @media (min-width:992px) {
        .main-navbar .nav-label {
            display: none
        }
    }

    @media (min-width:992px) {
        .main-navbar .nav-item+.nav-item {
            border-top: 0;
            padding-left: 0
        }
    }

    @media (min-width:1200px) {
        .main-navbar .nav-item+.nav-item {
            margin-right: 12px;
            padding-right: 20px
        }
    }

    @media (min-width:992px) {
        .main-navbar .nav-item.show .nav-link:before {
            display: block
        }
    }

    @media (min-width:992px) {
        .main-navbar .nav-link {
            height: auto;
            font-size: 14px
        }
    }

    @media (min-width:992px) {
        .main-navbar .nav-link i {
            margin-right: 8px;
            font-size: 18px
        }
    }

    @media (min-width:992px) {
        .main-navbar .nav-link i.typcn {
            line-height: .9;
            width: auto
        }
    }

    @media (min-width:992px) {
        .main-navbar .nav-link.with-sub:after {
            margin-left: 4px
        }
    }

    @media (min-width:1200px) and (max-width:1477px) {
        .main-navbar .nav-sub-item>.nav-sub {
            left: -200px!important
        }
    }

    @media (min-width:992px) {
        .main-navbar .nav-sub {
            position: absolute;
            top: 45px;
            left: 0;
            width: 180px;
            background-color: #fff;
            border: 1px solid transparent;
            border-top-color: #e8e8f7;
            padding: 8px 20px;
            z-index: 900;
            border-radius: 4px;
            box-shadow: 0 8px 16px 0 rgba(162, 169, 204, .24)
        }
        .nav-item-mega .nav-sub {
            box-shadow: none
        }
        .main-navbar .nav-sub .container {
            box-shadow: 0 8px 16px 0 rgba(162, 169, 204, .24)
        }
        .main-navbar .nav-sub-item {
            margin-left: 0
        }
    }

    @media (max-width:991.98px) {
        .main-navbar .nav-sub-item>.nav-sub>.nav-sub-item {
            margin-left: 37px
        }
        .main-navbar .nav-sub-item>.nav-sub>.nav-sub-item>.nav-sub-link {
            padding-left: 10px
        }
    }

    @media (min-width:992px) {
        .main-navbar .nav-sub-link {
            font-size: .8125rem;
            margin-left: 18px
        }
    }

    @media (max-width:992px) {
        .main-navbar .nav-sub-link:focus,
        .main-navbar .nav-sub-link:hover {
            color: #fff
        }
    }

    @media (min-width:992px) {
        .main-navbar .nav-sub-link.with-sub:after {
            margin-left: 4px;
            content: "\F3D1";
            font-size: 12px
        }
    }

    @media (min-width:992px) {
        .main-navbar .nav-sub-mega {
            padding: 0 25px;
            border-top: 0
        }
    }

    @media (max-width:991.98px) {
        .main-navbar .nav-sub-mega .container,
        .main-navbar .nav-sub-mega .container-fluid {
            max-width: none
        }
    }

    @media (min-width:992px) {
        .main-navbar .nav-sub-mega .container,
        .main-navbar .nav-sub-mega .container-fluid {
            display: flex;
            background-color: #fff;
            border: 1px solid transparent;
            border-top-color: #e8e8f7
        }
    }

    @media (min-width:992px) {
        .main-navbar .nav-sub-mega .container-fluid>div,
        .main-navbar .nav-sub-mega .container>div {
            display: flex;
            padding: 20px;
            flex: 1;
            margin-top: 0
        }
    }

    @media (min-width:1200px) {
        .main-navbar .nav-sub-mega .container-fluid>div,
        .main-navbar .nav-sub-mega .container>div {
            padding: 20px 25px
        }
    }

    @media (min-width:992px) {
        .main-navbar .nav-sub-mega .container-fluid>div+div,
        .main-navbar .nav-sub-mega .container>div+div {
            margin-top: 0;
            border-left: 1px solid #e8e8f7
        }
    }

    @media (min-width:1200px) {
        .main-navbar .nav-sub-mega .nav {
            min-width: 140px
        }
    }

    @media (max-width:991.98px) {
        .main-navbar .nav-sub-mega .nav+.nav .nav-sub-item:first-child {
            margin-top: 6px;
            padding-top: 6px
        }
    }

    @media (min-width:992px) {
        .main-navbar .nav-sub-mega .nav+.nav {
            margin-left: 20px;
            margin-top: 31px;
            padding-top: 0;
            border-top: 0
        }
    }

    @media (min-width:1200px) {
        .main-navbar .nav-sub-mega .nav+.nav {
            margin-left: 25px
        }
    }

    @media (min-width:992px) {
        .main-navbar .nav-item .nav-sub li:not(.nav-sub-item) {
            margin-bottom: 15px;
            margin-left: 0
        }
    }

    .main-navbar-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 20px;
        border-bottom: 1px solid #e8e8f7;
        height: 60px
    }

    @media (min-width:992px) {
        .main-navbar-header {
            display: none
        }
    }

    .main-navbar-search {
        position: relative;
        padding: 0 20px;
        border-bottom: 1px solid #e8e8f7
    }

    .main-navbar-search .form-control {
        border-width: 0;
        padding: 0
    }

    .main-navbar-search .form-control:focus {
        box-shadow: none!important;
        border-color: #f0f0ff
    }

    .main-navbar-search .btn,
    .main-navbar-search .sp-container button {
        background-color: transparent;
        position: absolute;
        top: 0;
        right: 0;
        height: 38px;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 16px;
        line-height: 1
    }

    @media (min-width:992px) {
        .main-navbar-search {
            display: none
        }
    }

    .sp-container .main-navbar-search button {
        background-color: transparent;
        position: absolute;
        top: 0;
        right: 0;
        height: 38px;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 16px;
        line-height: 1
    }

    .main-navbar-two .nav-item.active {
        position: relative
    }

    .main-navbar-two .nav-item.active:before {
        content: "";
        position: absolute
    }

    .main-navbar-two .nav-item.show .nav-link:before {
        display: none
    }

    .main-navbar-two .nav-link {
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 700
    }

    .main-navbar-two .nav-sub {
        top: 39px;
        border-width: 0 1px 1px
    }

    .main-navbar-two .nav-sub-item>.nav-sub {
        left: 178px;
        top: -8px;
        border-top-width: 1px
    }

    .main-navbar-two .nav-sub-mega {
        top: 58px
    }

    .main-navbar-three .nav-item {
        display: block
    }

    .main-navbar-three .nav-item+.nav-item {
        border-left-width: 0;
        padding-left: 0
    }

    .main-navbar-three .nav-item.show .nav-link:before {
        display: none
    }

    .main-navbar-three .nav-item.active .nav-link {
        font-weight: 700
    }

    .main-navbar-three .nav-link {
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 700;
        color: #3b4863;
        position: relative
    }

    .main-navbar-three .nav-link:focus,
    .main-navbar-three .nav-link:hover {
        color: #8f9cc0
    }

    .main-navbar-three .nav-sub {
        top: 35px;
        border-width: 0;
        padding-bottom: 5px
    }

    .main-navbar-three .nav-sub-item+.nav-sub-item {
        border-top: 0
    }

    .main-navbar-three .nav-sub-item .nav-sub {
        top: -8px;
        left: 182px
    }

    .main-navbar-three .nav-sub-link {
        height: 30px
    }

    @media (min-width:992px) {
        .main-navbar-three .nav-item+.nav-item {
            margin-left: 25px
        }
    }

    @media (min-width:992px) {
        .main-navbar-three .nav-link {
            display: block
        }
    }

    @media (min-width:992px) {
        .main-navbar-three .nav-link i {
            display: none
        }
    }

    @media (min-width:992px) {
        .main-navbar-three .nav-sub {
            box-shadow: 0 0 0 2px rgba(180, 189, 206, .5);
            padding-bottom: 8px
        }
    }

    @media (min-width:992px) {
        .main-navbar-three .nav-sub-link {
            height: 36px
        }
    }

    .main-navbar .nav-sub-mega {
        top: 43px;
        left: 0;
        right: 0;
        background-color: transparent;
        padding: 7px 0;
        border: 0;
        width: auto;
        border-top: 0;
        pointer-events: none
    }

    .wizard {
        border: 1px solid #e8e8f7;
        background-color: #fff
    }

    .wizard>.steps {
        padding: 20px
    }

    .wizard>.steps>ul {
        padding: 0;
        margin-bottom: 0;
        display: flex
    }

    .wizard>.steps>ul li {
        float: none;
        display: block;
        width: auto
    }

    .wizard>.steps>ul li .current-info {
        display: none
    }

    .wizard>.steps>ul li .title {
        margin-left: 5px;
        white-space: nowrap;
        transition: all .2s ease-in-out
    }

    .wizard>.steps>ul li+li {
        margin-left: 5px
    }

    .wizard>.steps a,
    .wizard>.steps a:active,
    .wizard>.steps a:hover {
        color: #8f9cc0;
        font-weight: 500;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .wizard>.steps a .number,
    .wizard>.steps a:active .number,
    .wizard>.steps a:hover .number {
        flex-shrink: 0;
        font-weight: 700;
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        color: #8f9cc0;
        display: block;
        text-align: center;
        line-height: 2;
        width: 30px;
        height: 30px;
        background-color: #f0f0ff;
        border-radius: 0;
        transition: all .2s ease-in-out
    }

    .wizard>.steps .disabled {
        display: none
    }

    .wizard>.steps .disabled a,
    .wizard>.steps .disabled a:active,
    .wizard>.steps .disabled a:hover {
        color: #a8afc7
    }

    .wizard>.steps .current a .title,
    .wizard>.steps .current a:active .title,
    .wizard>.steps .current a:hover .title {
        display: inline-block
    }

    .wizard>.steps .current a .number,
    .wizard>.steps .current a:active .number,
    .wizard>.steps .current a:hover .number {
        color: #fff;
        border-radius: 3px
    }

    .wizard>.steps .done a,
    .wizard>.steps .done a:active,
    .wizard>.steps .done a:hover {
        color: #a8afc7
    }

    .wizard>.steps .done a .title,
    .wizard>.steps .done a:active .title,
    .wizard>.steps .done a:hover .title {
        display: none
    }

    .wizard>.steps .done a .number,
    .wizard>.steps .done a:active .number,
    .wizard>.steps .done a:hover .number {
        background-color: #fff;
        border: 1px solid #e8e8f7
    }

    .wizard>.content {
        border-top: 1px solid #e8e8f7;
        border-bottom: 1px solid #e8e8f7;
        min-height: 150px;
        padding: 20px
    }

    .wizard>.content>.title {
        font-size: 18px;
        color: #8f9cc0;
        font-weight: 700;
        margin-bottom: 5px;
        display: none
    }

    .wizard>.content>.title.current {
        display: none
    }

    .wizard>.content>.body {
        float: none;
        position: static;
        width: auto;
        height: auto
    }

    .wizard>.content>.body input.parsley-error {
        border-color: #f16d75
    }

    .wizard>.content>.body input.parsley-error+ul {
        list-style: none!important
    }

    .wizard>.actions {
        padding: 20px
    }

    .wizard>.actions>ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        justify-content: space-between
    }

    .wizard>.actions>ul>li:last-child a {
        background-color: #f16d75
    }

    .wizard>.actions a,
    .wizard>.actions a:active,
    .wizard>.actions a:hover {
        display: block;
        padding: 9px 25px;
        line-height: 1.573;
        color: #fff;
        border-radius: 4px;
        background-color: #6259ca
    }

    .wizard>.actions .disabled a,
    .wizard>.actions .disabled a:active,
    .wizard>.actions .disabled a:hover {
        background-color: #f1388b;
        opacity: .8
    }

    .wizard.vertical>.steps {
        padding: 20px
    }

    .wizard.vertical>.steps ul li+li {
        margin-left: 10px
    }

    .wizard.vertical>.steps ul li .title {
        display: none
    }

    .wizard.vertical>.steps .current a .title {
        display: inline-block
    }

    .wizard.vertical>.content {
        margin: 0;
        padding: 20px
    }

    .wizard.vertical>.actions {
        padding: 20px
    }

    .wizard.vertical>.actions ul {
        float: none;
        margin: 0;
        padding: 0
    }

    @media (min-width:768px) {
        .wizard>.steps {
            padding: 25px
        }
    }

    @media (min-width:992px) {
        .wizard>.steps {
            padding: 20px
        }
    }

    @media (prefers-reduced-motion:reduce) {
        .wizard>.steps>ul li .title {
            transition: none
        }
    }

    @media (min-width:576px) {
        .wizard>.steps>ul li .title {
            display: none;
            margin-left: 10px
        }
    }

    @media (min-width:768px) {
        .wizard>.steps>ul li .title {
            display: inline-block
        }
    }

    @media (min-width:576px) {
        .wizard>.steps>ul li+li {
            margin-left: 20px
        }
    }

    @media (min-width:992px) {
        .wizard>.steps>ul li+li {
            margin-left: 30px
        }
    }

    @media (min-width:1200px) {
        .wizard>.steps a,
        .wizard>.steps a:active,
        .wizard>.steps a:hover {
            justify-content: flex-start
        }
    }

    @media (prefers-reduced-motion:reduce) {
        .wizard>.steps a .number,
        .wizard>.steps a:active .number,
        .wizard>.steps a:hover .number {
            transition: none
        }
    }

    @media (min-width:576px) {
        .wizard>.steps a .number,
        .wizard>.steps a:active .number,
        .wizard>.steps a:hover .number {
            font-size: 14px;
            font-weight: 600;
            width: 30px;
            height: 30px;
            vertical-align: middle
        }
    }

    @media (min-width:576px) {
        .wizard>.steps .disabled {
            display: block
        }
    }

    @media (min-width:768px) {
        .wizard>.steps .done a .title,
        .wizard>.steps .done a:active .title,
        .wizard>.steps .done a:hover .title {
            display: inline-block
        }
    }

    @media (min-width:768px) {
        .wizard>.content {
            padding: 25px
        }
    }

    @media (min-width:992px) {
        .wizard>.content {
            padding: 20px
        }
    }

    @media (min-width:768px) {
        .wizard>.actions {
            padding: 25px
        }
    }

    @media (min-width:992px) {
        .wizard>.actions {
            padding: 10px
        }
    }

    @media (min-width:576px) {
        .wizard.vertical>.steps {
            float: left;
            width: 20%
        }
    }

    @media (min-width:768px) {
        .wizard.vertical>.steps {
            width: 15%
        }
    }

    @media (min-width:992px) {
        .wizard.vertical>.steps {
            padding: 25px;
            width: 30%
        }
    }

    @media (min-width:576px) {
        .wizard.vertical>.steps ul {
            flex-direction: column
        }
    }

    @media (min-width:576px) {
        .wizard.vertical>.steps ul li+li {
            margin-top: 10px;
            margin-left: 0
        }
    }

    @media (min-width:768px) {
        .wizard.vertical>.steps ul li+li {
            margin-top: 20px
        }
    }

    @media (min-width:992px) {
        .wizard.vertical>.steps ul li .title {
            display: block
        }
    }

    @media (min-width:992px) {
        .wizard.vertical>.steps a {
            justify-content: flex-start
        }
    }

    @media (min-width:576px) {
        .wizard.vertical>.steps .current a .title {
            display: none
        }
    }

    @media (min-width:992px) {
        .wizard.vertical>.steps .current a .title {
            display: inline-block
        }
    }

    @media (min-width:576px) {
        .wizard.vertical>.content {
            border-top-width: 0;
            border-bottom-width: 0;
            width: 80%;
            float: right;
            border-left: 1px solid #e8e8f7
        }
    }

    @media (min-width:768px) {
        .wizard.vertical>.content {
            width: 85%
        }
    }

    @media (min-width:992px) {
        .wizard.vertical>.content {
            width: 70%;
            padding: 25px
        }
    }

    @media (min-width:576px) {
        .wizard.vertical>.actions {
            width: 80%;
            float: right;
            border-left: 1px solid #e8e8f7
        }
    }

    @media (min-width:768px) {
        .wizard.vertical>.actions {
            width: 85%
        }
    }

    @media (min-width:992px) {
        .wizard.vertical>.actions {
            width: 70%;
            padding: 25px
        }
    }

    .step-equal-width>.steps>ul {
        display: flex
    }

    .step-equal-width>.steps>ul>li {
        flex: 1;
        width: auto;
        float: none
    }

    .wizard-style-1>.steps>ul a,
    .wizard-style-1>.steps>ul a:active,
    .wizard-style-1>.steps>ul a:hover {
        padding: 0;
        height: 50px
    }

    .wizard-style-1>.steps>ul a .number,
    .wizard-style-1>.steps>ul a:active .number,
    .wizard-style-1>.steps>ul a:hover .number {
        width: 50px;
        height: 100%;
        border: 0;
        font-size: 18px;
        font-weight: 700;
        color: #a8afc7;
        background-color: #f0f0ff;
        border-radius: 0
    }

    .wizard-style-1>.steps>ul a .title,
    .wizard-style-1>.steps>ul a:active .title,
    .wizard-style-1>.steps>ul a:hover .title {
        margin-right: 20px;
        margin-left: 20px
    }

    .wizard-style-1>.steps>ul .done a .number,
    .wizard-style-1>.steps>ul .done a:active .number,
    .wizard-style-1>.steps>ul .done a:hover .number {
        background-color: #643ab0;
        color: #fff
    }

    .wizard-style-2>.steps>ul a,
    .wizard-style-2>.steps>ul a:active,
    .wizard-style-2>.steps>ul a:hover {
        padding: 0;
        height: 50px;
        border-radius: 50px
    }

    .wizard-style-2>.steps>ul a .number,
    .wizard-style-2>.steps>ul a:active .number,
    .wizard-style-2>.steps>ul a:hover .number {
        width: 50px;
        height: 100%;
        border: 2px solid #f0f0ff;
        font-size: 18px;
        font-weight: 700;
        color: #a8afc7;
        background-color: #fff
    }

    .wizard-style-2>.steps>ul a .title,
    .wizard-style-2>.steps>ul a:active .title,
    .wizard-style-2>.steps>ul a:hover .title {
        margin-right: 20px
    }

    .wizard-style-2>.steps>ul .done a .number,
    .wizard-style-2>.steps>ul .done a:active .number,
    .wizard-style-2>.steps>ul .done a:hover .number {
        border-color: #6f42c1;
        color: #6f42c1
    }

    .ps {
        overflow: hidden
    }

    .ps>.ps__rail-y {
        width: 5px;
        background-color: rgba(28, 39, 60, .04);
        z-index: 10;
        position: absolute;
        left: auto!important;
        right: 0;
        opacity: 0;
        transition: opacity .2s
    }

    .ps>.ps__rail-y>.ps__thumb-y {
        position: absolute;
        border-radius: 0;
        width: 3px;
        left: 1px;
        background-color: tranparent
    }

    .ps.ps--active-y:focus>.ps__rail-y,
    .ps.ps--active-y:hover>.ps__rail-y {
        opacity: 1;
        right: -1px!important
    }

    @media (prefers-reduced-motion:reduce) {
        .ps>.ps__rail-y {
            transition: none
        }
    }

    .rdiobox {
        font-weight: 400;
        position: relative;
        display: block;
        line-height: 18px
    }

    .rdiobox span {
        padding-left: 13px
    }

    .rdiobox span:after,
    .rdiobox span:before {
        line-height: 18px;
        position: absolute
    }

    .rdiobox span:before {
        content: "";
        width: 16px;
        height: 16px;
        background-color: #fff;
        border: 1px solid #a8afc7;
        border-radius: 50px;
        top: 2px;
        left: 0
    }

    .rdiobox span:after {
        content: "";
        width: 6px;
        height: 6px;
        background-color: #fff;
        border-radius: 50px;
        top: 7px;
        left: 5px;
        display: none
    }

    .rdiobox span:empty {
        padding-left: 0;
        width: 16px;
        display: block
    }

    .rdiobox input[type=radio] {
        opacity: 0;
        margin: 0
    }

    .rdiobox input[type=radio]:checked+span:before {
        border-color: transparent
    }

    .rdiobox input[type=radio]:checked+span:after {
        display: block
    }

    .rdiobox input[type=radio][disabled]+span,
    .rdiobox input[type=radio][disabled]+span:after,
    .rdiobox input[type=radio][disabled]+span:before {
        opacity: .75
    }

    .rdiobox-inline {
        display: inline-block
    }

    .form-group-rdiobox {
        display: flex;
        align-items: center
    }

    .form-group-rdiobox .rdiobox {
        margin-bottom: 0
    }

    .form-group-rdiobox .rdiobox+.rdiobox {
        margin-left: 30px
    }

    .form-group-rdiobox .rdiobox span {
        padding-left: 0
    }

    .custom-radio .custom-control-label:before {
        border-radius: 50%
    }

    .custom-radio .custom-control-input:checked~.custom-control-label:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
    }

    .custom-radio .custom-control-input:disabled:checked~.custom-control-label:before {
        background-color: rgba(135, 96, 251, .5)
    }

    .custom-switch {
        padding-left: 2.25rem
    }

    .custom-switch .custom-control-label:before {
        left: -2.25rem;
        width: 1.75rem;
        pointer-events: all;
        border-radius: 0
    }

    .custom-switch .custom-control-label:after {
        top: calc(.15625rem + 2px);
        left: calc(-2.25rem + 2px);
        width: calc(1rem - 4px);
        height: calc(1rem - 4px);
        background-color: #a8afc7;
        border-radius: 0;
        transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
    }

    .custom-switch .custom-control-input:checked~.custom-control-label:after {
        background-color: #fff;
        transform: translateX(.75rem)
    }

    .custom-switch .custom-control-input:disabled:checked~.custom-control-label:before {
        background-color: rgba(135, 96, 251, .5)
    }

    @media (prefers-reduced-motion:reduce) {
        .custom-switch .custom-control-label:after {
            transition: none
        }
    }

    .custom-select {
        display: inline-block;
        width: 100%;
        height: calc(1.5em + .75rem + 2px);
        padding: .375rem 1.75rem .375rem .75rem;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.5;
        color: #3c4858;
        vertical-align: middle;
        background-color: #fff;
        border: 1px solid #e8e8f7;
        border-radius: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .custom-select:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(135, 96, 251, .25)
    }

    .custom-select:focus::-ms-value {
        color: #3c4858;
        background-color: #fff
    }

    .custom-select[multiple],
    .custom-select[size]:not([size="1"]) {
        height: auto;
        padding-right: .75rem;
        background-image: none
    }

    .custom-select:disabled {
        color: #a8afc7;
        background-color: #f0f0ff
    }

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

    .custom-select-sm {
        height: calc(1.5em + .5rem + 2px);
        padding-top: .25rem;
        padding-bottom: .25rem;
        padding-left: .5rem;
        font-size: .76562rem
    }

    .custom-select-lg {
        height: calc(1.5em + 1rem + 2px);
        padding-top: .5rem;
        padding-bottom: .5rem;
        padding-left: 1rem;
        font-size: 1.09375rem
    }

    .custom-file {
        display: inline-block;
        margin-bottom: 0
    }

    .custom-file,
    .custom-file-input {
        position: relative;
        width: 100%;
        height: calc(1.5em + .75rem + 2px)
    }

    .custom-file-input {
        z-index: 2;
        margin: 0;
        opacity: 0
    }

    .custom-file-input:focus~.custom-file-label {
        box-shadow: none
    }

    .custom-file-input:disabled~.custom-file-label {
        background-color: #f0f0ff
    }

    .custom-file-input:lang(en)~.custom-file-label:after {
        content: "Browse"
    }

    .custom-file-input~.custom-file-label[data-browse]:after {
        content: attr(data-browse)
    }

    .custom-file-label {
        left: 0;
        z-index: 0;
        height: calc(1.5em + .75rem + 2px);
        font-weight: 400;
        background-color: #fff;
        border: 1px solid #e8e8f7;
        border-radius: 0
    }

    .custom-file-label,
    .custom-file-label:after {
        position: absolute;
        top: 0;
        right: 0;
        padding: .375rem .75rem;
        line-height: 1.5;
        color: #3c4858
    }

    .custom-file-label:after {
        bottom: 0;
        z-index: 3;
        display: block;
        height: calc(1.5em + .75rem);
        content: "Browse";
        background-color: #e5e9f3;
        border-left: inherit;
        border-radius: 0 3px 3px 0
    }

    .custom-range {
        width: 100%;
        height: 1.4rem;
        padding: 0;
        background-color: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .custom-range:focus {
        outline: none
    }

    .custom-range:focus::-moz-range-thumb,
    .custom-range:focus::-ms-thumb,
    .custom-range:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(135, 96, 251, .25)
    }

    .custom-range::-moz-focus-outer {
        border: 0
    }

    .custom-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -.25rem;
        border: 0;
        border-radius: 1rem;
        -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        -webkit-appearance: none;
        appearance: none
    }

    .custom-range::-webkit-slider-thumb:active {
        background-color: #e6ecff
    }

    .custom-range::-webkit-slider-runnable-track {
        width: 100%;
        height: .5rem;
        color: transparent;
        cursor: pointer;
        background-color: #f0f0ff;
        border-color: transparent;
        border-radius: 1rem
    }

    .custom-range::-moz-range-thumb {
        width: 1rem;
        height: 1rem;
        border: 0;
        border-radius: 1rem;
        -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        -moz-appearance: none;
        appearance: none
    }

    .custom-range::-moz-range-thumb:active {
        background-color: #e6ecff
    }

    .custom-range::-moz-range-track {
        width: 100%;
        height: .5rem;
        color: transparent;
        cursor: pointer;
        background-color: #f0f0ff;
        border-color: transparent;
        border-radius: 1rem
    }

    .custom-range::-ms-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: 0;
        margin-right: .2rem;
        margin-left: .2rem;
        border: 0;
        border-radius: 1rem;
        -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        appearance: none
    }

    .custom-range::-ms-thumb:active {
        background-color: #e6ecff
    }

    .custom-range::-ms-track {
        width: 100%;
        height: .5rem;
        color: transparent;
        cursor: pointer;
        background-color: transparent;
        border-color: transparent;
        border-width: .5rem
    }

    .custom-range::-ms-fill-lower,
    .custom-range::-ms-fill-upper {
        background-color: #f0f0ff;
        border-radius: 1rem
    }

    .custom-range::-ms-fill-upper {
        margin-right: 15px
    }

    .custom-range:disabled::-webkit-slider-thumb {
        background-color: #a8afc7
    }

    .custom-range:disabled::-webkit-slider-runnable-track {
        cursor: default
    }

    .custom-range:disabled::-moz-range-thumb {
        background-color: #a8afc7
    }

    .custom-range:disabled::-moz-range-track {
        cursor: default
    }

    .custom-range:disabled::-ms-thumb {
        background-color: #a8afc7
    }

    @media (prefers-reduced-motion:reduce) {
        .custom-range::-webkit-slider-thumb {
            -webkit-transition: none;
            transition: none
        }
    }

    @media (prefers-reduced-motion:reduce) {
        .custom-range::-moz-range-thumb {
            -moz-transition: none;
            transition: none
        }
    }

    @media (prefers-reduced-motion:reduce) {
        .custom-range::-ms-thumb {
            -ms-transition: none;
            transition: none
        }
    }

    .custom-control-label:before,
    .custom-file-label,
    .custom-select {
        transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
    }

    @media (prefers-reduced-motion:reduce) {
        .custom-control-label:before,
        .custom-file-label,
        .custom-select {
            transition: none
        }
    }

    .main-rating-value {
        font-size: 40px;
        font-weight: 400;
        font-family: Archivo, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        color: #8f9cc0;
        margin-bottom: 0;
        letter-spacing: -.5px;
        line-height: .7
    }

    .main-rating-label {
        margin-bottom: 10px;
        font-size: 10px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: .5px
    }

    .latest-timeline1 li {
        position: relative
    }

    .latest-timeline.latest-timeline1-icon ul.timeline>li:before {
        display: none
    }

    .latest-timeline1-icon {
        position: absolute;
        width: 2rem;
        height: 2rem;
        border-radius: 7px;
        line-height: 2rem;
        text-align: center;
        left: 0;
        z-index: 1;
        color: #fff;
        font-weight: 500;
        left: -38px
    }

    .latest-timeline ul.timeline {
        list-style-type: none;
        position: relative
    }

    .latest-timeline ul.timeline:before {
        content: " ";
        background: #eff0f6;
        display: inline-block;
        position: absolute;
        left: 15px;
        width: 3px;
        height: 100%;
        z-index: 1
    }

    .latest-timeline ul.timeline>li {
        margin: 20px 0;
        padding-left: 1rem
    }

    .latest-timeline1 a {
        color: #181727;
        font-weight: 600
    }

    .main-img-user {
        display: block;
        position: relative;
        width: 36px;
        height: 36px;
        border-radius: 100%
    }

    .main-img-user img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 100%
    }

    .avatar-list {
        margin: 0 0 -.5rem;
        padding: 0;
        font-size: 0
    }

    .avatar-list .avatar {
        margin-bottom: .5rem
    }

    .avatar-list .avatar:not(:last-child) {
        margin-right: .5rem
    }

    .avatar,
    .main-avatar {
        position: relative;
        width: 36px;
        height: 36px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-weight: 600;
        font-size: 16px
    }

    .main-avatar:after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 3px;
        width: 6px;
        height: 6px;
        background-color: #a8afc7;
        box-shadow: 0 0 0 2px hsla(0, 0%, 100%, .95);
        border-radius: 100%
    }

    .main-avatar.online:after {
        background-color: #19b159
    }

    .avatar-xs {
        width: 24px;
        height: 24px;
        font-size: 11px
    }

    .avatar-xs:after {
        width: 5px;
        height: 5px
    }

    .avatar-sm {
        width: 32px;
        height: 32px;
        font-size: 14px
    }

    .avatar-sm:after {
        width: 7px;
        height: 7px
    }

    .avatar-md {
        width: 40px;
        height: 40px;
        font-size: 24px
    }

    .avatar-md:after {
        width: 9px;
        height: 9px;
        right: 2px;
        bottom: 2px
    }

    .avatar-lg {
        width: 64px;
        height: 64px;
        font-size: 28px
    }

    .avatar-lg:after {
        width: 10px;
        height: 10px;
        bottom: 3px;
        right: 4px
    }

    .avatar-xl {
        width: 72px;
        height: 72px;
        font-size: 36px
    }

    .avatar-xl:after {
        width: 11px;
        height: 11px;
        bottom: 4px;
        right: 5px;
        box-shadow: 0 0 0 2.5px #fff
    }

    .avatar-xxl {
        width: 100px;
        height: 100px;
        font-size: 56px
    }

    .avatar-xxl:after {
        width: 13px;
        height: 13px;
        bottom: 6px;
        right: 7px;
        box-shadow: 0 0 0 3px #fff
    }

    .main-list-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0
    }

    .main-list-item+.main-list-item {
        border-top: 1px solid #e8e8f7
    }

    .main-list-item:last-child {
        padding-bottom: 0
    }

    .main-list-item h6 {
        margin-bottom: 2px;
        font-weight: 600
    }

    .main-list-item>div:first-child h6 {
        color: #1d212f
    }

    .main-list-item>div span {
        color: #a8afc7;
        font-size: 12px
    }

    .main-list-item>div:last-child {
        text-align: right
    }

    .ckbox,
    .main-list-item>div:last-child h6 {
        line-height: 1
    }

    .ckbox {
        font-weight: 400;
        position: relative;
        display: block;
        margin-bottom: 0
    }

    .ckbox span {
        padding-left: 16px
    }

    .ckbox span:empty {
        float: left
    }

    .ckbox span:after,
    .ckbox span:before {
        line-height: 18px;
        position: absolute
    }

    .ckbox span:before {
        background-color: #fff;
        border: 1px solid #ccd3e4!important;
        border-radius: 3px
    }

    .ckbox span:after,
    .ckbox span:before {
        content: "";
        width: 16px;
        height: 16px;
        top: 1px;
        left: 0
    }

    .ckbox span:after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
        background-size: 66%;
        background-repeat: no-repeat;
        background-position: 55% 45%;
        line-height: 17px;
        display: none;
        border-radius: 3px
    }

    .ckbox span:empty {
        padding-left: 0;
        width: 3px
    }

    .ckbox input[type=checkbox] {
        opacity: 0;
        margin: 0
    }

    .ckbox input[type=checkbox]:checked+span:after {
        display: block
    }

    .ckbox input[type=checkbox][disabled]+span,
    .ckbox input[type=checkbox][disabled]+span:after,
    .ckbox input[type=checkbox][disabled]+span:before {
        opacity: .75
    }

    .ckbox-inline {
        display: inline-block
    }

    .custom-checkbox .custom-control-input:checked~.custom-control-label:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")
    }

    .custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
    }

    .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before,
    .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before {
        background-color: rgba(135, 96, 251, .5)
    }

    .main-toggle {
        width: 60px;
        height: 25px;
        background-color: #b4bdce;
        padding: 2px;
        position: relative;
        overflow: hidden
    }

    .main-toggle span {
        position: absolute;
        top: 3px;
        bottom: 3px;
        left: 3px;
        display: block;
        width: 20px;
        background-color: #fff;
        cursor: pointer;
        transition: all .2s ease-in-out
    }

    .main-toggle span:after,
    .main-toggle span:before {
        position: absolute;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: .5px;
        text-transform: uppercase;
        color: #fff;
        top: 2px;
        line-height: 1.38
    }

    .main-toggle span:before {
        content: "on";
        left: -25px
    }

    .main-toggle span:after {
        content: "off";
        right: -29px
    }

    .main-toggle.on span {
        left: 37px
    }

    @media (prefers-reduced-motion:reduce) {
        .main-toggle span {
            transition: none
        }
    }

    .main-toggle-secondary.on {
        background-color: #f1388b
    }

    .main-toggle-success.on {
        background-color: #19b159
    }

    .main-toggle-dark.on {
        background-color: #8f9cc0
    }

    .list-group {
        display: flex;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        color: #3c4858
    }

    .list-group-item-action {
        width: 100%;
        color: #3c4858;
        text-align: inherit
    }

    .list-group-item-action:focus,
    .list-group-item-action:hover {
        color: #3c4858;
        text-decoration: none;
        background-color: #f1f2f9
    }

    .list-group-item-action:active {
        color: #8f9cc0;
        background-color: #f0f0ff
    }

    .list-group-item-action h5 {
        font-size: 16px
    }

    .list-group-item-action p {
        font-size: 14px
    }

    .list-group-item {
        position: relative;
        display: block;
        padding: 16px 15px;
        margin-bottom: -1px;
        background-color: #fff;
        border: 1px solid #e8e8f7
    }

    .list-group-item.disabled,
    .list-group-item:disabled {
        color: #a8afc7;
        pointer-events: none;
        background-color: #fff
    }

    .list-group-horizontal {
        flex-direction: row
    }

    .list-group-horizontal .list-group-item {
        margin-right: -1px;
        margin-bottom: 0
    }

    .list-group-horizontal .list-group-item:first-child {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border-top-right-radius: 0
    }

    .list-group-horizontal .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 0
    }

    .listgroup-example2 ul ul {
        list-style-type: circle;
        margin: 10px 0 0
    }

    .listgroup-example2 ul,
    .listgroup-example ul {
        list-style-type: none
    }

    .listgroup-example2 ul li,
    .listgroup-example ul li {
        padding: 5px
    }

    .listgroup-example .list-group.checked .list-group-item {
        border: 0
    }

    .listorder {
        position: relative;
        margin-bottom: 0;
        border: 0;
        list-style-type: decimal;
        list-style-position: inside;
        padding: 7px 11px!important;
        margin-right: 0
    }

    @media (min-width:576px) {
        .list-group-horizontal-sm {
            flex-direction: row
        }
        .list-group-horizontal-sm .list-group-item {
            margin-right: -1px;
            margin-bottom: 0
        }
        .list-group-horizontal-sm .list-group-item:first-child {
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
            border-top-right-radius: 0
        }
        .list-group-horizontal-sm .list-group-item:last-child {
            margin-right: 0;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 0
        }
    }

    @media (min-width:768px) {
        .list-group-horizontal-md {
            flex-direction: row
        }
        .list-group-horizontal-md .list-group-item {
            margin-right: -1px;
            margin-bottom: 0
        }
        .list-group-horizontal-md .list-group-item:first-child {
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
            border-top-right-radius: 0
        }
        .list-group-horizontal-md .list-group-item:last-child {
            margin-right: 0;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 0
        }
    }

    @media (min-width:992px) {
        .list-group-horizontal-lg {
            flex-direction: row
        }
        .list-group-horizontal-lg .list-group-item {
            margin-right: -1px;
            margin-bottom: 0
        }
        .list-group-horizontal-lg .list-group-item:first-child {
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
            border-top-right-radius: 0
        }
        .list-group-horizontal-lg .list-group-item:last-child {
            margin-right: 0;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 0
        }
    }

    @media (min-width:1200px) {
        .list-group-horizontal-xl {
            flex-direction: row
        }
        .list-group-horizontal-xl .list-group-item {
            margin-right: -1px;
            margin-bottom: 0
        }
        .list-group-horizontal-xl .list-group-item:first-child {
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
            border-top-right-radius: 0
        }
        .list-group-horizontal-xl .list-group-item:last-child {
            margin-right: 0;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 0
        }
    }

    .list-group-flush .list-group-item {
        border-right: 0;
        border-left: 0;
        border-radius: 0
    }

    .list-group-flush .list-group-item:last-child {
        margin-bottom: -1px
    }

    .list-group-flush:first-child .list-group-item:first-child {
        border-top: 0
    }

    .list-group-flush:last-child .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom: 0
    }

    .list-group-item-primary {
        color: #1b3585;
        background-color: #c6d4ff
    }

    .list-group-item-primary.list-group-item-action:focus,
    .list-group-item-primary.list-group-item-action:hover {
        color: #1b3585;
        background-color: #adc1ff
    }

    .list-group-item-primary.list-group-item-action.active {
        color: #fff;
        background-color: #1b3585;
        border-color: #1b3585
    }

    .list-group-item-secondary {
        color: #f1388b;
        background-color: #f9e5db
    }

    .list-group-item-secondary.list-group-item-action:focus,
    .list-group-item-secondary.list-group-item-action:hover {
        color: #3f4654;
        background-color: #cacfdb
    }

    .list-group-item-secondary.list-group-item-action.active {
        color: #fff;
        background-color: #3f4654;
        border-color: #3f4654
    }

    .list-group-item-success {
        color: #1f5c01;
        background-color: #c8e9b8
    }

    .list-group-item-success.list-group-item-action:focus,
    .list-group-item-success.list-group-item-action:hover {
        color: #1f5c01;
        background-color: #b9e3a5
    }

    .list-group-item-success.list-group-item-action.active {
        color: #fff;
        background-color: #1f5c01;
        border-color: #1f5c01
    }

    .list-group-item-info {
        color: #0c5460;
        background-color: #bee5eb
    }

    .list-group-item-info.list-group-item-action:focus,
    .list-group-item-info.list-group-item-action:hover {
        color: #0c5460;
        background-color: #abdde5
    }

    .list-group-item-info.list-group-item-action.active {
        color: #fff;
        background-color: #0c5460;
        border-color: #0c5460
    }

    .list-group-item-warning {
        color: #856404;
        background-color: #ffeeba
    }

    .list-group-item-warning.list-group-item-action:focus,
    .list-group-item-warning.list-group-item-action:hover {
        color: #856404;
        background-color: #ffe8a1
    }

    .list-group-item-warning.list-group-item-action.active {
        color: #fff;
        background-color: #856404;
        border-color: #856404
    }

    .list-group-item-danger {
        color: #721c24;
        background-color: #f5c6cb
    }

    .list-group-item-danger.list-group-item-action:focus,
    .list-group-item-danger.list-group-item-action:hover {
        color: #721c24;
        background-color: #f1b0b7
    }

    .list-group-item-danger.list-group-item-action.active {
        color: #fff;
        background-color: #721c24;
        border-color: #721c24
    }

    .list-group-item-light {
        color: #8f9cc0;
        background-color: #f1f2f9
    }

    .list-group-item-light.list-group-item-action:focus,
    .list-group-item-light.list-group-item-action:hover {
        color: #8f9cc0;
        background-color: #f0f0ff
    }

    .list-group-item-light.list-group-item-action.active {
        color: #fff;
        background-color: #7f7f81;
        border-color: #7f7f81
    }

    .list-group-item-dark {
        color: #1f2533;
        background-color: #c8ccd3
    }

    .list-group-item-dark.list-group-item-action:focus,
    .list-group-item-dark.list-group-item-action:hover {
        color: #1f2533;
        background-color: #babfc8
    }

    .list-group-item-dark.list-group-item-action.active {
        color: #fff;
        background-color: #1f2533;
        border-color: #1f2533
    }

    .list-group-item.active {
        color: #fff;
        background-color: #6259ca;
        border-color: #6259ca
    }

    .jumbotron {
        padding: 2rem 1rem;
        margin-bottom: 2rem;
        background-color: #f0f0ff;
        border-radius: .3rem
    }

    @media (min-width:576px) {
        .jumbotron {
            padding: 4rem 2rem
        }
    }

    .jumbotron-fluid {
        padding-right: 0;
        padding-left: 0;
        border-radius: 0
    }

    .custom-control {
        position: relative;
        display: block;
        min-height: 1.3125rem;
        padding-left: 1.5rem
    }

    .custom-control-inline {
        display: inline-flex;
        margin-right: 1rem
    }

    .custom-control-input {
        position: absolute;
        z-index: -1;
        opacity: 0
    }

    .custom-control-input:checked~.custom-control-label:before {
        color: #fff
    }

    .custom-control-input:focus~.custom-control-label:before {
        box-shadow: none
    }

    .custom-control-input:not(:disabled):active~.custom-control-label:before {
        color: #fff;
        background-color: #e6ecff;
        border-color: #e6ecff
    }

    .custom-control-input:disabled~.custom-control-label {
        color: #a8afc7
    }

    .custom-control-input:disabled~.custom-control-label:before {
        background-color: #f0f0ff
    }

    .custom-control-label {
        position: relative;
        margin-bottom: 0;
        vertical-align: top
    }

    .custom-control-label:before {
        pointer-events: none;
        background-color: #fff;
        border: 1px solid #dedef5;
        border-radius: 4px
    }

    .custom-control-label:after,
    .custom-control-label:before {
        position: absolute;
        top: .15625rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        content: ""
    }

    .custom-control-label:after {
        background: no-repeat 50%/50% 50%
    }

    .embed-responsive {
        position: relative;
        display: block;
        width: 100%;
        padding: 0;
        overflow: hidden
    }

    .embed-responsive:before {
        display: block;
        content: ""
    }

    .embed-responsive .embed-responsive-item,
    .embed-responsive embed,
    .embed-responsive iframe,
    .embed-responsive object,
    .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0
    }

    .embed-responsive-21by9:before {
        padding-top: 42.85714%
    }

    .embed-responsive-16by9:before {
        padding-top: 56.25%
    }

    .embed-responsive-4by3:before {
        padding-top: 75%
    }

    .embed-responsive-1by1:before {
        padding-top: 100%
    }

    .float-left {
        float: left!important
    }

    .float-right {
        float: right!important
    }

    .float-none {
        float: none!important
    }

    @media (min-width:576px) {
        .float-sm-left {
            float: left!important
        }
        .float-sm-right {
            float: right!important
        }
        .float-sm-none {
            float: none!important
        }
    }

    @media (min-width:768px) {
        .float-md-left {
            float: left!important
        }
        .float-md-right {
            float: right!important
        }
        .float-md-none {
            float: none!important
        }
    }

    @media (min-width:992px) {
        .float-lg-left {
            float: left!important
        }
        .float-lg-right {
            float: right!important
        }
        .float-lg-none {
            float: none!important
        }
    }

    @media (min-width:1200px) {
        .float-xl-left {
            float: left!important
        }
        .float-xl-right {
            float: right!important
        }
        .float-xl-none {
            float: none!important
        }
    }

    .overflow-auto {
        overflow: auto!important
    }

    .overflow-hidden {
        overflow: hidden!important
    }

    @supports ((position:-webkit-sticky) or (position:sticky)) {
        .sticky-top {
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            z-index: 1020
        }
    }

    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0
    }

    .sr-only-focusable:active,
    .sr-only-focusable:focus {
        position: static;
        width: auto;
        height: auto;
        overflow: visible;
        clip: auto;
        white-space: normal
    }

    .shadow-sm {
        box-shadow: 0 .125rem .25rem rgba(162, 169, 204, .075)!important
    }

    .shadow {
        box-shadow: 0 .5rem 1rem rgba(162, 169, 204, .15)!important
    }

    .shadow-lg {
        box-shadow: 0 1rem 3rem rgba(162, 169, 204, .175)!important
    }

    .shadow-none {
        box-shadow: none!important
    }

    .w-25 {
        width: 25%!important
    }

    .w-50 {
        width: 50%!important
    }

    .w-75 {
        width: 75%!important
    }

    .w-100 {
        width: 100%!important
    }

    .w-auto {
        width: auto!important
    }

    .h-25 {
        height: 25%!important
    }

    .h-50 {
        height: 50%!important
    }

    .h-75 {
        height: 75%!important
    }

    .h-100 {
        height: 100%!important
    }

    .h-auto {
        height: auto!important
    }

    .mw-100 {
        max-width: 100%!important
    }

    .mh-100 {
        max-height: 100%!important
    }

    .min-vw-100 {
        min-width: 100vw!important
    }

    .min-vh-100 {
        min-height: 100vh!important
    }

    .vw-100 {
        width: 100vw!important
    }

    .vh-100 {
        height: 100vh!important
    }

    .stretched-link:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        pointer-events: auto;
        content: "";
        background-color: transparent
    }

    @media print {
        *,
         :after,
         :before {
            text-shadow: none!important;
            box-shadow: none!important
        }
        a:not(.btn) {
            text-decoration: underline
        }
        abbr[title]:after {
            content: " (" attr(title) ")"
        }
        pre {
            white-space: pre-wrap!important
        }
        blockquote,
        pre {
            border: 1px solid #a8afc7;
            page-break-inside: avoid
        }
        thead {
            display: table-header-group
        }
        img,
        tr {
            page-break-inside: avoid
        }
        h2,
        h3,
        p {
            orphans: 3;
            widows: 3
        }
        h2,
        h3 {
            page-break-after: avoid
        }
        @page {
            size: a3
        }
        .container,
        body {
            min-width: 992px!important
        }
        .navbar {
            display: none
        }
        .badge {
            border: 1px solid #000
        }
        .table {
            border-collapse: collapse!important
        }
        .table td,
        .table th {
            background-color: #fff!important
        }
        .table-bordered td,
        .table-bordered th {
            border: 1px solid #e8e8f7!important
        }
        .table-dark {
            color: inherit
        }
        .table-dark tbody+tbody,
        .table-dark td,
        .table-dark th,
        .table-dark thead th {
            border-color: #f0f0ff
        }
        .table .thead-dark th {
            color: inherit;
            border-color: #f0f0ff
        }
    }

    body {
        font-family: Roboto, sans-serif
    }

    .main-body,
    .main-dashboard {
        min-height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        position: relative
    }

    .main-body:before {
        content: "main";
        position: fixed;
        top: 45%;
        left: 70%;
        transform: translate3d(-50%, -58%, 0);
        font-size: 1300px;
        font-weight: 600;
        letter-spacing: -10px;
        line-height: .5;
        opacity: .02;
        z-index: -1;
        display: none
    }

    .main-table-reference {
        margin-top: 40px;
        background-color: #fff
    }

    .main-table-reference>tbody>tr>td,
    .main-table-reference>tbody>tr>th,
    .main-table-reference>thead>tr>td,
    .main-table-reference>thead>tr>th {
        padding: 8px 10px;
        border: 1px solid #e8e8f7;
        font-size: 13px
    }

    .main-table-reference>thead>tr>td,
    .main-table-reference>thead>tr>th {
        background-color: #f0f0ff;
        color: #4b4f56;
        font-size: 11px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 1px;
        border-bottom: 0
    }

    .main-notification-title {
        font-size: 18px;
        font-weight: 600;
        color: #11141f;
        margin-bottom: 5px;
        line-height: 1
    }

    .main-notification-text {
        font-size: 13px;
        margin-bottom: 0;
        color: #3c4858
    }

    .main-notification-list,
    .main-profile-menu .dropdown-menu .dropdown-item:first-child {
        border-top: 1px solid #e8e8f7
    }

    .main-notification-list .media {
        padding: 10px;
        position: relative
    }

    .main-notification-list .media+.media {
        border-top: 1px solid rgba(123, 65, 216, .1)
    }

    .main-notification-list .media.new {
        color: #8f9cc0
    }

    .main-notification-list .media:focus,
    .main-notification-list .media:hover {
        cursor: pointer;
        z-index: 1
    }

    .main-notification-list .media:focus:before,
    .main-notification-list .media:hover:before {
        content: "";
        position: absolute;
        top: -1px;
        left: 0;
        bottom: -1px;
        right: 0;
        background-color: #f1f2f9;
        border-top: 1px solid #e8e8f7;
        border-bottom: 1px solid #e8e8f7;
        z-index: -1
    }

    .main-notification-list .media-body {
        margin-left: 15px;
        font-size: 13px
    }

    .main-notification-list .media-body p {
        margin-bottom: 5px;
        line-height: 1.3;
        color: #444469
    }

    .main-notification-list .media-body strong {
        font-weight: 500
    }

    .main-notification-list .media-body span {
        display: block;
        font-size: 11px;
        color: #a8afc7
    }

    .main-home-slider {
        position: relative;
        z-index: 4;
        width: 100%;
        height: 600px;
        max-height: 1800px;
        overflow: hidden;
        background-color: #1904be
    }

    .main-home-slider .chart-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: -20px;
        z-index: 3;
        display: flex;
        align-items: flex-end;
        opacity: .2
    }

    .main-home-slider .chart-wrapper .flot-chart {
        width: 100%;
        height: 400px
    }

    .main-home-slider .card-columns {
        -moz-column-gap: 5px;
        column-gap: 5px;
        -moz-column-count: 3;
        column-count: 3;
        width: 500px;
        transform: rotate(37deg);
        position: absolute;
        top: 9%;
        left: 24%;
        z-index: 4;
        opacity: .25
    }

    .main-home-slider .card-columns .card {
        position: relative;
        border-width: 0;
        background-color: transparent;
        margin-bottom: 5px
    }

    @media (min-width:576px) {
        .main-home-slider {
            height: 600px
        }
    }

    @media (min-width:1200px) {
        .main-home-slider {
            height: 100vh;
            max-height: 780px
        }
    }

    @media (min-width:1440px) {
        .main-home-slider {
            max-height: 900px
        }
    }

    @media (min-width:1680px) {
        .main-home-slider {
            max-height: 1050px
        }
    }

    @media (min-width:1920px) {
        .main-home-slider {
            max-height: 1200px
        }
    }

    @media (min-width:2560px) {
        .main-home-slider {
            max-height: 1600px
        }
    }

    @media (min-width:2880px) {
        .main-home-slider {
            max-height: 1800px
        }
    }

    @media (min-width:768px) {
        .main-home-slider .chart-wrapper {
            opacity: 1
        }
    }

    @media (min-width:992px) {
        .main-home-slider .chart-wrapper .flot-chart {
            height: 500px
        }
    }

    @media (min-width:576px) {
        .main-home-slider .card-columns {
            width: 120%;
            left: 16%;
            transform: rotate(44deg)
        }
    }

    @media (min-width:768px) {
        .main-home-slider .card-columns {
            transform: rotate(45deg);
            width: 100%;
            top: 0;
            left: auto;
            right: -45%;
            opacity: 1
        }
    }

    @media (min-width:992px) {
        .main-home-slider .card-columns {
            width: 80%;
            top: -10%;
            right: -30%;
            -moz-column-gap: 10px;
            column-gap: 10px
        }
    }

    @media (min-width:1200px) {
        .main-home-slider .card-columns {
            width: 70%;
            right: -15%;
            top: -15%
        }
    }

    @media (min-width:1300px) {
        .main-home-slider .card-columns {
            right: -5%
        }
    }

    @media (min-width:992px) {
        .main-home-slider .card-columns .card {
            margin-bottom: 10px
        }
    }

    .main-home-content {
        position: absolute;
        top: 20px;
        left: 20px;
        z-index: 5;
        color: hsla(0, 0%, 100%, .7);
        right: 20px
    }

    .main-home-content .main-logo {
        font-size: 30px;
        font-weight: 700;
        display: flex;
        line-height: 1;
        margin-bottom: 5px;
        text-indent: -1px;
        color: #fff;
        letter-spacing: -.5px
    }

    .main-home-content h5 {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: .2px;
        margin-bottom: 25px
    }

    .main-home-content .logo-group {
        margin-bottom: 60px;
        display: flex
    }

    .main-home-content .logo-group i {
        font-weight: 400;
        font-size: 32px;
        line-height: .2
    }

    .main-home-content .logo-group i+i {
        margin-left: 10px
    }

    .main-home-content h1 {
        color: #fff;
        font-weight: 300;
        font-size: 24px;
        margin-bottom: 20px
    }

    .main-home-content p:first-of-type {
        font-size: 14px;
        line-height: 1.7;
        margin-bottom: 25px
    }

    .main-home-content p:last-of-type {
        display: flex;
        margin-bottom: 100px
    }

    .main-home-content p:last-of-type .btn,
    .main-home-content p:last-of-type .sp-container button {
        flex: 1;
        text-transform: uppercase;
        font-size: 11px;
        font-weight: 500;
        min-height: inherit;
        letter-spacing: 1px;
        padding: 10px 15px
    }

    @media (min-width:576px) {
        .main-home-content {
            top: 40px;
            left: 40px;
            right: auto;
            width: 400px
        }
    }

    @media (min-width:768px) {
        .main-home-content {
            width: 410px
        }
    }

    @media (min-width:576px) {
        .main-home-content .main-logo {
            font-size: 36px;
            letter-spacing: -1px
        }
    }

    @media (min-width:576px) {
        .main-home-content h5 {
            font-size: 15px
        }
    }

    @media (min-width:576px) {
        .main-home-content h1 {
            font-size: 2.03125rem
        }
    }

    .sp-container .main-home-content p:last-of-type button {
        flex: 1;
        text-transform: uppercase;
        font-size: 11px;
        font-weight: 500;
        min-height: inherit;
        letter-spacing: 1px;
        padding: 10px 15px
    }

    @media (min-width:768px) {
        .main-home-content p:last-of-type .btn,
        .main-home-content p:last-of-type .sp-container button,
        .sp-container .main-home-content p:last-of-type button {
            padding: 10px 25px;
            flex: none
        }
    }

    @media (min-width:992px) {
        .main-home-content p:last-of-type .btn,
        .main-home-content p:last-of-type .sp-container button,
        .sp-container .main-home-content p:last-of-type button {
            flex: 1
        }
    }

    .main-home-content p:last-of-type .btn+.btn,
    .main-home-content p:last-of-type .sp-container .btn+button,
    .main-home-content p:last-of-type .sp-container button+.btn,
    .main-home-content p:last-of-type .sp-container button+button,
    .sp-container .main-home-content p:last-of-type .btn+button,
    .sp-container .main-home-content p:last-of-type button+.btn,
    .sp-container .main-home-content p:last-of-type button+button {
        margin-left: 5px
    }

    .main-home-content nav:last-child {
        display: flex
    }

    .main-home-content nav:last-child a {
        font-size: 24px;
        color: hsla(0, 0%, 100%, .5)
    }

    .main-home-content nav:last-child a:focus,
    .main-home-content nav:last-child a:hover {
        color: #fff
    }

    .main-home-content nav:last-child a+a {
        margin-left: 8px
    }

    .main-toggle-group-demo {
        display: flex
    }

    .main-toggle-group-demo .main-toggle+.main-toggle {
        margin-left: 10px
    }

    .main-dropdown-form-demo .static-dropdown {
        padding: 20px;
        background-color: #f0f0ff;
        display: inline-flex;
        justify-content: center
    }

    .main-dropdown-form-demo .static-dropdown .dropdown-menu {
        display: block;
        position: static;
        float: none
    }

    .main-dropdown-form-demo .dropdown-menu {
        padding: 20px;
        box-shadow: 0 8px 16px 0 rgba(162, 169, 204, .24)
    }

    .main-dropdown-form-demo .dropdown-title {
        font-size: 20px;
        font-weight: 700;
        color: #565673;
        margin-bottom: 5px
    }

    @media (min-width:576px) {
        .main-dropdown-form-demo .static-dropdown {
            padding: 40px
        }
    }

    @media (min-width:576px) {
        .main-dropdown-form-demo .dropdown-menu {
            width: 300px;
            padding: 30px 25px
        }
    }

    .main-content-left-components {
        border-right: 1px solid #e8e8f7;
        margin-bottom: 20px
    }

    .main-content-left-components .component-item label {
        display: block;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .5px
    }

    .main-content-left-components .component-item label~label {
        margin-top: 30px
    }

    .main-content-left-components .component-item .nav-link {
        padding: 0;
        display: block;
        font-size: 13px;
        color: #3c4858
    }

    .main-content-left-components .component-item .nav-link+.nav-link {
        margin-top: 5px
    }

    .main-content-left-components .component-item .nav-link.active {
        font-weight: 500
    }

    .main-page-header {
        position: relative;
        padding: 30px 0 40px;
        border-bottom: 1px solid #dee2ef;
        margin-bottom: 40px
    }

    .main-page-title {
        font-weight: 700;
        font-size: 40px;
        font-family: Raleway, sans-serif;
        margin-bottom: 15px;
        line-height: 1;
        letter-spacing: -1.5px
    }

    .main-page-text {
        font-size: 20px;
        font-weight: 300;
        margin-bottom: 30px
    }

    .main-page-content-list {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .main-page-content-list li {
        display: flex;
        align-items: center;
        font-size: 13px;
        font-weight: 500
    }

    .main-page-content-list li+li {
        margin-top: 5px
    }

    .main-page-content-list li i {
        margin-right: 10px;
        font-size: 10px;
        line-height: 0;
        color: #a8afc7;
        text-indent: 1px
    }

    .main-page-label {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 5px;
        letter-spacing: -.2px
    }

    .main-syntax-wrapper {
        position: relative
    }

    .main-syntax-wrapper .badge {
        padding: 4px 5px;
        position: absolute;
        top: 5px;
        right: 5px;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 9px;
        letter-spacing: normal;
        border-radius: 1px
    }

    .main-syntax-wrapper pre {
        border-color: #f0f0ff;
        background-color: #fff;
        padding: 15px;
        font-size: 13px
    }

    .main-syntax-wrapper code[class*=language-],
    .main-syntax-wrapper pre[class*=language-] {
        font-family: Roboto Mono, monospace
    }

    .demo-avatar-group {
        display: flex;
        align-items: center
    }

    .demo-avatar-group .main-avatar,
    .demo-avatar-group .main-img-user {
        flex-shrink: 0
    }

    .demo-avatar-group .main-avatar+.main-avatar,
    .demo-avatar-group .main-avatar+.main-img-user,
    .demo-avatar-group .main-img-user+.main-avatar,
    .demo-avatar-group .main-img-user+.main-img-user {
        margin-left: -5px
    }

    @media (min-width:576px) {
        .demo-avatar-group .main-avatar+.main-avatar,
        .demo-avatar-group .main-avatar+.main-img-user,
        .demo-avatar-group .main-img-user+.main-avatar,
        .demo-avatar-group .main-img-user+.main-img-user {
            margin-left: -9px;
            border: 2px solid #fff
        }
    }

    .main-media-list-reviews .media+.media {
        margin-top: 25px
    }

    .main-media-list-reviews .main-img-user {
        width: 32px;
        height: 32px
    }

    .main-media-list-reviews .main-img-user:after {
        display: none
    }

    .main-media-list-reviews .media-body {
        margin-left: 15px
    }

    .main-media-list-reviews .media-body h6 {
        margin-bottom: 2px;
        line-height: 1
    }

    .main-media-list-reviews .media-body small {
        display: inline-block;
        font-size: 12px;
        color: #a8afc7;
        line-height: 1
    }

    .main-star-group {
        display: flex;
        align-items: center
    }

    .main-star-group span:last-child {
        display: block;
        font-weight: 500;
        font-size: 11px;
        margin-left: 5px;
        color: #a8afc7
    }

    .main-star-item {
        font-size: 14px;
        position: relative
    }

    .main-star-item+.main-star-item {
        margin-left: 3px
    }

    .main-media-list-activity .media+.media {
        margin-top: 25px
    }

    .main-media-list-activity .media-icon {
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        border-radius: 100%
    }

    .main-media-list-activity .media-icon i {
        font-size: 21px;
        line-height: 0
    }

    .main-media-list-activity .media-icon i.typcn {
        line-height: .9
    }

    .main-media-list-activity .media-body {
        margin-left: 15px
    }

    .main-media-list-activity .media-body h6 {
        margin-bottom: 2px;
        color: #8f9cc0
    }

    .main-media-list-activity .media-body span {
        display: block;
        font-size: 11px;
        color: #a8afc7
    }

    .main-media-list-activity .media-right {
        font-size: 11px;
        color: #a8afc7
    }

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

    @media (min-width:992px) {
        .hor-top-header .main-logo {
            position: inherit
        }
        .hor-top-header .header-brand-img.desktop-logo {
            position: absolute;
            margin: 0 auto;
            left: 0;
            right: 0
        }
    }

    .b-img,
     ::-ms-backdrop {
        height: 197px!important
    }

    .h-100 {
        height: 100%
    }

    @media (min-width:1200px) {
        .main-navbar .nav-sub-mega .nav,
         ::-ms-backdrop {
            min-width: 0!important
        }
    }

    .d-sm-flex.media.media-list,
     ::-ms-backdrop {
        display: initial
    }

    .t-img,
     ::-ms-backdrop {
        height: 197px!important
    }

    .blog-img,
    .draggable-img,
     ::-ms-backdrop {
        height: 258px!important
    }

    .main-error-wrapper,
     ::-ms-backdrop {
        align-items: inherit!important
    }

    .main-body #chartLine {
        height: 275px!important
    }

    .list-unstyled li {
        display: inline-flex;
        margin-bottom: 0
    }

    .legend {
        width: 8px;
        height: 8px;
        display: block;
        border-radius: 2px;
        margin-right: 10px;
        margin-top: 6px
    }

    .fullscreen .fullscreen {
        display: none
    }

    .fullscreen .exit-fullscreen {
        display: block!important
    }

    .exit-fullscreen {
        display: none
    }

    .best-emp {
        position: absolute;
        right: 0;
        top: -15px;
        height: 135px
    }

    .card-table.table-vcenter th {
        font-weight: 600!important
    }

    .card-table .badge {
        padding: 9px 13px
    }

    .jqstooltip {
        width: 40px
    }

    .datepicker-panel>ul>li.highlighted {
        border-radius: 4px
    }

    .datepicker-panel>ul>li.highlighted,
    .datepicker-panel>ul>li.highlighted:hover {
        color: #fff!important;
        background: #6259c9
    }

    .productdesc-1 img {
        margin-top: 8px
    }

    .productdesc-1 .carousel-control-prev {
        top: -172px
    }

    .flag-dropdown .dropdown-menu {
        width: 150px;
        padding: 8px 0
    }

    .flag-dropdown .dropdown-menu img {
        min-width: 0;
        width: 24px;
        height: 24px;
        flex-shrink: 0;
        line-height: 24px;
        border-radius: 50%
    }

    .flag-dropdown .dropdown-item {
        padding: 3px 10px;
        font-size: 13px;
        color: #2e2e4a;
        font-weight: 500
    }

    .userlist-table img {
        max-width: inherit
    }

    .userlist-table .dot-label {
        margin-top: 5px;
        margin-right: 10px!important
    }

    .mail-option {
        display: inline-block;
        margin-bottom: 10px;
        width: 100%
    }

    ul.inbox-pagination {
        float: right;
        List-style-type: none;
        display: flex
    }

    .table-inbox tr td .fa-bookmark {
        color: #e4e4ed
    }

    .inbox-pagination li span {
        display: inline-block;
        margin-right: 5px;
        margin-top: 10px
    }

    .inbox-pagination a.np-btn {
        border: 1px solid #ebecf1;
        border-radius: 3px!important;
        display: inline-block;
        padding: .375rem .75rem;
        margin-left: 5px;
        vertical-align: middle;
        min-height: 0
    }

    .inbox-pagination a.np-btn i {
        line-height: 0;
        vertical-align: middle
    }

    .mail-option .btn-group a.btn,
    .mail-option .chk-all {
        border: 1px solid #ebecf1;
        border-radius: 3px!important;
        display: inline-block;
        min-height: 0
    }

    .table-inbox {
        border: 1px solid #ebecf1;
        margin-bottom: 0
    }

    .table-inbox tr td {
        padding: 12px!important;
        vertical-align: middle;
        border-top: 1px solid #ebecf1
    }

    .table-inbox tr td .fa-star {
        color: #e4e4ed;
        font-size: 16px
    }

    .table-inbox tr td .fa-star.inbox-started,
    .table-inbox tr td .fa-star:hover {
        color: #e6e9f1
    }

    @media (max-width:768px) {
        .text-md-nowrap {
            white-space: nowrap!important
        }
        .nav.main-nav-line.main-nav-line-chat.card-body {
            display: flex
        }
        .nav.main-nav-line.main-nav-line-chat.card-body a {
            display: flex;
            padding: 0 20px
        }
        .nav.main-nav-line.main-nav-line-chat.card-body .nav-link+.nav-link {
            margin-top: 0;
            margin-left: 0
        }
    }

    .mail-option .dropdown-menu>li>a {
        display: block;
        padding: .5rem .75rem;
        clear: both;
        font-weight: 400;
        line-height: 1.428571429;
        color: #8f9cc0;
        white-space: nowrap
    }

    .mail-option .dropdown-menu>li>a:hover {
        background: #f1f2f9;
        color: #6259ca
    }

    @media (max-width:576px) {
        .page-header {
            display: block!important
        }
        .project-work.list-unstyled li {
            margin-top: 1rem;
            margin-right: 1rem
        }
    }

    .main-header-right .dropdown-menu .select2-container--default .select2-selection--single {
        background-color: #fff;
        border: 1px solid #e8e8f7;
        border-radius: 3px 0 3px 0;
        border-right: 0
    }

    .responsive-navbar.navbar {
        position: relative!important;
        display: flex;
        top: 65px;
        margin: 0;
        margin-bottom: 0!important;
        padding: 0
    }

    .responsive-navbar.navbar .navbar-collapse {
        position: fixed;
        width: 100%;
        background: #fff;
        margin-top: 0;
        z-index: 999;
        top: 59px;
        border-bottom: 1px solid #fff;
        border-top: 1px solid #f0f0ff;
        padding: 5px .3rem 5px 1rem;
        box-shadow: 7px 8px 9px -2px rgba(7, 8, 9, .2)
    }

    @media (min-width:600px) {
        .navbar-toggler.navresponsive-toggler {
            display: none
        }
        .mobile-main-header {
            display: none;
            height: 0
        }
    }

    .mobile-main-header .navbar {
        padding: 0!important
    }

    @media (max-width:991px) {
        .horizontalmenu .mobile-logo-dark,
        .main-body .mobile-logo-dark {
            display: none
        }
        .header-dark.leftmenu .responsive-logo .mobile-logo {
            display: none!important
        }
        .header-dark.leftmenu .responsive-logo .mobile-logo-dark {
            display: block!important
        }
        .dark-theme.leftmenu .responsive-logo .mobile-logo {
            display: none!important
        }
        .dark-theme.leftmenu .responsive-logo .mobile-logo-dark {
            display: block!important
        }
        .color-header.leftmenu .responsive-logo .mobile-logo {
            display: none!important
        }
        .color-header.leftmenu .responsive-logo .mobile-logo-dark {
            display: block!important
        }
        .second-sidemenu {
            top: 59px!important
        }
        .main-header.side-header {
            border-bottom: 1px solid #ddddf7
        }
        .sidemenu-logo .main-logo {
            display: none
        }
        .main-header {
            z-index: 9999
        }
        .header-search .select2-container--default .select2-selection--single {
            background-color: #fff;
            border: 1px solid #e8e8f7;
            border-radius: 3px 0 0 3px;
            border-right: 0;
            height: 40px
        }
        .sidebar {
            top: 60px!important
        }
        .horizontalmenu .header-brand-img.desktop-logo {
            display: none
        }
    }

    @media (max-width:599px) {
        .main-header-right .country-Flag,
        .main-header-right .full-screen-link,
        .main-header-right .header-search,
        .main-header-right .header-settings,
        .main-header-right .main-header-notification,
        .main-header-right .main-profile-menu {
            display: none
        }
        .main-header-center {
            position: relative
        }
        .main-header-center,
        .main-header-center .responsive-logo .mobile-logo {
            margin: 0 auto;
            text-align: center
        }
        .responsive-navbar .dropdown {
            position: static;
            margin: auto 0
        }
        .mobile-main-header .dropdown-menu {
            width: 93%!important;
            left: 0!important;
            right: 0!important;
            margin: 0 20px;
            top: 60px;
            justify-content: center
        }
        .main-header-message .dropdown-menu,
        .main-header-notification .dropdown-menu {
            top: 63px!important
        }
        .mobile-main-header .nav-link .badge {
            position: absolute;
            top: 3px;
            right: 4px;
            padding: .2rem;
            min-width: 1rem;
            font-size: 9px;
            border-radius: 50%
        }
        .mobile-main-header .nav-link.icon {
            font-size: 18px;
            color: #2f395f;
            cursor: pointer;
            line-height: .9;
            padding: .6rem;
            border-radius: 50%;
            margin: 0 5px
        }
        .main-calendar .fc-header-toolbar,
        .sidemenu-logo {
            padding: 0!important
        }
        .mapcontainer1.mapael svg,
        .mapcontainer2 svg,
        .mapcontainer3 svg,
        .mapcontainer.mapael svg {
            width: 250px!important
        }
        .mapcontainer1 .map,
        .mapcontainer .map {
            height: 300px!important
        }
        .breadcrumbitem {
            display: none
        }
        .intl-tel-input input {
            width: 174px!important
        }
        .horizontalmenu .mobile-logo-dark {
            display: none
        }
        .horizontalmenu.dark-theme .main-header-left .header-brand-img.desktop-logo.theme-logo {
            display: none!important
        }
        .horizontalmenu.dark-theme .main-header-center .mobile-logo-dark {
            display: block!important;
            justify-content: center;
            margin: 0 auto
        }
    }

    .media img {
        border-radius: 4px
    }

    @media (max-width:768px) {
        .nav.main-nav-line {
            display: block
        }
    }

    .user-lock .option-dots {
        margin: inherit!important;
        width: inherit!important;
        height: inherit!important;
        border-radius: inherit!important;
        background: transparent;
        text-align: inherit!important;
        line-height: inherit!important;
        display: inherit!important
    }

    body {
        background: #f0f0ff;
        color: #1d212f;
        direction: ltr;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-tap-highlight-color: transparent;
        -webkit-text-size-adjust: none;
        touch-action: manipulation;
        font-feature-settings: "liga" 0;
        overflow-y: scroll;
        width: 100%;
        position: relative
    }

    .page {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
        border-radius: 10px
    }

    .box-shadow {
        box-shadow: 0 8px 16px 0 rgba(162, 169, 204, .24)
    }

    .box-shadow-0 {
        box-shadow: none!important
    }

    .custom-card {
        margin-bottom: 20px;
        border: 0;
        box-shadow: -7.829px 11.607px 20px 0 #e4e3f5
    }

    .card-aside {
        flex-direction: row
    }

    .card-aside-column {
        min-width: 5rem;
        width: 30%;
        flex: 0 0 30%;
        background: no-repeat 50%/cover
    }

    .card-options {
        margin-left: auto;
        display: flex;
        order: 100;
        margin-right: -.5rem;
        color: #a8afc7;
        align-self: center
    }

    .card-options a:not(.btn) {
        margin-left: 0;
        color: #505069;
        display: inline-block;
        min-width: 1rem;
        padding: 10px 15px
    }

    .card-options a:not(.btn):hover {
        text-decoration: none;
        color: #505069
    }

    .card-fullscreen {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1000;
        margin: 0
    }

    .card-collapsed>:not(.card-header):not(.card-status) {
        display: none
    }

    .card-options a:not(.btn) i {
        font-size: 1rem;
        vertical-align: middle
    }

    .card-options .dropdown-toggle:after {
        display: none
    }

    .cover-image {
        background-size: cover!important
    }

    .custom-card-header {
        background: #fff;
        display: flex;
        line-height: 0
    }

    .header-brand-img {
        line-height: 2.5rem;
        vertical-align: middle;
        width: auto
    }

    .card-body+.card-body {
        border-top: 1px solid #f0f2f8
    }

    .header-navheading {
        padding: 20px 20px 15px;
        text-align: center
    }

    .page-header {
        margin: 1.5rem 0;
        padding: 0
    }

    .page-header .breadcrumb {
        background: none;
        padding-left: 0!important;
        padding: 0;
        margin-bottom: 0
    }

    .page-header .breadcrumb-item a {
        color: #8f9cc0
    }

    .page-header .breadcrumb-item.active {
        color: #7787bc
    }

    .card-sub-title {
        font-size: 13px;
        margin-top: 3px
    }

    @media (max-width:992px) {
        .main-navbar-show .responsive-navbar.navbar .navbar-collapse {
            z-index: 9999
        }
        .main-navbar-show .sidebar {
            z-index: 99999
        }
        .header-search .select2-container--default .select2-selection--single .select2-selection__arrow b {
            left: 93%!important
        }
        .jumps-prevent {
            padding-top: 0!important
        }
        .main-navbar.sticky.sticky-pin {
            margin-bottom: 0!important
        }
        .page-header {
            display: block
        }
        .page-header .breadcrumb {
            margin-bottom: 1rem
        }
        #mailContent .main-mail-list {
            width: 100%;
            overflow-x: auto
        }
        #mailContent .main-mail-item,
        #mailContent .main-mail-list {
            -webkit-overflow-scrolling: touch
        }
        .main-chat-footer {
            position: inherit
        }
        .main-header-message .dropdown-menu,
        .main-header-notification .dropdown-menu {
            top: 46px
        }
        .main-header-message>a:after,
        .main-header-notification>a:after {
            top: 40px
        }
        .main-header-project .dropdown-menu {
            top: 46px
        }
        .main-header-project>a:after {
            top: 40px
        }
        .main-profile-menu .dropdown-menu {
            top: 51px
        }
        .main-profile-menu>.main-img-user:before {
            bottom: -20px
        }
        .main-navbar .nav {
            padding: 0;
            margin-bottom: 0
        }
        .main-navbar.hor-menu {
            margin-top: 60px
        }
        .main-navbar.hor-menu .nav-item {
            padding: 4px 20px;
            border-bottom: 1px solid hsla(0, 0%, 100%, .1);
            transition: all .25s;
            transition-duration: .25s
        }
        .main-navbar.hor-menu .nav-item .nav-sub li:not(.nav-sub-item) {
            color: #cbcbe0
        }
        .main-navbar.hor-menu .nav-sub-link {
            color: #bdbdd0
        }
        .main-navbar .nav-item {
            padding: 10px;
            border-bottom: 1px solid #f0f2f8;
            transition: all .25s;
            transition-duration: .25s
        }
        .main-navbar .nav-link {
            height: auto
        }
        .main-navbar .nav-sub {
            border-top: 0
        }
        .main-navbar .nav-item.show>.nav-sub {
            padding: 5px
        }
        .main-navbar .nav-item .nav-sub li:first-child {
            margin-top: 10px
        }
        .main-navbar .nav-item .nav-sub li.nav-sub-item:first-child {
            margin-top: 0
        }
        .main-navbar .nav-sub-mega .nav li:not(.nav-sub-item) {
            margin-left: 0
        }
        .main-navbar .nav-sub-mega .nav li:not(.nav-sub-item):first-of-type {
            margin-top: 10px!important
        }
        .main-navbar .nav-sub-item {
            margin-left: 15px
        }
        .main-header {
            position: fixed;
            box-shadow: none;
            border-bottom: 1px solid #f0f2f8;
            border-top: 0
        }
        .header-settings .nav-link.icon {
            padding-right: 0
        }
        .main-logo .header-brand-img {
            margin-left: 10px
        }
        .side-header {
            position: fixed!important
        }
        .main-sidebar-hide .side-header {
            left: 0;
            right: 0
        }
        .main-sidebar-hide .sidemenu-logo {
            padding: 5px
        }
        .main-content .page-header .btn.btn-list {
            padding-left: 0;
            text-align: left
        }
        #example-input.dataTable>tbody>tr.child ul.dtr-details>li {
            display: flex!important
        }
    }

    @media (max-width:767px) {
        .main-content-body-contacts {
            border-top: 1px solid #f0f2f8
        }
        div.dataTables_wrapper div.dataTables_filter input {
            margin-left: 0!important
        }
        div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child {
            padding: 0
        }
        .card-option {
            display: inline-block!important
        }
        .card-option-title {
            margin-bottom: 10px
        }
        .header-search.dropdown {
            position: static!important
        }
        .header-search .dropdown-menu {
            position: absolute!important;
            left: -1px!important;
            right: -1px!important;
            width: 100%!important;
            top: 100%!important
        }
        .main-content .page-header,
        .main-content.side-content .page-header {
            padding-top: 63px!important
        }
        .header-search.show .dropdown-menu:before {
            display: none
        }
        .timeline .btn {
            font-size: 12px
        }
        .vtimeline:before {
            left: 6px!important
        }
        .vtimeline .timeline-wrapper {
            padding-right: 0!important
        }
        .vtimeline .timeline-wrapper .timeline-badge {
            left: 0!important
        }
        .vtimeline .timeline-wrapper .timeline-panel {
            width: auto!important;
            margin-left: 10%!important
        }
        .vtimeline .timeline-wrapper .timeline-panel:after {
            border-right: 14px solid #cad4e4!important;
            border-left: 0 solid #cad4e4!important;
            left: -14px!important;
            right: auto!important
        }
        .vtimeline .timeline-wrapper.timeline-inverted {
            padding-left: 0!important
        }
        .vtimeline .timeline-wrapper.timeline-inverted .timeline-panel {
            margin-right: 0!important;
            width: auto!important
        }
    }

    @media (max-width:1024px) and (min-width:768px) {
        .main-header-right {
            margin-right: 15px
        }
    }

    @media (max-width:380px) {
        .main-header-message {
            display: none
        }
        .carousel-slider #thumbcarousel .carousel-item .thumb {
            margin: 5px!important
        }
        .main-nav-line-chat .nav-link {
            font-size: 12px
        }
        .main-mail-header>div:last-child {
            display: none
        }
    }

    @media (max-width:575.98px) {
        .main-logo .header-brand-img.desktop-logo {
            display: none
        }
        .main-logo .header-brand-img.icon-logo {
            display: block
        }
        .flot-chart1 {
            height: 200px!important
        }
        .main-contact-info-header .media-body .nav-link {
            font-size: 12px
        }
        .modal.pos-static .modal-footer {
            display: block
        }
        .modal.pos-static .modal-footer .btn {
            width: 100%
        }
        .modal.pos-static .modal-footer>:not(:first-child) {
            margin-left: 0;
            margin-top: 10px
        }
    }

    @media (min-width:992px) {
        .sticky {
            width: 100%
        }
        .sticky-pin {
            position: fixed!important;
            top: 0!important;
            width: 100%
        }
        .main-navbar.sticky.sticky-pin {
            border-bottom: 1px solid #f0f2f8
        }
        .main-content {
            padding-top: 58px
        }
        .main-content.side-content {
            padding-top: 63px
        }
        .main-content-app,
        .main-content-calEndar,
        .main-content-contacts {
            display: flex
        }
        .main-sidebar-hide .main-content.side-content {
            margin-left: 0
        }
        .main-error-wrapper h1 {
            font-size: 12rem
        }
        .horizontalmenu .main-footer {
            padding-left: 0
        }
    }

    .flot-chart {
        width: 100%;
        height: 180px
    }

    .flot-chart1 {
        width: 100%;
        height: 300px
    }

    .flot-chart-wrapper {
        position: relative;
        margin-left: -16px;
        margin-right: -30px
    }

    .chart-wrapper {
        position: absolute;
        right: -8px;
        bottom: 5px;
        left: -8px
    }

    .dash-20 {
        font-size: 20px
    }

    .dash-25 {
        font-size: 25px
    }

    .dash-30 {
        font-size: 30px
    }

    .fs-10 {
        font-size: 10px
    }

    .fs-11 {
        font-size: 11px
    }

    .fs-12 {
        font-size: 12px
    }

    .fs-13 {
        font-size: 13px
    }

    .fs-14 {
        font-size: 14px
    }

    .fs-15 {
        font-size: 15px
    }

    .fs-16 {
        font-size: 16px
    }

    .fs-17 {
        font-size: 17px
    }

    .fs-18 {
        font-size: 18px
    }

    .fs-19 {
        font-size: 19px
    }

    .fs-20 {
        font-size: 20px
    }

    .fs-30 {
        font-size: 30px
    }

    .fs-40 {
        font-size: 40px
    }

    .fs-50 {
        font-size: 50px
    }

    #chartBar5 {
        height: 135px
    }

    .flag-icon {
        font-size: 24px;
        line-height: 1;
        border-radius: 100%
    }

    #back-to-top {
        color: #fff;
        position: fixed;
        bottom: 20px;
        right: 20px;
        z-index: 99;
        display: none;
        text-align: center;
        z-index: 10000;
        height: 32px;
        width: 32px;
        line-height: 15px;
        background-repeat: no-repeat;
        border: 2px solid transparent;
        background-position: 50%;
        transition: background-color .1s linear;
        -moz-transition: background-color .1s linear;
        -webkit-transition: background-color .1s linear;
        -o-transition: background-color .1s linear;
        border-radius: 3px
    }

    #back-to-top i {
        padding-top: 6px;
        font-size: 14px;
        line-height: 1.8rem
    }

    #back-to-top:hover {
        background: #fff!important
    }

    .contact-icon {
        display: inline-flex;
        width: 35px;
        height: 35px;
        text-align: center;
        font-size: 1rem;
        align-items: center;
        justify-content: center;
        border-radius: 50%
    }

    .contact-icon:hover {
        background: #f0f2f8
    }

    .accordion-color .card-header a.collapsed {
        color: hsla(0, 0%, 100%, .8);
        font-weight: 500;
        letter-spacing: -.1px
    }

    .accordion-color .card-header a.collapsed:focus,
    .accordion-color .card-header a.collapsed:hover {
        color: #fff
    }

    .custom-leftnav .main-content-left-components {
        position: -webkit-sticky;
        position: sticky;
        border-right: 0;
        top: 4rem
    }

    .component-item a:before {
        content: "\E92F";
        margin-right: 8px;
        position: relative;
        font-family: feather!important;
        color: #68798b
    }

    .square {
        border-radius: 0!important
    }

    .radius {
        border-radius: 5px!important
    }

    .main-icon-list {
        padding: 10px;
        border: 1px solid #f0f2f8
    }

    .icons-list-item {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.4rem;
        height: 55px;
        width: 55px;
        background: #f6f6ff;
        margin: 5px;
        border-radius: 6px;
        border: 1px solid #e4e4f9
    }

    .icons-list .flag-icon {
        border-radius: 0
    }

    .description-block {
        display: block;
        margin: 10px 0;
        text-align: center
    }

    .skill-tags a {
        float: left;
        margin-right: 5px;
        margin-bottom: 5px;
        padding: 5px 10px;
        border-radius: 0;
        color: #a8afc7;
        font-size: 12px;
        border: 1px solid #f0f2f8
    }

    .reviewnavs {
        padding-left: 0;
        list-style: none;
        display: inline-flex
    }

    .reviewnavs li {
        margin-right: 5px
    }

    .reviewnavs li a {
        color: #a8afc7
    }

    .header-brand-img.icon-logo {
        display: none
    }

    .main-header-right .nav-link.icon {
        font-size: 20px;
        color: #4a4d51;
        cursor: pointer;
        line-height: .9;
        padding: .6rem;
        border-radius: 50%;
        margin: 0 5px
    }

    .main-header-right .nav-link.icon:hover {
        background: #f0f1ff
    }

    .dash-icon {
        position: absolute;
        right: 10px;
        font-size: 3rem;
        opacity: .5;
        color: #d3d9e4;
        top: 10px
    }

    .sidebar-body h5 {
        padding: 13px 22px;
        font-size: 14px;
        border-bottom: 1px solid #f0f2f8;
        background: #f0f0ff
    }

    .price-img {
        padding-top: 2rem
    }

    .price-img i {
        font-size: 3rem;
        border-radius: 50%;
        height: 100px;
        width: 100px;
        line-height: 100px
    }

    .price-1 .list-unstyled li {
        padding: 7px 0
    }

    .card-pricing h1 {
        font-size: 2.5rem!important;
        padding: 15px 30px;
        text-align: center
    }

    .pricing-title {
        text-align: center;
        padding-top: 20px;
        font-size: 20px;
        font-weight: 500
    }

    .card-pricing2 h1,
    .card-pricing3 h1,
    .card-pricing4 h1 {
        font-size: 2.5rem!important;
        padding: 15px 30px;
        text-align: center
    }

    .card-pricing2 .list-unstyled li,
    .card-pricing3 .list-unstyled li,
    .card-pricing4 .list-unstyled li,
    .card-pricing .list-unstyled li {
        padding: .5rem 0;
        border-bottom: 0
    }

    .pricing-tabs .pri-tabs-heading {
        padding: 15px;
        text-align: center;
        margin: 0 auto;
        display: inline-table
    }

    .pricing-tabs .nav-price li a {
        padding: 10px 20px;
        color: #828db1;
        background: #fff;
        border: 1px solid #f0f2f8
    }

    .pricing-tabs .nav-price li .active {
        background: #ececfc
    }

    .pricing-tabs .tab-content {
        padding: 15px;
        margin-top: 1.5rem
    }

    .pricing1 .price {
        font-size: 2.5rem
    }

    .pricingTable2 {
        text-align: center;
        background: #fff;
        border: 1px solid #e0e5f3
    }

    .pricingTable2-header {
        padding: 25px 10px;
        background-color: #fff;
        border-radius: 6px!important
    }

    .pricingTable2 .pricingTable2-header h3 {
        font-size: 21px;
        letter-spacing: 2px;
        color: #000;
        text-transform: uppercase;
        margin: 0
    }

    .pricingTable2-header span {
        display: none;
        font-size: 12px
    }

    .card-pricing.pricing1 .list-unstyled li {
        display: block
    }

    .pricing-plans {
        padding: 25px 0
    }

    .price-value1 {
        font-size: 25px;
        line-height: 35px;
        color: #fff;
        display: inline-block;
        position: relative
    }

    .price-value1 i {
        position: absolute;
        top: 3px;
        font-size: 22px
    }

    .price-value1 span {
        font-size: 40px;
        color: #fff;
        margin-left: 17px
    }

    .pricing-plans .month {
        color: #fff;
        display: inline-block;
        font-size: 15px;
        margin-top: 15px;
        font-weight: 100
    }

    .pricingContent2 ul {
        padding: 0 15px;
        margin-bottom: 0;
        list-style: none
    }

    .pricingContent2 ul li {
        padding: 25px 0 0;
        text-transform: capitalize
    }

    .pricingContent2 ul li:last-child {
        padding-bottom: 25px
    }

    .price-value-content ul li {
        padding: 8px 0;
        text-transform: capitalize
    }

    .pricingTable2 .pricingTable2-sign-up {
        padding: 25px 0;
        border-top: 1px solid #e0e5f3
    }

    .pricingTable2 .btn-block {
        width: 50%;
        margin: 0 auto;
        padding: 10px 0;
        color: #fff;
        text-transform: uppercase;
        border-radius: 50px;
        transition: .3s ease
    }

    .pricingTable2.green .pricing-plans {
        background-color: #10d403
    }

    .pricingTable2.info .pricing-plans {
        background-color: #0ab2e6
    }

    @media screen and (max-width:990px) {
        .pricingTable2 {
            margin-bottom: 30px
        }
    }

    .vtimeline {
        list-style: none;
        padding: 0;
        position: relative;
        margin-bottom: 20px
    }

    .vtimeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #d1d4e4;
        left: 50%;
        margin-left: -1.5px
    }

    .vtimeline .timeline-wrapper {
        display: block;
        margin-bottom: 20px;
        position: relative;
        width: 100%;
        padding-right: 90px
    }

    .vtimeline .timeline-wrapper:before {
        content: " ";
        display: table
    }

    .vtimeline .timeline-wrapper:after {
        content: " ";
        display: table;
        clear: both
    }

    .vtimeline .timeline-wrapper .timeline-panel {
        border-radius: 2px;
        padding: 20px;
        position: relative;
        background: #fff;
        border-radius: 0;
        box-shadow: 0 8px 16px 0 rgba(162, 169, 204, .24);
        width: 35%;
        margin-left: 15%
    }

    .vtimeline .timeline-wrapper .timeline-panel:before {
        position: absolute;
        top: 0;
        width: 100%;
        height: 2px;
        content: "";
        left: 0;
        right: 0
    }

    .vtimeline .timeline-wrapper .timeline-panel:after {
        position: absolute;
        top: 10px;
        right: -14px;
        display: inline-block;
        border-color: transparent #cad4e4;
        border-style: solid;
        border-width: 14px 0 14px 14px;
        content: " "
    }

    .vtimeline .timeline-wrapper .timeline-panel .timeline-title {
        font-size: 1rem;
        font-weight: 700;
        margin: 0 0 .625rem
    }

    .vtimeline .timeline-wrapper .timeline-panel .timeline-body p+p {
        margin-top: 5px
    }

    .vtimeline .timeline-wrapper .timeline-panel .timeline-body ul {
        margin-bottom: 0
    }

    .vtimeline .timeline-wrapper .timeline-panel .timeline-footer span {
        font-size: .6875rem
    }

    .vtimeline .timeline-wrapper .timeline-badge {
        width: 14px;
        height: 14px;
        position: absolute;
        top: 16px;
        left: calc(50% - 7px);
        z-index: 0;
        border-top-right-radius: 50%;
        border-top-left-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        border: 2px solid #fff
    }

    .vtimeline .timeline-wrapper .timeline-badge i {
        color: #fff
    }

    .vtimeline .timeline-wrapper.timeline-inverted {
        padding-right: 0;
        padding-left: 90px
    }

    .vtimeline .timeline-wrapper.timeline-inverted .timeline-panel {
        margin-left: auto;
        margin-right: 15%
    }

    .vtimeline .timeline-wrapper.timeline-inverted .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto
    }

    .timeline-wrapper-secondary .timeline-badge,
    .timeline-wrapper-secondary .timeline-panel:before {
        background: #f1388b
    }

    .timeline-wrapper-success .timeline-badge,
    .timeline-wrapper-success .timeline-panel:before {
        background: #19b159
    }

    .timeline-wrapper-info .timeline-badge,
    .timeline-wrapper-info .timeline-panel:before {
        background: #01b8ff
    }

    .timeline-wrapper-warning .timeline-badge,
    .timeline-wrapper-warning .timeline-panel:before {
        background: #fcd539
    }

    .timeline-wrapper-danger .timeline-badge,
    .timeline-wrapper-danger .timeline-panel:before {
        background: #f16d75
    }

    .timeline-wrapper-light .timeline-badge,
    .timeline-wrapper-light .timeline-panel:before {
        background: #f1f2f9
    }

    .timeline-wrapper-dark .timeline-badge,
    .timeline-wrapper-dark .timeline-panel:before {
        background: #828db1
    }

    .text-wrap {
        font-size: 14px;
        line-height: 1.66
    }

    .example {
        padding: 1rem;
        border: 1px solid #f0f2f8;
        font-size: .9375rem
    }

    .example+.highlight {
        border-top: none;
        margin-top: 0
    }

    .text-wrap>:last-child {
        margin-bottom: 0
    }

    .highlight {
        margin: 1rem 0 2rem;
        border: 1px solid #f0f2f8;
        border-radius: 0;
        font-size: .9375rem;
        max-height: 20rem;
        background: #edeff7
    }

    .clip-widget {
        position: relative;
        overflow-y: scroll
    }

    .clipboard-icon {
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 14px;
        background: #fff;
        border: 1px solid #f0f2f8;
        padding: 5px 10px;
        border-radius: 4px;
        cursor: pointer
    }

    .user-card .main-img-user {
        margin: 0 auto
    }

    .icon-service {
        display: inline-flex;
        width: 3.5rem;
        height: 3.5rem;
        padding: 1.1rem;
        margin-bottom: .5rem
    }

    .icon-service i {
        font-size: 1.2rem
    }

    .bg-success-transparent {
        background-color: rgba(111, 234, 163, .2)
    }

    .bg-secondary-transparent {
        background-color: rgba(240, 112, 187, .15)
    }

    .bg-primary-transparent {
        background-color: rgba(29, 81, 235, .1)
    }

    .bg-info-transparent {
        background-color: rgba(1, 184, 255, .12)
    }

    .bg-warning-transparent {
        background-color: rgba(243, 202, 86, .15)
    }

    .bg-danger-transparent {
        background-color: rgba(255, 71, 61, .12)
    }

    .bg-pink-transparent {
        background-color: rgba(255, 101, 165, .12)
    }

    .bg-purple-transparent {
        background-color: rgba(111, 66, 193, .12)
    }

    .bg-dark-transparent {
        background-color: rgba(28, 39, 60, .12)
    }

    .bg-white-transparent {
        background-color: hsla(0, 0%, 100%, .12)
    }

    .our-team .picture {
        height: 100px;
        width: 100px;
        margin: 0 auto;
        z-index: 0;
        position: relative;
        overflow: hidden
    }

    .our-team:hover .picture:before {
        height: 100%
    }

    .our-team .picture:after {
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1
    }

    .our-team .picture img {
        width: 100%;
        height: auto;
        border-radius: 50%;
        transform: scale(1);
        transition: all .9s ease 0s
    }

    .our-team:hover .picture img {
        box-shadow: 0 0 0 3px #f0f2f8;
        transform: scale(.8)
    }

    .iti__hide {
        display: none
    }

    .language-css .token.string,
    .style .token.string,
    .token.entity,
    .token.operator,
    .token.url,
    .token.variable {
        background: none
    }

    .user-lock img {
        width: 70px;
        height: 70px;
        margin: 0 auto
    }

    .eamil-body {
        margin-top: 30px
    }

    .rating-stars {
        width: 100%;
        text-align: center
    }

    .rating-stars .rating-stars-container {
        font-size: 0
    }

    .rating-stars .rating-stars-container .rating-star {
        display: inline-block;
        font-size: 30px;
        cursor: pointer;
        padding: 4px 8px;
        color: #f0f2f8
    }

    .rating-stars .rating-stars-container .rating-star.is--active .fa-heart,
    .rating-stars .rating-stars-container .rating-star.is--hover .fa-heart {
        color: #fb0d00
    }

    .rating-stars .rating-stars-container .rating-star.sm {
        display: inline-block;
        font-size: 14px;
        color: #eaedf1;
        cursor: pointer;
        padding: 5px
    }

    .rating-stars .rating-stars-container .rating-star.is--active,
    .rating-stars .rating-stars-container .rating-star.is--hover {
        color: #f1c40f
    }

    .rating-stars .rating-stars-container .rating-star .fa-heart .is--no-hover,
    .rating-stars .rating-stars-container .rating-star.is--no-hover {
        color: #f1f1f9
    }

    .br-theme-bars-horizontal .br-widget a,
    .br-theme-bars-pill .br-widget a {
        background-color: #f0f2f8
    }

    .br-theme-bars-pill .br-widget a.br-active,
    .br-theme-bars-pill .br-widget a.br-selected {
        color: #fff
    }

    .br-theme-bars-square .br-widget a {
        border: 2px solid #f0f2f8;
        background-color: #fff;
        color: #8f9cc0
    }

    .br-theme-bars-square .br-widget a.br-active,
    .br-theme-bars-square .br-widget a.br-selected {
        border: 2px solid #f0f2f8
    }

    .br-theme-bars-1to10 .br-widget a,
    .br-theme-bars-movie .br-widget a {
        background-color: #f0f2f8
    }

    .rating-stars input {
        display: block;
        margin: 0 auto;
        text-align: center;
        padding: .375rem .75rem;
        font-size: .9375rem;
        line-height: 1.6;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #eaedf1;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
    }

    .task-list {
        list-style: none;
        position: relative;
        margin: 0;
        padding: 30px 0 0;
        color: #3c4858
    }

    .task-list:after {
        content: "";
        position: absolute;
        background: #f0f2f8;
        height: 100%;
        width: 1px;
        top: 0;
        left: 30px;
        z-index: 1
    }

    .task-list li {
        margin-bottom: 30px;
        padding-left: 55px;
        position: relative
    }

    .task-list li:last-child {
        margin-bottom: 0
    }

    .task-list li .task-icon {
        position: absolute;
        left: 22px;
        top: 13px;
        border-radius: 50%;
        padding: 2px;
        width: 17px;
        height: 17px;
        z-index: 2
    }

    .task-list li h6 {
        margin-bottom: 5px
    }

    .btn-group-sm>.btn,
    .btn-sm {
        padding: .25rem .5rem;
        font-size: .75rem;
        line-height: 1.5;
        border-radius: 3px;
        min-height: 0
    }

    .product-grid {
        text-align: center
    }

    .product-grid .product-image {
        position: relative;
        overflow: hidden
    }

    .product-grid .product-image a.image {
        display: block
    }

    .product-grid .product-image img {
        width: 100%;
        height: auto;
        border-radius: 6px 6px 0 0
    }

    .product-image .pic-1 {
        transition: all .3s ease-in 0s
    }

    .product-image .pic-1,
    .product-image .pic-2 {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .product-image .pic-2 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        transition: all .3s ease-out
    }

    .product-grid:hover .product-image .pic-2 {
        opacity: 0;
        left: 10px;
        top: 10px
    }

    .product-grid .product-discount-label {
        color: #fff;
        background-color: #16b36e;
        font-size: 12px;
        font-weight: 400;
        text-transform: uppercase;
        text-align: center;
        padding: 2px 9px;
        position: absolute;
        top: 10px;
        left: 10px
    }

    .product-grid .product-like-icon {
        color: #232323;
        background: #fff;
        font-size: 15px;
        line-height: 30px;
        width: 30px;
        height: 30px;
        border-radius: 50px;
        border: 1px solid rgba(0, 0, 0, .1);
        position: absolute;
        top: 10px;
        right: -50px;
        z-index: 2;
        transition: all .3s ease
    }

    .product-grid .product-like-icon:hover {
        color: #fff;
        background: #232323
    }

    .product-grid:hover .product-like-icon {
        right: 10px
    }

    .product-grid .product-link {
        width: 100%;
        font-size: 0;
        opacity: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        transition: all .3s ease
    }

    .product-grid:hover .product-link {
        opacity: 1
    }

    .product-grid .product-link a {
        color: #fff;
        background: #232323;
        font-size: 12px;
        font-weight: 600;
        width: 50%;
        height: 40px;
        padding: 10px 5px;
        margin: 0;
        border-right: 2px solid hsla(0, 0%, 84.3%, .15);
        box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
        display: inline-block;
        overflow: hidden;
        transition: all .3s ease .1s
    }

    .product-grid .product-link a:nth-child(2n) {
        border-right: none
    }

    .product-grid .product-link a:hover {
        color: #232323;
        background-color: #fff
    }

    .product-grid .product-link a i {
        transition: all .3s ease
    }

    .product-grid .product-link a span {
        color: #232323;
        display: block;
        font-size: 12px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 1px;
        transform: translateY(40px);
        transition: all .3s ease
    }

    .product-grid .product-link a:hover i {
        transform: translateY(-30px)
    }

    .product-grid .product-link a:hover span {
        transform: translateY(-15px)
    }

    .product-content .rating {
        color: #ff9b21;
        text-align: center;
        padding-left: 0;
        margin-bottom: 0
    }

    .product-grid .title {
        font-size: 15px;
        font-weight: 500;
        text-transform: capitalize;
        margin: 0 0 5px
    }

    .product-grid .product-content,
    .product-grid .title a {
        text-align: center;
        padding: 20px
    }

    .product-grid .title a {
        font-size: 16px;
        color: #262638
    }

    .product-grid .price {
        color: #333;
        font-size: 16px;
        font-weight: 600;
        padding: 6px;
        text-align: center
    }

    .product-grid .price .old-price {
        color: #909090;
        margin-right: 12px;
        text-decoration: line-through
    }

    @media screen and (max-width:990px) {
        .product-grid {
            margin: 0 0 30px
        }
    }

    .item-card .product-info {
        padding: 0;
        margin: 0;
        opacity: 0;
        left: 0;
        right: 0;
        text-align: center;
        position: absolute;
        bottom: -30px;
        z-index: 1;
        transition: all .5s ease 0s
    }

    .item-card:hover .product-info {
        opacity: 1;
        bottom: 30%
    }

    .product_price li {
        display: inline-block;
        padding: 0 10px;
        font-weight: 500;
        font-size: 16px
    }

    .product_price .old_price {
        text-decoration: line-through!important;
        color: #a8afc7
    }

    .productdesc .list-unstyled li {
        border-bottom: 0!important;
        margin-bottom: 18px;
        display: flex
    }

    .productdesc .list-unstyled li:last-child {
        margin-bottom: 0!important
    }

    .error-bg {
        background: url(../../img/pngs/bg.png);
        background-position: 50%;
        background-size: cover
    }

    .breadcrumb-3 ol {
        position: relative;
        display: block;
        width: 100%;
        text-align: center
    }

    .breadcrumb-3 li {
        display: contents;
        text-align: center
    }

    .breadcrumb-4 ol {
        position: relative;
        display: block;
        width: 100%;
        text-align: right
    }

    .breadcrumb-4 li {
        display: contents;
        text-align: right
    }

    .carousel-slider #carousel {
        margin: 0
    }

    .carousel-slider #thumbcarousel {
        margin: 10px 0 0;
        padding: 0
    }

    .carousel-slider #thumbcarousel .carousel-item {
        text-align: center
    }

    .carousel-slider #thumbcarousel .carousel-item .thumb {
        width: 100%;
        margin: 0 2px;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        max-width: 100px
    }

    .carousel-slider #thumbcarousel .carousel-item .thumb:hover {
        border-color: #cad4e4
    }

    .carousel-slider .carousel-item img {
        width: 100%;
        height: auto
    }

    .carousel-control:active,
    .carousel-control:focus,
    .carousel-control:hover {
        color: #333
    }

    .carousel-caption,
    .carousel-control .fa {
        font: normal normal normal 30px/26px FontAwesome
    }

    #thumbcarousel .carousel-control-prev {
        left: 0;
        background: rgba(0, 0, 0, .8)
    }

    #thumbcarousel .carousel-control-next {
        right: 0;
        background: rgba(0, 0, 0, .8)
    }

    .owl-carousel .owl-item {
        position: relative;
        cursor: url(../../plugins/owl-carousel/cursor.png), move;
        overflow: hidden
    }

    .owl-nav {
        display: block
    }

    .owl-carousel {
        position: relative
    }

    .owl-nav .owl-prev {
        left: -25px;
        right: -1.5em
    }

    .owl-nav .owl-next,
    .owl-nav .owl-prev {
        position: absolute;
        top: 50%;
        margin-top: -1.65em
    }

    .owl-nav .owl-next {
        right: -25px
    }

    .owl-nav button {
        display: block;
        font-size: 1.3rem!important;
        line-height: 2em;
        border-radius: 50%;
        width: 3rem;
        height: 3rem;
        text-align: center;
        background: hsla(0, 0%, 100%, .5)!important;
        border: 1px solid #e8ebf3!important;
        z-index: 99;
        box-shadow: 0 4px 15px rgba(67, 67, 67, .15)
    }

    .owl-nav button:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #2098d1;
        transform: scaleY(0);
        transform-origin: 50% 0
    }

    .owl-carousel:hover .owl-nav button,
    .owl-nav button:before {
        transition-property: transform;
        transition-duration: .5s;
        transition-timing-function: ease-out
    }

    .owl-carousel:hover .owl-nav button {
        background: #fff!important;
        -webkit-animation: sonarEffect 1.3s ease-out 75ms;
        animation: sonarEffect 1.3s ease-out 75ms
    }

    .owl-nav>div i {
        margin: 0
    }

    .owl-theme .owl-dots {
        text-align: center;
        -webkit-tap-highlight-color: transparent;
        position: absolute;
        bottom: .65em;
        left: 0;
        right: 0;
        z-index: 99
    }

    .owl-theme .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1
    }

    .owl-theme .owl-dots .owl-dot span {
        width: 1em;
        height: 1em;
        margin: 5px 7px;
        background: rgba(0, 0, 0, .3);
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px
    }

    .product-carousel .thumb {
        border: 1px solid #cad4e4;
        padding: 5px
    }

    .btn-list {
        margin-bottom: -.5rem;
        font-size: 0;
        padding: 0
    }

    .btn-list>.btn:not(:last-child),
    .btn-list>.dropdown:not(:last-child) {
        margin-right: .5rem
    }

    .btn-list>.btn,
    .btn-list>.dropdown {
        margin-bottom: .5rem
    }

    .echart-height {
        height: 250px
    }

    .main-profile-menu .border-top {
        border-top: 1px solid #f0f2f8!important
    }

    .input-lg {
        height: 46px;
        padding: 10px 16px;
        font-size: 15px;
        line-height: 1.3333333
    }

    .input-sm {
        height: 28px;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5
    }

    select.form-control.select-lg {
        height: 46px!important;
        padding: 10px 16px!important;
        font-size: 17px!important;
        line-height: 1.3333333!important
    }

    select.form-control.select-sm {
        height: 28px!important;
        padding: 0 10px 1px!important;
        line-height: 1!important
    }

    .custom-switch {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: default;
        display: inline-flex;
        align-items: center;
        margin: 0;
        padding-left: 0
    }

    .custom-switch-input {
        position: absolute;
        z-index: -1;
        opacity: 0
    }

    .custom-switches-stacked {
        display: flex;
        flex-direction: column
    }

    .custom-switches-stacked .custom-switch {
        margin-bottom: .5rem
    }

    .custom-switch-indicator {
        display: inline-block;
        height: 1.25rem;
        width: 2.25rem;
        background: #e5e9f3;
        border-radius: 50px;
        position: relative;
        vertical-align: bottom;
        border: 1px solid #f0f2f8;
        transition: border-color .3s, background-color .3s
    }

    .custom-switch-indicator:before {
        content: "";
        position: absolute;
        height: calc(1.25rem - 4px);
        width: calc(1.25rem - 4px);
        top: 1px;
        left: 1px;
        background: #fff;
        border-radius: 50%;
        transition: left .3s;
        box-shadow: none
    }

    .custom-switch-input:checked~.custom-switch-indicator:before {
        left: calc(1rem + 1px)
    }

    .custom-switch-input:focus~.custom-switch-indicator {
        box-shadow: none
    }

    .custom-switch-description {
        margin-left: .5rem;
        color: #a8afc7;
        transition: color .3s
    }

    .custom-switch-input:checked~.custom-switch-description {
        color: #8f9cc0
    }

    .selectgroup {
        display: inline-flex
    }

    .selectgroup-item {
        flex-grow: 1;
        position: relative
    }

    .selectgroup-item+.selectgroup-item {
        margin-left: -1px
    }

    .selectgroup-item:not(:first-child) .selectgroup-button {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .selectgroup-item:not(:last-child) .selectgroup-button {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .selectgroup-input {
        opacity: 0;
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0
    }

    .selectgroup-button {
        display: block;
        border: 1px solid #f0f2f8;
        text-align: center;
        padding: .375rem 1rem;
        position: relative;
        cursor: pointer;
        border-radius: 3px;
        color: #686868;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .selectgroup-button-icon {
        padding-left: .5rem;
        padding-right: .5rem;
        font-size: 1rem
    }

    .selectgroup-input:checked+.selectgroup-button {
        z-index: 1;
        background: #e5e9f3
    }

    .selectgroup-input:focus+.selectgroup-button {
        z-index: 2;
        box-shadow: none
    }

    .selectgroup-pills {
        flex-wrap: wrap;
        align-items: flex-start
    }

    .selectgroup-pills .selectgroup-item {
        margin-right: .5rem;
        flex-grow: 0
    }

    .colorinput {
        margin-right: 5px;
        position: relative;
        cursor: pointer
    }

    .colorinput-input {
        position: absolute;
        z-index: -1;
        opacity: 0
    }

    .colorinput-color {
        display: inline-block;
        width: 1.75rem;
        height: 1.75rem;
        border: 1px solid transparent;
        color: #fff;
        box-shadow: none
    }

    .colorinput-color:before {
        content: "";
        opacity: 0;
        position: absolute;
        top: .25rem;
        left: .25rem;
        height: 1.25rem;
        width: 1.25rem;
        transition: opacity .3s;
        background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") no-repeat 50%/50% 50%
    }

    .colorinput-input:checked~.colorinput-color:before {
        opacity: 1
    }

    .acc-step-number {
        padding: 5px 10px;
        font-size: 14px
    }

    .tags {
        margin-bottom: -.5rem;
        font-size: 0
    }

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

    .tag-addon {
        display: inline-block;
        padding: 0 .5rem;
        color: inherit;
        text-decoration: none;
        margin: 0 -.5rem 0 .5rem;
        text-align: center;
        min-width: 1.5rem;
        background: #e1e1ff
    }

    .tag-addon i {
        vertical-align: middle;
        margin: 0 -.25rem
    }

    .tag {
        font-size: .75rem;
        color: #fff;
        border-radius: 0;
        padding: 0 .5rem;
        line-height: 2em;
        display: inline-flex;
        cursor: default;
        font-weight: 400;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .tag-pill {
        padding-right: .6em;
        padding-left: .6em;
        border-radius: 50px
    }

    .tag-default {
        background-color: #f0f0ff;
        color: #828db1
    }

    .tag-dark {
        background-color: #8f9cc0
    }

    .tag-secondary {
        background-color: #f1388b
    }

    .tag-info {
        background-color: #01b8ff
    }

    .tag-warning {
        background-color: #ff9b21;
        color: #fff
    }

    .tag-danger {
        background-color: #f16d75
    }

    .tag-success {
        background-color: #19b159
    }

    .mapael .map {
        margin-bottom: 10px;
        position: relative
    }

    .mapael .zoomButton {
        background-color: #292929;
        border: 1px solid #292929;
        color: #fff;
        width: 15px;
        height: 15px;
        line-height: 12px;
        text-align: center;
        border-radius: 3px;
        cursor: pointer;
        position: absolute;
        top: 0;
        font-weight: 700;
        left: 10px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .mapael .zoomReset {
        top: 10px
    }

    .mapael .zoomIn {
        top: 30px
    }

    .mapael .zoomOut {
        top: 50px
    }

    .mapael .mapTooltip {
        position: absolute;
        background-color: #474c4b;
        moz-opacity: .7;
        opacity: .7;
        filter: alpha(opacity=70);
        border-radius: 10px;
        padding: 10px;
        z-index: 1000;
        max-width: 200px;
        display: none;
        color: #fff
    }

    .lds-circle {
        display: inline-block;
        transform: translateZ(1px)
    }

    .lds-circle>div {
        display: inline-block;
        width: 51px;
        height: 51px;
        margin: 6px;
        border-radius: 50%;
        -webkit-animation: lds-circle 2.4s cubic-bezier(0, .2, .8, 1) infinite;
        animation: lds-circle 2.4s cubic-bezier(0, .2, .8, 1) infinite
    }

    @-webkit-keyframes lds-circle {
        0%,
        to {
            -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, .5);
            animation-timing-function: cubic-bezier(.5, 0, 1, .5)
        }
        0% {
            transform: rotateY(0deg)
        }
        50% {
            transform: rotateY(5turn);
            -webkit-animation-timing-function: cubic-bezier(0, .5, .5, 1);
            animation-timing-function: cubic-bezier(0, .5, .5, 1)
        }
        to {
            transform: rotateY(10turn)
        }
    }

    @keyframes lds-circle {
        0%,
        to {
            -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, .5);
            animation-timing-function: cubic-bezier(.5, 0, 1, .5)
        }
        0% {
            transform: rotateY(0deg)
        }
        50% {
            transform: rotateY(5turn);
            -webkit-animation-timing-function: cubic-bezier(0, .5, .5, 1);
            animation-timing-function: cubic-bezier(0, .5, .5, 1)
        }
        to {
            transform: rotateY(10turn)
        }
    }

    .lds-dual-ring {
        display: inline-block;
        width: 64px;
        height: 64px
    }

    .lds-dual-ring:after {
        content: " ";
        display: block;
        width: 46px;
        height: 46px;
        margin: 1px;
        border-radius: 50%;
        -webkit-animation: lds-dual-ring 1.2s linear infinite;
        animation: lds-dual-ring 1.2s linear infinite
    }

    @-webkit-keyframes lds-dual-ring {
        0% {
            transform: rotate(0deg)
        }
        to {
            transform: rotate(1turn)
        }
    }

    @keyframes lds-dual-ring {
        0% {
            transform: rotate(0deg)
        }
        to {
            transform: rotate(1turn)
        }
    }

    .lds-facebook {
        display: inline-block;
        position: relative;
        width: 64px;
        height: 64px
    }

    .lds-facebook div {
        display: inline-block;
        position: absolute;
        left: 6px;
        width: 13px;
        -webkit-animation: lds-facebook 1.2s cubic-bezier(0, .5, .5, 1) infinite;
        animation: lds-facebook 1.2s cubic-bezier(0, .5, .5, 1) infinite
    }

    .lds-facebook div:first-child {
        left: 6px;
        -webkit-animation-delay: -.24s;
        animation-delay: -.24s
    }

    .lds-facebook div:nth-child(2) {
        left: 26px;
        -webkit-animation-delay: -.12s;
        animation-delay: -.12s
    }

    .lds-facebook div:nth-child(3) {
        left: 45px;
        -webkit-animation-delay: 0;
        animation-delay: 0
    }

    @-webkit-keyframes lds-facebook {
        0% {
            top: 6px;
            height: 51px
        }
        50%,
        to {
            top: 19px;
            height: 26px
        }
    }

    @keyframes lds-facebook {
        0% {
            top: 6px;
            height: 51px
        }
        50%,
        to {
            top: 19px;
            height: 26px
        }
    }

    .lds-heart {
        display: inline-block;
        position: relative;
        width: 64px;
        height: 64px;
        transform: rotate(45deg);
        transform-origin: 32px 32px
    }

    .lds-heart div {
        top: 23px;
        left: 19px;
        position: absolute;
        width: 26px;
        height: 26px;
        -webkit-animation: lds-heart 1.2s cubic-bezier(.215, .61, .355, 1) infinite;
        animation: lds-heart 1.2s cubic-bezier(.215, .61, .355, 1) infinite
    }

    .lds-heart div:after,
    .lds-heart div:before {
        content: " ";
        position: absolute;
        display: block;
        width: 26px;
        height: 26px
    }

    .lds-heart div:before {
        left: -17px;
        border-radius: 50% 0 0 50%
    }

    .lds-heart div:after {
        top: -17px;
        border-radius: 50% 50% 0 0
    }

    @-webkit-keyframes lds-heart {
        0% {
            transform: scale(.95)
        }
        5% {
            transform: scale(1.1)
        }
        39% {
            transform: scale(.85)
        }
        45% {
            transform: scale(1)
        }
        60% {
            transform: scale(.95)
        }
        to {
            transform: scale(.9)
        }
    }

    @keyframes lds-heart {
        0% {
            transform: scale(.95)
        }
        5% {
            transform: scale(1.1)
        }
        39% {
            transform: scale(.85)
        }
        45% {
            transform: scale(1)
        }
        60% {
            transform: scale(.95)
        }
        to {
            transform: scale(.9)
        }
    }

    .lds-ripple {
        display: inline-block;
        position: relative;
        width: 64px;
        height: 64px
    }

    .lds-ripple div {
        position: absolute;
        opacity: 1;
        border-radius: 50%;
        -webkit-animation: lds-ripple 1s cubic-bezier(0, .2, .8, 1) infinite;
        animation: lds-ripple 1s cubic-bezier(0, .2, .8, 1) infinite
    }

    .lds-ripple div:nth-child(2) {
        -webkit-animation-delay: -.5s;
        animation-delay: -.5s
    }

    @-webkit-keyframes lds-ripple {
        0% {
            top: 28px;
            left: 28px;
            width: 0;
            height: 0;
            opacity: 1
        }
        to {
            top: -1px;
            left: -1px;
            width: 58px;
            height: 58px;
            opacity: 0
        }
    }

    @keyframes lds-ripple {
        0% {
            top: 28px;
            left: 28px;
            width: 0;
            height: 0;
            opacity: 1
        }
        to {
            top: -1px;
            left: -1px;
            width: 58px;
            height: 58px;
            opacity: 0
        }
    }

    .lds-spinner {
        color: official;
        display: inline-block;
        position: relative;
        width: 64px;
        height: 64px
    }

    .lds-spinner div {
        transform-origin: 32px 32px;
        -webkit-animation: lds-spinner 1.2s linear infinite;
        animation: lds-spinner 1.2s linear infinite
    }

    .lds-spinner div:after {
        content: " ";
        display: block;
        position: absolute;
        top: 3px;
        left: 29px;
        width: 5px;
        height: 14px;
        border-radius: 20%
    }

    .lds-spinner div:first-child {
        transform: rotate(0deg);
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s
    }

    .lds-spinner div:nth-child(2) {
        transform: rotate(30deg);
        -webkit-animation-delay: -1s;
        animation-delay: -1s
    }

    .lds-spinner div:nth-child(3) {
        transform: rotate(60deg);
        -webkit-animation-delay: -.9s;
        animation-delay: -.9s
    }

    .lds-spinner div:nth-child(4) {
        transform: rotate(90deg);
        -webkit-animation-delay: -.8s;
        animation-delay: -.8s
    }

    .lds-spinner div:nth-child(5) {
        transform: rotate(120deg);
        -webkit-animation-delay: -.7s;
        animation-delay: -.7s
    }

    .lds-spinner div:nth-child(6) {
        transform: rotate(150deg);
        -webkit-animation-delay: -.6s;
        animation-delay: -.6s
    }

    .lds-spinner div:nth-child(7) {
        transform: rotate(180deg);
        -webkit-animation-delay: -.5s;
        animation-delay: -.5s
    }

    .lds-spinner div:nth-child(8) {
        transform: rotate(210deg);
        -webkit-animation-delay: -.4s;
        animation-delay: -.4s
    }

    .lds-spinner div:nth-child(9) {
        transform: rotate(240deg);
        -webkit-animation-delay: -.3s;
        animation-delay: -.3s
    }

    .lds-spinner div:nth-child(10) {
        transform: rotate(270deg);
        -webkit-animation-delay: -.2s;
        animation-delay: -.2s
    }

    .lds-spinner div:nth-child(11) {
        transform: rotate(300deg);
        -webkit-animation-delay: -.1s;
        animation-delay: -.1s
    }

    .lds-spinner div:nth-child(12) {
        transform: rotate(330deg);
        -webkit-animation-delay: 0s;
        animation-delay: 0s
    }

    @-webkit-keyframes lds-spinner {
        0% {
            opacity: 1
        }
        to {
            opacity: 0
        }
    }

    @keyframes lds-spinner {
        0% {
            opacity: 1
        }
        to {
            opacity: 0
        }
    }

    .dt-button-collection .dropdown-item.active,
    .dt-button-collection .dropdown-item:active {
        color: #8f9cc0;
        text-decoration: none;
        background-color: #fff
    }

    .img-thumbnail .caption {
        padding: 15px
    }

    .sidebar-icon {
        position: absolute;
        right: 8px;
        top: 3px
    }

    .pulse {
        display: block;
        position: absolute;
        top: 6px;
        right: 17px;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #f3ca56;
        cursor: pointer;
        box-shadow: 0 0 0 rgba(243, 202, 86, .9);
        -webkit-animation: pulse 2s infinite;
        animation: pulse 2s infinite
    }

    .pulse:hover {
        -webkit-animation: none;
        animation: none
    }

    @-webkit-keyframes pulse {
        0% {
            -webkit-box-shadow: 0 0 0 0 rgba(243, 202, 86, .9)
        }
        70% {
            -webkit-box-shadow: 0 0 0 10px rgba(243, 202, 86, 0)
        }
        to {
            -webkit-box-shadow: 0 0 0 0 rgba(243, 202, 86, 0)
        }
    }

    @keyframes pulse {
        0% {
            box-shadow: 0 0 0 0 rgba(243, 202, 86, .7)
        }
        70% {
            box-shadow: 0 0 0 10px rgba(243, 202, 86, 0)
        }
        to {
            box-shadow: 0 0 0 0 rgba(243, 202, 86, 0)
        }
    }

    .ripple {
        position: relative;
        overflow: hidden;
        transform: translateZ(0);
        cursor: pointer
    }

    .ripple:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        pointer-events: none;
        background-image: radial-gradient(circle, #000 10%, transparent 10.01%);
        background-repeat: no-repeat;
        background-position: 50%;
        transform: scale(10);
        opacity: 0;
        transition: transform .5s, opacity 1s
    }

    .ripple:active:after {
        transform: scale(0);
        opacity: .2;
        transition: 0s
    }

    @-webkit-keyframes fadein {
        0% {
            opacity: 0;
            transform: translate3d(0, 20px, 0)
        }
        to {
            opacity: 1;
            transform: none;
            transform: translateZ(0)
        }
    }

    @keyframes fadein {
        0% {
            opacity: 0;
            transform: translate3d(0, 20px, 0)
        }
        to {
            opacity: 1;
            transform: none;
            transform: translateZ(0)
        }
    }

    .fadein,
    .header-search.show .dropdown-menu,
    .main-header-message.show .dropdown-menu,
    .main-header-notification.show .dropdown-menu,
    .main-profile-menu.show .dropdown-menu {
        -webkit-animation-name: fadein;
        animation-name: fadein;
        -webkit-animation-duration: .2s;
        animation-duration: .2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    .main-header-message.show .dropdown-menu:before,
    .main-header-notification.show .dropdown-menu:before,
    .main-profile-menu.show .dropdown-menu:before {
        content: "";
        width: 13px;
        height: 13px;
        background: #fff;
        position: absolute;
        top: -7px;
        right: 28px;
        transform: rotate(45deg);
        border-top: 1px solid #f0f2f8;
        border-left: 1px solid #f0f2f8
    }

    .header-search.show .dropdown-menu {
        display: block;
        margin: 0
    }

    .header-search.show .dropdown-menu:before {
        content: "";
        width: 13px;
        height: 13px;
        background: #fff;
        position: absolute;
        top: -7px;
        right: 28px;
        transform: rotate(45deg);
        border-top: 1px solid #f0f2f8;
        border-left: 1px solid #f0f2f8
    }

    .header-search .dropdown-menu {
        width: 400px;
        position: absolute;
        top: 50px;
        left: auto;
        right: -10px;
        bottom: auto;
        padding: 0;
        border-color: #f0f2f8;
        border-width: 1px;
        box-shadow: 0 8px 16px 0 rgba(162, 169, 204, .24)
    }

    .main-form-search {
        flex: 1;
        width: 300px;
        position: relative
    }

    .main-form-search .form-control {
        border-color: #f0f2f8;
        border-width: 1px;
        background-color: #fff;
        transition: none;
        height: 40px;
        padding-left: 2.6rem;
        border-radius: 3px
    }

    .main-form-search .form-control:focus {
        background-color: #fff;
        border-color: #b4bdce;
        box-shadow: none!important
    }

    .main-form-search .form-control:focus+.btn,
    .main-form-search .sp-container .form-control:focus+button,
    .sp-container .main-form-search .form-control:focus+button {
        color: #a8afc7
    }

    .main-form-search .btn,
    .main-form-search .sp-container button,
    .sp-container .main-form-search button {
        position: absolute;
        top: 8px;
        left: 8px;
        height: 40px;
        color: #b4bdce;
        transition: none;
        font-size: 16px;
        padding-left: 16px
    }

    .sp-container .main-form-search button {
        background-color: transparent
    }

    .main-form-search .btn:focus,
    .main-form-search .btn:hover,
    .main-form-search .sp-container button:focus,
    .main-form-search .sp-container button:hover,
    .sp-container .main-form-search button:focus,
    .sp-container .main-form-search button:hover {
        color: #8f9cc0
    }

    .theme-logo {
        display: none!important
    }

    .chart-height1 {
        min-height: 15rem;
        overflow: hidden
    }

    .chart-height2 {
        height: 16rem;
        overflow: hidden
    }

    .chart-height3 {
        height: 17rem;
        overflow: hidden
    }

    .chart-height4 {
        height: 18rem;
        overflow: hidden
    }

    .chart-height5 {
        height: 20rem;
        overflow: hidden
    }

    .chart-height6 {
        height: 22rem;
        overflow: hidden
    }

    .img-flag {
        width: 25px;
        height: 12px;
        margin-top: -4px
    }

    .advanced-search {
        background: #fff;
        padding: 1.25rem;
        box-shadow: 0 8px 16px 0 rgba(162, 169, 204, .24);
        margin-bottom: 20px
    }

    .theme-logos {
        display: none
    }

    .dot-label {
        width: 8px;
        height: 8px;
        display: inline-block;
        border-radius: 100%;
        margin-right: 5px
    }

    .contact-info .contact-icon:hover {
        color: #000
    }

    .scroll-widget {
        width: 100%;
        height: 385px;
        overflow: hidden
    }

    .activity-block .task-list {
        padding-top: 0
    }

    .activity-block .task-list li {
        padding-left: 3rem;
        margin-bottom: 20px
    }

    .activity-block h6 {
        margin-bottom: 0
    }

    .activity-block .task-list:after {
        left: 18px;
        z-index: 0
    }

    .activity-block .task-list li .task-icon {
        top: 0;
        left: 1px;
        width: 35px;
        height: 35px;
        text-align: center;
        position: absolute;
        line-height: 32px;
        font-size: 15px;
        color: #fff
    }

    .card-blog-overlay1 {
        background: url(../../img/media/3.jpg);
        background-size: cover
    }

    .card-blog-overlay2 {
        background: url(../../img/media/1.jpg);
        background-size: cover
    }

    .z-index2 {
        z-index: 2
    }

    .card-blog-overlay {
        background: url(../../img/media/2.jpg);
        background-size: cover;
        position: relative
    }

    .card-blog-overlay1:before,
    .card-blog-overlay2:before,
    .card-blog-overlay:before {
        content: "";
        display: block;
        position: absolute;
        background: rgba(0, 0, 0, .5);
        width: 100%;
        height: 100%;
        right: 0;
        top: 0
    }

    .card-blog-overlay1 .custom-card-header,
    .card-blog-overlay2 .custom-card-header,
    .card-blog-overlay .custom-card-header {
        background: none;
        border-bottom: 1px solid hsla(0, 0%, 100%, .2)
    }

    .card-blog-overlay1 .card-footer,
    .card-blog-overlay2 .card-footer,
    .card-blog-overlay .card-footer {
        background: none;
        border-top: 1px solid hsla(0, 0%, 100%, .2)
    }

    div.dtr-modal div.dtr-modal-content {
        box-shadow: none
    }

    .table.dtr-details {
        margin-bottom: 0
    }

    .main-notification-text .badge {
        line-height: 1.5
    }

    #global-loader {
        position: fixed;
        z-index: 50000;
        background: #fff;
        top: 0;
        height: 100%;
        width: 100%;
        display: block
    }

    #global-loader,
    .loader-img {
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
        text-align: center
    }

    .loader-img {
        position: absolute;
        top: 43%
    }

    .user-info {
        list-style: none;
        margin-bottom: 0;
        padding-left: 0
    }

    .side-header .main-profile-menu .dropdown-menu {
        top: 53px
    }

    .side-header .header-search .dropdown-menu {
        top: 50px
    }

    #example-input .form-control {
        color: #8f9cc0!important
    }

    #example-input .form-control::-moz-placeholder {
        color: #8f9cc0!important
    }

    #example-input .form-control:-ms-input-placeholder {
        color: #8f9cc0!important
    }

    #example-input .form-control::placeholder {
        color: #8f9cc0!important
    }

    .setting-header {
        font-weight: 400;
        font-size: 15px
    }

    .main-message-list .media {
        padding: 10px 10px 0 15px
    }

    .main-header-message .dropdown-footer {
        text-align: center;
        padding: 10px;
        font-size: 13px;
        border-top: 1px solid rgba(123, 65, 216, .1)
    }

    .main-header-flags {
        position: relative
    }

    .fadein,
    .main-header-flags.show .dropdown-menu {
        -webkit-animation-name: fadein;
        animation-name: fadein;
        -webkit-animation-duration: .2s;
        animation-duration: .2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    .main-header-flags.show .dropdown-menu {
        display: block
    }

    .main-header-flags .dropdown-menu {
        width: 200px;
        position: absolute;
        top: 48px;
        right: auto;
        left: -10px;
        bottom: auto;
        padding: 0;
        border-color: #f0f2f8;
        border-width: 1px;
        box-shadow: 0 8px 16px 0 rgba(162, 169, 204, .24)
    }

    .main-header-flags.show .dropdown-menu:before {
        content: "";
        width: 13px;
        height: 13px;
        background: #fff;
        position: absolute;
        top: -7px;
        left: 28px;
        transform: rotate(45deg);
        border-top: 1px solid #f0f2f8;
        border-left: 1px solid #f0f2f8
    }

    .main-flags-list .media {
        padding: 10px 10px 0 15px
    }

    .main-header-flags .dropdown-footer {
        text-align: center;
        padding: 10px;
        font-size: 13px;
        border-top: 1px solid rgba(123, 65, 216, .1)
    }

    .header-flag,
    .main-flags-list img {
        width: 1.7rem
    }

    .hor-header.hor-top-header .nav-link-badge {
        position: absolute;
        top: 0;
        left: 11px;
        display: block!important;
        padding: 3px 5px!important;
        border-radius: 50px;
        font-size: 10px
    }

    .hor-header.hor-top-header .main-message-list p {
        font-size: 12px
    }

    @media (min-width:992px) {
        .main-nav-line-chat {
            flex-shrink: 0;
            height: 57px;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            padding: 0 15px;
            border-bottom: 1px solid #e2e8f5
        }
        .nav.main-nav-line-chat {
            padding-left: 20px
        }
    }

    @media (max-width:991px) {
        .main-header-flags,
        .main-header-message {
            display: none
        }
        .hor-header.hor-top-header .main-logo {
            left: 0;
            margin-right: auto
        }
    }

    .sales-icon {
        width: 3rem;
        height: 3rem;
        border-radius: 5px;
        line-height: 1.5;
        text-align: center;
        font-size: 22px;
        padding: .75rem;
        margin: auto 0
    }

    .h-330 {
        height: 330px!important
    }

    .h-270 {
        height: 270px!important
    }

    .gift-tittle {
        font-size: 20px
    }

    .gift-box span {
        font-size: 15px;
        font-weight: 500
    }

    .giftbox-img {
        width: 40%
    }

    .dropdown.header-message .nav-link.icon {
        font-size: 18px
    }

    .main-header-project,
    .page-header {
        position: relative
    }

    .page-header {
        display: flex;
        align-items: center;
        margin: 1.8rem 0 1.5rem;
        -ms-flex-wrap: wrap;
        justify-content: space-between;
        min-height: 50px;
        border-radius: 7px
    }

    .page-title {
        margin: 0;
        font-size: 16px;
        font-weight: 500
    }

    .page-header .page-title i {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        line-height: 2rem;
        position: relative;
        text-align: center;
        font-weight: 400;
        font-size: 16px;
        margin-right: 8px!important;
        border-radius: 7px;
        background: linear-gradient(89.1deg, #f0f4ff .7%, #fafbfe 88.4%);
        color: #577ff5
    }

    .main-header-right .nav-link .badge {
        position: absolute;
        top: 3px;
        right: 4px;
        padding: .2rem;
        min-width: 1rem;
        font-size: 9px;
        border-radius: 50%
    }

    .feature {
        width: 50px;
        border-radius: 5px
    }

    .feature .feature-icon {
        display: flex;
        width: 50px;
        height: 50px;
        line-height: 2em;
        vertical-align: middle;
        padding-top: 0;
        color: #fff;
        font-size: 18px;
        border-radius: 8px;
        position: relative;
        align-items: center;
        text-align: center;
        left: 0;
        right: 0;
        justify-content: center
    }

    .h-300 {
        height: 300px!important
    }

    .chart-text {
        text-align: center;
        margin: 0 auto
    }

    .areaChart1,
    .areaChart2,
    .areaChart3,
    .areaChart4 {
        display: block;
        position: relative;
        width: 80px!important;
        height: 50px!important
    }

    .feature.bg-transparent {
        background: #fafbfe!important
    }

    .chart-legEnd {
        margin-bottom: 20px;
        justify-content: center;
        position: absolute;
        top: 5px;
        left: 0;
        right: 0;
        z-index: 1;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 1px;
        text-transform: uppercase
    }

    .chart-legEnd,
    .chart-legEnd div {
        display: flex;
        align-items: center
    }

    .chart-legEnd div+div {
        margin-left: 15px
    }

    .chart-legEnd span {
        width: 10px;
        height: 4px;
        display: block;
        margin-right: 5px
    }

    .chart-wrapper {
        position: relative;
        margin-left: -13px;
        margin-right: -13px
    }

    @media (min-width:576px) {
        .chart-legEnd {
            top: -30px;
            left: auto;
            right: 40px
        }
        .chart-legEnd span {
            width: 30px;
            margin-right: 8px
        }
        .chart-legEnd div+div {
            margin-left: 30px
        }
    }

    .browser-stats i {
        height: 30px;
        width: 30px;
        text-align: center;
        border-radius: 50%;
        line-height: 30px;
        position: inherit;
        font-size: 13px
    }

    .btn-default {
        color: #292828
    }

    @media (min-width:1300px) {
        .signpages {
            width: 50%;
            border-radius: 6px;
            margin: 5em auto;
            display: flex
        }
    }

    @media (max-width:1299px) and (min-width:991px) {
        .signpages {
            width: 60%;
            border-radius: 6px;
            margin: 5em auto;
            display: flex
        }
    }

    @media (max-width:990px) {
        .signpages {
            width: 60%;
            border-radius: 6px;
            margin: 5em auto;
            display: flex
        }
    }

    .construction,
    .signpages .details {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
        background: url(../../img/pngs/bg.png);
        position: relative;
        background-size: cover;
        background-position: 50%
    }

    .construction {
        z-index: 0
    }

    .construction:before {
        background: rgba(77, 76, 178, .96);
        z-index: -1;
        top: 0
    }

    .construction:before,
    .signpages .details:before {
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0
    }

    .signpages .details:before {
        background: rgba(77, 76, 178, .9);
        z-index: 0
    }

    .signpages .row>h2 {
        color: teal
    }

    .signpages .login_form {
        background-color: #fff;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px
    }

    .signpages .form__input {
        width: 100%;
        border-radius: 0;
        border: 0 solid transparent;
        border-bottom: 1px solid #aaa;
        padding: 1em .5em .5em 2em;
        outline: none;
        margin: 1.5em auto;
        transition: all .5s ease
    }

    .signpages .form__input:focus {
        border-bottom-color: teal;
        box-shadow: 0 0 5px rgba(0, 80, 80, .4);
        border-radius: 4px
    }

    @media screen and (max-width:640px) {
        .signpages {
            width: 90%
        }
        .signpages .company__info {
            display: none
        }
        .signpages .login_form {
            border-top-left-radius: 6px;
            border-bottom-left-radius: 6px
        }
    }

    @media screen and (min-width:642px) and (max-width:800px) {
        .signpages .main-content {
            width: 70%
        }
    }

    .icons-list {
        list-style: none;
        margin: 0 -1px -1px 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap
    }

    .icons-list-item i {
        font-size: 1.25rem
    }

    .search-imgs li {
        margin-right: 1rem;
        display: contents
    }

    .search-imgs li img {
        margin-right: 1rem;
        border: 1px solid #d5dae8!important
    }

    .handle-counter {
        overflow: hidden;
        display: flex
    }

    .handle-counter .counter-minus,
    .handle-counter .counter-plus {
        float: left
    }

    .handle-counter input {
        float: left;
        text-align: center;
        height: 40px;
        border-radius: 0;
        width: 104px;
        border: 1px solid #e0e6f0
    }

    .handle-counter .counter-minus,
    .handle-counter .counter-plus {
        text-align: center
    }

    .handle-counter .btn {
        padding: 9px 14px!important
    }

    .counter-minus {
        border-radius: 3px 0 0 3px
    }

    .counter-minus.btn {
        padding: 9px 15px!important
    }

    .counter-plus {
        border-radius: 0 3px 3px 0
    }

    .handle-counter .btn:disabled {
        background-color: #7a7aaf;
        cursor: not-allowed;
        color: #fff
    }

    .handle-counter .btn:disabled:hover {
        background-color: #7a869c;
        cursor: not-allowed
    }

    .trash,
    .whishlist {
        height: 20px;
        width: 20px
    }

    .trash {
        fill: #fd6074!important
    }

    .img-sm {
        width: 64px;
        min-width: 64px;
        height: 64px;
        border-radius: 5px;
        margin-right: 20px;
        border: 1px solid #f0f0ff;
        background: #f4f4fb;
        padding: 10px
    }

    .itemside {
        position: relative;
        display: flex;
        width: 100%
    }

    .itemside .info {
        padding-left: 15px;
        padding-right: 7px
    }

    .itemside .title {
        font-size: .9rem;
        font-weight: 500;
        color: #283250
    }

    .dlist-align {
        display: flex
    }

    .accordion-faq .accordion .card-header a,
    .accordion .card-header a.collapsed:focus,
    .accordion .card-header a.collapsed:hover {
        background-color: #f5f5fd
    }

    .card-item-desc .card-item-desc-1 dt {
        font-weight: 500;
        font-size: 13px;
        display: inline-block
    }

    dd {
        display: inline-block
    }

    .card-item-desc dd,
    .card-item-desc dl {
        margin-top: 0;
        margin-bottom: 0
    }

    .card-item-desc .card-item-desc-1 dd {
        font-size: 13px;
        color: #737f9e;
        margin-bottom: 0
    }

    .table-shopping-cart .media {
        display: flex;
        align-items: flex-start;
        padding: .75rem
    }

    .cart-details dt {
        font-weight: 400;
        margin-bottom: .6rem
    }

    .cart-details dd {
        font-weight: 600
    }

    .mapcontainer1 .map,
    .mapcontainer .map {
        height: 400px;
        width: 400px;
        margin: 0 auto
    }

    .mapcontainer2 .map {
        height: 300px;
        width: 300px;
        margin: 0 auto
    }

    .main-footer {
        display: block;
        margin-top: auto
    }

    .main-sidebar-body .nav-header ul {
        margin-bottom: 0;
        padding-left: 0;
        list-style-type: none
    }

    .file-browser .btn-primary {
        border-radius: 0 6px 6px 0!important
    }

    .error-bg .sidemenu-height .construction1 {
        margin-top: 12rem
    }

    .navbar-toggler {
        font-size: 1.09375rem;
        text-align: center;
        padding: 0;
        background-color: transparent;
        border: 1px solid transparent
    }

    .navbar-toggler .header-icons {
        height: 45px;
        width: 45px;
        padding: 0;
        border-radius: 50%;
        line-height: 45px
    }

    .navbar-toggler .header-icons:hover,
    .option-dots:hover {
        background-color: #f0f0ff;
        border-radius: 50%
    }

    .horizontalmenu .main-header {
        box-shadow: 0 3px 5px rgba(57, 63, 72, .03)
    }

    .search-imgs,
     ::-ms-backdrop {
        display: -ms-inline-flexbox
    }

    .main-content-body-profile .media-body,
     ::-ms-backdrop {
        flex: inherit
    }

    .main-msg-wrapper,
     ::-ms-backdrop {
        display: inline-table
    }

    .flex-wrap.ht-50.mb-lg-4,
     ::-ms-backdrop {
        height: inherit;
        margin-bottom: 0
    }

    .btn-icon,
     ::-ms-backdrop {
        width: inherit;
        height: inherit
    }

    .bg-img:before,
     ::-ms-backdrop {
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
        z-index: -1;
        top: 0
    }

    .crypto-transcation .media-body,
     ::-ms-backdrop {
        flex: inherit
    }

    .sales-product-info #chart,
     ::-ms-backdrop {
        min-height: 219px!important
    }

    .main-footer,
     ::-ms-backdrop {
        width: 100%;
        position: relative;
        bottom: -5px;
        margin-top: 1.5rem;
        margin-bottom: -10px;
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: auto
    }

    .main-content,
     ::-ms-backdrop {
        height: 100%
    }

    #checkoutsteps .item .thumb,
     ::-ms-backdrop {
        display: inline
    }

    .transcation-crypto .wd-30,
     ::-ms-backdrop {
        width: inherit
    }

    .breadcrumb-4 ol,
     ::-ms-backdrop {
        justify-content: flex-end;
        display: flex
    }

    .breadcrumb-3 ol,
     ::-ms-backdrop {
        justify-content: center;
        display: flex
    }

     ::-ms-backdrop,
    html.fullscreen {
        width: 100%
    }

     ::-ms-backdrop,
    html.fullscreen .main-content {
        overflow: scroll;
        overflow-x: hidden;
        height: 100vh
    }

    .owl-item .wd-30,
    .table-responsive-sm .wd-30,
     ::-ms-backdrop {
        width: inherit
    }

    .table-responsive .media-body,
     ::-ms-backdrop {
        flex: inherit
    }

    .horizontalmenu #recentorders {
        height: 222px!important
    }

    .content-height {
        height: 70vh
    }

    .project .deadline {
        margin-bottom: 0;
        padding: 5px 10px;
        border-radius: 4px
    }

    .project-status:before {
        content: "";
        margin-right: 12px
    }

    .project-status.success:before {
        border-left: 3px solid #19b159
    }

    .project-status.danger:before {
        border-left: 3px solid #f16d75
    }

    .project-status.warning:before {
        border-left: 3px solid #ecb529
    }

    .list-card {
        padding: 14px 18px;
        border-radius: 11px;
        margin-bottom: 20px;
        position: relative
    }

    .forth.circle .chart-circle-value.circle-style {
        position: absolute;
        top: 15px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1;
        width: 70px;
        height: 70px;
        line-height: 70px;
        border-radius: 50%
    }

    .forth.circle canvas {
        margin: 0 auto;
        display: block;
        max-width: 100%;
        max-height: 100%
    }

    .list-card.danger {
        background: #fff3f4
    }

    .list-card.success {
        background: #e8f7ee
    }

    .tasks .ckbox span:after,
    .tasks .ckbox span:before {
        content: "";
        width: 18px;
        height: 18px;
        border-radius: 50%
    }

    .transcations.table td,
    .transcations.table th {
        padding: 14px 0;
        line-height: 1.462
    }

    .transcations.table.table-hover tbody tr:hover {
        background-color: transparent
    }

    #bar-chart {
        height: 75px!important
    }

    .tasks .table td,
    .tasks .table th {
        padding: 11px 15px
    }

    @media (max-width:991px) and (min-width:767px) {
        .main-body.leftmenu .main-content.side-content {
            margin-top: 60px
        }
    }

    @media (max-width:599px) {
        .horizontalmenu .main-header-center {
            margin: 0!important
        }
    }

    @media (max-width:575px) {
        .card-box img {
            position: relative;
            bottom: -27px;
            left: -14px
        }
    }

    .upgrade.custom-card {
        background: #f3f2fd
    }

    .nav-pills .nav-link.active {
        color: #fff
    }

    .main-header-center .select2-container {
        z-index: 9999
    }

    .chart-dropshadow2 {
        filter: drop-shadow(-6px 12px 4px rgba(0, 0, 0, .1))
    }

    .main-header-center .btn {
        border-radius: 0 6px 6px 0!important
    }

    .main-content-left-chat .btn {
        border-radius: 0 4px 4px 0!important
    }

    .mapcontainer3 svg {
        height: 300px;
        width: 100%
    }

    .select2-dropdown ::-webkit-scrollbar {
        width: 4px;
        height: 4px;
        -webkit-transition: background .3s;
        transition: background .3s
    }

    .select2-dropdown::-webkit-scrollbar-thumb {
        background: #f0f2f8
    }

    .select2-dropdown :hover::-webkit-scrollbar-thumb {
        background: #adb5bd
    }

    .input-group input-group-btn {
        border-radius: 0 6px 6px 0!important
    }

    .sidemenu-logo img {
        margin: 0 auto
    }

    #chart svg path#apexcharts-radialbarTrack-0 {
        stroke: transparent
    }

    #recentorders {
        padding: 0;
        max-width: 650px;
        margin: 7px auto
    }

    .horizontalmenu .main-header-center {
        margin: 0 0 0 2rem
    }

    .alert-message {
        border: 1px solid rgba(232, 232, 247, .2);
        border-radius: 3px;
        background: #665dd2
    }

    @media (max-width:699px) {
        .horizontalmenu .page-header {
            display: block
        }
        .breadcrumb-5 a:first-child {
            padding-left: 16px!important
        }
    }

    .user-lock .option-dots:hover {
        background: transparent
    }

    @media (min-width:576px) {
        #shapes .demo-avatar-group .main-img-user+.main-avatar,
        #shapes .demo-avatar-group .main-img-user+.main-img-user {
            margin-left: 9px;
            border: 0 solid #fff
        }
    }

    @media (min-width:992px) {
        .main-header.hor-header.top-header .main-header-left .main-logo {
            display: none
        }
    }

    @media (max-width:992px) {
        .header-brand2 {
            display: none
        }
    }

    @media (min-width:1173px) {
        .main-header.hor-header.top-header .form-control {
            width: auto!important
        }
        .horizontalmenu .main-header.hor-header.top-header .main-header-center {
            margin: auto!important
        }
    }

    @media (min-width:991px) {
        .hor-header.top-header .header-brand2 .top-header-logo1 {
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            top: 13px
        }
        .dark-theme .hor-header.top-header .header-brand2 .top-header-logo1,
        .hor-header.top-header .header-brand {
            display: none
        }
        .dark-theme .hor-header.top-header .header-brand2 .top-header-logo2 {
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            top: 13px
        }
        .color-header .hor-header.top-header .header-brand2 .top-header-logo1,
        .header-dark .hor-header.top-header .header-brand2 .top-header-logo1 {
            display: none
        }
        .header-dark .hor-header.top-header .header-brand2 .top-header-logo2 {
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            top: 13px
        }
    }

    @media (max-width:767px) {
        .color-header .hor-header.top-header .header-brand-img.desktop-logo.theme-logo {
            display: none!important
        }
    }

    @media (max-width:991px) {
        .table td,
        .table th {
            padding: 2px 8px
        }
        .icons-list-item {
            margin: 5px 10px
        }
    }

    #bitcoin-chart,
    #dash-chart,
    #ethereum-chart,
    #litecoin-chart,
    #neo-chart,
    #ripple-chart {
        width: 110%!important;
        left: -11px;
        position: relative
    }

    @media (max-width:480px) {
        .mapcontainer1 .map,
        .mapcontainer .map {
            width: auto
        }
    }